高效WEB开发团队建设课件.ppt

1、 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential1 2008 Cisco Systems,Inc.All rights reserved.Cisco ConfidentialPresentation_ID1高效WEB开发团队建设Services Application Team Charlie Du 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential2Agenda我们需要一个更高效的开发团队合理的开发流程团队组织结构及职责从需求开始前后端分离前后端

2、协作我们为推动实现这样一个团队而努力 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential3我们需要一个更高效的开发团队我们需要一个更高效的开发团队为什么？2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential4我们需要一个更高效的开发团队我们需要一个更高效的开发团队向业界有影响力的开发团队看齐雅虎淘宝百度希望有一天我们也能够成为影响别人的团队！2009 Cisco Systems,Inc.All rights reserved.Cisco Confiden

3、tial5我们需要一个更高效的开发团队我们需要一个更高效的开发团队对团队成员的意义提升成员自身专业技能让每一位成员专注做自己最擅长的事有利于成员形成较清晰的职业规划 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential6我们需要一个更高效的开发团队我们需要一个更高效的开发团队对公司的意义提高工作效率，节约开支提高产品品质，增强竞争力提升公司专业形象，塑造业界有影响力的团队 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential7我们需要一个更高效的开发团队我

4、们需要一个更高效的开发团队我们要如何来做？2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential8合理的开发流程合理的开发流程(主流程部分主流程部分)2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential9团队组织结构及职责团队组织结构及职责组织结构及职责组织结构及职责需求分析小组需求分析小组（由前后端及设计小组分别指派成员共同参与）与需求提出方进行需求确认，可采用快速原型或画线框图等方式进行，并给出最终说明文档。设计小组设计小组（VD、UED）根据需求分析时

5、的辅助手段（快速原型或线框图）以及用户体验设计，制作出项目各页面最终效果图。前端小组前端小组（F2E）将设计小组给出的最终效果图转换为网页格式，实现说明文档中指定的交互功能。后端小组后端小组（SDE）根据说明文档进行数据库设计开发、数据API开发以及对前端交付的网页进行套页（将假数据替换为真实数据）。测试小组测试小组（QA）为项目提供测试。2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential10从需求开始从需求开始 明确的需求是项目的基础，也是QA测试及项目交付的依据！所以，在整个开发流程中，我们将很大一部分时间用来明确项目

6、需求，这是非常重要的。2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential11前后端分离前后端分离 当我们有了明确的项目需求，并有了说明文档以及线框图或快速原型，我们就可以准备分发任务了。为了实现高效的开发，前后端分离是非常值得推荐的开发方式。前后端的分离，使得项目开发得以同步进行而互不影响。由于我更多的是从事前端的开发，所以后面会更多的介绍前端部分是如何运作的。2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential12前后端分离前后端分离(意义意义)一、开

7、发工作更细化，有利于提高开发品质。二、各组成员得以全心投入到相对单一的工作上，对成员的技术提升有非常大的推动。三、磨合期结束后，有利于优化项目开发进度，缩减项目开发时间。四、团队整体实力将得到增强，有助于提高团队竞争力。2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential13前后端分离前后端分离(前端部分前端部分)前端小组组织结构前端小组组织结构Team LeaderTechnic LeaderTeam memberTeam Leader 一名，主要负责小组行政、及对外接口、汇报等工作Technic Leader 多名，项目

8、owner，负责带领其他成员进行项目开发以及例行的技术分享Team member 主要与项目owner一起进行项目开发，优秀成员可晋升为Technic Leader 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential14前后端分离前后端分离(前端部分前端部分)项目开发流程：1.Team Leader领到项目2.分配给Idle的Technic Leader(owner)及Team Member3.项目owner拿到项目说明文档及线框图，与项目成员一起分析项目中各页面布局4.项目owner负责搭建开发服务器环境，创建项目目录，

9、放置好公共文件，如JS基础框架、CSS Reset文件等等5.项目owner负责创建好页面Template6.项目owner拿到VD出的各页面效果图，与项目成员一起讨论页面中出现的各个模组，进行任务分配，公共模组、公共样式、独立模组等等分别由哪位成员负责7.项目成员同步开发8.代码编写结束，各成员交叉进行UI Review、Code Review，然后由owner做最后的Review9.交付给后端owner，由后端同事套数据10.QA&Fix Bug 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential15前后端分离前后端分

10、离(后端部分后端部分)项目开发大致流程：1.Team Leader领到项目2.分配给Idle的Technic Leader(owner)及Team Member3.按项目需要，设计架构（如需要多少台服务器，各服务器之间如何共享数据等）4.设计数据库结构（如需要哪些表，各个表之间都是什么关系）5.设计缓存结构6.编写各种类库7.套数据8.QA&Fix Bug 2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential16前后端协作前后端协作 在前后端开发实施过程中，会必不可少的出现一些问题，如双方需要的数据格式、数据类型等等都是经常

11、会遇到的问题，以及后端在对前端交付的页面套数据时，也常常会遇到一些问题。为了实现双方更好的协作，我们需要制定一些双方都需要遵循的开发规范。2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential17前后端分离协作前后端分离协作 具体细节将会有独立的开发指引或规则等相关文档。可以参见Arlen整理的相关资料。2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential18我们需要一个更高效的开发团队我们需要一个更高效的开发团队思考及讨论：我们目前是怎样的状况？2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential19为实现目标而努力为实现目标而努力 好事多磨，任何计划在实施过程中都会遇到种种苦难和阻力，不过我们相信，只要我们坚持，就一定能够实现！2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential20Thanks!2009 Cisco Systems,Inc.All rights reserved.Cisco Confidential21