人机交互 第6章_人机交互界面表示模型与实现.pptVIP

界面生成 Panel界面例子 用Java语言实现时间处理中心管理程序。 用Java语言实现面板输入界面的UIMS系统管理程序。 请用GOMS模型给出一个拼图游戏的任务描述，要求用户能从给定的几种图形中随机产生需要拼接的图案。 请用状态转换图描述一个绘制折线的对话过程，并按照状态设计模式给出具体实现过程。 6.1.2 结构模型 形式化语言的描述――产生式规则： if condition then action 或 condition → action 或 condition：action 一般来说，组成界面描述的产生式规则很多，规则定义的顺序并不重要，只要与规则中的条件相匹配，就可以激活相应的动作。产生式规则系统可以是事件引导的，也可以是状态引导的，或者两者都有。 状态转换网络 状态转换网络（STN）的基本思想是定义一个具有一定数量的状态的转换机，称之为有限状态机（FSM），FSM从外部世界中接收到事件，并能使FSM从一个状态转换到另一个状态。 两种最基本的状态转换网络： 状态转换网络（State Diagrams） 扩展状态转换网络（State Charts） 状态转换网络符号 简单状态转换网络 带条件和动作的状态转换网络 状态转换网络（State Diagrams） 基于鼠标画图工具状态转换网 扩展状态转换网络（State Charts） 分层的状态图实例 6.1.3 行为模型和结构模型的转换 一般来说行为模型主要对设计起指导作用，在此基础上，设计人员再进行结构模型（如状态转换网络等）的创建，这个过程很大程度上取决于设计人员的经验和对行为模型的理解。 整体框架 转换算法 实例应用 最高层目标状态转换 “运行”目标状态转换 “走棋”目标状态转换 6.1.4 表现模型 表现模型(PM)描述了用户界面的表现形式，由层次性的交互对象组成。 逻辑组织结构 面板用户界面的图形显示 面板用户界面的数据结构表示 面板用户界面的绘制 面板用户界面的逻辑组织结构 面板内部的事件分发及响应方式 控制面板用户界面交互的核心模块可以看作是一个事件处理中心，事件处理中心接收并解析用户动作，然后将结果表现给用户。 事件处理中心对事件的响应的实现 面板间的关系 Jacob Eisenstein创立了两种新的抽象描述来描述基于面板的用户界面表现模型。 面板关系分类 面板种类 界面描述语言一般分为两类：命令式语言(Imperative Language)和陈述式语言(Declarative Language)。命令式语言要求编程人员明确的指定如何执行任务，陈述性语言要求编程人员只需指定任务要做什么，陈述性语言要比命令式的语言更为抽象。 下面介绍几种常见的陈述性语言。 用户界面标记语言(UIML) 语言的基本表示结构 扩展界面标记语言(XIML) XIML由组件(Components)、关系(Relations)和属性(Attributes)三部分构成。 XML语言的基本表示结构 XML用户界面语言XUL XUL提供了创建现代图形界面大多数元素的能力。能够满足特定设备的普遍需求，对开发者来说，也已经足够强大，能够创建复杂的界面。 6.3.1 窗口系统结构 窗口系统一般有三种结构： 在各个应用程序内部实现和管理多任务 在操作系统核心集中处理多任务管理 多任务的管理可由独立的管理程序进行管理，应用程序通过调用该管理程序提供的接口来实现对多任务的管理和设备的独立性操作 6.3.2 交互事件处理 应用程序内部事件处理循环 事件处理循环 事件注册方式 事件注册方式处理流程图 6.3.3 交互组件开发包 一般的窗口系统，输入和显示是分离的，许多语言提供了用于开发交互系统的开发软件包，交互系统开发软件包在支持窗口管理的基础上增加了另一种抽象，它把输入和输出的行为结合起来。 按钮交互对象行为 6.3.4 交互框架 桌面应用框架 下拉菜单示例 工具栏示例 树形菜单示例 状态栏示例 标签页方式工作区示例 6.3.5 MVC模式和基于Struts的实现 MVC把一个应用的输入、处理、输出流程按照模型 (model)、视图（View）和控制（Controller）的方式进行分离，形成模型层、视图层、控制层三个层次。 MVC模型 Struts的体系结构实现了MVC模式的概念，它将这些概念映射到web应用程序的组件和概念中。 Struts结构 struts演示的基本构架和数据流程