高效WEB开发团队建设.pptVIP

* * * * * * * * * * ? 2009 Cisco Systems, Inc. All rights reserved. Cisco Confidential * ? 2009 Cisco Systems, Inc. All rights reserved. Cisco Confidential * ? 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential Presentation_ID * 高效WEB开发团队建设 Services Application Team – Charlie Du Agenda 我们需要一个更高效的开发团队 合理的开发流程 团队组织结构及职责 从需求开始 前后端分离 前后端协作 我们为推动实现这样一个团队而努力 我们需要一个更高效的开发团队 为什么？ 我们需要一个更高效的开发团队 向业界有影响力的开发团队看齐 雅虎 淘宝 百度 希望有一天我们也能够成为影响别人的团队！ 我们需要一个更高效的开发团队 对团队成员的意义 提升成员自身专业技能 让每一位成员专注做自己最擅长的事 有利于成员形成较清晰的职业规划 我们需要一个更高效的开发团队 对公司的意义 提高工作效率，节约开支 提高产品品质，增强竞争力 提升公司专业形象，塑造业界有影响力的团队 我们需要一个更高效的开发团队 我们要如何来做？ 合理的开发流程(主流程部分) 团队组织结构及职责 组织结构及职责 需求分析小组（由前后端及设计小组分别指派成员共同参与） 与需求提出方进行需求确认，可采用快速原型或画线框图等方式进行，并给出最终说明文档。 设计小组（VD、UED） 根据需求分析时的辅助手段（快速原型或线框图）以及用户体验设计，制作出项目各页面最终效果图。 前端小组（F2E） 将设计小组给出的最终效果图转换为网页格式，实现说明文档中指定的交互功能。 后端小组（SDE） 根据说明文档进行数据库设计开发、数据API开发以及对前端交付的网页进行套页（将假数据替换为真实数据）。 测试小组（QA） 为项目提供测试。 从需求开始 明确的需求是项目的基础，也是QA测试及项目交付的依据！ 所以，在整个开发流程中，我们将很大一部分时间用来明确项目需求，这是非常重要的。 前后端分离 当我们有了明确的项目需求，并有了说明文档以及线框图或快速原型，我们就可以准备分发任务了。 为了实现高效的开发，前后端分离是非常值得推荐的开发方式。 前后端的分离，使得项目开发得以同步进行而互不影响。 由于我更多的是从事前端的开发，所以后面会更多的介绍前端部分是如何运作的。 前后端分离(意义) 一、开发工作更细化，有利于提高开发品质。 二、各组成员得以全心投入到相对单一的工作上，对成员的技术提升有非常大的推动。 三、磨合期结束后，有利于优化项目开发进度，缩减项目开发时间。 四、团队整体实力将得到增强，有助于提高团队竞争力。 前后端分离(前端部分) 前端小组组织结构 Team Leader Technic Leader Team member Team Leader 一名，主要负责小组行政、及对外接口、汇报等工作 Technic Leader 多名，项目owner，负责带领其他成员进行项目开发以及例行的技术分享 Team member 主要与项目owner一起进行项目开发，优秀成员可晋升为Technic Leader 前后端分离(前端部分) 项目开发流程： Team Leader领到项目 分配给Idle的Technic Leader(owner)及Team Member 项目owner拿到项目说明文档及线框图，与项目成员一起分析项目中各页面布局 项目owner负责搭建开发服务器环境，创建项目目录，放置好公共文件，如JS基础框架、CSS Reset文件等等 项目owner负责创建好页面Template 项目owner拿到VD出的各页面效果图，与项目成员一起讨论页面中出现的各个模组，进行任务分配，公共模组、公共样式、独立模组等等分别由哪位成员负责 项目成员同步开发 代码编写结束，各成员交叉进行UI Review、Code Review，然后由owner做最后的Review 交付给后端owner，由后端同事套数据 QA Fix Bug 前后端分离(后端部分) 项目开发大致流程： Team Leader领到项目 分配给Idle的Technic Leader(owner)及Team Member 按项目需要，设计架构（如需要多少台服务器，各服务器之间如何共享数据等） 设计数据库结构（如需要哪些表，各个表之间都是什么关系） 设计缓存结构 编写各