HTML5 and its Role in e-Learning
 

Like this? Share it with your network

Share

HTML5 and its Role in e-Learning

on

  • 16,117 views

HTML5 is fast emerging as the industry standard for building rich interfaces. However, not all browsers support it consistently. With Apple’s iPad, iPhone, and iPod devices choosing HTML5 over Adobe ...

HTML5 is fast emerging as the industry standard for building rich interfaces. However, not all browsers support it consistently. With Apple’s iPad, iPhone, and iPod devices choosing HTML5 over Adobe Flash, HTML5 has the potential to become very important in all the upcoming classes of portable devices. What does HTML5 mean for eLearning developers and tool makers, and does it have a role to play in mLearning?

Statistics

Views

Total Views
16,117
Views on SlideShare
12,595
Embed Views
3,522

Actions

Likes
18
Downloads
286
Comments
3

23 Embeds 3,522

http://www.raptivity.com 2651
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com 322
http://www.linkedin.com 313
http://192.168.0.193 69
http://staging.raptivity.com 54
http://paper.li 53
http://localhost 29
http://classic.raptivity.com 6
http://raptivity.com 6
http://hunch.com 5
http://khmer4s.blogspot.com 2
http://192.168.0.193:8080 1
http://webcache.googleusercontent.com 1
https://twitter.com 1
https://nbu-test.blackboard.com 1
http://207.46.192.232 1
http://a0.twimg.com 1
https://webcourses.niu.edu 1
http://translate.yandex.net 1
http://translate.googleusercontent.com 1
http://twitter.com 1
http://www.slideshare.net 1
http://knowledgebase.raptivity.com 1
More...

Accessibility

Categories

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • I can testify to HTML5's importance in e-Learning. We build educational games for brands, and we've found HTML5 to be a major asset when it comes to design, distribution and cost.

    HTML5 enables us to create very dynamic and rich interfaces at a relatively lower cost compared to native apps. Games are able to run within the mobile web browser, at native speeds.

    I'd be happy to discuss more!
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks Gareth for sharing the document
    Are you sure you want to
    Your message goes here
    Processing…
  • CM Group's Luminosity Studio rapid eLearning authoring toolkit fully supports HTML5 eLearning output. It's fast and easy to learn so may be worth checking out.

    They also do Luminosity Lightshow an HTML5 based software application simulation tool which is low cost and produces good results
    Are you sure you want to
    Your message goes here
    Processing…
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

HTML5 and its Role in e-Learning Presentation Transcript

  • 1.  
  • 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