搜索
Yourcompanyslogan网站规划与设计的流程Yourcompanyslogan概述网站规划与设计流程网站策划书撰写要点功能需求分析设计网站概要设计网站详细设计网站测试设计撰写网站开发总结性报告编写网站用户手册2Yourcompanyslogan1.网站规划与设计流程–流程图Yourcompanyslogan网站设计的主要任务包括以下六个阶段①用户需求分析及变更（前期调研）②网站架构及业务流程分析③系统分析及总体设计（网站设计策划书撰写）④界面设计、交互设计及程序开发⑤系统测试和文档编写⑥客户培训、技术支持和售后服务4Yourcompanyslogan2.网站策划书撰写要点①前期调研分析(是否适合互联网、竞争对手、客户群、自身建设网站的条件和能力)②网站目的及功能定位(是什么类型的网站、功能和目的，如是宣传还是电子商务)③网站技术解决方案(自建还是虚拟主机等、OS的选择、自己开发还是已有方案、安全性措施、动态语言和数据库的选择、开发工具的选择)④网站内容规划⑤网页设计⑥网站维护⑦网站测试(服务器稳定性及安全性、程序及数据库、网页兼容性等)⑧网站发布与推广⑨网站建设日程表⑩费用明细5Yourcompanyslogan3.网站设计阶段①功能需求分析设计②网站概要设计③网站详细设计④界面设计、交互设计及程序开发⑤网站测试设计⑥撰写网站开发总结性报告⑦编写网站用户手册Yourcompanyslogan功能需求分析设计需求分析人员分工网站技术需求网站页面需求网站需求管理7返回Yourcompanyslogan需求分析人员分工需求分析人员主要有两种：①第一种是精通开发环境和技术的系统分析人员（采集项目的硬件成本、软件成本、技术成本）②第二种是擅长内容设计的编辑人员（采集项目的详细功能、页面展示内容、页面需求文档）需求采集任务由系统分析员和编辑人员共同完成一般规模比较大的网站需求设计需要1周以上，注意需求分析要经过几个往复过程。8Yourcompanyslogan网站项目需求分析计划书模板9返回XXX网站项目需求分析计划书部门作者日期1．需求分析引言：1.1需求目的：阐明编写需求说明书的目的，指明读者对象。1.2需求背景：应包括项目的委托单位、开发单位和主管部门。该软件系统与其他系统的关系。1.3关键字：列出文档中所用到的专门术语的定义和缩写词的原文。1.4参考资料：2．人员分工说明：3．需求进度预估：4．需要配合部门：Yourcompanyslogan10网站技术需求:技术需求说明书原则上主要记录用户提出的功能需求、安全需求、网络结构拓扑图以及硬件环境和软件环境等。表7.2网站技术需求设计说明书模板XXX网站技术需求设计说明书部门作者日期1．需求设计引言：1.1需求目的：阐明编写需求说明书的目的，指明读者对象。1.2需求背景：应包括项目的委托单位、开发单位和主管部门。该软件系统与其他系统的关系。1.3关键字：列出文档中所用到的专门术语的定义和缩写词的原文。1.4参考资料：可包括项目经核准的计划任务书、合同或上级机关的批文。文档所引用的资料、规范等。列出这些资料的作者、标题、编号、发表日期、出版单位或资料来源Yourcompanyslogan112．技术概述：2.1技术目标：技术目标，着重说明本次项目采用技术，要达到或者实现怎么样的一个目标。2.2硬件环境：在硬件环境里面要说明本次项目所需要的硬件环境，并分析企业已有的硬件和需要继续购置的硬件设施。2.3软件环境：操作系统、数据库、Web服务器或应用服务器等。因为成本的不同，是否采用免费的数据库和Web服务器等，也是至关重要的。2.4网络结构拓扑图：同样与软件项目不同，网站项目还要考虑负载均衡、路由等问题，所以大型的网站项目都必须画出网络结构拓扑图。开发人员、测试人员有时候需要搭建真实的环境进行调试。Yourcompanyslogan123．数据描述：3.1已有数据：如何处理或利用原有数据，是项目中至关重要的内容。3.2录入数据：什么人，以什么方式更新，是否需要对录入部分重新编写程序，这些同样需要说明。3.3数据保存：数据的保存有两种方式，存在数据库或存成文件，什么数据用什么方式存储要提前说明，便于程序员在编程时不易出错。3.4数据字典：数据词典是为了检索和查询使用的，主要列出本次项目中关键字的定义、解释和相关处理方式。3.5数据采集：在开发过程中，需要哪些基础数据，应该跟谁联系，这些内容要在这里说明。Yourcompanyslogan134．功能需求：4.1功能划分：网站项目都要按照功能怎样划分模块，例如：用户管理模块、帮助模块等。4.2功能描述：对每一个功能模块进行详细说明。5．性能需求：5.1数据精确度：对于财务，购物等数字敏感的项目，用户会提出数据的精确度的要求，所以要进行记录。5.2时间特性：响应时间、更新处理时间、数据转换与传输时间、运行时间等。5.3适应性：适应性也叫友好性，指界面的使用友好性等内容。6．操作流程图6.1流程图一及说明：操作流程图也叫做功能流程图，描绘某个功能模块包含的用户操作流程。6.2流程图二及说明7．其他需求可实用性、安全保密、可维护性、可移植性等。返回Yourcompanyslogan14网站页面需求:网站页面需求设计说明书主要描述页面样式、功能说明、链接说明等。表7.3网站页面需求设计说明书模板XXX网站页面需求设计说明书部门作者日期1．需求页面引言：1.1需求目的：阐明编写页面需求说明书的目的，为开发确定方向。1.2参与人员：参与页面需求设计的人员和分工情况。1.3相关文档：其他相关文档，若没有，可不写。1.4关键字：本次需求的关键字，要能反映出需求的目的和主要内容，同时便于读者查找。Yourcompanyslogan152．页面1：页面名称2.1页面样式：由word一些绘图元素构成的页面示意图，它主要描述页面布局，以及导航、文字和图片等元素放置的位置。2.2页面功能说明：像文字渐入渐出显示、图片随着鼠标移动、单击页面自动滚屏等，或者其他无法通过绘图来说明的，都需要在页面功能中进行说明，例如：登录页面的单击【重填】按钮时，它的功能就需要说明为：“清空用户名和密码输入框”。当然页面功能说明还需要声明此页面的主要作用，比如说“此页面是用户登录页”。2.3页面链接说明：在有链接的地方必须注明链接的目的地，对于表单而言，就必须声明提交后显示的页面，例如：用户登录页面单击【确定】按钮后，应该跳转到论坛首页，还是用户详细资料页面，就需要在页面链接说明进行说明。Yourcompanyslogan16返回3．页面2：页面名称3.1页面样式：3.2页面功能说明：3.3页面链接说明：。。。。。。4．其他需求例如用户指定基本彩调，公司的专用徽标、用户特殊要求。Yourcompanyslogan17网站需求管理:主要描述需求修改情况表7.4网站需求管理文档模板XXX网站需求管理文档说明书部门作者日期1．需求管理引言：1.1需求目的：阐明需求管理的目的。1.2参与人员：参与需求管理的人员。1.3相关文档：其他相关文档，若没有，可不写。2．需求文档列表3．变更说明文档名称所在位置修改时间文档名称变更内容变更原因变更时间返回Yourcompanyslogan18网站概要设计：网页文件和数据库表的索引，它简要地描述了开发人员的工作内容。由系统分析员和网页设计人员共同完成系统分析员确定网站的版本，源代码存放位置，根据需求设计文档生成主要的文件夹和页面；网页设计人员首先根据文档中已有的页面进行设计，若遇到没有的页面，则应该补充该文档。等到整个网站设计完毕的时候，概要设计文档也就同时完成了。概要设计说明书页面概要设计说明书数据库概要设计说明书返回Yourcompanyslogan19网站页面概要设计:页面的概要设计主要包含网页命名的列表，它作为网站的索引目录为后来的程序员迅速找到网页做好备份。表7.5网站页面概要设计说明书模板XXX网站页面概要设计说明书部门作者日期1．概要设计引言：1.1设计目的：阐明概要设计的目的。1.2参与人员：参与撰写概要设计的人员。1.3关键字：该概要设计的关键字，便于查找。1.4相关文档：需求设计说明书，或者其他相关文档。Yourcompanyslogan2．版本及源代码：软件的版本和源代码存放在VSS下的位置要在此处声明，便于开发人员将页面设计完毕后添加到指定的VSS目录中。3．网站目录结构图：画出网站的目录结构树形图4．根目录页面名称全路径说明对应需求设计页面index.htm/index.htm首页主页面文件夹名称全路径说明Yourcompanyslogan5．频道1：需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。页面链接如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。页面名称全路径说明对应需求设计页面文件夹名称全路径说明(包括链接页面文件名)返回6．频道2：…Yourcompanyslogan22数据库概要设计:一部分是概要设计，一部分是SQL执行脚本。前者用来描述数据库设计的内容，后者在移植数据库时使用。表7.6网站数据库概要设计说明书模板XXX网站数据库概要设计说明书部门作者日期1．概要设计引言：1.1设计目的：阐明概要设计的目的。1.2参与人员：参与撰写概要设计的人员。1.3关键字：该概要设计的关键字，便于查找。1.4相关文档：需求设计说明书，或者其他相关文档。Yourcompanyslogan2．新建数据库表一览表1：所属用户用户是拥有数据库操作权限的操作员。数据库表往往是某个用户建立的，这时候，这些表就属于这个用户。其他用户，包括DBA权限的用户对这些表格进行操作时，就需要在表格前面声明这个表所属的用户的用户名。用户在一定意义上相当于表路径。数据库名称所建数据库表所在的数据库的名称数据库表名称说明建立时间SQL脚本名称(SQL脚本详细内容)Yourcompanyslogan数据库表详细说明一览表1：(数据库表名称)字段名称字段类型和长度是否为空字段说明SQL脚本名称(SQL脚本详细内容)返回Yourcompanyslogan25网站详细设计：主要参与人员：美工、网页设计人员、程序员、测试人员。系统分析人员和项目经理主要负责团队成员的沟通，并监督工作的进展。对于程序员，使用不同的开发语言，工作内容也不同。如JSP程序员既要编写JavaBean又要编写脚本，PHP和ASP程序员只要编写脚本即可。美工负责制作效果图（对网站内容少，颜色布局要求不高的网站，可以不制作效果图）网站详细设计包括：页面详细设计数据库详细设计后台脚本详细设计返回Yourcompanyslogan26页面详细设计:CSS详细说明、JS特效说明、框架网页说明、内置框架说明和层的说明等。表7.7网站页面详细设计说明书模板XXX网站页面详细设计说明书部门作者日期1．详细设计引言：1.1设计目的：阐明详细设计的目的。1.2参与人员：参与撰写详细设计的人员。1.3关键字：该详细设计的关键字，便于查找。1.4相关文档：需求设计说明书，或者其他相关文档。Yourcompanyslogan2．页面一览表1：页面名称全路径页面说明创建时间CSS说明JS说明框架说明其他说明返回Yourcompanyslogan28网站数据库详细设计:表空间的建立、索引的建立、存储过程的建立、触发器的建立，同时，根据程序员构造的查询语句需要，建立相应的视图。表7.8网站数据库详细设计说明书模板XXX网站数据库详细设计说明书部门作者日期1．详细设计引言：1.1设计目的：阐明详细设计的目的。1.2参与人员：参与撰写详细设计的人员。1.3关键字：该详细设计的关键字，便于查找。1.4相关文档：需求设计说明书，或者其他相关文档。Yourcompanys