网页前端设计:关注前端开发流程

流程,通俗来讲,就是许多人,在做一系列的事情时,怎样相互协调,安排好这一系列事情的先后顺序,有什么事先的约定,需要达到怎样的预期目标。

在UED里,前端同学需要处理的需求比较多,早些时候,前端这里的开发流程还是比较模糊的,UED以外的同学也不清楚这边的工作具体是怎样进行的,所以难免会有需求插队的情况发生,打乱了大家的计划,因此今年Q3的时候,在与SCM团队同学的共同努力下,形成了一个前端的ASSETS发布流程。

这个流程主要针对ASSETS发布的需求做了一些约定,制定了相关的几个时间点,包括审核需求、提交代码、daily测试、预发测试、正式发布到线上确认的时间。

ASSETS流程简述

需求审核

在提需求之前,需求方一般都会先找PM或者相应产品线的前端咨询一下,如果可行的话就会在周四之前将需求提到平台上,到了周四的时候,前端会结合自身的工作情况,将平台上的需求接收并纳入自己的日程中,预估完成时间、发布时间以及相关的发布简述。

编码开发

周四需求评估完以后,就会按计划开始处理需求,将涉及ASSETS发布的需求优先处理,不涉及ASSETS的放在靠后的时间处理,一般这段时间是从周四到下一周的周二。SCM会在每周四开一个新的ASSETS分枝供前端在下一周开发使用。

提交代码,合并到daily测试以及预发测试

如果有涉及到与后台开发相关的需求,前端的同学会在周一就把代码提交,这一天会有一次合并代码,方便后台开发来测试。其他的同学一般最晚会在周二下班之前把代码提交,在周二,会有多次合并代码到daily的操作,每次操作完后,SCM的同学会在前端的群里通知到大家,方便大家测试。

周三早上,SCM的同学会将代码发布到预发环境,此时就可以在HOST中绑定IP,换用线上的地址来测试。

正式发布

周四上午,SCM的同学确认后,将没有问题的代码发布上线。

流程的作用

在团队不断成长的过程中,处理的需求数量也在增长,需要考虑到开发的效率、产品的质量以及团队协作间的配合等因素,这个流程能为我们解决很多相关的问题:

督促需求方做好相关的规划

有些时候,一些需求的细节还没完全确定,但需求方总希望能将他想到的各种细节都实现出来,然后再挑选其中一种做为他的方案,所以需求的变更会有些频繁,然而这样的成本有些高,一切应该在计划后再去实现,而非反其道而行。现在需求方会在提需求之前,会花时间地去考虑他们的需求,将尽可能多的情况都想清楚,做好必要的沟通工作,权衡各种利弊之后,再给出一个比较成形的方案。

保证需求安排的有序性

在一个大的团队中,不同部门的同学在一起合作,因为沟通及一些特殊情况,效率或多或少会受到一些影响,良好的规划能有助于提高开发的效率。

通过每周的需求审核,安排好下一周的日程,由于需求的优先级和先后顺序都已排定,工作的条理性会更加清晰,需求插队的现象也有明显减少。当然我们也有紧急流程,但是它仅限于处理线上bug以及一些经过多方确认的紧急需求,有其自己的适用范围。

统一测试,归避风险

之前的日常处理中,可能会遇到这样的情况:甲、乙两个同学分别需要处理两个日常需求,他们的需要改动到的代码会有重合的部分,如果他们并不知道这个情况,那么在他们本地的单独测试中,一切都是OK的,然而当发布到线上去时,发现出了bug或者一方的改动没有同步到线上,查原因后发现是提交的代码相互覆盖了。

现在要处理的需求数量越来越多,为了避免上述情况,新流程实行以后,大家会统一来做多次测试,这样就更容易发现bug,可以大大降低协作开发而产生的风险。

流程本身就是一把双刃剑,有利有弊。一方面,它使我们的需求变得有序,使前端能够在处理一个需求时,不会频繁被其他插队的需求打断。并且因为发布有时间点的设定,所以测试工作会更加严谨,这有助于提升代码的质量。因此对于我们来讲,流程带来的好处是显而易见的;但另一方面,它额外地增加了做事的成本,涉及ASSETS发布的需求,就像赶某班火车一样,错过了就只能等下一班,所以也给需求方带来了许多不便,有待改进,不过这可以通过长期的合作而慢慢被弱化,双方达成了一种默契以后,情况会好很多,现在这样的情况已经比较少了。

尽管在流程使用之初,会带来诸多不便,但是从长远来看,流程有助于使一个团队形成统一的工作方式和态度,将繁杂的事情化整为零,有条理地去处理它们。因为流程,每一个人的责任感都会增强,对风险考虑得会更多一些,这一切都会使产品有质的提升。而我们所有与这个流程有关的人,都会不断地去推动流程改进的工作,这其中还有很多需要思考的:

  • 如何将我们的流程推广到整个公司,让大家都能了解我们的流程,这样在未来需要合作时,需求方需要注意些什么,相关的时间点以及开周时间的预估等,他们就会心中有数。
  • ASSETS的发布还不够灵活,如果把和应用相关的ASSETS独立划分出去与应用一起发布,这样剩下的需要发布的东西就会少很多。或者是按产品线来设计发布流程,根据实际情况来发布。
  • 如何来简化流程上的一些细节,在保持效率的同时,降低实际操作中的成本。
  • 每周二是一个特别的时间点,为了赶在这最后时间提交代码,之前的开发会有些紧张,这种情况也有待改善,比如未来可以一周有两次发布。

流程不是生来就完美,但从现在它带给我们的好处来看,遵循并使用它,对我们的开发会起到很大的帮助作用。我们对待它的态度,决定了它对我们会有怎样的反馈,如果觉得它不合适了,就发出自己的声音,想办法去改进它,不要只是被动地等待。

———————————-

部分名词解释:

daily环境:UED的一个日常测试环境
预发环境:外网IP,需绑定访问,供内部使用测试
ASSETS:脚本和样式存放的目录
SCM:软件管理配置
PM:项目经理

时间: 2024-10-01 08:55:12

网页前端设计:关注前端开发流程的相关文章

网页前端设计资源:前端设计资源收藏夹

文章简介:今天在邮件中收到一个由 Dimi Navrotskyy在Github上发布的前端收藏夹,里面的资源太丰富了.我在想很多同学肯定喜欢.本想直接发个链接与大家分享,但时间久了,找起来辛苦.特意copy了一份发在w3cplus上. 今天在邮件中收到一个由 Dimi Navrotskyy在Github上发布的前端收藏夹,里面的资源太丰富了.我在想很多同学肯定喜欢.本想直接发个链接与大家分享,但时间久了,找起来辛苦.特意copy了一份发在w3cplus上.而且我在后面还增加了一份我自己整理的学习

关注前端开发流程

流程,通俗来讲,就是许多人,在做一系列的事情时,怎样相互协调,安排好这一系列事情的先后顺序,有什么事先的约定,需要达到怎样的预期目标. 在UED里,前端同学需要处理的需求比较多,早些时候,前端这里的开发流程还是比较模糊的,UED以外的同学也不清楚这边的工作具体是怎样进行的,所以难免会有需求插队的情况发生,打乱了大家的计划,因此今年Q3的时候,在与SCM团队同学的共同努力下,形成了一个前端的ASSETS发布流程. 这个流程主要针对ASSETS发布的需求做了一些约定,制定了相关的几个时间点,包括审核

《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读

前言 网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通 网络技术的日益成熟,给人们带来了诸多方便.如今,网络正在各个领域发挥着巨大的作用,成为人们日常生活中不可或缺的部分.人们可以足不出户网上购物,随时查询股票信息,在自己的博客上尽情发表言论--以上这些都离不开最基本的网页设计.制作与维护. 制作一个网站需要很多技术,包括图像设计和处理.网页动画的制作和网页版面的布局编辑等.随着网页制作技术的不断发展和完善,产生了众

推荐网页前端设计:适合JavaScript新手的书籍

文章简介:适合JavaScript新手的入门书籍. 自从学习网页前端设计以来,我一直把主要的精力和时间放在研究Photoshop.Html以及CSS上面,很少学习JavaScript,原因是之前不知道网页的构成由三个部分,内容(Html).外观(CSS)和行动(JavaScript)组成,而JavaScript作为代表行动的部分具有相当的重要性.没有JavaScript参与的网页如同是一本书,单方面的对用户灌输信息,而有了JavaScript的网页,才和用户有所互动.所以现在狠下心来恶补Java

前端设计开发人员的免费电子书分享

文章描述:向前端设计和开发人员推荐10本优秀的免费电子书. 今天收集了10本优秀的免费电子书分享设计人员.电子书代表人们所阅读的数字化出版物, 从而区别于以纸张为载体的传统出版物, 电子书是利用计算机技术将一定的文字.图片.声音.影像等信息.电纸书相比传统的纸质书更加便于携带和查阅. Introduction to Good Usability How To Be Creative Why design? The Design Funnel: A Manifesto for Meaningful

网站的开发流程:前端的敏捷开发

几天前,就网站的开发流程做了一个总结,观点比较片面.极端,仅供参考: 保证界面及用户体验的前提下,写代码的速度是第一要务 不要拘泥于什么技术可用,什么技术不可用.让它在最短的时间内跑起来,在用户体验的过程中完成迭代升级.利用高速的开发流程,为项目创造竞争优势.有些可以用CSS实现的东西,没必要挂JS.然后还跑过来问"我不想用CSS,这段JS为啥不能隐藏滚动条?"这种开发者,不仅是自虐,还是在虐待访客的电脑. 针对某些要求1小时上线的变态项目,大可以用PS直接生成html,什么是标准?什

网页界面设计:商务Web应用程序设计流程和准则

文章描述:商务web应用程序的界面设计.   在smashingmagazine上看到这篇文章,讲的是Web应用程序设计流程和准则等方面,也许对大家有所帮助.翻译比较仓促,错误地方请多指教,查看原文点这里. 商务Web应用程序的界面设计 商务Web应用程序的设计常常被人们所忽视.我看到许多程序,它们既不符合商业目标,也不满足用户需求,它们有很差的用户体验,并造成了商业利润的损失.更夸张的是,有些设计师根本没有参与整个程序的开发流程,而是把全部职责都推给了开发人员. 对于擅长前端和后台技术的工程师

设计思考:关于前端设计和其它岗位的协调

终于有时间静心想了一下W3CTech的交流话题,觉得还是写一点好,之前裕波同学发来话题的时候,一直觉得这是一个太泛泛的话题,但是后来又思考了一下,这的确是一个值得去讨论的话题:前端工程师究竟如何去与其他岗位协同作业? 首先,这个话题应该从高中低三个层次去切入,因为所谓的协同作业在不同的公司不同的环境,甚至不同的部门都是有差异的,并不是说公司或者部门有高下之分就要分三个层次去探讨,而是我觉得它们之间实在有很大的差异. 低级协作我认为在小型的团队较多,它的角色划分很简单客户(OR 老板).设计.前端

搜狐白社会领先的交互与前端设计

翻了翻日志,我写<白社会的四道刀疤>这篇日志的时候,是在5月底,距离现在都半年多了.半年里一直玩白社会,每天停留时间大概在20分钟左右,对不玩游戏的内容型用户来说,也算是半个粉丝吧.看着它一点点发展起来,却始终没能进入sohu的Alexa子域名排名.如果Alexa没错,就意味着白社会的日均PV不高,人气亦不高. 先来回顾一下以前提到过的四个产品缺陷:1.缺乏强大的起步应用,不能有效截停与感染新用户2.信息流泥沙俱下,拔苗助长3.交互文案调侃过甚,体现出小众气质4.交互设计的本地化不足,不像开心