不用代码也能制作交互式课件的研究
2016-05-26马震安
马震安
在教学中制作课件,应用最多的也就是PPT或是Flash了。一些展示性的课件用PPT尚且可以,而一些比较复杂的、带有交互性的课件就需要利用Flash了。但是,在Flash中制作交互式的课件还必须懂得AS脚本语言编程,这让很多的教师望而却步。那有没有不用语言编程,但可以像操作PPT那样简单,也能制作出稍复杂些的交互式课件的方法吗?
笔者经过研究,发现Articulate Storyline 2这个软件,它的操作和PPT差不多少,但它可以在不编程的情况下制作较复杂的交互式课件。在这里,笔者通过实例的方式研究不用代码制作交互式课件,希望能起到抛砖引玉的作用。
实例描述:课件中的线路图有电源、安培表、开关、滑动变阻器、电灯。当开关闭合时,根据滑动变阻器的滑块位置电灯达到一定亮度,安培表指针也指到一定数值,且左、右拖动滑动变阻器的滑块儿时,电灯的亮度及安培表的指针都发生相应变化;当开关打开时,电灯灭掉,安培表指针恢复到0(图1)。
素材巧准备
课件中所用到的图片素材需要好好地准备一下。灯泡儿、滑块、滑杆儿、开关的刀片都需要单独的图片(安培表中的指针可在幻灯片中利用自选图形画出),而线路图可在画图中组装完成,生成新的图片。最好将这些图片的背景设置为透明,可在http://www.2gei.com/bgremover这个网上在线去除图片背景(图2)。
打开Articulate Storyline 2,新建一个项目,双击无标题场景幻灯片进入编辑窗口,右击设置好它的背景;在幻灯片中插入线路图、刀片、灯泡等图片,插入控件按钮中的一个滑块并选中它,在格式选项卡的滚动块样式处,单击“滚动块填充”下的“图片”,选择“滑块儿.png”文件,在轨道样式处单击“轨道填充”下的“图片”,选择“滑杆儿.png”文件,这样就将插入的滑块变成了滑动变阻器中的滑块样式;选择设计选项卡,设置滑块的开始为1,结束为10;再插入“箭头”形状作为安培表的指针。最后,调整好各个图片及控件的位置,并在时间线上上、下拖动来调整好各个元素间的层次关系(图3)。
小提示:对于滑块中的图片如果大小不太合适,可通过调整8个控制点及控制滚动块、轨道的2个黄色控制点来进行大小的调整。
素材状态巧更改
由于开关有打开和闭合两种状态及灯泡的亮度、安培表的指针也要进行变化,所以就需要设置它们的不同状态。选择刀片图片,由时间线切换到状态,点击“编辑状态”按钮,新增状态,状态名称处选择“已选定”,选择“正常”状态,调整好图片的角度;同理,选择灯泡图片,新增10个状态,命名从1-10,利用格式选项卡中的“亮度”“对比度”来调整灯泡的颜色;选择箭头(安培表指针),新增10个状态,命名从1-10,调整好指针的角度(图4)。
点击窗口右边的“管理项目变量”按钮,新增一个变量,名称为kg,类型为编号,默认值为0;选择开关(即刀片图片),新增触发器,设置操作为调整变量,变量选择kg,运算符选择=赋值,值处选择值,内容为0,时间为用户单击,对象为图片5(即刀片),新增条件,列表处选择形状,如果处选择图片5,运算符处选择==等于,状态处选择Normal。这样,就表示当开关处于正常状态(开关打开)时变量kg的值为0(图5)。
同理,再新增触发器,当图片5的状态处于“Selected”(已选定,开关闭合)时,变量kg的值为1。
新增触发器,设置操作为更改状态,在对象上为“箭头1”,目标状态为10,时间为用户单击,对象为图片5,条件为滑块1==等于10和kg==等于1,这表示当滑块的值为10(在最右侧)且开关闭合时,指针指向状态10;再新增9个触发器,目标状态分别为9、8……条件分别为滑块1==等于9和kg==等于1、滑块1==等于8和kg==等于1……直到目标状态为1。同理,再新增10个触发器,操作对象为图片3(即灯泡),目标状态为1,(图6)时间为用户单击,对象为图片5,条件为滑块1==等于10和kg==等于1,这表示当滑块的值为10(在最右侧)且开关闭合时,灯泡状态为1(图6)。
同样道理,和上述操作类似,增加10个触发器,用于控制灯泡根据滑块的调整来更改相应亮度,时间处设置为滑块移动,对象为滑块1,条件和上述类似。再增加10个触发器,用于控制指针根据滑块的调整来指向不同刻度,时间处设置为滑块移动,对象为滑块1,条件和上述类似。
新增2个触发器,操作为更改状态,在对象上分别为箭头1和图片3(灯泡),目标状态为正常,时间为变量更改,变量为kg,条件为kg==等于0,这样就实现了当开关打开时,指针和灯泡都恢复成正常。
为了有一个简洁的操作界面,需要切换到故事视图状态,点击相应的幻灯片,在幻灯片导航处去掉一些不必要的按钮;在播放器功能处选择“自定义选定幻灯片”,去掉一些不必要的按钮。点击“发布”按钮,在弹出窗口选择Web选项卡,输入标题,设置好发布文件夹,最后发布就可以了。
研究后的反思
笔者想要强调的是,利用Articulate Storyline 2还能制作出更多的交互式课件,如交互式的试题测试、视频的播放控制等。通过上述的实例,我们不难看到,Articulate Storyline 2中的操作就像我们平时在PPT中那样简单,但是它却可以弥补在教学中利用PPT制作交互式课件方面的不足之处。所以我们不必拘泥于日常使用的教学软件,我们大可放开视野,寻找另外一些操作简单、功能却比较齐全的课件制作工具来为我们的教学服务。
(作者单位:河北唐山市丰南区第一中学)