WebApp设计PPT演示课件

软件体系结构软件体系结构 理论理论 、 设计设计 与与 应用应用安徽理工大学计算机科学与工程学院安徽理工大学计算机科学与工程学院张顺香张顺香Mobile Phone： 189-6377-7827Email： 1第第 10讲讲 WebApp 设计设计 WebApp 设计质量设计质量 .Quality 设计目标设计目标 .Aim 界面设计界面设计 .Interface 美学设计美学设计 .Esthetics 内容设计内容设计 .Content 体系结构设计体系结构设计 .Architecture 导航设计导航设计 .Navigation 构件级设计构件级设计 .Component 面向对象的超媒体设计方法面向对象的超媒体设计方法 .Hypermedia 尽管很多尽管很多 Web 开发者都认为开发者都认为 WebApp 的的 直接性和易变性直接性和易变性 削削弱了弱了 形式化设计形式化设计 ，即设计是随着对应用系统进行构造（编，即设计是随着对应用系统进行构造（编码）而进化的，并且应该花费码）而进化的，并且应该花费 较少的时间创建详细设计较少的时间创建详细设计 模模型，但是，当内容和功能变得型，但是，当内容和功能变得 复杂复杂 时，当时，当 WebApp 的规模的规模包含成百上千的包含成百上千的 内容对象、函数和分析类内容对象、函数和分析类 时，当时，当 WebApp的成功对于业务成功具有直接影响时，就不能也不应该轻的成功对于业务成功具有直接影响时，就不能也不应该轻视设计。视设计。第第 10讲讲 WebApp 设计设计 WebApp 设计所包括的技术性和非技术性活动主要有：建设计所包括的技术性和非技术性活动主要有：建立立 WebApp 的的 外观和印象外观和印象 ，创建用户界面的，创建用户界面的 美学布局美学布局 ，定，定义义 总体结构总体结构 ，开发体系结构中的，开发体系结构中的 内容和功能内容和功能 ，以及设计，以及设计WebApp 的的 导航导航 等。等。 设计工作设计工作 允许允许 Web 工程师工程师 创建模型创建模型 ，对该模型进行对该模型进行 质量评估质量评估 ，并且可以在内容和编码生成之前，并且可以在内容和编码生成之前、在测试开始之前以及在最终用户参与之前对该模型进行、在测试开始之前以及在最终用户参与之前对该模型进行改进，通过设计达到改进，通过设计达到 WebApp 的质量要求。的质量要求。第第 10讲讲 WebApp 设计设计10.1 WebApp 设计质量设计质量 一般认为，在软件工程中讨论的一般认为，在软件工程中讨论的 软件质量软件质量 的所有技术特征的所有技术特征，以及通用质量属性等都适用于，以及通用质量属性等都适用于 WebApp 。然而，其中一。然而，其中一些最相关的通用特性，即些最相关的通用特性，即 可用性可用性 、 功能性功能性 、 可靠性可靠性 、 效率效率及及 可维护性可维护性 ，构成了评估基于，构成了评估基于 Web 的系统的的系统的 质量基础质量基础 ，好，好的的 WebApp 设计应该展现出设计应该展现出 简单性简单性 、 一致性一致性 、 符合性符合性 、 健健壮性壮性 、 导航性导航性 和和 视觉吸引力视觉吸引力 。 Olsina设计了一个设计了一个 “质量需求树质量需求树 ”，在其中定义了一组可产，在其中定义了一组可产生高质量生高质量 WebApp 的技术属性（见图的技术属性（见图 10-1），这些质量特），这些质量特征对所有的软件都是通用的。征对所有的软件都是通用的。图图 10-1 质量需求树质量需求树10.1 WebApp 设计质量设计质量 Offutt对图对图 10-1所描述的所描述的 5个个 质量质量 属性属性 进行了进行了 扩展扩展 ，包括：，包括： 安全性安全性 ： WebApp 已经和公司及政府重要的数据库高度集成，电子已经和公司及政府重要的数据库高度集成，电子商务应用系统提取敏感的客户信息，然后将这些信息存储起来，因商务应用系统提取敏感的客户信息，然后将这些信息存储起来，因此，此， WebApp 的安全性在很多情况下变得极为重要，其关键度量标的安全性在很多情况下变得极为重要，其关键度量标准是准是 WebApp 和服务器环境拒绝非授权访问和（或）阻挡恶意攻击和服务器环境拒绝非授权访问和（或）阻挡恶意攻击的能力。的能力。 可用性可用性 ：如果不可用，即使是最好的：如果不可用，即使是最好的 WebApp 也不能满足用户的要也不能满足用户的要求。从技术的角度说，可用性是对求。从技术的角度说，可用性是对 WebApp 的可用时间占总时间的的可用时间占总时间的百分比的一种度量。但百分比的一种度量。但 “正常运行时间正常运行时间 ”并不是可用性的唯一指标。并不是可用性的唯一指标。Offutt认为：认为： “使用仅限于在一种浏览器或平台上可用的特性使用仅限于在一种浏览器或平台上可用的特性 ”会使会使WebApp 在那些具有不同浏览器或平台的配置中变得不可用，用户在那些具有不同浏览器或平台的配置中变得不可用，用户会毫无例外地转向其他地方。会毫无例外地转向其他地方。 10.1 WebApp 设计质量设计质量 可伸缩可伸缩 性：性： WebApp 及为其提供接口的系统能否承受访问数量上的及为其提供接口的系统能否承受访问数量上的巨大波动？响应速度是否会因此而剧减（或者完全停止）？开发能巨大波动？响应速度是否会因此而剧减（或者完全停止）？开发能够成功调节负载（相当多的最终用户）的够成功调节负载（相当多的最终用户）的 WebApp 正变得越来越重正变得越来越重要。要。 投放市场时间投放市场时间 ：虽然这仅仅是从商业角度考虑的一种质量度量，并：虽然这仅仅是从商业角度考虑的一种质量度量，并不是真正的技术方面的质量属性，但是，市场上的第一个不是真正的技术方面的质量属性，但是，市场上的第一个 WebApp往往能够吸引非常多的最终用户。往往能够吸引非常多的最终用户。10.1 WebApp 设计质量设计质量 WebApp 设计的质量检查单设计的质量检查单 下面列举的一组问题可用来帮助下面列举的一组问题可用来帮助 Web 工程师和最终用户评工程师和最终用户评估估 WebApp 的总体质量：的总体质量： 内容、功能内容、功能 和（或）和（或） 导航选项导航选项 能否按照用户的喜好而定制？能否按照用户的喜好而定制？ 内容和（或）功能能否按照用户通信所用的带宽进行定制？内容和（或）功能能否按照用户通信所用的带宽进行定制？ 图形和其他非文本媒体能否正确使用，是否出于显示效率方面的考图形和其他非文本媒体能否正确使用，是否出于显示效率方面的考虑而对图形文件大小进行了优化？虑而对图形文件大小进行了优化？ 是否用可以理解的、有效显示的方式来组织表格，并按大小进行排是否用可以理解的、有效显示的方式来组织表格，并按大小进行排序？序？ 是否对是否对 HTML进行优化来消除低效率？进行优化来消除低效率？10.1 WebApp 设计质量设计质量 总体页面设计是否容易总体页面设计是否容易 阅读阅读 和和 导航导航 ？ 是否所有的指针都