网站设计与建设-第2节网站规划设计流程课件

第2节网站规划与设计的流程概述网站规划与设计流程网站策划书撰写要点功能需求分析设计网站概要设计网站详细设计网站测试设计撰写网站开发总结性报告编写网站用户手册21.网站规划与设计流程–流程图2.网站策划书撰写要点前期调研分析(是否适合互联网、竞争对手、客户群、自身建设网站的条件和能力)网站目的及功能定位(是什么类型的网站、功能和目的，如是宣传还是电子商务)网站技术解决方案(自建还是虚拟主机等、OS的选择、自己开发还是已有方案、安全性措施、动态语言和数据库的选择、开发工具的选择)网站内容规划网页设计网站维护网站测试(服务器稳定性及安全性、程序及数据库、网页兼容性等)网站发布与推广网站建设日程表费用明细53.网站设计阶段①功能需求分析设计②网站概要设计③网站详细设计④界面设计、交互设计及程序开发⑤网站测试设计⑥撰写网站开发总结性报告⑦编写网站用户手册第7章小结7网站设计流程网站策划书撰写要点功能需求分析设计网站概要设计网站详细设计网站测试设计撰写网站开发总结性报告编写网站用户手册功能需求分析设计需求分析人员分工网站技术需求网站页面需求网站需求管理9返回需求分析人员分工

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

返回索引名称功能说明(含索引所在表的名称)创建时间视图名称功能说明(含索引所在表的名称)创建时间存储过程名称功能说明(含索引所在表的名称)创建时间触发器名称功能说明(含索引所在表的名称)创建时间32后台脚本详细设计:说明这些页面的主要功能，处理事物的流程，如果某些代码有特殊的地方，也要适当地声明。表7.9网站后台脚本详细设计说明书模板XXX网站后台脚本详细设计说明书部门作者日期1．详细设计引言：1.1设计目的：阐明详细设计的目的。1.2参与人员：参与撰写详细设计的人员。1.3关键字：该详细设计的关键字，便于查找。1.4相关文档：需求设计说明书，或者其他相关文档。2．页面名称及功能1：返回页面名称页面全路径创建时间功能描述流程图注：页面功能流程图如同技术需求说明书中的功能流程图，画流程图可以更加形象地表达页面的功能，这些内容在编写代码之初就可以先完成，对指导代码的编写也非常有利。代码说明34网站测试设计：网站的测试是为了找错误，而不是证明程序没有错误，也就是说，没有测试出问题并不意味着程序绝对没有问题。目标是尽可能的发现更多的错误。结构化或者面向对象的软件测试的源代码对于测试人员可以是不可见的，测试人员测试的是可执行文件，网站则不同，HTML语言、JS语言、CSS语言，都是解释执行的，测试人员可以方便地查看源代码。测试人员应该跟随整个项目的进程，不断地对每个过程进行测试也验证，而不应该等到项目开发结束才开始工作。网站测试工具：http://

：网站排名OpenSTA：负荷及压力测试软件SAINT：网站风险评估工具CSEHTMLValidator:HTML网页检错工具Xenu’sLinkSleuth:网站链接正确性工具AB（ApacheBench）：可同时模拟多个并发请求的小工具网站测试报告：网站测试分为前台页面测试和后台脚本测试。返回35网站测试工具:Alexa是发布全世界网站排名的权威性网站，也是对网站整体性能测评的综合评价。以网站导航起家的Alexa创建于1996年4月。返回36网站测试报告:表7.10网站测试文档的模板XXX网站测试报告部门作者日期1．测试引言：1.1测试目的：为了更好地将测试结果与开发人员进行交流，特编写此文档。本测试文档将记录每次有效测试的结果，并将问题反映给开发人员。1.2参与人员：参与测试的人员。1.3关键字：该测试文档的关键字，便于查找。1.4相关文档：概要设计说明书或数据库设计相关文档。2．功能测试（链接、表单、cookie、开发语言、数据库）3．性能测试：通过自动化的测试工具模拟多种正常、峰值以及异常负载条件来对系统的各项性能指标进行测试。常用工具LoadRunner、AB、OpenSTA等3.1连接速度：

打开网页的响应速度（不要超过5秒）3.2负载测试：通过测试系统在资源超负荷情况下的表现，以发现设计上的错误或验证系统的负载能力。3.3压力测试：测试网站服务器支持的最大用户数，从而掌握在经历一次大的访问量增长后，服务器是否还能正常提供服务。可以看作负载测试的一种。

被测页面测试用例测试结果操作流程屏幕截图被测页面并发数目预期结果响应时间4．安全测试：SAINT工具4.1权限测试4.2超时测试：4.3记录测试：4.4套接字测试：

4.5脚本安全测试被测页面测试用例预期结果测试结果5.稳定性测试：6.浏览器兼容性测试：ActiveX：Microsoft公司开发，IE；JAVA是SUN公司的产品；JavaScript是Netscape的产品等，后来和SUN合作开发，目前IE也支持JavaScript脚本。7.可用性/易用性测试：

8.测试总结：

返回被测页面测试用例预期结果测试结果被测页面浏览器名称预期结果测试结果被测页面测试用例预期结果测试结果40撰写网站开发总结性报告:网站发布成功，测试完毕后，需要撰写开发总结报告，总结本次开发的收获和经验，为了下一次更好地开发做准备。

报告内容：一般包括本次项目的概要、参与开发人员、开发起止时间、质量评估等内容。表7.11网站开发总结性报告模板XXX网站开发总结性报告部门作者日期1．总结引言：1.1总结目的：撰写总结性报告总结现有的开发经验，发现相应的问题，从而在下一个网站开发项目中避免相应的问题，达到提高效率和质量的目的。1.2参与人员：参与开发设计的人员。1.3关键字：该总结性报告的关键字，便于查找。1.4相关文档：需求设计说明书、概要设计书或者其他相关文档。2．网站开发结果：2.1网站简介：

简要介绍网站的功能、频道划分情况、网站的文件数、页面数、图片数、数据数量、初始数据量等。2.2网站主要功能：

着重介绍网站的主要内容，各频道的主要功能，要是有后台管理同样要介绍相应的管理程序的功能。2.3网站开发进度：

简单介绍网站开发计划起止时间，实际耗用多少时间。2.4网站开发成本：

说明本次开发耗用的人力及其他相关材料的成本，对这一次成本的投入和人员的利用率进行评价。2.5网站总体开发质量：主要从网站的功能和性能方面来衡量网站的开发质量，因为没有一个客观的标准，所以质量可能总是带有主观色彩。2.6软硬件与相关技术：

主要介绍网站的开发工具、Web服务器、数据库，以及使用的主要开发技术。2.7预知错误分析及解决方案：

一个经过测试的网站和一批有经验的开发人员必然会预料到网站可能出现的问题，例如当访问量达到多少网站会宕机等。这些问题都是可以预见的，所有对可以预见的问题事先声明，以便能在事故发生以前采取相应的措施。并给出各种故障的应对措施。

3．网站开发经验总结：

在本次开发中，从管理到开发，也许会出现以往开发中没有碰到的问题，需要总结出相应的解决方案，或者以前的开发经验成功地应用于本次网站的开发，此时也应该再一次加以说明。

返回43编写网站用户手册:

教会用户如何使用