基于Storyline的非编程交互式网络课件开发方式
基于Storyline的非编程交互式网络课件开发方式 随着教育信息化的发展与普及,多媒体课件早已进入了 常规课堂,一线教师对课件的制作与应用也不再陌生。然而, 随着网络技术的迅速发展、教学观念的转变,在教学资源开 发方面出现了“以学为中心”、“交互性强”、“网络化” 等特征和趋势,对教师设计和开发多媒体课件提出了新的要 求。虽然,Flash、Dreamweaver等软件功能强大,可以开发 出专业的课件,但其开发周期长、技术门槛高。而Articulate Storyline软件功能强大、简单易学,教师可以快速掌握软 件操作技能,开发出专业的交互式多媒体网络课件。本文以 《信息技术网络课堂——图形图像篇》为例,介绍如何使用 Articulate Storyline软件,通过非编程的方式开发交互式 多媒体网络课件。一、Storyline简介 Articulate Storyline 是由美国Articulate 公司开发 的一款专业e-learning课件开发软件。自2012年5月发布以 来,Storyline凭借其人性化的操作界面、强大的交互效果 设计能力、丰富的模板资源和素材库、灵活的测试功能而受 到了众多开发者的欢迎,曾获美国《培训》杂志(Ttraining Magazine)“Best of Elearning”大奖——最佳E-learning 开发工具奖、最佳移动课件解决方案奖等。
2014年9月, Articulate公司在Storyline1的基础上推出了Storyline2 及其中文版。Storyline2采用了新的界面风格,完善了对中文输入的支持,开发者可以像制作PowerPoint一样轻松找到 和使用各种工具,快速创建内容和各种互动效果。[1]中文 版的推出及功能的完善,使得Storyline2成为国内普通教师 开发交互式网络课件的首选工具。
二、Storyline的功能与特点 1.操作简单,易学易用 2.非编程的交互设计方式 交互性是衡量课件优劣的重要指标之一。网络课件交互 设计的好坏直接影响课件的质量及学生的学习效果。根据我 国学者陈丽提出的教学交互层次塔理论,学生与课件的操作 交互对信息交互、概念交互有重要的影响,是信息交互、概 念交互的实现基础。[2]因此,操作交互的设计是课件设计 和开发的重点。使用Flash开发交互课件需要教师掌握脚本 语言(Actionscript),有一定的技术难度。[3]相比Flash, Storyline的最大优势就是其交互设计具有“非编程”的特 点。没有任何编程基础的教师也可以灵活设计和实现各种交 互效果,制作出各种复杂的互动课件。
3.自带多样化的测验功能 测试反馈是优秀网络课件不可或缺的部分。Storyline 内置了大量不同类型的测验题型,有判断正误、填空、单选、 多选、匹配等打分题,也有李克特量表等调查型测验。使用 题库功能可以实现随机出题的效果,学习者即使多次做题也 不能预测出下一题。测验结束后,系统自动做出评价,计算测试成绩,并可以让学生根据结果选择是否回顾测试过程、 打印测试结果或重新测试等。
4.灵活的发布功能 Storyline默认的课件发布格式为“网页+Flash”形式, 具有很高的可移植性,既可以在单机上通过浏览器或Flash Player运行使用,也可以将其发布在Web服务器上,学生通 过网络远程访问课件。并且Storyline课件符合SCORM、AICC 标准。对于具备E-learning平台的学校和教师,可以轻松实 现Storyline课件与学习管理平台(LMS)对接,对学生学习 和测试进行自动跟踪和管理。
此外,Storyline支持iPad和Android平台。在发布 Storyline课件时,可以使用HTML5 和iPad选项将网络课件 发布为移动设备支持的格式。使用移动设备的学习者可以通 过网页浏览器(HTML5)或者本机上的Articulate Mobile Player app浏览网络课件。[4] 5.媒体支持能力强, 交互元素多 Storyline具有强大的媒体支持能力,几乎可以支持所 有格式的视频文件和声音文件。教师不需进行繁琐的格式转 换就可以将媒体文件直接插入到多媒体课件中。另外,也可 以插入网络上的视频,或者在课件制作过程中直接使用摄像 头和麦克风录制视频文件、音频文件。在交互设计方面, Storyline内置了很多互动模板,教师只要根据自己的需要 进行修改就可以直接使用。另外,软件提供了很多互动元素和功能,如:缩放区域、互动标记、录制屏幕、词汇表、搜 索、进度条,等等。在使用Flash等其他软件开发时,实现 这些交互元素和功能需要进行大量程序代码编写,而在 Storyline中只要进行简单的操作即可。
三、使用Storyline开发交互式多媒体网络课件 PowerPoint在制作多媒体课件方面具有简单易用的 特点,但很难开发导航灵活、交互性强、通用性和移植性好 的交互式多媒体网络课件。Flash、Dreamweaver等软件功能 强大,在开发专业网络课件方面具有优势,但其对编程的需 求对普通教师来说是一个比较难逾越的技术门槛。而 Articulate Storyline同时兼备这两类软件的优势,下面笔 者以课件《信息技术网络课堂——图形图像篇》为例(如图 1),介绍使用Storyline通过非编程的方式开发交互式多媒 体网络课件的方法。
图1 课件《信息技术网络课堂——图形图像篇》 1.学习内容的设计和管理 图2 “故事视图”面板 2.交互设计与动画制作 图4 触发器面板 图5 触发器向导 Storyline课件的动画设计与PowerPoint类似。选中需 要设计动画效果的对象后,点击“动画”菜单就可以设置各 种进入动画、退出动画及动作路径动画。另外,也可以对整张幻灯片或某一图层设置切换效果。
3.导航菜单的设计 导航是课件结构的体现,也是课件交互性的一种表现。
网络课件作为支撑学生自主学习的教学内容载体,更应该重 视导航的设计。在使用Storyline开发课件的过程中,可以 通过设置触发器实现导航。另外,在播放器属性设置中,可 以方便地根据课件结构设计课件导航菜单。点击“播放器” 按钮,打开“播放器属性”对话框,进入“菜单”选项卡后, 系统会根据场景和幻灯片的标题自动形成菜单结构(如图6)。
在此基础上,教师可以利用菜单下方的功能按钮对自动生成 的菜单进行调整和个性化设置,如增加或删除菜单项、升级、 降级、设置导航限制等。
图6 导航菜单的设计 4.评价测试模块的制作 在Storyline中,使用其内置的测验功能可以高效、简 单地设计和开发课件评价测试模块。课件运行时,向学习者 提出问题,当学生回答之后,课件根据答案正确与否,给出 不同的反馈信息、统计分数,并在测验结束后给出总体反馈 和评价。具体实现方法:新建幻灯片——选择“测验”选项 卡——根据需要选择题目类型。在如图8所示的题目设计对 话框中,教师可以输入题目内容、选项、正误的反馈等。
图7 插入测验幻灯片 图8 测验设计对话框Storyline中内置了很多不同类型的问题, 如:判断正 误、填空、单选、多选、拖拽匹配、量表等。当课件与学习 管理系统(LMS)对接后,可以将学生的测验过程结果反馈 到学习管理系统, 实现教师对学生的学习进度和学习成绩 的跟踪,及时掌握和评价教学效果。
5.附加功能的实现 Storyline作为专业的E-learnning课件制作工具,提供 了很多针对E-learning培训的实用功能,如:对学习内容的 快速搜索、词汇表的定义、附加资源的添加等。这些功能只 要在播放器属性对话框中进行简单的设置即可实现。
图9 置词汇表 6.课件的预览与发布 在课件制作的过程中,教师可以随时点击“预览”按钮 查看课件运行效果,并且可以根据需要选择软件提供的三种 预览模式:对单张幻灯片预览、单个场景预览和整个课件预 览。课件制作的最后一个步骤就是发布环节。如图10所示, 在主页菜单选项卡下面,点击“发布”按钮,打开“发布” 对话框。默认的课件发布格式为web形式,教师也通过选定 “包括HTML5输出”和“在iOS或Android上使用Articulate Mobile Player”复选框,将课件发布为移动终端版本的课 件。
图10 课件的发布 四、小结参考文献:
[1] Create interactivee-learning [DB/OL]. https:
//www.articulate.com/products/storyline-why.php. [2] 陈丽.远程学习的教学交互模型和教学交互层次塔 [J].中国远程 教育,2004,(3). [3] 黄如民.多媒体课件及其交互特性[J].现代教育技 术,2009,(9). [4] Publishing a Project for iPad or HTML5 [DB/OL]. http:
//community.articulate.com/tutorials/products/publi shing-a- project-for-ipad-or-html5.aspx [5] 余剑波.微课程设计的点链圈(PLC)模型研究[J]. 远程教育杂志, 2013,(5). [6] 彭昱忠,元昌安,陈汉梅.基于Captivate的网络多 媒体课件制作技 术研究[J].中国电化教育,2007,(2).