网站设计与建设-第7章 网站规划设计

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