Train the Trainer E-learning Course This Thanksgiving
Share Twitter Facebook LinkedIn Google+

A Mini Guide on Flash to HTML5 Conversions

Written By

A Mini Guide on Flash to HTML5 Conversions

Remember your mom’s vintage wedding gown with the puff sleeves, long train, and exquisite lace work? It was not your dream wedding gown; you wanted something sleek, modern, and YOU! Yet, unable to ignore the lace, you incorporated it in your gown.

Well, chances are, you might come across similar situations with your online training programs too. Wondering how? Well, most organizations today have a repository of e-learning courses. With the latest rapid authoring tools staging a recent appearance, most of these courses must have been developed using Adobe Flash and other legacy courseware authoring tools such as Dreamweaver.

These courses contain a wealth of information and some very engaging animations that explain the concepts very clearly – thanks to the functionally-rich Flash.

The Problem

Cut to the present day – Your employees today have embraced mobile learning due to its ease of access and timely support; but legacy e-learning courses do not run on mobile devices such as iPads and Tablets. Apple CEO Steve Jobs blocking Flash for endangering battery life and security and Google withdrawing Flash support on Android devices brought the glorious reign of Flash to an abrupt end. So does this mean your repository of legacy e-learning courses will just languish with no takers for desktop courses?

The Solution

Thankfully, this is not the case. Legacy e-learning courses can be repurposed to run on all mobile devices – iOS and Android. How is this possible? It is possible due to the digital philosopher’s stone – HTML5. Flash-based legacy courses can be converted to HTML5 to make them compatible with all mobile devices.

Also, the advent of mobile learning has led to the need for responsive design which is not supported by Flash.

What is HTML5?

It is the latest version of HTML – a markup language used to create web pages – with some great features such as built-in support for videos. HTM5 in collaboration with JavaScript and Cascading Style Sheet (CSS), renders e-learning courses mobile-compatible so they can be accessed on iPads, iPhones, Smartphones, and all mobile devices seamlessly.

Why HTML5?

HTML5 output is compatible with all modern browsers and operating systems of all latest mobile devices. It runs on web browsers without requiring additional plug-ins.  It also supports responsive design. With exciting features such as video tags, canvas elements, audio tags, and scalable vector graphics (SVG) content, HTML5 makes it very easy to include rich multimedia and graphical content on the web.

So e-learning courses with HTML5 output run on all mobile devices.

So far, so good. But how exactly does this conversion of Flash to HTML5 occur? Several new-generation, rapid authoring and other tools facilitate this conversion. These include:

  • Articulate Storyline
  • Adobe Captivate
  • Lectora Inspire
  • Articulate Studio
  • Wallaby by Adobe
  • Swiffy by Google

The conversion process involves 7 steps.

  1. Ensure all media and supporting files are in a single place
  2. Extract content and media from the legacy course
  3. Select the rapid authoring tool of your choice
  4. Finalize the GUI based on your corporate branding
  5. Use templates to reduce development time and for standardization
  6. Develop a prototype
  7. Develop the course

If you lack in-house development capabilities, outsource the development effort to an external learning design expert who will develop courses of high quality, adhering to good instructional design strategies.

The Output

Migrating to HTML5 offers several benefits apart from making them mobile-compatible.

You can revamp your e-learning courses too. Course updations and translations become easy and lengthy legacy courses can be broken into micro modules – the preferred learning medium of the attention-deficit Millennial workforce.

So now you know what to do with your content-rich legacy courses; convert them to HTML5 and give them a new lease of life. You will be able to make them mobile-friendly and deliver them to your new crop of work force.

View E-book on Migrating Legacy E-learning Courses to HTML5

Share
Topics:

Subscribe to Our Blogs

Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:

 
eLearning Learning