软件设计ZhouSu第10章WebApp设计分解.ppt

软件体系结构与设计;第10章 WebApp设计;第10章 WebApp设计;尽管很多Web开发者都认为WebApp的直接性和易变性削弱了形式化设计，即设计是随着对应用系统进行构造（编码）而进化的，并且应该花费较少的时间创建详细设计模型，但是，当内容和功能变得复杂时，当WebApp的规模包含成百上千的内容对象、函数和分析类时，当WebApp的成功对于业务成功具有直接影响时，就不能也不应该轻视设计。;WebApp设计所包括的技术性和非技术性活动主要有：建立WebApp的外观和印象，创建用户界面的美学布局，定义总体结构，开发体系结构中的内容和功能，以及设计WebApp的导航等。设计工作允许Web工程师创建模型，对该模型进行质量评估，并且可以在内容和编码生成之前、在测试开始之前以及在最终用户参与之前对该模型进行改进，通过设计达到WebApp的质量要求。;10.1 WebApp设计质量;图10-1 质量需求树;10.1 WebApp设计质量;10.1 WebApp设计质量;10.1 WebApp设计质量;10.1 WebApp设计质量;10.1 WebApp设计质量;10.1 WebApp设计质量;10.2 设计目标;10.2 设计目标;10.2 设计目标;10.2 设计目标;10.2 设计目标;10.2 设计目标;10.2 设计目标;图10-2 WebApp设计金字塔;10.3 界面设计;10.3 界面设计;10.3 界面设计;10.4 美学设计;10.4 美学设计;10.4 美学设计;10.4 美学设计;10.4 美学设计;10.5 内容设计;10.5.1 内容对象;10.5.1 内容对象;图10-3 内容对象的设计表示;10.5.1 内容对象;10.5.2 设计问题;10.6 体系结构设计;10.6.1 内容体系结构;图10-4 线性结构;10.6.1 内容体系结构;10.6.1 内容体系结构;图10-5 网格结构;10.6.1 内容体系结构;10.6.1 内容体系结构;图10-6 分层结构;10.6.1 内容体系结构;图10-7 网络结构;10.6.1 内容体系结构;10.6.2 WebApp体系结构;10.6.2 WebApp体系结构;10.6.2 WebApp体系结构;图10-8 MVC结构;10.6.2 WebApp体系结构;10.7 导航设计;10.7.1 导航语义;10.7.1 导航语义;10.7.1 导航语义;10.7.2 导航语法;10.7.2 导航语法;10.8 构件级设计;10.9 面向对象的超媒体设计方法;图10-9 OOHDM方法;10.9.1 OOHDM的概念设计;图10-10 SafeHomeA的部分概念模式;10.9.2 OOHDM的导航设计;10.9.2 OOHDM的导航设计;10.9.3 抽象界面设计与实现;10.9.3 抽象界面设计与实现