你在考虑Flash到HTML5的转换吗?或者您是否正在考虑在您的组织中实施移动学习?平均而言,公司都在花钱24%的培训预算关于移动学习。您以前的Flash在线学习课程或包含Flash组件的课程仍然可以满足您当前的学习需求。有可能使这些课程与有效的Flash到HTML5转换兼容。
Flash到HTML5转换过程概述
Flash到HTML5转换过程涉及以下9个步骤:
- 收集源文件
- 提取内容和媒体
- 选择适当的创作工具
- 完成GUI和交互
- 选择右模板
- 开发原型
- 获得利益相关者的批准
- 开发和出版课程
- 执行质量检查
这里有一个现成的计算工具,可以让你鸟瞰Flash到HTML5的转换过程。
步骤1:收集源文件
在开始Flash到HTML5的转换之前,最好确保您拥有所有源文件(FLAs、XML等),包括媒体和支持文件。这简化了从Flash到HTML5的迁移过程。
如果没有基于Flash的电子学习课程的源文件,可以使用'记录'转换策略.要从图像中提取文本,可以使用诸如此类的工具OneNote和OCR在线.
步骤2:提取内容和媒体
收集完所有必需的文件后,从现有课程中提取内容和媒体,并在MS Word文档或PowerPoint演示文稿中复制图形用户界面(GUI)中导航按钮的屏幕文本和标签。
创建文件夹结构并复制媒体元素,如音频,视频和图形,并将其存储在其各自的文件夹中。以形式学习资源PDF文件和MS Word文档太多的文件需要复制到特定的文件夹中。
第3步:选择相应的快速创作工具
现在,您需要选择最合适的快速创作工具Flash到HTML5的转换.某些流行的创作工具对于HTML5转换,转换为:
- 清晰的故事情节–当需要在从Flash转换而来的课程中加入大量互动时,这是最受欢迎的
- 土坯俘虏–从Flash转换到HTML5的课程包含大量模拟时效果良好
- ispring套房- 用于PPT到基于HTML5的电子学习的转到工具(当Flash课程的故事板提供时)
- 致命的灵感- 用于将文本重型Flash课程转换为HTML5的良好工具
- 多明克诺一号- 当您正在寻找一个协作平台来将Flash课程转换为基于HTML5的响应式电子学习
第4步:完成GUI和互动
大多数创作工具为GUI提供了Readymade模板。这些GUI模板可以定制,以反映该公司的品牌指南,并促进便捷的课程导航。检查基于闪存的电子学课程中的互动是必不可少的,可以在HTML5中复制。在HTML5中无法复制一些基于闪存的互动性。在这种情况下,您需要选择替代方案。例如,可以将一些复杂的动画转换为视频。
您还可以利用Flash到HTML5的转换机会来增强员工的学习体验。例如,在Flash中使用动作脚本创建的复杂动画可以转换为视频、信息图或流程图等格式,以简化学习过程。
第5步:选择合适的模板来开发互动和评估
创作工具提供的模板使Flash到HTML5的转换更容易,节省了转换所花费的时间。这些模板可以根据需要定制,并使课程具有一致性。它们也可以在其他课程中重复使用。
第6步:开发镜像实际课程的原型
原型反映了“真正的转换课程”,并给出了课程完全创建时的清晰图像。在这个阶段遇到的最常见的问题是Flash中的交互性没有完全复制到基于HTML5的在线学习课程中。在此阶段实施替代解决方案。如果需要任何变更,则在非常早期的阶段确定。这避免了返工,从而减少了开发的时间和成本。
第7步:获得利益相关者的批准
一旦开发了原型,需要提交给您的利益相关者以获取批准。获得利益攸关方的批准是至关重要的,因为他被放心,因为根据要求制定了电子学习课程。
第8步:开发和发布课程
现在是时候开发“完整课程”并以HTML5格式发布它,使用所选的快速创作工具。如果需要,您可能必须合并更改。例如,如果您需要在基于HTML5的课程中更新的内容,开发人员还将不得不注意获取重新记录的相应音频文件以反映内容更新。
下面是一个Flash课程的屏幕截图,它被转换成了HTML5。
第9步:执行质量检查并将其交付给利益相关方
一旦课程出版,就必须检查它是否符合所有的质量标准。这是一个非常好的例子有用的检查表确保您的电子学习课程是高质量的。基于HTML5的课程在多个移动设备和浏览器上检查,以确保它是移动兼容的。课程通过所有质量检查后,它被交给利益相关方。
一个好的做法是进行用户接受测试(UAT),在该测试中,课程将向选定的学习者群体推出。UAT有助于识别问题(如果有,在访问课程或完成互动和评估时)。课程随后向所有学员推广。这就完成了现有在线学习课程到HTML5的迁移。
Flash到HTML5的转换过程看起来可能很简单,但事实并非如此。它需要熟练的人员来处理转换过程,而这正是一家有处理Flash到HTML5转换经验的在线学习公司可以提供帮助的地方。
除了前面提到的“记录”转换方法之外,还有其他几个Flash到HTML5的转换选项。你想进一步了解他们吗?
请查看我们关于此主题的电子书:“闪烁到HTML5电子学习转换:4 R是重要的”并将闪光灯放入HTML5转换计划的行动!