高效WEB开发团队建设课件

1、高效WEB开发团队建设Services Application Team Charlie DuAgenda我们需要一个更高效的开发团队合理的开发流程团队组织结构及职责从需求开始前后端分离前后端协作我们为推动实现这样一个团队而努力我们需要一个更高效的开发团队为什么？我们需要一个更高效的开发团队向业界有影响力的开发团队看齐雅虎淘宝百度希望有一天我们也能够成为影响别人的团队！我们需要一个更高效的开发团队对团队成员的意义提升成员自身专业技能让每一位成员专注做自己最擅长的事有利于成员形成较清晰的职业规划我们需要一个更高效的开发团队对公司的意义提高工作效率，节约开支提高产品品质，增强竞争力提升公司专业形象

2、，塑造业界有影响力的团队我们需要一个更高效的开发团队我们要如何来做？合理的开发流程(主流程部分)团队组织结构及职责组织结构及职责需求分析小组（由前后端及设计小组分别指派成员共同参与）与需求提出方进行需求确认，可采用快速原型或画线框图等方式进行，并给出最终说明文档。设计小组（VD、UED）根据需求分析时的辅助手段（快速原型或线框图）以及用户体验设计，制作出项目各页面最终效果图。前端小组（F2E）将设计小组给出的最终效果图转换为网页格式，实现说明文档中指定的交互功能。后端小组（SDE）根据说明文档进行数据库设计开发、数据API开发以及对前端交付的网页进行套页（将假数据替换为真实数据）。测试小组（Q

3、A）为项目提供测试。从需求开始 明确的需求是项目的基础，也是QA测试及项目交付的依据！ 所以，在整个开发流程中，我们将很大一部分时间用来明确项目需求，这是非常重要的。前后端分离 当我们有了明确的项目需求，并有了说明文档以及线框图或快速原型，我们就可以准备分发任务了。 为了实现高效的开发，前后端分离是非常值得推荐的开发方式。 前后端的分离，使得项目开发得以同步进行而互不影响。 由于我更多的是从事前端的开发，所以后面会更多的介绍前端部分是如何运作的。前后端分离(意义) 一、开发工作更细化，有利于提高开发品质。 二、各组成员得以全心投入到相对单一的工作上，对成员的技术提升有非常大的推动。 三、磨合期

4、结束后，有利于优化项目开发进度，缩减项目开发时间。 四、团队整体实力将得到增强，有助于提高团队竞争力。前后端分离(前端部分)前端小组组织结构Team LeaderTechnic LeaderTeam memberTeam Leader 一名，主要负责小组行政、及对外接口、汇报等工作Technic Leader 多名，项目owner，负责带领其他成员进行项目开发以及例行的技术分享Team member 主要与项目owner一起进行项目开发，优秀成员可晋升为Technic Leader前后端分离(前端部分)项目开发流程：Team Leader领到项目分配给Idle的Technic Leader(o

5、wner)及Team Member项目owner拿到项目说明文档及线框图，与项目成员一起分析项目中各页面布局项目owner负责搭建开发服务器环境，创建项目目录，放置好公共文件，如JS基础框架、CSS Reset文件等等项目owner负责创建好页面Template项目owner拿到VD出的各页面效果图，与项目成员一起讨论页面中出现的各个模组，进行任务分配，公共模组、公共样式、独立模组等等分别由哪位成员负责项目成员同步开发代码编写结束，各成员交叉进行UI Review、Code Review，然后由owner做最后的Review交付给后端owner，由后端同事套数据QA & Fix Bug前后端分

6、离(后端部分) 项目开发大致流程：Team Leader领到项目分配给Idle的Technic Leader(owner)及Team Member按项目需要，设计架构（如需要多少台服务器，各服务器之间如何共享数据等）设计数据库结构（如需要哪些表，各个表之间都是什么关系）设计缓存结构编写各种类库套数据QA & Fix Bug前后端协作 在前后端开发实施过程中，会必不可少的出现一些问题，如双方需要的数据格式、数据类型等等都是经常会遇到的问题，以及后端在对前端交付的页面套数据时，也常常会遇到一些问题。 为了实现双方更好的协作，我们需要制定一些双方都需要遵循的开发规范。前后端分离协作 具体细节将会有独立的开发指引或规则等相关文档。 可以参见Arlen整理的相关资料。