Html5anditsroleinelearningv3 110128011524 Phpapp02


Published on

1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

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
  • Html5anditsroleinelearningv3 110128011524 Phpapp02

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