山大人机交互技术课件06人机交互界面的表示模型与功能实现-2人机交互界面表现模型与描述语言

1、第二节 人机交互界面表现模型与描述语言 山东大学计算机学院人机交互界面表示模型1）行为模型：该模型主要从用户和任务的角度考虑如何来描述人机交互界面。2）结构模型：该模型主要从系统的角度来表示人机交互界面。本节将重点介绍产生式规则和状态转换网络。3）模型转换：主要介绍行为模型到结构模型的转换。4）表现模型：主要介绍人机界面表现的具体描述方法。课程目标掌握表现模型了解界面描述语言山东大学计算机学院4表现模型表现模型(PM)描述了用户界面的表现形式，由层次性的交互对象组成。交互对象一般由抽象交互对象(AIO - Abstract Interactive Object)和具体交互对象(CIO - Co

2、ncrete Interactive Object)组成。管理信息系统的交互界面：填表界面界面元素：界面元素属性，对几何对象、内容对象、绘制对象的描述面板：界面元素的模型定义+界面元素的列表和布局的定义XML描述面板用户界面逻辑组织结构森林的结构每棵树是一个面板叶结点是单位界面元素对象 (a)面板用户界面的图形显示 (b)面板用户界面的数据结构表示 (c)面板用户界面的绘制靠链表的头部越近，在屏幕上显示的排列顺序越靠前Eg:选中了面板C面板内部的事件分发及响应方式指点设备事件的响应当鼠标落在了An和By的相交的图形表示区域时-搜索当前面板链表中的面板，判断鼠标是否落在了某一面板内部，发现鼠标落

3、在了面板A内-事件处理中心采用树的广度优先搜索算法或是深度优先搜索算法，判断鼠标是否落在了面板A中某一界面元素交互对象内部，发现鼠标指针的位置在交互对象An区域内部-检验An是否添加了对鼠标事件的监听， 如果An存在对鼠标事件的监听， 那么去完成事件要执行的任务用户产生了一个动作后，事件处理中心就获得了用户的动作和屏幕上的一个坐标(x, y)。使用链表搜索算法遍历链表中每个节点 if (坐标落在了某个面板区域内部) 显示该面板及面板内包含的所有界面元素，其余面板按照原来的先后顺序排列； 使用树的搜索算法遍历面板内的每个的单位界面元素 if (坐标落在了某个单位界面元素的区域内部) then i

4、f(Succeed(聚焦并激活单位界面元素) if (选中的单位界面元素添加了特定事件的响应) then 将控制权交给单位界面元素交互对象，执行该事件要执行的任务，返回； 所有面板失去焦点，聚焦到系统要显示的默认界面；面板间的关系Logical Window (LW)：任意AIO的组合，一个物理窗口、子窗口区域、对话框和面板。Presentation Unit (PU)：一个PU被定义为一个完整的表现环境需要实现一个特定的交互任务。每个PU可以分解为一个或许多同时、交替或是以某种组合的形式在屏幕上显现的 LW。每个PU至少存在一个主窗口，允许其它窗口导航。基于面板的用户界面表现模型面板间的关系

5、面板间的关系并列关系:两个面板在功能上独立的，没有任何其他关系。嵌套关系:面板A在面板B的内部，面板A包含面板B。依赖关系分为两种，一种是界面内部的依赖，即父子关系的面板，父子关系是指面板B依赖于面板A的某个界面元素开启显现活动的命令开关，这样，就称面板A是面板B的父面板。对服务的依赖，即分布式应用中的面板。触发窗口是指面板依赖于某个服务的存在而显现面板界面分类独立显现的自由面板(FreePanel)、面板面板(PanelPanel)、原子面板 (ComponentPanel)独立显现的面板一般是可以单独运行的应用程序界面，具有依赖性的面板是可独立显现的自由面板的一种特殊的形式面板面板是用户定

6、义的可以嵌套到任意面板的而且不能独立显示的界面块原子面板是面板中的最小单位，是不可再分的面板。界面描述语言命令式语言要求编程人员明确指定如何执行任务C+, android陈述式语言要求编程人员只需要指定任务要做什么（抽象）从XML获取语法和句法界面描述语言界面：使用陈述性知识描述界面，使用过程进一步解释。陈述性知识：给出事物本身的属性及事物之间的相互关系，对问题的解答隐含在知识中。过程性知识：给出解决一个问题的具体过程。陈述性语言用户界面标记语言(UIML)由结构(structure)、样式(style)、内容(content)、行为(behavior)四个方面来描述用户界面标记语言(UIML

7、)结构：列举了一系列界面部件何在不同的平台中对应的组织；样式：定义界面部件中各种属性对应的值；类似HTML样式表；内容：讲文本、声音、图片与界面部件做关联，使得不同用户组的界面国际化或自定义更为便利；行为：定义起作用的用户界面事件和应该做什么。陈述性语言扩展界面标记语言(XIML)由组件(Components)、关系(Relations)和属性(Attributes)三部分构成组件：定义了任务、域、用户、表现和对话五类扩展界面标记语言(XIML)任务：描述界面支持的业务流程或用户任务，定义任务和子任务层次性的分解，在任务之间定义期望的流程和任务的属性。域：数据对象的集合，有层次结构的类对象，该

8、层次结构类似于本体的本质，但只在基本层次上，对象通过“属性-值对”组成。 用户：定义一个等级树，等级中的一个用户，可以表示一个用户组或是用户个体。Eg: 用户为 医生，也可以是Smith医生表现：由层次性的交互元素组成用户界面中与用户通信的具体对象。Eg:窗体，按钮，滑块等对话：定义了有结构的元素集对使用界面的用户有效的交互动作，例如单击、声音、手势等，对话指定了交互动作流，组成用户界面的导航，在本质上与任务组件类似，但在具体层次上执行，任务组件处在抽象层次上。关系：连接了一个组件内的或跨组件的两个或更多的XIML元素的定义，这些关系即时控制了组成用户界面的操作。属性：被赋予值的元素的特征。陈述性语言