基于f lash 技术的交互课件制作

张雅军

(天津市南开社区学院,天津市 300100)

基于f lash 技术的交互课件制作

张雅军

(天津市南开社区学院,天津市 300100)

Flash是一个功能十分强大的多媒体软件开发工具。论文通过交互练习课件实例的制作,说明Flash不仅是制作网站的强大利器,对于解决教学中的重点难点问题能起到很好的辅助作用,越来越多的教师以此为平台制作课件,制作课件的过程变得更方便、更快捷。

Flash;交互练习

交互多媒体课件有多种类型,例如判断题、单选题、填空题。英语中的听力填空题、数学中的四则运算、解方程等均可以制作成这类课件。

下面是通过作者所制作的中央广播电视大学《数据库基础与应用》课程的交互式多媒体为例,简单的介绍一下常见的几种类型练习题的制作方法。本文所介绍的课件使用Flash M X所制作。

一、单选题的制作

运行此练习课件时,对四个单选题进行选择。

选择完毕,单击“查看答案”按钮,可以查看本题的答案,单击“下一题”按钮,会翻页到下一个题目。题目全部回答完毕后,会显示一个测验成绩页面。

制作步骤如下:

1.创建单选题题目

(1)创建课件背景和标题:

在新建的影片文档中,将场景1的“图层1”改名为“背景和标题”。然后再这个图层上的第1帧上创建出符合课件整体效果的背景。

(2)输入单选题题目:

新建一个“题目”图层,用文本工具在第2——8帧分别输入7道题目。

(3)制作单选按钮:

在单选题的制作过程中,单选按钮是关键。

新建一个图层,命名其为“单选按钮”,在“窗口”菜单下的“组件”命令或用快捷键“Ctrl+F7”打开“Flash U IComponents”组件面板。这是Flash M X自带的一组组件。

在“Flash U ICom ponents”中有7个不同的组件,其中“CheckBox”制作复选框;“Com boBox”制作下拉组合框;“ListBox”制作组合框;“PushButton”制作按钮;“RadioButton”制作单选框;“ScrollBar”制作滚动条;“ScrollPane”制作流动窗体。

这里要制作的是单选题,所以从“组件”面板的User Interface组件类别中连续将四个Radio But2 ton单选按钮组件拖放到舞台上。

以单选题第1题为例,第一个按钮的参数设置如图1所示

图1

因为第一个选项不是本题正确的答案,所以data参数值设为0(正确选项的data参数设置为1)。这样,在编写统计测验成绩的程序时,就可以利用data参数值进行答题正确与否的判断。

2.创建导航按钮

在这个练习课件中创建了3个导航按钮,分别是“下一题”、“查看答案”和“终止测试”。

先创建一个“导航按钮”图层,将事先准备好的三个按钮样式放到舞台上,分别给三个按钮定义动作脚本:

“下一题”按钮的动作脚本为:

“查看答案”的动作脚本为:

//通过单选按钮的getValue()属性判断选择的答案是否正确,注意如果查看了答案也不算正确

3.创建“测验成绩”页面

新建一个图层,命名为“测验成绩”。在第9帧处,创建一个显示测验成绩的页面。然后定义这个页面的动作脚本。

新建一个图层,命名为“action1”,在这个图层的第1帧到第9帧都添加上一下动作代码:

Stop();//控制影片停止

这样可以控制每出现一个选择题,页面就停止。

再新建一个图层,命名为“action2”,这个图层上第2帧上的动作脚本为:

第3帧上的动作脚本:

G2.addEventListener("click",f lashistListener);

第4-8帧上的动作脚本以此类推。

第9帧即检测成绩界面上的动作脚本为:

chengji=M ath.round(100 3 dui/total);//计算检测成绩

二、多选题的制作:

多选题的制作过程与单选题相似,所不同的是,在组件面板中拖到舞台上的是“CheckBox”复选框,如果是4个选项,则拖动4个“CheckBox”复选框到舞台上,并分别给这四个复选框的实例名为checkbox1,checkbox2,checkbox3和checkbox3,label的参数值分别为A、B、C和D。提交按钮和动态文本框的制作与单选题制作类似。新建一个名为“action”的图层,在“动作”面板中定义这个图层第1帧的动作脚本为:

此动作脚本中if语句和else语句来实现程序选择结构,if语句后面的条件比较复杂,用“逻辑与”运算符&&将、checkbox1.selected==1、checkbox2.selected==1等关系表达式连接起来形成的。功能是判断所选答案的状态。如果checkbox1处于被选中状态即checkbox1.selected==1、Checkbox2处于被选中状态、Checkbox3处于未被选中即checkbox3.selected==0、checkbox4处于被选中状态,那么整个逻辑表达式的值为1(true),也就是条件成立;如果不是以上的状态,那么整个逻辑表达式的值为0(false),也就是说条件不成立。当条件成立时,执行if语句后面的result=“回答正确”这个语句,当条件不成立时,执行else语句后面的result=“回答错误”这个语句。

三、填空题的制作

1.创建填空题题目在新建的影片文档中,“图层1”,将其命名为“背景和标题”,然后再这个图层上的第1帧处创建与整个课件风格相一致的背景,可以参考单选练习题的背景。并配上相关的静态文字。

新建一个图层,将其命名为“题目”,本例有23道题,所以在这个图层上用“文本工具”,从第2-24帧制作填空题题目。以第1题,即第2帧为例,在这个“题目”图层上,创建一个影片剪辑,并将其命名为“第一题”,在该影片剪辑中分别创建“动态文本”和“静态文本”,在“动态文本”图层的第1帧和第2帧创建1个输入文本对象和1个动态文本对象。输入文本用来输入题目的答案,输入文本对象的变量名定义为“a”。动态文本用来显示答题结束后的反馈信息文字,例如上文中提到的动态文本的变量名为“result”。如果答对了,则会显示“棒极了,全填对了”。如果答错了,则提示“某处有错误”,然后可以在横线处继续答题。

2.定义动作脚本

在影片剪辑“第一题”新建一个“按钮”图层,将3个事先准备好的按钮放到舞台中合适的位置。

首先给三个按钮设置动作:

第三个“下一题”按钮的动作脚本为:

(2)设置影片剪辑“第1题”和场景1的动作脚本

在“第1题”影片剪辑中新建一个名为“动作脚本”的图层,在其第1、2帧处,定义动作脚本为:stop();//控制影片停止

回到场景1中,也新建一个名为“动作脚本“的图层,将其1-24帧处,均定义动作脚本为:

stop();//控制影片停止

上文中曾经介绍过,这样可以控制每出现一个填空题,页面就停止。单击“下一题“按钮,可以翻页到下一填空题。

A bs tra c t:Flash is a m ultimedia softw are development tool w ith powerful functions.In this arti2 cle,the author gives us some examp les of interactive exercises’coursew are.Through these examp les,readers can understand that Flash is a powerful tool not only in web design,but also in making coursew are.Realizing its help ful role in teaching,more and more teachers are now using it to p roduce coursew are.

Ke y w o rd s:flash;interactive exercises

The Production of Interactive Exercises’Coursew are Based on Flash

ZHANG Ya-jun
(Tianjin N ankai D istrict Comm unity College)

TP311

A

1673-582X(2011)02-0101-05

2010-10-12

张雅军(1980-),天津南开社区学院计算机系讲师。