第3章多媒体课件中的交互.ppt
《第3章多媒体课件中的交互.ppt》由会员分享,可在线阅读,更多相关《第3章多媒体课件中的交互.ppt(189页珍藏版)》请在三一办公上搜索。
1、第3章 多媒体课件中的交互,3.1 认识Authorware 7.0中的交互3.2 按钮响应(Button)3.3 热区响应3.4 热件响应3.5 目标区域响应3.6 菜单响应3.7 条件响应3.8 文本输入响应3.9 按键响应3.10 尝试次数限制响应3.11 时间限制响应,3.1 认识Authorware 7.0中的交互,3.1.1 交互的种类3.1.2 实现交互设计的步骤与要素3.1.2 交互图标的使用方法3.1.3 交互图标的属性,返回首页,3.1.1 交互的种类,在Authorware 7.0提供的交互图标的交互类型的选择对话框中,选择需要的交互方式,如图3-1所示。,图3-1 交互
2、类型的选择对话框,返回本节,3.1.2 实现交互设计的步骤与要素,(1)确定交互逻辑,完成前导程序设计,引入交互图标(2)设计触发方式(响应类型)(3)确定反馈信息(响应图标)(4)编辑流程分支(响应分支)(5)设置状态跟踪(响应状态),3.1.3 交互图标的使用方法,(1)拖动一个交互图标到设计窗口的流程线上,然后拖动一个其他类型的图标到它的右侧,Authorware 7.0会自动完成流程的连接,如图3-2所示。(2)在交互类型选择对话框中选中需要的交互类型。一般一个交互需要一个完整的背景,如图3-3所示。(3)在响应属性对话框中,设置响应方式的热键、图标位置、响应方式等内容。(4)设置交互
3、响应的结果,即用户进入交互后,交互图标对用户的响应的处理。,图3-2 一个交互图标的流程线,图3-3 交互图标的展示窗口,返回本节,3.1.4 交互图标的属性,1交互图标的显示功能(如图3-4所示)双击流程线上的交互图标就可以打开演示窗口。在程序编辑窗口的流程线上插入一个新的交互图标,然后运行该文件。在程序运行时,双击屏幕上任何一个包含在交互显示中的显示对象,也可以打开演示窗口。,图3-4 交互图标的特殊显示功能,2交互图标的交互属性交互图标的交互属性可以通过交互图标的属性对话框来设置,如图3-5所示。在此对话框中可以设置各种显示选项,如层的级数、显示等级变换、位置以及对象何时被删除等。(1)
4、Text field按钮(如图3-63-9所示)(2)Interaction选项卡(3)Display选项卡(如图3-10)所示(4)Layout选项卡(如图3-113-13)所示(5)CMI选项卡(如图3-14所示),图3-5 交互图标的属性对话框,图3-6 交互图标文本域属性对话框,图3-7 文本输入响应标志,图3-8 交互作用选项卡,图3-9 文本选项卡,图3-10 显示选项卡,图3-11 版面布局选项卡,图3-12 位置下拉列表框,图3-13 可移动性下拉列表框,图3-14 CMI选项卡,CMI(计算机管理教学)选项卡 提供了应用于计算机管理系统教学方面的属性(1)Knowledge(
5、知识)跟踪(若使用该选项,必须在文件属性面板的CMI属性设置面板中,选择知识跟踪选项。)(2)Interaction ID(交互地址)标识号(3)Objective ID(对象地址)标识号(4)Weight(重要性)(5)Type(类型),表3-1 Type参数所允许的字符,3交互图标的快捷方式从图3-15可以看出,交互图标的结构包括4个方面:(1)交互流程线上的快捷方式(2)响应结果图标上的快捷方式(3)返回路径上的快捷方式(4)交互图标本身的快捷方式,图3-15 交互图标的结构组成,返回本节,3.2 按钮响应(Button),3.2.1 按钮响应的使用步骤3.2.2 设置按钮响应的属性3.
6、2.3 按钮响应实例,返回首页,3.2.1 按钮响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。(2)在系统弹出的交互类型选择按钮响应的交互类型。(3)双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,设置交互的流向等内容。(4)双击交互图标导入背景图案,调整按钮的位置和大小。(5)打开结果图标,设置按钮被用户响应时的内容。,返回本节,3.2.2 设置按钮响应的属性,双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,如图3-16所示。,图3-16 按钮响应属性对话框,1两个属性选项卡的公共部分的内容,从图3
7、-17、3-18中显示按钮的4种正常(Normal)状态包括:UP Down Over Disabled对于复选框和单选钮来说,它们还有检查状态,即确定按钮是否被选中的功能:UP and Checked Down and Checked Over and Checked Disabled,图3-17 按钮选择对话框,图3-18Button Editor窗口,2按钮响应属性在Button属性选项卡中的内容 Size数值框 Location坐标值框 Label输入框Key(s)输入框 Option选项 Cursor选择按钮(如图3-19所示),图3-19鼠标图形选择对话框,3响应属性的Respon
8、se选项卡,单击按钮响应属性对话框中的Response标签,得到如图3-20所示的Response选项卡界面。在此属性页中,主要是设定交互的响应条件、擦除时间、退出方向、正确与否等内容。Scope选项 Active If域 Erase下拉列表 Branch下拉列表(如图3-21、3-22所示)Score域,图3-20 按钮响应属性的响应选项卡,图3-21 分支下拉列表,图3-22 状态下拉列表,返回本节,3.2.3 按钮响应实例,实例一:音乐开关。运行结果:如图3-23所示。流程如图3-24所示。操作步骤(略),图3-23“音乐开关”运行界面,图3-24“音乐开关”流程图,图3-25 背景音乐
9、属性对话框,(a)关音乐,(b)关音乐,图3-26 Properties:Response对话框,双击流程线上“关音乐”计算图标上方的响应标志,打开如图3-26所示的Properties:Response,实例二:词语解释。运行结果:如图3-27所示。流程图:如图3-28所示。操作步骤(略)(具体如下图),图3-27“词语解释”运行界面,图3-28“词语解释”流程图,图3-29“封面”显示图标内容,图3-30 Properties:Response对话框,图3-31 Button(按钮)对话框,图3-32 按钮编辑对话框,返回本节,3.3 热区响应,3.3.1 热区响应的使用步骤3.3.2 设
10、置热区响应的属性3.3.3 热区响应实例,返回首页,3.3.1 热区响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。(2)在弹出的对话框中选择热区响应的交互类型。(3)双击交互图标流程与结果图标流程的交叉点,从弹出对话框中选择鼠标的动作,设置交互的流向等。(4)双击交互图标导入背景图片,并调整热区的位置和大小。(5)最后打开结果图标,设置热区被用户响应的内容。,返回本节,3.3.2 设置热区响应的属性,从图3-33中Hot Spot属性选项卡中有以下内容:Size数值框Location坐标值框Key(s)输入框Match下拉列表(如图
11、3-34所示)Highlight On Match选项Mark On Match选项Cursor选择按钮,图3-33 热区响应的响应属性对话框,图3-34 Match下拉列表,返回本节,3.3.3 热区响应实例,热区响应实例:乐器展示厅。知识要点:利用热区在运行时不可见的特点,在每一对象上设置一个热区响应来产生气泡信息,以进一步了解热区响应在课件制作中的应用及热区响应的属性设置。制作思路:在流程线上放一个含有要展示的乐器图像的显示图标及一个交互图标,将交互类型设置为热区响应,交互的每个热区和相应的乐器图相吻合。运行结果:如图3-35所示。流程图如图3-36所示。操作步骤(略),图3-35“乐器
12、展示厅”运行界面,图3-36“乐器展示厅”流程图,返回本节,3.4 热件响应,3.3.1 热件响应的使用步骤3.3.2 设置热件的响应属性3.3.3 热件响应实例,返回首页,3.3.1 热件响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。(2)在系统弹出的交互类型选择热件响应的交互类型。(3)双击交互图标流程与结果图标流程的交叉点,从弹出的对话框中选择鼠标的动作,设置交互的流向等内容。(4)双击交互图标导入背景图案,并调整热件的位置。(5)打开结果图标,设置热件被用户响应时的内容。,返回本节,3.3.2 设置热件的响应属性,Hot O
13、bject属性选项卡中的内容,如图3-47所示。Hot Object说明框:显示热件对象的显示图标的内容。Key(s)输入框:定义响应这个按钮的热件。Match下拉列表:有3个鼠标动作的选项来设置用户使用什么样的方法来激活热件响应。Highlight On Match选项:在条件匹配时设置热件的区域变为高亮。Cursor选择按钮:可在鼠标图形选择在程序运行时鼠标对这个热件操作时,鼠标为何种形态。,图3-47 热对象选项卡,返回本节,3.3.3 热件响应实例,实例:字母游戏。运行结果:如图3-48所示。流程图如图3-49所示。操作步骤:(1)新建一个文件,属性设置为Size(尺寸)为640480
14、(VGA mac13“),Options(选项)栏中选择Center on Screen(位于屏幕中央)、Menu Bar(菜单栏),其他不选。以“字母游戏”为文件名保存。(2)添加计算图标(如图3-40、3-41所示)(3)添加这个例程的背景,拖动一个显示图标到流程线上,命名为“背景”。如图3-42所示。,图3-48“字母游戏”运行结果,图3-49“字母游戏”流程图,图3-40“初始”计算图标,图3-41 新变量对话框,图3-42 背景,(4)添加字母的图形,使用了两个群组图标来放置这些按钮(如图3-43、3-44所示)。(5)设置交互的内容。(6)双击群组图标“A”上方流程线的交叉点,打开
15、交互属性对话框,在交互属性对话框中进行设置(如图3-45、3-46所示)。(7)设计结果图表的内容(如图3-473-60所示),图3-43 字母群组图标,图3-44 字母效果,图3-45 Hot Object属性选项卡,图3-46“A”响应的Response属性对话框,图3-47“A”群组图标内容,图3-48“A”移动的属性对话框,图3-49“累计”计算图标,图3-60 字母游戏的效果图,返回本节,3.5 目标区域响应,3.5.1 目标区域响应的使用步骤3.5.2 设置目标区域的响应属性3.5.3 目标区域响应实例,返回首页,3.5.1 目标区域响应的使用步骤,(1)从图标板上拖动一个交互图标
16、到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。(2)在交互类型选择目标区域响应的交互类型。(3)双击交互图标流程与结果图标流程的交叉点,弹出对话框中选择鼠标的动作,设置交互的流向等内容。(4)双击交互图标导入背景图片,并调整目标区域的大小和位置,同时选择目标区域的图形或文本对象。(5)打开结果图标,设置目标区域被用户响应时的内容。,返回本节,3.5.2 设置目标区域的响应属性,Target Area属性选项卡中的内容,如图3-61所示。Size数值框:显示目标区域的大小。Location坐标值框:显示目标区域的位置。On Drop下拉列表:有3个选项供用户选择,如图3-62所示。
17、Target Object说明框:显示可移动对象的图标名。Accept Any Object复选框:选择此复选框将会匹配任何对象。,图3-61 目标区域响应的响应属性对话框,图3-62 放下下拉列表,返回本节,3.5.3 目标区域响应实例,实例一:选择题练习(一种通用的解法)。运行结果:运行界面如图3-63所示、流程图如图3-64所示。操作步骤(略)(如图3-653-78所示),图3-63“选择题练习”运行界面,图3-64“选择练习题”流程图,图3-65 使对象可以被移动,图3-66 巴黎的正确位置群组图标,(b)响应页面,图3-67 目标区属性对话框,(a)目标区页面,图3-68 选择移动对
18、象,图3-69“巴黎错误位置”群组图标,图3-70 输入语句,图3-71 属性:错误响应对话框(a),图3-72 属性:错误响应目标区对话框(b),图3-73 移动区域,图3-74 移动区域,图3-75 allcorrectmatched选项卡,图3-76 Allcorrectmatched 条件Response选项卡,图3-77 AllcorrectMatched群组图标,图3-78 输入文字,实例二:“选择练习题”的一种简单解法。运行结果:该例的运行结果与实例一的运行结果完全一致。设计流程图如图3-79所示。操作步骤:经过上述处理,操作过程可大为简化:在实例二中的交互图标前面的流程可按实例
19、一同样设计,但省去了前面提到的3路错误响应分支的设计。在4路正确响应分支的后边加入的是错误响应分支,调整结果如图3-80所示。最后设计好的交互目标区域如图3-81所示。,图3-79“选择练习题”简化流程图,图3-80 错误响应对话框Target Area选项卡设置,图3-81“多项选择题”的目标区域,返回本节,3.6 菜单响应,3.6.1 菜单响应的使用步骤3.6.2 设置菜单的响应属性3.6.3 删除系统的File菜单3.6.4 弹出式菜单3.6.4 菜单响应实例,返回首页,3.6.1 菜单响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的
20、右侧。(2)在交互类型选择菜单响应的交互类型。(3)双击交互图标流程与结果图标流程的交叉点,弹出的对话框中设置交互的流向等。(4)打开结果图标,设置菜单选项被用户响应时的内容。,返回本节,3.6.2 设置菜单的响应属性,双击交互图标流程与结果图标流程的交叉点,系统弹出响应属性对话框,如图3-82所示。在Menu属性选项卡中共有3个域:Menu域:显示菜单的名字,实际上也就是交互图标的标题。Key(s)域:确定一个菜单项的组合快捷键,选择该组合快捷键,也可以执行相应的菜单项命令。,Menu Item域:显示当前菜单项的名字。用于定义下拉菜单选项的名称、显示状况与快捷键,该文本框支持特殊代码、符号
21、、字符串和字符表达式。变量名:在文本框内直接输入英文字母,Authorware认为输入的是变量名。字符串:在输入内容两端加英文双引号,菜单选项显示字符串中的内容,这是输入中文的方法(直接输入中文报错)。表达式:支持字符表达式的输入,通过此方法可以灵活变化菜单选项的文本。不可用情况:在字符串中,在左引号后加符号,该菜单选项目为不可用效果。,图3-82 菜单响应属性的Menu属性选项卡,返回本节,3.6.3 删除系统的File菜单,(1)从图标板拖动一个交互图标到流程线上,命名为File。(2)从图标板拖动一个群组图标到交互图标的右侧,该群组图标任意起一个名字,因最终都要删除如图3-83所示。(3
22、)在图标板上拖一个擦除图标到交互图标的下面,起名为“删除File菜单”,最终设计的流程如图3-84所示。(4)单击工具栏上的运行按钮,打开了删除图标的属性对话框,单击Icons标签打开Icons属性对话框,在List列表中选择Icons to Erase单选钮,单击菜单栏的File菜单项,File菜单将会被删除,其结果如图3-84所示。,图3-83 菜单属性响应属性对话框,图3-84 删除系统的File菜单的流程,图3-85 利用擦除图标删除File菜单项,返回本节,3.6.4 弹出式菜单,要点:建立一个永久的条件响应来扑捉鼠标的右击的事件;显示模拟菜单。这是一个交互的结构,可以是按钮响应,热
23、区响应或热对象响应;响应模拟菜单的操作;擦除模拟菜单,对于按钮响应不需要擦除。,3.6.5 菜单响应实例,实例:唐诗宋词欣赏。运行界面如图3-86 所示、流程图如图3-87所示知识要点:通过此课件的制作,我们将学会在课件中引用菜单并对菜单响应的属性进行设置。制作思路:在流程线上设置3组交互图标,一组为宋词,一组为唐诗,在其中分别导入相应的唐诗和宋词素材,另一组为退出。操作步骤(略)(如图3-883-90所示),(b),图3-86 运行界面,(a),图3-87“唐诗宋词”流程图,图3-88 Properties:Response对话框,3.7 条件响应,3.3.1 条件响应的使用步骤3.3.2
24、设置条件响应的响应属性3.3.3 条件响应实例3.3.4 上述实例中对于响应属性的Branch域的探讨,返回首页,3.3.1 条件响应的使用步骤,(1)从图标板上拖动一个交互图标到程序的流程线上,然后拖动一个响应结果图标到交互图标的右侧。(2)在系统弹出的交互类型选择对话框中选择条件响应的交互类型。(3)双击交互图标流程与结果图标流程的交叉点,弹出对话框中设置交互的条件、交互的流向等内容。(4)打开结果图标,设置条件响应被用户满足时的内容。,返回本节,3.3.2 设置条件响应的响应属性,双击交互流程线上的条件响应标识将打开条件响应的属性窗口,如图3-91所示。Conditin域。在此域中可以输
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 多媒体 课件 中的 交互
链接地址:https://www.31ppt.com/p-6109975.html