Your SlideShare is downloading. ×
E learning
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

E learning

1,381
views

Published on

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,381
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 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
  • Transcript

    • 1. HTML5 and its Role in eLearning
    • 2. 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>
    • 3. 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
    • 4. 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
    • 5. 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
    • 6. 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
      continued...
    • 7. 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
    • 8. 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
    • 9. 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
    • 10. 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
    • 11. 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
    • 12. Want to Try Out Rapid Interactivity Creation? Download Raptivity Free Trial