HTML5-The Trendsetter in E-learning

By three methods we may learn wisdom

HTML5 is a buzz these days that is heard by every L & D manager. It is the talking point at every conference and in almost every blog, thanks to its ability to transform e-learning, especially in the context of mobile learning.

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. Since iOS devices do not support Flash, HTML5 support makes it possible for e-learning developers to deliver courses straight to learners’ iPads, iPhones and other mobile devices.

A few months earlier eLearning Guild released a report titled ‘HTML5 and e-Learning: What Managers and Practitioners Must Know’. The report covered some points from e-learning accessibility to design and the use of HTML5 features. I have summarized below some of the important points from the report. Let’s review them.

Accessibility

Unlike Flash, which requires additional coding effort and time to make content accessible, HTML5 does not require any additional time and coding effort, since the HTML5 content can be easily read by browsers.

Interactivity

  • Using HTML5, you can develop games which are mobile friendly, interactive and fun to play.
  • Audio and Video can be directly embedded into the HTML5 code, without using additional players or plugins.
  • Using Canvas tag, we can create animations similar to those possible in Flash.

Development and Design

  • Now a days many Authoring tools like Articulate, Lectora and Captivate are capable of publishing courses in HTML5 output and these tools help us to develop the courses rapidly and make updating and revising content easy.
  • Using HTML5, we can customize the look and feel of the content similar to that of Flash courses and we can create rich interactivities to develop engaging courses.
  • With HTML5 you can have the content flow to a pre-determined width, enabling you to make it wider or narrow it down, based on the size of the browser window. This is something that you can do through simple coding, instead of installing a plug-in.
  • HTML5 offers localization and does not require any plugins.
  • We can also create activities like drag and drop objects in HTML5 without any additional plugins.

It’s All Mobile

M-learning is not just a fad. Rather organizations are adopting extensively. HTML5 features are supported well by mobile browsers. HTML5 has video and audio tags, which makes it possible for the Videos and Audio to be played in Mobile devices.

Bottom line

HTML5 is not the complete replacement for Flash as of now, but it is the future of e-learning and m-learning. Rapid authoring tools are updating themselves for HTML5 output and most browsers today support HTML5. Acknowledging the capabilities of HTML5, learning and development managers can develop courses that are highly interactive, accessible, editable and translatable.

View Webinar On Corporate Trainers: Make Your Training Curriculum Earn While You Sleep !

You might like:

Written By Sharath Chaganti

Sharath Chaganti, Research Analyst - eLearning

Tags: HMTL5, using HTML5 for eLearning
Views: 687
AwfulPoorAverageGoodExcellent (No Ratings Yet)
Loading ... Loading ...
One comment on “HTML5-The Trendsetter in E-learning
  1. Jim Hutchinson says:

    Not all browsers support HTML 5. This is one of the problems with it yet. Older Browsers like IE 8 and below, which people are still using – doesn’t really support HTML 5. Anyone on Windows XP can’t upgrade past IE 8. This can really affect your HTML products. Flash can be made available for these people, but just be careful about doing everything yet in HTML 5.

    Browsers also implement this differently. IE 10 is not bad, IE 9 not great, and they’re still fighting over video formats. Chrome doesn’t understand H264. There is still a ways to go with HTML 5 in every device.

What do you think?

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!