在过去,电子学习开发人员严重依赖复杂的编码来创建课程。使用Java、Flash、XML和其他工具,开发人员从头开始编写课程的每一个方面。在当时,在线课程使用的设备数量非常有限,因此这种方法效果很好。
随着器件数量的大幅增加,它只是为不同设备开发单独的版本而变得不切实际。这就是为什么基于HTML5的创作工具开发出来,以极大地帮助课程开发过程。使用HTML5作为开发电子学习课程的基础可以给您提供许多优势。响应课程输出,设计模板,屏幕录制功能,易于访问的多媒体元素以及许多其他功能使HTML5快速发展互动课程。这就是为什么你应该跳跃并转换你的旧基于flash的课程转向HTML5.
如果你仍然不相信这一点,那么也许HTML5提供的大量互动功能可以扭转局面。互动元素在吸引学习者的过程中发挥着巨大的作用,并填补了教师缺席时留下的沟通空白。它让学习者觉得自己是学习过程的一部分,而不仅仅是旁观者。虽然基于flash的课程以其高超的交互性而闻名,HTML5也并不落后。HTML5可以帮助你创建类似于Flash课程的交互活动,而无需编程。让我们来看看一些最受欢迎的交互元素,当你将基于flash的课程转换为HTML5时:
基于触发器的交互
使用HTML5,您可以通过触发器创建迷人的交互。它基本上使任何物体根据学习者的输入来执行一个动作。当两个物体相交、分离或在令人兴奋的视觉上变得可见时触发一个动作。基于HTML5的快速创作工具还可以为您提供触发基于逻辑的操作的选项。您可以介绍允许您捕获和跟踪学习者响应的二进制字段,以便可以触发各种操作。
响应对象
当你有HTML5的力量在您手中,为什么要用纯静态格式表示数据呢?如果您正在使用像清晰的故事线360这样的创作工具,您可以添加交互元素,如刻度盘、滑块、按钮、标记、灯箱和数据输入字段,让您的学习者可以操作数据、探索因果关系、控制对象等等。
您还可以应用新的方法来使您的课程令人兴奋和吸引力。以电子书的形式向您的学习者提供信息,以页面转动效果或使用时间线互动来可视化历史事件的年表,并且更多这样的技术可以更好地吸引您的学习者。
基于移动界面的交互
最大的优点将传统课程转换为HTML5是触控智能设备的优化。转换后的课程支持所有平板电脑和智能手机上的触屏手势,如滑动、拖动、缩放、双击等。这为学习者在所有设备上提供了更身临其境的学习体验。即使您使用的学习管理系统也以自己的方式与您的学习者进行交互。例如,它会向学习者发送通知,敦促他们完成待修课程,或定期提示新学习材料的到来。
可缩放矢量图形(SVG)
与通常的PNG、JPEG或GIF文件不同,SVG文件完全可以伸缩到任何大小,而不会造成质量损失。它们的体积也小得多。您可以使用这种跨设备和大小缩放的矢量图像创建高质量的项目,而不失真质量。各种基于HTML5的创作工具允许您将复杂的形状定义为SVG图形,并将它们用作按钮或反馈标题。使用这个HTML5功能,您可以创建交互式信息图或根据您的学习者的行动使静态图像栩栩如生。
这只是对基于HTML5的基础设施所能实现的功能的一瞥。创建基于HTML5的交互的最大好处是,与通过Flash或其他编码技术创建交互相比,你只需要付出很小的努力。让它成为你将传统课程转换为最新HTML5课程的又一个理由。