用authorwear制作“习题”学习交互.ppt
《用authorwear制作“习题”学习交互.ppt》由会员分享,可在线阅读,更多相关《用authorwear制作“习题”学习交互.ppt(77页珍藏版)》请在三一办公上搜索。
1、,5.1 实例介绍和分析,5.2 制作过程,5.3 知识点链接,5.4 扩展练习,5.5 本章小结,1.实例介绍为了完成本实例的制作,主要利用Authorware 7.02中的交互图标 和群组图标,一般“交互”图标都和“群组”图标及“显示”图标结合使用,除此之外还使用了等待图标和擦除图标。交互图标:它的主要功能是用户可以参与到程序的运行过程中,例如当程序运行到某一时刻时,将允许用户做某种选择。群组图标:群组图标的功能和使用方法与其他图标有所不同。从功能上说,它不执行任何任务,只是放置其他图标的容器。群组图标是制作多媒体程序中经常用到的图标,经常和交互图标配合使用。显示图标:用来建立图像和文本。
2、等待图标:用来暂停程序运行。擦除图标:擦除显示对象。,在本实例中,主要利用Authorware 7.02提供的4种响应类型来进行制作:第一部分填空题的制作方法,主要利用交互响应中文本输入响应来实现。第二部分判断题的制作方法,主要利用按钮交互响应来完成。第三部分选择题的制作方法,主要利用热区域交互来完成。第四部分为词语搭配题,主要利用目标区响应来完成。,在本实例中,填空题的运行效果如图5.1所示,判断题的运行效果如图5.2所示。,图5.1 填空题运行效果图 图5.2 判断图运行效果图,选择题的运行效果如图5.3所示,词语搭配题的运行效果如图5.4所示。,图5.3 选择题运行效果图 图5.4 搭配
3、题运行效果图,本实例的制作过程如下:(1)新建一个文件,并保存命名为“练习题.a7p”。(2)从“图标”面板中拖动四个群组图标到主流程线上,并依次命名为“填空题”、“判断题”、“选择题”以及“搭配题”,如图5.5所示。,图5.5 程序主流程线,(1)双击“填空题”群组图标,打开该图标的二级流程窗口。(2)拖动一个显示图标到流程线上,命名为“背景”,双击打开其演示窗口,导入背景素材图片并调整其大小。(3)再拖动一个显示图标,命名为“标题和题目”。为了在有背景的情况下输入文本内容,首先双击“背景”显示图标,然后按住Shift键,再双击“标题和题目”显示图标,在演示窗口中输入如图5.6所示的文本内容
4、。,图5.6 填空题中输入的文本内容,(4)拖动一个交互图标,命名为“题1”。再拖动两个群组图标到“题1”交互图标的右边,在“交互类型”对话框中选择“文本输入”。在流程线上按住Shift键,双击“题1”交互图标,在演示窗口中出现一个输入文本框,拖动文本框到题1后边需要填空的位置。(5)在演示窗口中双击文本框打开文本框的“属性:交互作用文本字段”对话框。首先对“交互作用”选项卡中的各项进行设置,如图5.7所示。然后单击“文本”选项卡,设置如图5.8所示。设置完成后,单击“确定”按钮。,图5.7“交互作用”选项卡设置 图5.8“文本”选项卡设置,(6)单击第一个群组图标上方的交互类型标识符,打开它
5、的属性面板,设置文本输入响应属性,在“属性”面板的名称文本框中输入“疑是地上霜”作为该群组图标的名称。“文本输入”选项卡的各参数使用默认值,如图5.9所示。,图5.9 文本输入响应类型的属性面板,(7)单击“响应”选项卡,在“擦除”下拉列表框中选择“不擦除”选项,在“状态”下拉列表框中选择“正确响应”选项,在“分支”下拉列表框中选择“退出交互”选项,如图5.10所示。,图5.10 设置“响应”选项卡,(8)单击第二个群组图标,命名为“*”,它的设置和“疑是地上霜”群组图标的属性设置基本一样,不同的是在“状态”下拉列表框中选择“错误响应”选项。(9)重复第(3)、(4)、(5)、(6)步,为其他
6、几个填空题添加文本输入交互,分别命名为“题2”、“题3”、“题4”和“题5”。(10)在流程线的最后拖入一个显示图标,命名为“统计”。双击该显示图标,输入以下文字:本页你答对了TotalCorrect题,答错了TotalWrong题。(11)拖动一个等待图标到“统计”显示图标的下方,双击该等待图标,打开其属性面板,选中“单击鼠标”复选框,取消其他选中的复选框,如图5.11所示。,图5.11 设置等待图标属性,(12)“填空题”群组图标的二级程序流程图如图5.12所示。,图5.12“填空题”二级程序流程图,(1)双击“判断题”群组图标,打开该群组图标的二级流程线窗口。(2)拖动一个计算图标到流程
7、线上,并命名为“答案”。双击“答案”计算图标,打开其程序窗口,输入以下语句:answer:=1关闭程序窗口时,在弹出的询问对话框中单击“是”按钮,在弹出的“新建变量”对话框中单击“确定”按钮。(3)拖动一个显示图标到“答案”计算图标的下方,并命名为“背景”。双击“背景”显示图标,打开其演示窗口,单击工具栏上的 按钮,打开“导入哪个文件”对话框,导入事先准备好的背景图片。(4)再拖动一个显示图标到“背景”显示图标的下方,命名为“题干”。双击该显示图标,打开其演示窗口,输入需要的文本。,(5)按Ctrl+I组合键,打开“题干”显示图标的属性面板,如图5.13所示。单击“特效”文本框后边的 按钮。,
8、图5.13“题干”显示图标属性面板,打开“特效方式”对话框,选择“分类”列表框中的“内部”选项,选择“特效”列表框中的“水平百叶窗式”选项,在“周期”文本框中输入“1”秒。在这里“分类”和“特效”方式可以根据自己的需要进行设置,“周期”也是根据自己的需要进行设置,如图5.14所示。,图5.14 设置“特效方式”,(6)拖动一个交互图标到“题干”显示图标的下方,并命名为“控制”。(7)拖动一个计算图标到“控制”交互图标的右边,在弹出的“交互类型”对话框中选择“按钮”交互方式,单击“确定”按钮,如图5.15所示。,图5.15“交互类型”对话框,(8)命名该计算图标为“提交”。拖动两个群组图标到“提
9、交”计算图标的右边,并依次命名为“a1”和“a2”,如图5.16所示。,图5.16 程序流程图,(9)双击“提交”计算图标,打开其程序窗口,输入以下代码:if Checkeda1=1 then user_answer:=1if Checkeda2=1 then user_answer:=2if user_answer=answer then prompt:=你答对了else prompt:=你答错了end if关闭程序窗口,在弹出的“新建变量”对话框中单击“确定”按钮。,(10)双击“提交”计算图标上方的交互类型标识符,打开交互图标属性面板,设置按钮响应属性,如图5.17所示。,图5.17“交
10、互图标”属性面板,(11)单击属性面板左下角的“按钮.”按钮,打开“按钮”对话框,单击“添加.”按钮,打开“按钮编辑”对话框,如图5.18所示。,图5.18“按钮编辑”对话框,(12)单击“图案”下拉列表框后边的“导入.”按钮,导入事先准备好的按钮图片;单击“标签”下拉列表框,选择“显示卷标”选项,如图5.19所示。单击“确定”按钮,回到“按钮”对话框,单击“确定”按钮。,图5.19 设置“提交”按钮的形状,(13)单击图5.17中“交互图标”面板中的“响应”选项卡,在“擦除”下拉列表框中选择“在下一次输入之后”选项,在“分支”下拉列表框中选择“退出交互”选项,在“状态”下拉列表框中选择“不判
11、断”选项,如图5.20所示。,图5.20“响应”选项卡设置,(14)双击“a1”群组图标上方的交互类型标识符,打开它的属性面板,单击“按钮.”按钮,打开“按钮”对话框,在按钮列表中选择“标准Windows收音机按钮系统”项,如图5.21所示,单击“确定”按钮。,图5.21 在“按钮”对话框选择按钮形状,(15)在选项“标签”后面输入要显示在按钮上的文字“正确”,如图5.22所示,并设置选项“鼠标”为手形指针。,图5.22 按钮“a1”的属性面板,(16)单击“响应”选项卡,在“擦除”下拉列表框中选择“在下一次输入之后”,在“分支”下拉列表框中选择“重试”,在“状态”下拉列表框中选择“不判断”,
12、如图5.23所示。,图5.23 设置“响应”选项卡,(17)在“a1”群组图标上单击右键,在弹出的快捷菜单中选择“计算.”菜单项,在弹出的“a1”程序窗口中输入以下语句:Checkeda2:=0(18)“a2”群组图标的设置方法就不再详细叙述,它的设置方法同“a1”群组图标的设置方法相同,只有在“a2”程序窗口中输入的语句不同。在“a2”程序窗口中输入以下语句:Checkeda1:=0,(19)将“开始”标志旗 拖动到“答案”计算图标的上方,单击工具栏上的“从标志旗开始执行”按钮,再单击“调试”菜单下的“暂停”命令,调整文本和按钮的位置,如图5.24所示。,图5.24 调整文本和按钮的位置,(
13、20)拖动一个显示图标到“控制”交互图标的下方,并命名为“显示提示信息”,双击打开其演示窗口,输入文本prompt。(21)按Ctrl+I组合键,打开“显示提示信息”显示图标的属性面板,设置“特效”为“左右两端向中展示”。(22)运行程序,效果图如图5.25所示。,图5.25 程序运行结果示意图,(23)拖动一个等待图标到“显示提示信息”显示图标的下方,双击该等待图标打开其属性面板,设置方式如图5.26所示。,图5.26 设置“等待图标”属性面板,(24)将“开始”标志旗拖回到原处。(25)拖动一个擦除图标到“答案”计算图标的上方,命名为“擦除1”。(26)单击工具栏上的“运行”按钮,当把填空
14、题做完之后,程序出现暂停,在演示窗口中单击鼠标,在演示窗口中单击要擦除的图标,被擦除图标的名称就出现在“被擦除的图标”后边的文本框中,如图5.27所示。,图5.27“擦除1”擦除图标属性面板,(27)该程序的流程图如图5.28所示。,图5.28“判断题”程序流程图,(1)双击“选择题”群组图标,打开其二级流程线。(2)拖动一个显示图标到该程序流程线上,并命名为“背景”,双击该显示图标打开其演示窗口,导入事先准备好的背景图片并调整到合适大小。(3)拖动一个显示图标到“背景”显示图标的下方,并命名为“题目”。(4)双击打开“背景”显示图标的演示窗口,按住Shift键的同时,双击“题目”显示图标,在
15、演示窗口中添加文本内容,设置文本字体的大小、颜色等属性,设置文本的模式为“透明”,如图5.29所示。,图5.29 添加的文本,(5)拖动一个交互图标到“题目”显示图标的下方,命名为“控制”。(6)拖动一个显示图标到“控制”交互图标的右侧,在弹出的“交互类型”对话框中选择“热区域”响应,重命名该显示图标为“A”。(7)依次拖动三个“显示图标”到“A”显示图标的右侧,并分别重命名为“B”、“C”和“D”,拖动“开始”标志旗到“背景”显示图标的上方,如图5.30所示。,图5.30 程序流程图,(8)双击“A”显示图标,打开其演示窗口,使用文本工具输入内容“错了”,如图5.31所示。(9)双击“B”显
16、示图标,打开其演示窗口,使用文本工具输入正确答案“B”,如图5.32所示。,图5.31 输入A选项内容 图5.32 输入B选项内容,(10)参照第(8)和(9)步,分别在其他显示图标的演示窗口中输入文本内容“错了”。(11)双击“B”显示图标上方的响应类型标识符,打开其属性面板,单击“响应”选项卡,设置“分支”下拉列表框为“退出交互”选项,其他选项选择默认值,如图5.33所示。,图5.33“B”交互图标属性设置,(12)分别双击“A”、“B”、“C”和“D”显示图标上方的响应类型标识符,拖动热区域范围,如图5.34所示。,图5.34 选择热区域范围,(13)分别双击“A”、“B”、“C”和“D
17、”显示图标上方的响应类型标识符,打开其属性面板,单击属性面板最右侧的 按钮,打开“鼠标指针”对话框,选择“手型”鼠标样式,单击“确定”按钮。(14)拖动一个显示图标到流程线上,并命名为“显示正确信息”。双击打开其演示窗口,导入需要的图像并且输入文本内容,如图5.35所示。,图5.35 导入的图像和输入的文本内容,(15)拖动一个等待图标到“显示正确信息”显示图标的下方,打开其属性面板进行设置,如图5.36所示。,图5.36 等待图标属性,(16)单击工具栏上的“从标志旗开始执行”按钮,程序显示效果如图5.37所示。,图5.37 程序运行效果,(17)把“开始”标志旗拖回到原处,拖动一个擦除图标
18、到“背景”显示图标的上方,命名为“擦除2”。(18)单击工具栏上的“运行”按钮,当运行到“擦除2”擦除图标时,在演示窗口中单击要擦除的图标,如图5.38所示。,图5.38 设置“擦除2”擦除图标的属性,(1)双击“搭配题”群组图标,打开其二级流程线窗口。(2)拖动一个群组图标到程序流程线上,命名为“题目”。(3)双击“题目”群组图标,打开三级流程,拖动一个显示图标到流程中,命名为“背景”。双击该显示图标,打开其演示窗口,导入事先准备好的背景图片并调整其大小,输入文本内容“根据图片和文字提示,把正确的词语和图片拖动到一起。”,设置文本内容的合适属性。(4)依次拖动7个显示图标到程序流程线上,并且
19、分别重新命名图标,如图5.39所示。,图5.39 命名图标,(5)双击“帽子.jpg”显示图标,打开其演示窗口,导入一幅帽子图像,调整图像的大小。(6)参照第(5)步,分别设计其他显示图标。按住Shift键,双击“题目”群组图标程序设计窗口中的所有显示图标,显示效果如图5.40所示。,图5.40“题目”群组图标效果,(7)双击“帽子”显示图标,打开该显示图标的属性面板,设置“特效”为“向左”。(8)同样,分别设置“房子”、“杯子”和“箱子”显示图标的属性“特效”为“向左”。(9)返回主设计窗口,拖动一个交互图标到程序设计窗口中,并命名为“控制”。(10)拖动一个群组图标到交互图标的右侧,在弹出
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- authorwear 制作 习题 学习 交互

链接地址:https://www.31ppt.com/p-5795934.html