描述系统不同侧面:
- 领域模型
- 展示模型
- 导航模型
UWE
- 基于UML的Web工程
模型:
- 需求模型:描述用户需求
- 内容模型:Web应用和领域有关的信息的规格说明,应用程序的概念框架
- 导航模型:展现Web应用的超文本结构
- 过程模型:描述各个过程的行为
- 展示模型:Web过程用户界面建模
- 适应性模型
扩展的链接:
- 导航链接
- 过程链接
- 外部链接
模型
需求模型
- 用例图
- 用例和角色
- ”角色“、”用例“——”关联“关系
- ”用例“、”用例“——”扩展“、”包含“关系
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5e80221c-e258-4a35-bacb-7da9fb0e8723%2FUntitled.png?table=block&id=60e796e4-8fd5-4e51-95da-c46691482f78)
- 活动
- A process flow
- User Action
- System Action
- Data is presented where and when
- Display Pin & Interaction Pin
- Navigation Action
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1c2280e3-5560-4d60-989f-b5812aead74c%2FUntitled.png?table=block&id=38e50dc7-a31e-4823-a745-ca9a4b496529)
指明用户与Web页面的操作
发起一个活动或信息需求
描述系统行为
为输入输出元素建模
为导航选项和相关元素建模
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F92061b5e-64fd-4a49-92ee-e0934e59f9e2%2FUntitled.png?table=block&id=2e9bd579-8045-46a8-bb58-e47586f3bd59)
内容模型
- UML类图
- 规格说明:web应用 和 领域 有关的信息
- 静态视图
- 尽量忽略导航、展示、交互等方面的内容
- 仅表达应用程序的概念框架
- 例:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4283718f-1a2c-4a8a-b176-42949d39babf%2FUntitled.png?table=block&id=d597b990-1980-43b1-bcb0-e62b066ace36)
导航模型
- 展现超文本结构
- 用node和link表示
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F09bf3449-d149-4bf4-99d5-a3f06c3d2ab4%2FUntitled.png?table=block&id=2da96990-2c0e-4386-975e-b4a65f20a2ec)
- 具有导航性的类:
- Navigation Class:表示信息获取
- Process Class:定义事务处理的导航节点
- Navigation Link:关联关系,直接链接
- Process Link:一头是过程类
- 专门的导航节点:
- index类:导航类的一些实例
- menu类:一些可选用的链接
- 导航结构模型
- 超文本结构
- 内容模型的上层视图
- 例:
内容模型中包含的类和对象映射为超文本中的节点(页面或文档)
以及这些节点之间的链接
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Faa67b347-8b35-4ab0-8300-cad197a210ae%2FUntitled.png?table=block&id=93bd34e3-91f8-4f1b-b9ff-b62d4766f380)
- 导航访问模型
- 描述哪些节点可以通过导航方式来访问,以及如何通过导航节点访问
- 例:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc82f6a93-ffdd-4347-9698-a0363fef0fdc%2FUntitled.png?table=block&id=fad46a95-8461-40af-be4f-52174bb2e55a)
过程模型
- How the actions of our process classes look like.
- Process Structure Model
- 描述Process Class之间的关系
- 例:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9c718b01-ba4c-4da5-a5da-fa2bc80d3080%2FUntitled.png?table=block&id=8db7ba08-1cbb-4d31-ba6c-8818817a0bd7)
- Process Flow Model
- 指明各个Process Class之间的活动联系
- 例:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd580a5b8-79fa-4ea6-a94d-e62316e1ad05%2FUntitled.png?table=block&id=30dcdf18-2df2-4dbb-bcd8-0f52aa995c1a)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F87107769-62c4-476b-8682-d3fa22bd5b75%2FUntitled.png?table=block&id=ef55c3a9-51f2-481c-9620-bcf4aeac5c83)
展示模型
- 用户界面(UI)建模
- 描述用户可见类对象和存取结构(索引、向导、菜单、查询)——在什么位置出现、以什么面貌出现
- 结构类:Presentation Group 模型
- UI元素:构造为text、image、button等
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fca6959e0-7559-408b-b14f-2e9b6a9537fa%2FUntitled.png?table=block&id=59688cc8-7d99-42ce-afc4-9b60eb42a056)
- 例:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fff040c17-43f6-440c-8b00-2c5ec1741f90%2FUntitled.png?table=block&id=596b1291-6785-4b4c-8eb8-88e8090ecbe0)
适应性模型
- 采用面向方面建模(AOM)技术
- 系统功能和个性化方面系统地分离
模型一致性
不同模型之间有一致性约束或生成关系
- 导航模型的基础是底层的内容模型
- 展示模型和导航模型之间映射
一个节点的所有实例将在展示层展现,并且需要考虑用户的交互行为
- 适应性模型影响所有Web应用建模过程
工具
- MagicUWE
- ArgonUWE
- UWE4JSF
- tidyDiagram
- UWEet(Palette)
- UWE2FACPL
- MagicSNP