9 Steps to Convert Your Legacy Courses to HTML5

9 Steps to Convert your Legacy Course into HTML5

The use of mobile devices to access the Internet has grown by leaps and bounds over the last few years. According to the Horizon Report (2015), about 80% of people will be accessing the Internet from mobile devices only, by 2015, with the main focus on education. The rapid growth in the number of users of the “mobile Internet” is resulting in a phenomenal increase in the demand for eLearning courses, which are mobile compatible.

So, how can companies meet their burgeoning mobile eLearning needs efficiently? – By converting their legacy courses developed using Flash and other technologies into HTML5. We will now look at the process of converting your existing online courses into HTML5 in an efficient and cost-effective manner.

Process of converting legacy eLearning courses into HTML5 

You can convert your legacy digital courses into HTML5 in a highly effective manner by following the 9 steps listed below.

Step 1: Collect all course files

Make sure that you have all media and supporting files before commencing the conversion. Having all files (FLAs, XML, JavaScript, audio, videos, etc.) makes migration to HTML5 quick and simple.

Step 2: Extract content and media from the legacy course

After collecting all required files, extract the content and media form the existing course and copy on-screen text and labels of navigational buttons in the Graphical User Interface (GUI) in an MS-Word document or a PowerPoint presentation. Create a folder structure and copy media elements such as audio, videos and graphics and store them in their respective folders.

Step 3: Select the appropriate rapid authoring software

Now, you need to choose the most appropriate rapid authoring tool to convert your legacycourse into HTML5. It is very important to consider the course loading time and the audio and video capabilities of the software before making a decision.

Step 4: Finalize the GUI and the interactivities in the converted course

This is a very important step because the GUI of the HTML5 course may lookdifferent from that of the existingonline course. It is also essential to check whether the interactivities in the legacy digital course can be duplicated in HTML5 because some Flash-based interactivities can’t be replicated in HTML5.

Step 5: Identify and pick the right templates to develop the interactivities and assessments

Templates help instructional designers (IDs) perform their work very efficiently, because the necessary framework for designing is already developed. They can be customized according to the requirement and lend consistency to the course.

Step 6: Develop a prototype mirroring the actual course

The prototype needs to mirror the “real converted course” and give a clear picture of how the course looks like when it is fully created. Any changes required, can be identified at a very early stage, and this avoids re-work and thereby reduces the time and cost of development.

Step 7: Get the approval from the stakeholder

Once the prototype has been developed, it needs to be submitted to the stakeholder for his approval. It is very essential to get the approval from the stakeholder as he is reassured that the digital course is being developed according to his requirement.

Step 8: Develop the course and publish it

It is now time to develop the “full course” and publish it to the HTML5 format, with the chosen rapid authoring tool.

Step 9: Check the quality and deliver it to the stakeholder

Once the course is published, it is necessary to check that it has met all quality norms. Here is a very useful checklist to make sure that your digital course is of the top quality. After the course has passed all quality checks, it is handed over to the stakeholder. This completes the migration of the existing eLearning course to HTML5.

Thus, you can convert your legacy e-learning courses into HTML5 in a very effective manner. Hope you find the blog useful.

View E-book on How to Select the Right Rapid Authoring Tool