交互课件制作过程(交互式课件巧制作)
一位同事请求帮忙用Flash制作一个滑动变阻器的课件。考虑到用Flash制作要用代码甚至编程,比较高深,于是寻求更为简单可行的制作方法——改用Articulate Storyline 2软件来完成滑动变阻器交互式课件的制作。
实例描述:课件中的线路图有电源、安培表、开关、滑动变阻器、电灯。当开关闭合时,电灯根据滑动变阻器的滑块位置达到一定亮度,安培表指针也指到一定数值,且左、右拖动滑动变阻器的滑块时,电灯的亮度及安培表的指针都发生相应变化。当开关断开时,电灯灭掉,安培表指针恢复到0(图1)。
1. 素材准备好
准备好课件中所要用到的图片素材。灯泡、滑块、滑杆、开关的刀片都需要单独的图片,安培表中的指针可在幻灯片中利用自选图形画出,而线路图可在画图软件中组装完成,生成新的图片。最好将这些图片的背景设置为透明,可通过图像处理软件或在线服务去除图片背景。
2. 配件巧组装
打开Articulate Storyline 2,新建一个项目,双击无标题场景幻灯片进入编辑窗口,右击设置好它的背景。在幻灯片中插入线路图、刀片、灯泡等图片,插入控件按钮中的一个滑块并选中它,在格式选项卡的滚动块样式处,单击“滚动块填充”下的“图片”,选择“滑块儿.png”文件,在轨道样式处单击“轨道填充”下的“图片”,选择“滑杆儿.png”文件,这样就将插入的滑块变成了滑动变阻器中的滑块样式。选择“设计”选项卡,设置滑块的开始为1,结束为10。再插入“箭头”形状作为安培表的指针。最后,调整好各个图片及控件的位置,并在时间线上上下拖动调整好各个元素间的层次关系(图2)。
小提示:
如果滑块中的图片大小不太合适,可通过调整8个控制点及控制滚动块、轨道的2个黄色控制点调整大小。
3. 更改素材状态
由于开关有打开和闭合两种状态,灯泡的亮度、安培表的指针也要进行变化,所以就需要设置它们的不同状态。选择刀片图片,由时间线切换到状态,点击“编辑状态”按钮,新增状态,状态名称处选择“已选定”,选择“正常”状态,调整好图片的角度。同理,选择灯泡图片,新增10个状态,命名从1到10,利用格式选项卡中的亮度、对比度来调整灯泡的颜色;选择箭头(安培表指针),新增10个状态,命名从1到10,调整好指针的角度(图3)。
4. 设置素材动作
点击窗口右边的“管理项目变量”按钮新增一个变量,名称为kg,类型为编号,默认值为0。选择开关(即刀片图片),新增触发器,设置各项参数(图4)。新增条件,按如图所示进行设置(图5),这样表示当开关处于正常状态(开关打开)时变量kg的值为0。同样道理,再新增触发器,当图片5的状态处于“Selected”(已选定,开关闭合)时,变量kg的值为1。
新增触发器,按如图所示设置(图6),表示当滑块的值为10(在最右侧)且开关闭合时,指针指向状态10。再新增9个触发器,目标状态分别为9、8……,条件分别为“滑块1==等于9和kg==等于1”、“滑块1==等于8和kg==等于1”……直到目标状态为1。同理,新增10个触发器,按如图所示设置(图7),表示当滑块的值为10(在最右侧)且开关闭合时,灯泡状态为1。
和上述操作类似,增加10个触发器用于控制灯泡根据滑块的调整来更改相应亮度,“时间:滑块移动”,“对象:滑块1”,条件和上述类似。再增加10个触发器,用于控制指针根据滑块的调整来指向不同刻度,“时间:滑块移动”,“对象:滑块1”,条件和上述类似。
新增2个触发器,设置“操作:更改状态”,“在对象上”分别为“箭头1”和“图片3”(灯泡),“目标状态:正常”,“时间:变量更改”,“变量:kg”,“条件:kg==等于0”,这样就实现了当开关打开时,指针和灯泡都恢复成正常。
5. 合理优化发布
最后,为了有一个简洁的操作界面,需要切换到视图状态,点击相应的幻灯片,在幻灯片导航处去掉一些不必要的按钮;在播放器功能处选择“自定义选定幻灯片”,去掉一些不必要的按钮。点击“发布”按钮,在弹出窗口选择Web选项卡,输入标题,设置好发布文件夹,最后发布就可以了。
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com