Migration from Flash to HTML5

Migration from Flash to HTML5

This is the fifth post in a series of “Roadmap from eLearning to mLearning – Content, Technology and Costs “. In case you missed the previous post, here it is “1234 Steps to Getting Started with Mobile learning“.

For years, Adobe Flash was a dominant tool used for authoring of graphics, animations, games and rich Internet applications. It breathed life into eLearning courses, with advanced Interactivities such as puzzles, simulations, drag-&-drops, role plays and complex animations, making learning more effective and enriching.

Everything was going fine with Flash till Steve Job’s decision not to support Flash on the iPad and iPhone came up. This decision continued to affect how companies develop elearning courseware and Internet content. Let’s see more about the challenges with Flash and how HTML5 rose to power.

Challenge

As soon as iPad was launced, it quickly found its way into education sector. There was just one problem, it did not support Flash - and a great deal of e-learning content is created using Flash. This created a great problem for eLearning developers.

Solution – HTML5

HTML5 is the latest version of “Hypertext Markup Language” that has been used to create content. It is a stack of HTML, CSS and JavaScript. Migration from Flash to HTML5 has been really aided by its capability to create interactive content, which is universally accessible across mobiles and non-mobile platforms.

So, how do you make your Flash based eLearning courses into HTML5 eLearning content?

How Do I Create eLearning With HTML5?

You can convert your existing eLearning material into HTML5, using various authoring tools. These tools help in the smooth transition of your existing flash based training material into HTML5, retaining the interactivities that were adopted for eLearning. Let’s see some popular authoring tools that can convert your existing eLearning into mLearning

Adobe Captivate 7

Adobe Captivate has publishing options to Flash and HTML5. You can create a same course for both desktop and mobile devices by just publishing the course to HTML5. Captivate can intelligently detect, whether the learners delivery platform is a Desktop or a mobile device and delivers the right content for the right device.

Articulate Storyline

Articulate Storyline can facilitate a smooth transition into HTML5 online courses, from traditional flash based eLearning. Storyline is capable of producing e-learning courses in Flash, HTML5 as well as iOS format from a single source.

Articulate Mobile Player an iPad app from Articulate Storyline beautifully displays interactive e-learning content created in Articulate Storyline.

iSpring

iSpring is a PowerPoint to HTML5 converter; it is an add-on for PowerPoint. You can play your presentation on iPad and other mobile devices. Animations, activities, audio, video and all PowerPoint styles are preserved, as they were before the conversion.

Lectora

Lectora enables you to publish your course into HTML format, which makes the course run on mobile and tablet devices. Lectora also offers free iPad templates for eLearning courses. These templates can also be customized according to your eLearning content and requirements.

This is how you can enable your eLearning courses. Stay tuned for my next post to know “How to meet the Compliance requirements of mobile learning”.

Upcoming Webinar on Roadmap From eLearning to mLearning-Content,Technology and Costs

You might like:

Written By

Sharath is a Research Analyst at CommLab India. Writing blogs and articles for the marketing section is his main responsibility. Connect him at @sharath_CommLab

Tags: HTML5 & Authoring Tools
Views: 951
AwfulPoorAverageGoodExcellent (No Ratings Yet)
Loading ... Loading ...
0 comments on “Migration from Flash to HTML5
1 Pings/Trackbacks for "Migration from Flash to HTML5"
  1. [...] This is the fourth post in a series of “Roadmap from eLearning to mLearning – Content, Technology and Costs“. Once you are ready with your mLearning content, you have to choose the right authoring tool for creating your mLearning courses. We will discuss the best tools available in my next post. Stay tuned for the fifth post. [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
Search the Blog
Subscribe by Email

Subscribe by RSS

Follow CommLab India
Follow on Pinterest



eLearning Resources
Download Now!
Download Now!
Access Now!