从Flash到HTML5的转变:9个步骤!

在HTML5出现之前，电子学习课程是用Flash发布的。学习者必须安装最新版本的Flash播放器来访问在线课程。二十年前，学习者没有选择浏览器的机会，因为浏览器很少，而且Flash经常更新版本。

当HTML出现时，Flash与移动设备和浏览器的不兼容性得到了解决。随着越来越多的组织选择通过移动设备来扩展在线培训，HTML的最新版本HTML5获得了成功。此外，HTML5与各种学习管理系统(LMS)标准，如AICC, SCORM, Tin Can/Experience API，使它成为最受欢迎的Flash替代。

在这篇文章中，我将强调HTML5是什么以及它对电子学习的意义。我也将分享几个步骤转换现有的Flash课程HTML5。

从Flash转向HTML5?HTML5到底是什么？

HTML + CSS3 + JavaScript = HTML5

有了HTML5，你就可以交付任何必须在线的内容，而无需额外的插件。你可以开发任何东西，从应用程序到音乐再到电影。HTML5还可以用于构建在浏览器上运行的复杂应用程序。由于HTML5是跨平台兼容的，因此可以在任何设备上部署和访问课程。

从Flash转向HTML5对电子教学意味着什么？

HTML5对电子学习有利的原因有很多。以下是一些例子:

• 内容在一个源中，可以通过多个设备传递
• 不需要外部插件
• 丰富的互动等
• 随时随地接入
• 内容可以很容易地被多个浏览器读取

让我们快速浏览一下将Flash转换为HTML5的步骤。

9将Flash课程迁移到HTML5的步骤

1.聚源文件

Flash到HTML5转换的重要部分是收集所有基于Flash的课程的源文件(。佛罗里达州和. xml)。这还包括媒体的源文件和支持文件。您可以使用扩展名来识别它们，.html、.xml、.css、.psd、mp4、mp3等等。有了这些源文件，就可以减少从零开始创建的工作量，并简化Flash到HTML5的转换过程。

如果你没有源文件，你可以选择记录转换策略．现有的课程可以使用Camtasia或CamStudio等视频播放软件播放和录制。最终的输出以HTML5兼容的MP4格式获得。

2.提取和组织内容和媒体

一旦所有文件就绪，就该从现有课程中提取内容和媒体了。复制文档或PowerPoint演示中的所有屏幕文本，包括GUI导航按钮上的标签。

接下来，您应该创建一个文件夹结构来在各自的文件夹中组织各种媒体元素，如音频、视频和图形。你还应该为学习资源创建一个单独的文件夹，以保存为pdf和Word文档。

3.选择一个合适的创作工具

选择正确的电子学习创作工具是有效Flash到HTML5转换的下一个重要步骤。这里有一些流行的创作工具，你可以从中选择。

1. 360年表达故事情节:如果你的基于flash的课程包含很多交互性，这是一个理想的工具
2. Adobe Captivate:当你想要将包含模拟的Flash课程转换成HTML5时，这个工具很有意义
3. Lectora激励:使用它来转换基于flash的电子学习课程，这些课程需要大量的文本。
4. iSpring套件:该工具允许快速转换PPT(基于flash课程的故事板)到基于html5的电子学习课程
5. dominKnow:如果您正在寻找一个协作平台，将基于flash的课程转换为HTML5响应式电子学习课程，请选择它

4.最后确定GUI和交互性

大多数流行的创作工具都提供GUI的预构建模板。可以根据组织的品牌指导方针来选择和定制它们。不用说，这节省了从零开始创建的大量开发时间。

此外，确保基于flash的课程的交互性可以在HTML5中复制也是很重要的。然而，可能存在难以复制的交互作用。在这种情况下，必须选择最佳的替代方案。例如，复杂的动画可以转换成视频。

5.为交互性和评估选择正确的模板

创作工具还提供了可定制的交互和评估模板。这些模板有助于你转换成电子学习课程的一致性。在外包的情况下，确保您传递品牌GUI以及您希望在基于html5的课程中使用的任何新模板。

6.开发一个原型

一个原型是一个完整的功能样本最终转换的电子学习课程。简单地说，它提供了一个想法，最后的课程将如何看待完成。建议不要跳过这个步骤，因为它有助于在早期阶段识别歧义和更改。这减少了返工，从而节省了开发时间和成本。

7.获得股东批准

下一步是获得涉众对已开发原型的批准。这让他们知道最终的课程在转换结束时会是什么样子。此外，它向学生保证课程是按照要求开发的。

8.转换和发布课程年代

这是实际行动发生的地方。课程是使用您选择的创作工具开发的，并以HTML5格式发布。确保课程发布到最新版本的技术标准，如API，或流行的SCORM 1.2。

此外，如果需要，基于html5的课程也必须进行调整。例如，在内容更新的情况下，音频文件必须重新录制，以反映内容更新。

9.进行质量检查

在发布课程之后，确保它符合质量标准是很重要的。您可以参考这个清单Flash到HTML5转换过程中的最终质量保证。为了确保完美的Flash到HTML5电子学习课程，你可以开发以下内容:

• 基于需求、风格指南、模板、设备和兼容性的开发清单。
• 质量团队的质量保证清单，包括标题(风格的一致性)，内容(拼写检查，音频同步)，界面功能(幻灯片进度，页码)。
• 面向LMS专家的SCORM云测试清单。

确保基于html5的课程在最终移交给相关人员之前，在不同的浏览器和移动设备上进行了检查。例如，测试课程要保证以下技术要求:

• PC浏览器:最新版本的Edge和Internet Explorer浏览器，如11.0
• 平板电脑:Android、Windows、IOS和Safari浏览器
• SCORM Cloud:用于跟踪报告功能

总结起来

而Flash到HTML5的转换过程看起来很容易，其实不然。它需要彻底的计划和熟练的专业人员来处理过程中的歧义。如果你的组织内部没有这方面的专业知识，那么将Flash外包给HTML5转换项目是明智之举。当专家处理项目时，它会变得更快更容易。虽然我已经提到了记录转换策略，但你可以继续阅读更多的策略，在这本电子书中，”Flash到HTML5电子学习转换:4 ' R ' s That Matter”