第5章多媒体教学软件的交互功能设计

学习目标1.了解多媒体教学软件中交互的概念与作用2.熟悉多媒体教学软件中常用的人机交互方式3.熟悉Authorware软件中提供11种交互控制的功能与属性4.掌握应用Ahthorware软件设计交互控制的一般方法5.掌握多媒体教学软件交互控制的设计技巧第5章多媒体教学软件的交互功能设计5.1.1交互功能在教学软件中的作用第五章多媒体教学软件的交互功能设计5.1交互功能1.人机交互与多媒体人机交互技术人机交互（HCI，即HumanComputerInteraction），是研究人与计算机之间交互关系的科学。多媒体人机交互技术是多媒体技术和人机交互技术的结合，信息表示的多样化和如何通过多种输入输出设备与计算机进行交互是多媒体人机交互技术的重要内容。多媒体人机交互是基于视线跟踪、语音识别、手势输入、感觉反馈等新的交互技术。5.1.1交互功能在教学软件中的作用第五章多媒体教学软件的交互功能设计5.1交互功能2.交互功能在多媒体教学软件开发中的地位和作用在多媒体教学软件中，通过音频（Audio）、文本（Text）、图像（Image）、动画（Animation）、视频（Video）等多种媒体产生丰富多彩的人机交互方式，对于教学过程的优化具有重要意义。它能够有效地激发学生的学习兴趣，从而形成积极的学习动机，启发学生思维。多媒体计算机不仅成为教学的重要手段和方法，而且成为改变传统教学模式乃至整个教学思想的重要动力。5.1.1交互功能在教学软件中的作用第五章多媒体教学软件的交互功能设计5.1交互功能3.教学软件中交互功能的种类（1）按照交互事件触发的方式划分①响应键盘输入的交互a.以单键敲击为触发方式的交互b.以内容输入为触发方式的交互②响应鼠标操作的交互a.以鼠标点击为触发方式的交互b.以鼠标（光标）位置变化为触发方式的交互c.以鼠标拖拽为触发方式的交互5.1.1交互功能在教学软件中的作用第五章多媒体教学软件的交互功能设计5.1交互功能③以某一条件的满足为触发方式的交互④响应其他外接设备输入的交互（2）按照交互完成的任务划分①完成导航任务的交互②完成教学信息传达任务的交互③完成测试与训练任务的交互（3）按照用户角色（以谁为中心）的原则划分①以计算机（软件、设计者、教育者）为中心的交互设计②以用户（学习者）为中心的交互设计5.1.2群组图标的概念第五章多媒体教学软件的交互功能设计5.1交互功能将两个或以两个以上逻辑关联的设计图标组合为一个新的设计图标，而被组合设计图标的原有属性及其相互之间的逻辑结构不改变，我们称这个新的设计图标为[Map](群组)设计图标，简称为群组图标。1．群组图标的功能群组图标把一组逻辑上相关联的设计图标集合为一个组，这样避免了因为设计图标增多所带来的大量占用设计窗口有限空间的困难现象，并且使程序设计实现了结构化、模块化，从而使程序结构更加清晰，可读性增强，进一步方便了程序的编辑制作。5.1.2群组图标的概念第五章多媒体教学软件的交互功能设计5.1交互功能2．群组图标的使用方法（1）创建群组图标在流程线上创建一个群组图标有两种方法：①从设计图标面板中拖曳一个群组图标到程序流程线上。②选择流程线上相邻的若干设计图标，然后使用Group(群组)菜单命令。（2）解组—撤消群组对已有群组图标进行解组(撤消群组)时，可以单击并选中该群组图标，然后选择菜单Modify/Ungroup(撤消群组)菜单命令，即可解组(撤消群组)。5.1.2群组图标的概念第五章多媒体教学软件的交互功能设计5.1交互功能3．群组图标的属性设置对话框群组图标属性设置对话框如下图所示，它没有可以设置的选项。（1）对话框的左部为图标内容预览框，在群组图标环境下，该预览框为空。5.1.2群组图标的概念第五章多媒体教学软件的交互功能设计5.1交互功能（2）图标信息显示区。该区域显示当前群组图标的整体文件信息。ID:即为Authorware7.0自动分配给该群组图标的唯一ID标号。Size:(大小)表示该群组图标的文件大小，单位为字节。Mod:(修改)表示该群组图标创建或最近一次修改的时间。Ref.byNo(没有被调用)表示当前[Map](群组)图标是否被其它程序调用。（3）Open(打开)按钮。单击此按钮，可以打开当前群组图标下一级设计窗口。（4）LevelTitle(级别标题)区。该区域显示当前群组图标所在程序文件一级设计窗口，以及群组图标当前所在设计窗口的层数。5.1.3交互结构的创建第五章多媒体教学软件的交互功能设计5.1交互功能1.教学软件交互设计的基本要素在进行教学软件交互设计的过程中，需要考虑三个要素：教学设计、界面设计、程序设计。2.使用Authorware实现交互设计的分支结构使用Authorware软件实现交互功能，需要在流程线上引入交互图标，交互图标具有安排交互界面、组织交互方式及控制交互作用、反馈交互结果的功能。单独使用交互图标不能完成交互程序设计，交互图标需要与响应图标构成交互程序分支结构，交互图标是整个交互程序分支的入口，各个响应图标通过响应类型顺次依附在交互图标尖头所指的右侧。5.1.3交互结构的创建第五章多媒体教学软件的交互功能设计5.1交互功能3.使用Authorware实现交互设计的步骤与要素（1）确定交互逻辑，完成前导程序设计，引入交互图标（2）设计触发方式（响应类型）（3）确定反馈信息（响应图标）（4）编辑流程分支（响应分支）（5）设置状态跟踪（响应状态）5.1.4交互图标的属性设置第五章多媒体教学软件的交互功能设计5.1交互功能1．打开Properties:InteractionIcons（交互图标属性面板）（1）选中交互图标后，选择菜单Modify（修改）/Icon（图标）/Properties（属性）菜单命令；（2）选中交互图标后，选择菜单Window（窗口）/Panels（面板组）/Properties（属性）菜单命令；（3）用鼠标双击交互图标；（4）若当前已打开文件或某图标的属性设置面板，则只需单击交互图标即可。在交互图标属性面板中交互图标名称栏、内容预览器、文本输入框样式按钮、打开命令按钮、帮助按钮和4个功能选项卡。5.1.4交互图标的属性设置第五章多媒体教学软件的交互功能设计5.1交互功能2．Interaction（交互）选项卡用于设置与交互作用有关的选项，如下图所示。（1）Erase（擦除方式选择）下拉菜单。（2）Erase（擦除）效果设置（3）Options（选项）属性设置5.1.4交互图标的属性设置第五章多媒体教学软件的交互功能设计5.1交互功能3．Display（显示）选项卡和Layout（设计）选项卡的设置与显示图标属性设置内容相同。4．CMI（计算机管理教学）选项卡提供了应用于计算机管理系统教学方面的属性，如下图所示。5.1.4交互图标的属性设置第五章多媒体教学软件的交互功能设计5.1交互功能（1）Knowledge（知识）跟踪（若使用该选项，必须在文件属性面板的CMI属性设置面板中，选择知识跟踪选项，如下图所示。）（2）InteractionID（交互地址）标识号（3）ObjectiveID（对象地址）标识号（4）Weight（重要性）（5）Type（类型）5.2.1按钮交互的特点第五章多媒体教学软件的交互功能设计5.2按钮交互功能Button（按钮）交互是指在屏幕窗口上设置一个按钮，用户用鼠标点击按钮，可触发对应的人机交互响应。在设计界面化的软件时，使用按钮交互形象直观、使用方便，不易出现歧义，让用户一目了然，可以直观、实时、多样化的实现人机交互功能，大多数多媒体教育教学软件作品设计时都要会使用Button（按钮）交互。使用按钮交互时需要考虑按钮设计与背景风格设计的一致性，以免破坏软件界面的整体美感。在Authorware中，所有的按钮交互都是矩形区域。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能1．打开Properties:Response（响应属性）面板窗口有两种方法。（1）使用鼠标双击响应类型标志，或在打开其他图标属性设置面板时，用鼠标单击目标响应类型标志即可。（2）选中响应图标后选择菜单Modify（修改）/Icon（图标）/Response（响应）菜单命令（快捷键为Ctrl+E）即可。其他交互的属性面板窗口打开方式与按钮交互相同。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能2．Properties:Response（响应属性）面板窗口简介该窗口如下图所示。（1）按钮样式预览窗口，用于预览按钮的样式效果。（2）Buttons（按钮库）按钮，用于打开Buttons按钮库，可以选用或编辑Authorware内部的按钮样式，也可以打开ButtonsEditor（按钮编辑器）窗口导入编辑自定义按钮。12345675.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能（3）分支响应图标显示框，用于显示当前分支响应图标标志。（4）Open（打开）按钮。单击此命令按钮，会打开当前交互分支中的响应图标，保存当前的交互属性设置，并关闭响应属性设置面板窗口。（5）响应图标名称文本框，用于显示、修改或重新命名响应图标的名称。默认名称为“Untitled”（未命名）。当标签文本框为空时，该文本框的内容就是按钮上的文字。（6）Type（类型）下拉菜单，用于设置或改变当前交互类型。（7）Properties:Response（响应属性）面板共有两个选项卡，左面是每种交互特有属性设置，以交互的名称命名，右面是各类交互通用的Response（响应）选项卡。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能3．Button（按钮）选项卡该选项卡如下图所示。（1）Size（按钮大小）文本框，用于设置按钮的大小，单位为象素。（2）Location（按钮位置）文本框，用于定义按钮在演示窗口中的坐标位置，单位为象素。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能（3）Label（标签）文本框，用于编辑按钮上的标签名称。①当Label（标签）文本框为空时，按钮上的标签文字为响应图标文本框中的文本。②在Label（标签）文本框中可以输入字符串、变量和表达式，③系统提供的内部按钮的大小会随Label（标签）文本框中显示标签显示字数多少而变化；用户自定义的按钮大小则不受标签文本框影响。默认状况下，按钮的标签名称是居中对齐的，要改变按钮的标签名称位置，需要使用[Cursor]（指针）设置。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能（4）Key（s）（快捷键）文本框，用于设置按钮交互的快捷功能键，用户在键盘上点击快捷功能键与使用鼠标在屏幕窗口中点击按钮的效果相同。在Authorware中，快捷功能键严格区分大小写。①使用单一固定快捷功能键：在Key（s）文本框中直接填入键名。②使用单一多个快捷功能键：在Key（s）文本框中可以使用“∣”（逻辑“或”）符号同时定义多个快捷功能键名称。③使用组合快捷功能键：在Key（s）文本框中可以定义些组合键，将需要组合的键名称连接。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能（5）Options（选项）包含两个复选框。①MakeDefault（使用默认）复选框。适用于使用Authorware内部标准按钮时，将该交互分支定义为默认优先按钮交互，按钮的四周出现黑框，点击回车键就可以直接执行。②HideWhenInactive（当交互时隐藏）复选框。选择该选项后，当按钮处于被禁止（不可用）状态时，按钮不在屏幕上出现；当按钮可用时，在屏幕显示。（6）Cursor（鼠标光标）设置。用于设置鼠标指在按钮上时，光标的样式。5.2.2按钮交互的属性设置第五章多媒体教学软件的交互功能设计5.2按钮交互功能4．Response（响应）选项卡该选项卡如下图所示。（1）Scope（作用范