人机交互界面表示模型 1)行为模型：该模型主要从用户和任务的角度考虑 如何来描述人机交互界面。 2)结构模型：该模型主要从系统的角度来表示人机 交互界面。本节将重点介绍产生式规则和状态转换网 络。 3)模型转换：主要介绍行为模型到结构模型的转换 4)表现模型：主要介绍人机界面表现的具体描述方 法。 SHANDONG UNIVERSETY
人机交互界面表示模型 ◼ 1）行为模型：该模型主要从用户和任务的角度考虑 如何来描述人机交互界面。 ◼ 2）结构模型：该模型主要从系统的角度来表示人机 交互界面。本节将重点介绍产生式规则和状态转换网 络。 ◼ 3）模型转换：主要介绍行为模型到结构模型的转换 。 ◼ 4）表现模型：主要介绍人机界面表现的具体描述方 法
课程目标 掌握表现模型 ·了解界面描述语言 山求水器 SHANDONG UNIVERSETY
课程目标 ◼ 掌握表现模型 ◼ 了解界面描述语言
表现模型 表现模型(PM描述了用户界面的表现形式，由层次 性的交互对象组成。 o交互对象一般由抽象交互对象(AIO-Abstract Interactive Object)和具体交互对象(ClO-Concrete Interactive Object)组成。 管理信息系统的交互界面：填表界面 界面元素：界面元素属性，对几何对象、内容对象、绘制对 象的描述 面板：界面元素的模型定义+界面元素的列表和布局的定义 XML描述 山东大学计算机学院 SHANDONG
山东大学计算机学院 4 表现模型 ◼ 表现模型(PM)描述了用户界面的表现形式，由层次 性的交互对象组成。 ❑ 交互对象一般由抽象交互对象(AIO - Abstract Interactive Object)和具体交互对象(CIO - Concrete Interactive Object)组成。 ❑ 管理信息系统的交互界面：填表界面 ◼ 界面元素：界面元素属性，对几何对象、内容对象、绘制对 象的描述 ◼ 面板：界面元素的模型定义+界面元素的列表和布局的定义 ◼ XML描述
面板用户界面逻辑组织结构 可X Desktop B A Cx Cy Cx Cy B 8. By (a)面板用户界面的图形显示 (b)面板用户界面的数据结构表示 (c)面板用户界面的绘制 森林的结构 每棵树是一个面板 口叶结点是单位界面元素对象 山求水器 SHANDONG UNIVERSETY
面板用户界面逻辑组织结构 ◼ 森林的结构 ❑ 每棵树是一个面板 ❑ 叶结点是单位界面元素对象 B C A Bx By Bz Cx Cy Cz (a)面板用户界面的图形显示 (b)面板用户界面的数据结构表示 (c)面板用户界面的绘制
·靠链表的头部越近，在屏幕上显示的排列顺序越靠前 口Eg:选中了面板C 面板A 面板B 面板C 面板D (a) 面板A 面板B 面板D (6) 面板C ⊙ 面板C 面板A 面板B 面板D (c) SHANDONG UNIVERSETY
◼ 靠链表的头部越近，在屏幕上显示的排列顺序越靠前 ❑ Eg:选中了面板C (a) (b) (c) 面板 A 面板 B 面板 C 面板 D 面板 A 面板 B 面板 C 面板 D 面板 C 面板 A 面板 B 面板 D