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

山东大学计算机科学实验教学示范中心,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,Click to edit Title Slide,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,1,江西农业大学计算机与信息工程学院,网 站 设 计 与 建 设,Website design and developments,2011,年,9,月,2,第,7,章 网站规划设计,第二部分 网站规划,3,网站,规划与,设计流程,网站策划书撰写要点,功能需求分析设计,网站概要设计,网站详细设计,网站测试设计,撰写网站开发总结性报告,编写网站用户手册,概 述,1.,网站,规划与,设计流程,流程图,5,2.,网站策划书撰写要点,前期调研分析,网站目的及功能定位,网站技术解决方案,网站内容规划,网页设计,网站维护,网站测试,网站发布与推广,网站建设日程表,费用明细,3.,网站设计阶段,功能需求分析设计,网站概要设计,网站详细设计,界面设计、交互设计及程序开发,网站测试设计,撰写网站开发总结性报告,编写网站用户手册,7,第,7,章 小结,网站设计流程,网站策划书撰写要点,功能需求分析设计,网站概要设计,网站详细设计,网站测试设计,撰写网站开发总结性报告,编写网站用户手册,8,第,7,章,思考问题,结 束,7,.1,网站设计流程大致分为几个阶段？,7,.2,网站策划书撰写要点有哪些？,7,.3,网站技术解决方案主要包括哪些内容？,7,.4,什么是网站功能需求分析？,7,.7,网站技术需求中主要有哪些主要内容需要描述？,7,.9,什么是网站概要设计？,7,.11,什么是网站详细设计？,7,.16,什么是压力测试？,7,.17,使用两个网站测试工具测试,和本单位网站情况？,7,.21,编写一个本单位网站的功能需求、概要设计、详细设计、网站测试、总结性报告和网站用户手册文档。,9,功能需求分析设计,分析人员分工,网站技术需求,网站页面需求,网站需求管理,返回,10,分析人员分工,需求分析人员,第一种是精通开发环境和技术的系统分析人员,第二种是擅长内容设计的编辑人员,需求采集任务由系统分析员和编辑人员共同完成,一般规模比较大的网站需求设计需要,1,周以上，注意需求分析要经过几个往复过程。,11,网站项目需求分析计划书模板,返回,XXX,网站项目需求分析计划书,部门,作者,日期,1,需求分析引言：,1.1,需求目的：阐明编写需求说明书的目的，指明读者对象。,1.2,需求背景：应包括,项目的委托单位、开发单位和主管部门。,该软件系统与其他系统的关系。,1.3,关键字：列出文档中所用到的专门术语的定义和缩写词的原文。,1.4,参考资料：,2,人员分工说明：,3,需求进度预估：,4,需要配合部门：,12,网站技术需求,:,技术需求说明书原则上主要记录用户提出的功能需求、安全需求、网络结构拓扑图以及硬件环境和软件环境等。,表,7.2,网站技术需求设计说明书模板,XXX,网站技术需求设计说明书,部门,作者,日期,1,需求设计引言：,1.1,需求目的：阐明编写需求说明书的目的，指明读者对象。,1.2,需求背景：应包括,项目的委托单位、开发单位和主管部门。,该软件系统与其他系统的关系。,1.3,关键字：列出文档中所用到的专门术语的定义和缩写词的原文。,1.4,参考资料：可包括,项目经核准的计划任务书、合同或上级机关的批文。,文档所引用的资料、规范等。,列出这些资料的作者、标题、编号、发表日期、出版单位或资料来源。,13,2,技术概述：,2.1,技术目标：技术目标，着重说明本次项目采用技术，要达到或者实现怎么样的一个目标。,2.2,硬件环境：在硬件环境里面要说明本次项目所需要的硬件环境，并分析企业已有的硬件和需要继续购置的硬件设施。,2.3,软件环境：操作系统、数据库、,Web,服务器或应用服务器等。因为成本的不同，是否采用免费的数据库和,Web,服务器等，也是至关重要的。,2.4,网络结构拓扑图：同样与软件项目不同，网站项目还要考虑负载均衡、路由等问题，所以大型的网站项目都必须画出网络结构拓扑图。开发人员、测试人员有时候需要搭建真实的环境进行调试。,14,3,数据描述：,3.1,已有数据：如何处理或利用原有数据，是项目中至关重要的内容。,3.2,录入数据：什么人，以什么方式更新，是否需要对录入部分重新编写程序，这些同样需要说明。,3.3,数据保存：数据的保存有两种方式，存在数据库或存成文件，什么数据用什么方式存储要提前说明，便于程序员在编程时不易出错。,3.4,数据字典：数据词典是为了检索和查询使用的，主要列出本次项目中关键字的定义、解释和相关处理方式。,3.5,数据采集：在开发过程中，需要哪些基础数据，应该跟谁联系，这些内容要在这里说明。,15,4,功能需求：,4.1,功能划分：网站项目都要按照功能怎样划分模块，例如：用户管理模块、帮助模块等。,4.2,功能描述：对每一个功能模块进行详细说明。,5,性能需求：,5.1,数据精确度：对于财务，购物等数字敏感的项目，用户会提出数据的精确度的要求，所以要进行记录。,5.2,时间特性：响应时间、更新处理时间、数据转换与传输时间、运行时间等。,5.3,适应性：适应性也叫友好性，指界面的使用友好性等内容。,6,操作流程图,6.1,流程图一及说明：操作流程图也叫做功能流程图，描绘某个功能模块包含的用户操作流程。,6.2,流程图二及说明,7,其他需求,可实用性、安全保密、可维护性、可移植性等。,返回,16,网站页面需求,:,网站页面需求设计说明书主要描述页面样式、功能说明、链接说明等。,表,7.3,网站页面需求设计说明书模板,XXX,网站页面需求设计说明书,部门,作者,日期,1,需求页面引言：,1.1,需求目的：阐明编写页面需求说明书的目的，为开发确定方向。,1.2,参与人员：参与页面需求设计的人员和分工情况。,1.3,相关文档：其他相关文档，若没有，可不写。,1.4,关,键,字：本次需求的关键字，要能反映出需求的目的和主要内容，同时便于读者查找。,17,2,页面,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,变更说明,文档名称,所在位置,修改时间,文档名称,变更内容,变更原因,变更时间,返回,20,网站概要设计：,网页文件和数据库表的索引，它简要地描述了开发人员的工作内容。,由系统分析员和网页设计人员共同完成,系统分析员确定网站的版本，源代码存放位置，根据需求设计文档生成主要的文件夹和页面；,网页设计人员首先根据文档中已有的页面进行设计，若遇到没有的页面，则应该补充该文档。等到整个网站设计完毕的时候，概要设计文档也就同时完成了。,概要设计说明书,页面概要设计说明书,数据库概要设计说明书,返回,21,网站页面概要设计,:,页面的概要设计主要包含网页命名的列表，它作为网站的索引目录为后来的程序员迅速找到网页做好备份。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.5,网站页面概要设计说明书模板,XXX,网站页面概要设计说明书,部门,作者,日期,1,概要设计引言：,1.1,设计目的：阐明概要设计的目的。,1.2,参与人员：参与撰写概要设计的人员。,1.3,关,键,字：该概要设计的关键字，便于查找。,1.4,相关文档：需求设计说明书，或者其他相关文档。,2,版本及源代码：,软件的版本和源代码存放在,VSS,下的位置要在此处声明，便于开发人员将页面设计完毕后添加到指定的,VSS,目录中。,3,网站目录结构图：,画出网站的目录结构树形图,4,根目录,页面名称,全路径,说明,对应需求设计页面,index.htm,/,index.htm,首页,主页面,文件夹名称,全路径,说明,5,频道,1,：根据功能基本划分出频道，实际上对应根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。页面链接如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,页面名称,全路径,说明,对应需求设计页面,文件夹名称,全路径,说明,(,包括链接页面文件名,),返回,24,数据库概要设计,:,一部分是概要设计，一部分是,SQL,执行脚本。前者用来描述数据库设计的内容，后者在移植数据库时使用。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.6,网站数据库概要设计说明书模板,XXX,网站数据库概要设计说明书,部门,作者,日期,1,概要设计引言：,1.1,设计目的：阐明概要设计的目的。,1.2,参与人员：参与撰写概要设计的人员。,1.3,关,键,字：该概要设计的关键字，便于查找。,1.4,相关文档：需求设计说明书，或者其他相关文档。,2,新建数据库表一览表,1,：,所属用户,用户是拥有数据库操作权限的操作员。数据库表往往是某个用户建立的，这时候，这些表就属于这个用户。其他用户，包括,DBA,权限的用户对这些表格进行操作时，就需要在表格前面声明这个表所属的用户的用户名。用户在一定意义上相当于表路径。,数据库名称,所建数据库表所在的数据库的名称,数据库表名称,说明,建立时间,SQL,脚本名称,(SQL,脚本详细内容,),数据库表详细说明一览表,1,：,(,数据库表名称,),字段名称,字段类型和长度,是否为空,字段说明,SQL,脚本名称,(SQL,脚本详细内容,),返回,27,网站详细设计：,主要参与人员：美工、网页设计人员、程序员、测试人员。,系统分析人员和项目经理主要负责团队成员的沟通，并监督工作的进展。,网站详细设计包括：,页面详细设计,数据库详细设计,后台脚本详细设计,返回,28,页面详细设计,:,CSS,详细说明、,JS,特效说明、框架网页说明、内置框架说明和层的说明等。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.7,网站页面详细设计说明书模板,XXX,网站页面详细设计说明书,部门,作者,日期,1,详细设计引言：,1.1,设计目的：阐明详细设计的目的。,1.2,参与人员：参与撰写详细设计的人员。,1.3,关,键,字：该详细设计的关键字，便于查找。,1.4,相关文档：需求设计说明书，或者其他相关文档。,2,页面一览表,1,：,页面名称,全路径,页面说明,创建时间,CSS,说明,JS,说明,框架说明,其他说明,返回,30,网站数据库详细设计,:,表空间的建立、索引的建立、存储过程的建立、触发器的建立，同时，根据程序员构造的查询语句需要，建立相应的视图。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.8,网站数据库详细设计说明书模板,XXX,网站数据库详细设计说明书,部门,作者,日期,1,详细设计引言：,1.1,设计目的：阐明详细设计的目的。,1.2,参与人员：参与撰写详细设计的人员。,1.3,关,键,字：该详细设计的关键字，便于查找。,1.4,相关文档：需求设计说明书，或者其他相关文档。,2,索引：,3,视图：,4,存储过程：,5,触发器：,返回,索引名称,功能说明,(,含索引所在表的名称,),创建时间,视图名称,功能说明,(,含索引所在表的名称,),创建时间,存储过程名称,功能说明,(,含索引所在表的名称,),创建时间,触发器名称,功能说明,(,含索引所在表的名称,),创建时间,32,后台脚本详细设计,:,说明这些页面的主要功能，处理事物的流程，如果某些代码有特殊的地方，也要适当地声明。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.9,网站后台脚本详细设计说明书模板,XXX,网站后台脚本详细设计说明书,部门,作者,日期,1,详细设计引言：,1.1,设计目的：阐明详细设计的目的。,1.2,参与人员：参与撰写详细设计的人员。,1.3,关,键,字：该详细设计的关键字，便于查找。,1.4,相关文档：需求设计说明书，或者其他相关文档。,2,页面名称及功能,1,：,返回,页面名称,页面全路径,创建时间,功能描述,流 程 图,注：页面功能流程图如同技术需求说明书中的功能流程图，画流程图可以更加形象地表达页面的功能，这些内容在编写代码之初就可以先完成，对指导代码的编写也非常有利。,代码说明,34,网站测试设计：,网站的测试是为了找错误，而不是证明程序没有错误，也就是说，没有测试出问题并不意味着程序绝对没有问题。,软件测试的源代码对于测试人员可以是不可见的，测试人员测试的是可执行文件，网站则不同，,HTML,语言、,JS,语言、,CSS,语言，都是解释执行的，测试人员可以方便地查看源代码。,测试人员应该跟随整个项目的进程，不断地对每个过程进行测试也验证，而不应该等到项目开发结束才开始工作。,网站测试工具：,,网站测试报告,返回,35,网站测试工具,:,Alexa,是发布全世界网站排名的权威性网站，也是对网站整体性能测评的综合评价。以网站导航起家的,Alexa,创建于,1996,年,4,月。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,返回,36,网站测试报告,:,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.10,网站测试文档的模板,XXX,网站测试报告,部门,作者,日期,1,测试引言：,1.1,测试目的：为了更好地将测试结果与开发人员进行交流，特编写此文档。本测试文档将记录每次有效测试的结果，并将问题反映给开发人员。,1.2,参与人员：参与测试的人员。,1.3,关,键,字：该测试文档的关键字，便于查找。,1.4,相关文档：概要设计说明书或数据库设计相关文档。,2,功能测试：,3,性能测试：,3.1,连接速度：,3.2,负载测试：,3.3,压力测试：,被测页面,测试用例,测试结果,操作流程,屏幕截图,被测页面,并发数目,预期结果,响应时间,被测页面,并发数目,预期结果,测试结果,被测页面,并发数目,预期结果,测试结果,4,安全测试：,4.1,权限测试,4.2,超时测试：,4.3,记录测试：,4.4,套接字测试：,被测页面,测试用例,预期结果,测试结果,被测页面,测试用例,预期结果,测试结果,被测页面,测试用例,预期结果,测试结果,被测页面,测试用例,预期结果,测试结果,4.5,脚本安全测试,5.,稳定性测试：,6.,浏览器兼容性测试：,7.,可用性,/,易用性测试：,8.,测试总结：,返回,被测页面,测试用例,预期结果,测试结果,被测页面,测试用例,预期结果,测试结果,被测页面,浏览器名称,预期结果,测试结果,被测页面,测试用例,预期结果,测试结果,40,撰写网站开发总结性报告,:,网站发布成功，测试完毕后，需要撰写开发总结报告，总结本次开发的收获和经验，为了下一次更好地开发做准备。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,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,编写网站用户手册,:,教会用户如何使用和日常维护管理此网站。,4,根目录,5,频道,1,：,需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。,6,频道,2,表,7.12,网站用户手册模板,XXX,网站项目用户手册,部门,作者,日期,1,手册引言：,1.1,手册目的：提供用户日常维护和管理的手册。,1.2,参编人员：参与编写手册的人员。,1.3,关 键 字：该手册的关键字，便于查找。,1.4,相关文档：需求设计说明书、概要设计书或者其他相关文档。,2,手册用途：,2.1,网站功能：着重介绍网站的主要内容，各频道的主要功能，要是有后台管理同样要介绍相应的管理程序的功能。,2.2,网站性能：,2.2.1,版 本 号：,2.2.2,有效时间：如果本次网站是限时的，比如说到某一个时间网站会发生变化，或者某些功能只能用到某一个时间，这些都要进行说明。,3,运行环境：,3.1,硬件环境：说明本次网站允许需要的硬件环境，包括服务器配置，什么样的配置会达到什么样效果。,3.2,软件环境：说明本次网站允许需要的软件环境，包括操作系统、,Web,服务器、应用服务器、数据库等。,4,使用过程：,4.1,安装初始化,4.1.1,数据库安装与配置,4.1.2 Web,服务器安装与配置,4.1.3,应用服务器安装与配置,4.1.4,数据库连接等配置：数据库服务器的地址、服务器名、端口号、用户名、密码，以及其他相关说明。,4.2,功能一介绍：包括后台管理，例如信息发布、账户管理等。,4.2.1,屏幕截图,4.2.2,使用说明：对应截图的使用流程和每个按钮的功能,4.2.3,使用举例,5,处理与恢复：,有些错误是可以预料的，解决方案必然早就准备好了，那么这些可以预料的错误如果发生了，就可以立即恢复，把这些告诉用户，他们就可以随时解决相应的简单故障。,返回,