E learning
Upcoming SlideShare
Loading in...5

E learning






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • Natively supports multimedia, videos and better document structure User interactions with web is very rich, almost like user interaction with Flash
  • In fact, most major smart phone mobile devices are supporting HTML5 now

E learning E learning Presentation Transcript

  • HTML5 and its Role in eLearning
  • What is HTML5 ?
    • New standard of HTML from the Web Hypertext Application Technology Working Group (WHATWG) and the World Wide Web Consortium (W3C)
    • Supports new tags that enable rich user experience
      • Tags to support multimedia content
        • <video>
        • <audio>
        • <canvas>
      • Tags to improve semantic richness of documents
        • <section>
        • <article>
        • <header>
  • Which browsers support HTML5?
    • Currently supported by many desktop browsers except Internet Explorer 7 & 8
    • Existing browser support is inconsistent
      • HTML5 is an emerging standard
      • Mozilla FireFox, Google Chrome and Apple Safari support HTML5 to varying degrees
    • Internet Explorer 9 to support HTML5
      • To release later in 2011
      • IE 9 Beta is available for download
  • What devices support HTML5?
    • iPhone & iPad support HTML5
    • Android supports HTML5
    • Traditional mobile handsets did not support even HTML too well
      • Increasing number of mobile device manufacturers are adopting Android
      • Hence HTML5 is making it to mobile devices very quickly
  • Where can HTML5 be used?
    • Once more browsers and devices come onboard, HTML5 will be used for many things
    • SEO-friendly rich websites for desktops and mobiles
    • Web-based applications will have HTML5
    • Many apps for mobile (iPhone apps, iPad apps, Android apps) will be written in HTML5
  • Where can HTML5 be used?
    • A lot of web content currently in HTML can move to HTML5
      • Video and audio
      • Articles, White papers & eBooks (It doesn’t have to be just PDF anymore!)
    • In e-Learning:
      • On-the-field training (Mobile learning)
      • Edumercials
      • SCORM can be supported in HTML5 using JavaScript
  • Can I Create HTML5 like I Create HTML?
    • Yes and No!
    • HTML5 is just a markup with additional tags, so YES, you can write HTML5 like you write HTML
    • BUT
    • Common misconception is that “HTML5 automatically supports animation etc.”
      • Animations are usually supported through CSS3 and use of JavaScript
    • Real power of HTML5 is unleashed when it is used along with CSS3 and JavaScript
  • Challenges for HTML5 adoption in eLearning
    • Adobe Flash will be the dominant medium for eLearning content for a while
      • A lot of eLearning content is written in Flash and will remain that way
      • A lot of Flash programmers work on creating eLearning courses
      • Web developers will adopt HTML5/CSS3/JavaScript combination, but they are not necessarily content developers
  • How can I create HTML5?
    • There are tools available today using which you can create HTML5 elements and interactions
      • Adobe added support for HTML5 creation in Dreamweaver in mid-2010
      • Raptivity ( raptivity.com ) supports creation of some interactivities in HTML5
      • SiteJazzer ( sitejazzer.com ) helps create HTML5 using some templates and no programming
      • Lectora announced that it will support HTML5 soon
  • Raptivity Interactions in HTML5
    • Raptivity HTML5 pack is an example of combining Flash and HTML5
    • Each interactivity is rendered in Flash as well as HTML5
    • Course developed interactivity only once, Raptivity takes care of building the two versions
    • Go to www.raptivity.com to download a Raptivity Free Trial
  • Final Word: A Word of Caution HTML5 Limitations (as of date)
    • HTML5 is an emerging standard
    • HTML5 only supports limited video format (only Ogg format is supported)
    • HTML5 only supports limited audio formats (Ogg, MP3, WAV)
    • HTML5 support on browsers is inconsistent at best
  • Want to Try Out Rapid Interactivity Creation? Download Raptivity Free Trial