《网站设计与建设第2节网站规划设计流程.ppt》由会员分享,可在线阅读,更多相关《网站设计与建设第2节网站规划设计流程.ppt(45页珍藏版)》请在三一办公上搜索。
1、第2节 网站规划与设计的流程,概 述,网站规划与设计流程网站策划书撰写要点功能需求分析设计 网站概要设计网站详细设计网站测试设计撰写网站开发总结性报告编写网站用户手册,2,1.网站规划与设计流程 流程图,网站设计的主要任务包括以下六个阶段,用户需求分析及变更(前期调研)网站架构及业务流程分析系统分析及总体设计(网站设计策划书撰写)界面设计、交互设计及程序开发系统测试和文档编写客户培训、技术支持和售后服务,4,2.网站策划书撰写要点,前期调研分析(是否适合互联网、竞争对手、客户群、自身建设网站的条件和能力)网站目的及功能定位(是什么类型的网站、功能和目的,如是宣传还是电子商务)网站技术解决方案(
2、自建还是虚拟主机等、OS的选择、自己开发还是已有方案、安全性措施、动态语言和数据库的选择、开发工具的选择)网站内容规划网页设计网站维护网站测试(服务器稳定性及安全性、程序及数据库、网页兼容性等)网站发布与推广网站建设日程表费用明细,5,3.网站设计阶段,功能需求分析设计网站概要设计网站详细设计界面设计、交互设计及程序开发网站测试设计撰写网站开发总结性报告编写网站用户手册,第7章 小结,7,网站设计流程网站策划书撰写要点功能需求分析设计 网站概要设计网站详细设计网站测试设计撰写网站开发总结性报告编写网站用户手册,第7章 思考问题,结束,8,7.1 网站设计流程大致分为几个阶段?7.2 网站策划书
3、撰写要点有哪些?7.3 网站技术解决方案主要包括哪些内容?7.4 什么是网站功能需求分析?7.7 网站技术需求中主要有哪些主要内容需要描述?7.9 什么是网站概要设计?7.11 什么是网站详细设计?7.16 什么是压力测试?7.17 使用两个网站测试工具测试和本单位网站情况?7.21 编写一个本单位网站的功能需求、概要设计、详细设计、网站测试、总结性报告和网站用户手册文档。,功能需求分析设计,需求分析人员分工网站技术需求网站页面需求网站需求管理,9,返回,需求分析人员分工,需求分析人员主要有两种:第一种是精通开发环境和技术的系统分析人员(采集项目的硬件成本、软件成本、技术成本)第二种是擅长内容
4、设计的编辑人员(采集项目的详细功能、页面展示内容、页面需求文档)需求采集任务由系统分析员和编辑人员共同完成一般规模比较大的网站需求设计需要1周以上,注意需求分析要经过几个往复过程。,10,网站项目需求分析计划书模板,11,返回,12,网站技术需求:技术需求说明书原则上主要记录用户提出的功能需求、安全需求、网络结构拓扑图以及硬件环境和软件环境等。,13,14,15,返回,16,网站页面需求:网站页面需求设计说明书主要描述页面样式、功能说明、链接说明等。,17,18,返回,19,网站需求管理:主要描述需求修改情况,返回,20,网站概要设计:网页文件和数据库表的索引,它简要地描述了开发人员的工作内容
5、。,由系统分析员和网页设计人员共同完成系统分析员确定网站的版本,源代码存放位置,根据需求设计文档生成主要的文件夹和页面;网页设计人员首先根据文档中已有的页面进行设计,若遇到没有的页面,则应该补充该文档。等到整个网站设计完毕的时候,概要设计文档也就同时完成了。概要设计说明书页面概要设计说明书数据库概要设计说明书,返回,21,网站页面概要设计:页面的概要设计主要包含网页命名的列表,它作为网站的索引目录为后来的程序员迅速找到网页做好备份。,返回,6频道2:,24,数据库概要设计:一部分是概要设计,一部分是SQL执行脚本。前者用来描述数据库设计的内容,后者在移植数据库时使用。,返回,27,网站详细设计
6、:,主要参与人员:美工、网页设计人员、程序员、测试人员。系统分析人员和项目经理主要负责团队成员的沟通,并监督工作的进展。对于程序员,使用不同的开发语言,工作内容也不同。如JSP程序员既要编写JavaBean又要编写脚本,PHP和ASP程序员只要编写脚本即可。美工负责制作效果图(对网站内容少,颜色布局要求不高的网站,可以不制作效果图)网站详细设计包括:页面详细设计数据库详细设计后台脚本详细设计,返回,28,页面详细设计:CSS详细说明、JS特效说明、框架网页说明、内置框架说明和层的说明等。,返回,30,网站数据库详细设计:表空间的建立、索引的建立、存储过程的建立、触发器的建立,同时,根据程序员构
7、造的查询语句需要,建立相应的视图。,返回,32,后台脚本详细设计:说明这些页面的主要功能,处理事物的流程,如果某些代码有特殊的地方,也要适当地声明。,返回,34,网站测试设计:,网站的测试是为了找错误,而不是证明程序没有错误,也就是说,没有测试出问题并不意味着程序绝对没有问题。目标是尽可能的发现更多的错误。结构化或者面向对象的软件测试的源代码对于测试人员可以是不可见的,测试人员测试的是可执行文件,网站则不同,HTML语言、JS语言、CSS语言,都是解释执行的,测试人员可以方便地查看源代码。测试人员应该跟随整个项目的进程,不断地对每个过程进行测试也验证,而不应该等到项目开发结束才开始工作。网站测
8、试工具:http:/:网站排名OpenSTA:负荷及压力测试软件SAINT:网站风险评估工具CSE HTML Validator:HTML网页检错工具Xenus Link Sleuth:网站链接正确性工具AB(Apache Bench):可同时模拟多个并发请求的小工具网站测试报告:网站测试分为前台页面测试和后台脚本测试。,返回,35,网站测试工具:Alexa 是发布全世界网站排名的权威性网站,也是对网站整体性能测评的综合评价。以网站导航起家的Alexa创建于1996年4月。,返回,36,网站测试报告:,返回,40,撰写网站开发总结性报告:网站发布成功,测试完毕后,需要撰写开发总结报告,总结本次开发的收获和经验,为了下一次更好地开发做准备。报告内容:一般包括本次项目的概要、参与开发人员、开发起止时间、质量评估等内容。,返回,43,编写网站用户手册:教会用户如何使用和日常维护管理此网站。,返回,