While mLearning or mobile learning adoption for new requirements has gained tremendous momentum in the last few years, organizations sill have the challenge of what they should do with the investment that is locked in the legacy Flash courses. As we all know, Flash does not support all mobile devices ( most smartphones & tablets). Increasingly, browsers are blocking Flash content. While this sounds enough, there are several aspects associated with the migration exercise that you should watch out for. In this  article, I shall provide few steps on how you can successfully convert your Flash e-learning content to HTML5.

Ensuring all the source files are in place:Check whether all the necessary media and other supporting files of the existing course are in place before starting with the conversion process. These may include .fla’s, XML, Javascript and media such as videos and audio. Keeping everything in place ensures smooth, effective and quick conversion.

Keep the content ready from the flash based course: Once all the necessary files are in place extract the content and media from the flash based course and copy the on-screen text content and the labels of all navigational buttons in the Graphical User Interface (GUI), in MS-Word document or PowerPoint presentation which can be used as a storyboard. Also ensuring that all the media elements such as audio and videos are copied and stored in a structure of folders.

Select the correct Rapid Authoring Tool to convert your course into HTML5: You can convert your current E-learning course into HTML5 using various available authoring tools. These tools help in the smooth and easy conversion of your existing Flash-based training module into HTML5, and retain the inter-activities that were adopted for E-learning course. Below are some popular authoring tools to convert your E-learning into M-learning:
Articulate storyline 2
Captivate 8
Lectora Inspire
iSpring

Finalize the GUI and Interactivities in the Converted Course: This is a critical step because the GUI of the HTML5 course may look different from that of the exiting Flash-based course. It is also important to check whether the interactivities in the legacy course can be replicated in the converted version, as certain interactivities created in Flash cannot be duplicated using HTML5.

Identify right templates to develop Interactivities: Templates makes the work easier and plays a key role in effective development of online courses in a quick time and at low cost. The job of the instructional designer is made simple, as the necessary framework for designing the digital course has already been created.

Develop a prototype resembling the actual course: Once you finalize the templates, the next step is to create a prototype. The prototype needs to resemble the “actual course” and help the client to get a clear picture of how the course looks like when it is fully developed. Any improvements and alterations needed, can be identified at a very early stage, this reduces extra cost and effort.

Develop and publish the course: This is the final stage of the conversion process. After the prototype, the next step is to develop the complete module and publish it to the HTML5 format, using the selected authoring tool.

Feel free to share your thoughts at ricky@playxlpro.com