第10讲 WebApp的设计.ppt

图10-10 SafeHomeA的部分概念模式 10.9.2 OOHDM的导航设计 导航设计确定了一组“对象”，这些对象来自概念设计中所定义的类。为了封装这些对象，将定义一系列的“导航类”或“节点”。可以使用UML创建合适的用例图、状态图和顺序图——所有这些表示法都可以帮助设计者更好地理解导航需求。此外，当进行设计时，可以使用导航设计模式。OOHDM使用预定义的一组导航类——节点、链接、锚和访问结构。访问结构会越来越详细，并且包括WebApp索引、站点地图或导航等机制。 10.9.2 OOHDM的导航设计 一旦定义了导航类，OOHDM“通过把导航对象分成多个集合（称为上下文）来组织导航空间”。上下文包括局部导航结构的详细描述、内容对象的访问限制以及完成访问内容对象所需的方法（操作）。创建上下文模板，并且用此模板跟踪在OOHDM中定义的不同上下文中各类用户的导航需求。在这一过程中，形成了特定的导航路径（即WoN）。 10.9.3 抽象界面设计与实现 抽象界面设计活动确定了当用户与WebApp进行交互时看到的界面对象。界面对象的正式模型，称为抽象数据视图（abstract data view, ADV），用来描绘界面对象和导航对象的关系及界面对象的行为特点。 ADV模型定义了“静态布局”，这种布局描述界面隐喻，包含界面中导航对象的描述，以及对辅助导航和交互的界面对象（例如菜单、按钮、图标）的详细描述。此外，ADV模型包含行为构件（类似UML的状态图），用来说明外部事件是怎样“触发导航，以及当用户与应用程序交互时，哪个界面会发生转换”。 10.9.3 抽象界面设计与实现 OOHDM实现活动描述了特定于WebApp运行环境的设计迭代。在客户/服务器环境、操作系统、支持软件、编程语言及与问题相关的其他环境特性的构造方式上，类、导航和界面具有各自的特点。 10.5.1 内容对象 WebApp需求模型所定义的内容对象和代表内容的设计对象之间的关系类似于分析类和设计构件之间的关系。在WebApp设计环境中，内容对象与传统软件中的数据对象关系更加紧密。内容对象具有的属性，包括特定的内容信息（通常在WebApp需求建模期间定义）的属性和指定为设计成分的实现属性。 10.5.1 内容对象 例如，考虑为SafeHome电子商务系统开发的分析类ProductComponent。分析类的属性description在这里被描述为一个设计类，名为CompDescription。这个类包括5个内容对象：MarketingDescription、Photograph、Schematic、Video和TechDescription，如图10-3所示。内容对象所包含的信息被标注成对象的属性。例如，Photograph（一个.jpg格式的图示）包含属性horizontal dimension、vertical dimension和border style。 图10-3 内容对象的设计表示 10.5.1 内容对象 UML关联和聚合符号可以用来表示内容对象之间的关系。例如，图10-3所示的UML关联表明一个CompDescription类对象用于描述一个ProductComponent类实例；一个CompDescrintion类实例由所示的5个内容对象组成。然而，所示的多重性符号表明Schematic类实例和Video类实例是可选的（重数可能为0），一个MarketingDescription类实例和一个TechDescription类实例是必需的，会用到一个或多个Photograph类实例。 10.5.2 设计问题 对所有的内容对象建模之后，就必须编写对象传递的信息，然后对其格式化，最大程度地满足用户的要求。内容编辑是相关领域专家的工作，他们通过提供所传递信息的概要描述和用来传递信息的一般内容对象的类型说明（例如，描述性文本、图片、照片）来设计内容对象，可能也会应用美学设计为内容设计合适的外观。 设计内容对象时，将内容对象“分块”，然后形成WebApp页面。集成在一个页面的内容对象的数量与用户需求、网络连接的下载速度以及用户能够忍受的滚动次数有关。 10.6 体系结构设计 WebApp体系结构设计确定了WebApp的总体超媒体结构，描述使基于Web的系统或应用达到其业务目标的基础结构，与已建立的WebApp的目标、展示的内容、将要访问它的用户和已经建立的导航原则紧密相关，内容的结构风格包括线性结构、网格结构、层次结构和网络结构。设计者必须确定内容体系结构和WebApp体系结构。 10.6.1 内容体系结构 内容体系结构（Content architecture）着重于内容对象（诸如网页的组成对象）的表现和导航的组织方式。WebApp体系结构描述应