多媒体人机交互设计.ppt

多媒体人机交互设计 ; 了解人机交互的概念 掌握交互式程序的设计方法 熟练掌握交互图标的属性设置 熟练掌握交互图标的十种人机交互类型 能够制作较为完整的交互性课件;7.1 按钮响应 7.2 热区域响应 7.3 热对象响应 7.4 目标区响应 7.5 下拉菜单响应 7.6 条件响应;Authorware具有双向信息传递功能，即不仅可以向用户演示信息，同时允许用户通过键盘、鼠标等向程序传递一些控制信息来控制程序的运行，这就是我们所说的人机交互性。 交互图标提供了按钮响应、热区域响应、热对象响应、目标区响应、下拉菜单响应、条件响应、文本输入响应、按键响应、重试限制响应、时间限制响应、事件响应等11种响应方式，使创作出来的多媒体程序界面友好、交互方式灵活多样。 ;7.1.1 芝麻开门—小虎相册 7.1.2 交互图标 7.1.3 按钮响应属性设置;芝麻开门——小虎相册 【效果描述】 一本小虎的相册，里面放有小虎的两张照片，通过单击不同的按钮，显示不同的图片，当单击退出按钮时，结束程序运行。 【技术分析】 利用交互图标的承载功能，直接在交互图标中绘制矩形框作为图片的显示框，并以按钮响应类型对程序流程进行控制。 ; 【小结一下】 本例运用了按钮交互类型，用户通过单击不同按钮来控制程序的流程。在程序的制作过程中，应用了向流程线上同时添加多个图标，并同时为多个图标命名的方法，以提高工作效率。;7.1.1 芝麻开门—小虎相册 7.1.2 交互图标 7.1.3 按钮响应属性设置;⒈ 交互的概念 交互不同于顺序流程，交互是一种选择分支流程。既涉及到入口也涉及到出口，更重要的是要根据不同的内容选择不同的交互类型。即Authorware具有双向信息传递功能，它不仅可以向用户演示信息，同时允许用户通过键盘、鼠标等向程序传递一些控制信息来控制程序的运行，这就是我们所说的人机交互性。 ;2. 交互的作用 交互图标的作用：判断、显示和擦除的功能。 交互图标的重要功能在于它能实现程序的分支，在此基础上完成用户和计算机之间的交流，即交互。 至于显示和擦除信息的功能类似显示图标，并在显示图标的基础上增加了一些扩展功能。;3. 交互??应的结构 交互响应由四个元素组成：交互图标、响应类型符号、交互响应图标及图标名和程序走向。 ⑴ 交互图标：不能单独工作，必须和附着在其上的一些处理交互结果的图标一起才能组成一个完整的交互式的结构。 ⑵ 响应类型符号：位于交互响应图标上方，表示响应类型。 ⑶ 交互响应图标及图标名：即结果图标，当用户满足响应条件时，程序将执行该图标中的内容。 ⑷ 程序走向：将交互图标、响应类型符号和交互响应图标连接起来，用黑色箭头表明路径方向，有重试、继续、退出交互和返回等四种情况。;7.1.1 芝麻开门—小虎相册 7.1.2 交互图标 7.1.3 按钮响应属性设置;交互按钮响应是Authorware中最常用的系统默认交互方式。选择按钮响应，当程序进入交互结构时在演示窗口上会出现按钮，单击按钮即可激活交互响应使程序转入相应的交互分支。 双击流程线上的 按钮响应类型符号，打 开“属性：交互图标” 面板。;属性面板上分为四块区域：左侧信息区、上方输入选择区、“按钮”标签和“响应”标签。 ⒈ 左侧信息区 “按钮…”按钮：从中选择或编辑按钮的样式。 “打开”按钮：保存对该面板的设置和修改，同时打开相应分支的响应图标。可对该图标的内容进行编辑。 ;2. 上方信息区 “响应对象名称”：输入响应图标的名称及按钮的名称。 “类型”下拉列表框：包含11种响应类型。 标签：输入的数字和变量改变演示窗口中按钮的名称。 选项：选项中的“默认按钮”被选中，程序在运行时，此按钮将首先获得焦点，系统首先响应它。“非激活状态下隐藏”选中时，按钮在不可用时会隐藏起来。 鼠标：设置不同的光标形状。;3. “响应”标签 ⑴ 范围：只有“永久”复选框，属性设置与“分支”属性一起才起作用。 ⑵“激活条件”输入框：设置匹配该响应的激活条件，当输入的数值、变量或表达式的值为非0（逻辑真），对应的交互响应才有效。 ⑶“擦除”下拉列表：对该交互作用分支结构中所显示的信息进行擦除控制，共有四个选项。 ⑷ “分支”下拉列表：设置执行完响应图标内容后程序的走向。;7.1 按钮响应 7.2 热区域响应 7.3 热对象响应 7.4 目标区响应 7.5 下拉菜单响应 7.6 条件响应;7.2.1 芝麻开门—羊羊全家福 7.2.2 热区域响应属性设置;芝麻开门——羊羊全家福 【效果描述】：本例为一幅羊羊全家福，当鼠标指针处于指定区域内，则在屏幕上显示对应的文本信息，当鼠标指针离开该区域，文本信息则消失 。 【技术要点】：利用交互图标的承载功能，直接在交互图标中导入一张.jpg图片，并以热区域响应类