SlideShare a Scribd company logo
1 of 7
Download to read offline
Contents
 HTML5 & its Role in eLearning ..................................................... 4

 The Case for HTML5 in mLearning ............................................... 5

 Importance of Rapid Interactivity in HTML5 and m-Learning ...... 6

 Using Raptivity® in mLearning ..................................................... 7




Copyright © 2011, Harbinger Knowledge Products                                 Page 2
“New open standards created in the mobile era, such as HTML5, will win on mobile
 devices (and PCs too)”

                                                                            - Steve Jobs



 “We see HTML5 as a critical component of the future web, and a great technology for
 delivering interactive learning content.”

                     - Vikas Joshi, chairman and managing director of Harbinger Group



 "You can't teach people everything they need to know. The best you can do is position
 them where they can find what they need to know when they need to know it."

                                                                      - Seymour Papert




                        Figure 1: Evolution of Learning Channels




Copyright © 2011, Harbinger Knowledge Products                                   Page 3
HTML5 & its Role in eLearning1

 HTML5 is technically the latest version of the HTML specification, but it's commonly
 used to refer to the combination of three technologies together: HTML5, CSS3 (the
 latest version of Cascading Style Sheets), and JavaScript.

 While the larger issue is how HTML5 impacts the future of the Web, there are many
 discussions about how HTML5 impacts the future of Flash. The very prospect of better
 interactive support in browsers is a positive sign for the future of the Web. Interactive
 applications will be easier to build and deploy - and users will find the Web content
 more engaging.

 The technology sure has a lot going for it, given that Google, Microsoft and Apple
 agree to the direction it is taking. A short tour of the key features of HTML5 should be
 enough to convince ourselves that support for greater interactivity is getting
 entrenched within the browser. All the browsers, including IE9, Mozilla Firefox, Google
 Chrome and Apple Safari now support HTML5, even if it is to varying degrees. HTML5
 is making it to mobile devices like iPhone, iPad, Android and others very quickly. As
 older browser versions are replaced with these newer ones, HTML5 will truly become
 mainstream. Within e-Learning, it can be used for On-the-field training (Mobile
 learning), Edumercials, and to support SCORM using JavaScript.




 1
  This is an abstract from the Raptivity presentation, “HTML5 and its role in eLearning”:
 http://www.raptivity.com/resources/insights/presentations-and-recorded-webinars


Copyright © 2011, Harbinger Knowledge Products                                              Page 4
The Case for HTML5 in mLearning

 The advantages of using HTML5 get more important once you include mLearning in
 the context. mLearning designers and developers – and mLearning itself – have
 suffered for years because developing mLearning is like trying to hit a moving target;
 once you have a product out, the devices it was designed for are obsolete, due to the
 very short lifespan of most mobile device product cycles.

 If those developers were developing desktop-based e-Learning instead, they would
 have a pretty good solution to this compatibility problem: Flash. But Flash Player’s
 ubiquity on desktops and laptops doesn’t extend to mobile devices. Importantly,
 iPhone, iPad and iPod Touch devices, do not support Flash.

 Apple CEO Steve Jobs says Adobe’s Flash platform, like floppy disks and serial ports
 before it, is a technology that has outlived its usefulness. But according to Adobe,
 Flash has some legs yet. Anup Murarka, director of technical marketing for mobile and
 devices at Adobe (ADBE), claims 53 percent of all smartphones shipping in 2012 will
 support Flash.

 “You’re going to see Flash not only on *Google's+ Android. Consumers will see devices
 from Palm (PALM), Research in Motion Ltd’s (RIMM) Blackberry, Nokia’s (NOK)
 Symbian and Microsoft (MSFT) Windows Phone 7 support the full Flash Player,”
 Murarka said. “Maybe we don’t get to the iPhone or iPad. If anything, we’re seeing
 continued growth in the install base and the usage of Flash and we see that continuing
 to grow.”2

 Mobile platforms do have the benefit of starting afresh with support for HTML5 on
 their browsers. It is also an obvious choice for mobile devices because rendering
 HTML5 code is generally not very processor-intensive compared to alternatives, and
 mobile device manufacturers are always pushing the envelope to accommodate user
 demand for increased speed and multitasking. To top it off, with HTML5, mobile
 devices' short product cycles become a boon instead of a liability because new devices
 generally mean new and more updated browsers.




 2
  Source: http://allthingsd.com/20100610/adobe-flash-on-53-percent-of-all-smartphones-shipped-in-
 2012/


Copyright © 2011, Harbinger Knowledge Products                                             Page 5
Importance of Rapid Interactivity in HTML5 and m-Learning

 Rapid interactivity building has proven to be an efficient and cost-effective way of
 creating interactive learning courses in desktop platforms. HTML5, being a
 combination of HTML, JavaScript and CSS, is more complex than the plain markup that
 HTML is. In many respects, it is as powerful as Flash, and by the same token, is difficult
 to program compared to plain HTML. Clearly, rapid interactivity has a role to play in
 building HTML5 interactions.

 Mobile devices themselves and their capabilities are highly fragmented not only due
 to the different available platforms, but also because devices from even a single
 platform span the gamut. The ongoing tablet revolution exacerbates this
 fragmentation even further. Mobile learning content should be engaging, light on text
 and graphically rich. All this fits very well with the rapid interactivity metaphor, rather
 than traditional navigation and page-turning.

 All this puts a premium on efficient and cost-effective development, and indeed
 makes rapid interactivity a critical factor.




Copyright © 2011, Harbinger Knowledge Products                                       Page 6
Using Raptivity® in mLearning

 Mobile learning can benefit from a large variety of interactions that Raptivity users
 routinely build as part of e-learning. The Essential Pack and HTML5 Pack from Raptivity
 come with the capability of publishing interactions on mobile devices and Apple’s iOS
 devices respectively.

 Raptivity Essential Pack includes the Raptivity software and a set of 35 interaction
 templates that can be published on mobile devices that support Flash technology. The
 interactions thus published will work on devices such as Android and BlackBerry.

 The Raptivity HTML5 Pack includes 6 important and meaningful interactions for
 engaging presentations. Interactivities from this pack can be published in HTML5 as
 well as Flash. The HTML5 Pack interaction models are as customizable as the Flash
 ones. The course creator can develop interactivity once, and Raptivity takes care of
 building these two versions, enabling Android, Blackberry, iPhone and other smart
 phone devices to play Raptivity content seamlessly.

  Learn More…




          Rapid Interactivity, the Raptivity Way
          Raptivity allows you to quickly and easily create learning interactions
          such as games, simulations, brainteasers, interactive diagrams, virtual
          worlds and more.

          Fast and Easy: Configure each interaction model extensively, plug in
          your content, and have a Flash-based interaction within minutes.

          Maintainable:        Driven by templates, and easy to update and
          maintain.

          Based on Instructional Models: Supports Bloom’s Taxonomy,
          Gagne’s Nine Events, Keller’s ARCS model and Experiential Learning.




Copyright © 2011, Harbinger Knowledge Products                                      Page 7

More Related Content

What's hot

Final Agile Forum
Final Agile ForumFinal Agile Forum
Final Agile ForumDesignit
 
Html5 miami2012
Html5 miami2012Html5 miami2012
Html5 miami2012Carl Ford
 
Started in-tech-la-nov-21
Started in-tech-la-nov-21Started in-tech-la-nov-21
Started in-tech-la-nov-21Thinkful
 
Setting the Record Straight: Drupal as an Enterprise Web Content Management S...
Setting the Record Straight: Drupal as an Enterprise Web Content Management S...Setting the Record Straight: Drupal as an Enterprise Web Content Management S...
Setting the Record Straight: Drupal as an Enterprise Web Content Management S...Acquia
 
Tin Can The Heart of eLearning
Tin Can The Heart of eLearningTin Can The Heart of eLearning
Tin Can The Heart of eLearningTatainteractive1
 
[Intellect] The seduction of the species
[Intellect] The seduction of the species[Intellect] The seduction of the species
[Intellect] The seduction of the speciesAdrian McGrath
 
100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designersRaptivity
 
Generative Design and Design Hacking
Generative Design and Design HackingGenerative Design and Design Hacking
Generative Design and Design HackingDesignit
 

What's hot (9)

Final Agile Forum
Final Agile ForumFinal Agile Forum
Final Agile Forum
 
Html5 miami2012
Html5 miami2012Html5 miami2012
Html5 miami2012
 
Started in-tech-la-nov-21
Started in-tech-la-nov-21Started in-tech-la-nov-21
Started in-tech-la-nov-21
 
Setting the Record Straight: Drupal as an Enterprise Web Content Management S...
Setting the Record Straight: Drupal as an Enterprise Web Content Management S...Setting the Record Straight: Drupal as an Enterprise Web Content Management S...
Setting the Record Straight: Drupal as an Enterprise Web Content Management S...
 
Ibmsocial
IbmsocialIbmsocial
Ibmsocial
 
Tin Can The Heart of eLearning
Tin Can The Heart of eLearningTin Can The Heart of eLearning
Tin Can The Heart of eLearning
 
[Intellect] The seduction of the species
[Intellect] The seduction of the species[Intellect] The seduction of the species
[Intellect] The seduction of the species
 
100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers
 
Generative Design and Design Hacking
Generative Design and Design HackingGenerative Design and Design Hacking
Generative Design and Design Hacking
 

Similar to HTML5 and mLearning- The Rapid Interactivity Approach

Migrating to HTML5, Migrating Silverlight to HTML5, Migration Applications t...
Migrating to HTML5,  Migrating Silverlight to HTML5, Migration Applications t...Migrating to HTML5,  Migrating Silverlight to HTML5, Migration Applications t...
Migrating to HTML5, Migrating Silverlight to HTML5, Migration Applications t...Idexcel Technologies
 
HTML5: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technologyLinda Jacobson
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps 10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps Fresh Digital Group
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile AppsDoug Robinson
 
E-Content development Code and Pixels.pdf
E-Content development Code and Pixels.pdfE-Content development Code and Pixels.pdf
E-Content development Code and Pixels.pdfIETMSoftware
 
Kinvey how-to-make-an-app-mobile-html5
Kinvey how-to-make-an-app-mobile-html5Kinvey how-to-make-an-app-mobile-html5
Kinvey how-to-make-an-app-mobile-html5Alok Sharma
 
Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5ijsrd.com
 
Cross platform app a comparative study
Cross platform app  a comparative studyCross platform app  a comparative study
Cross platform app a comparative studyijcsit
 
Morley HTML5 and the Future
Morley HTML5 and the FutureMorley HTML5 and the Future
Morley HTML5 and the FutureJessica Morley
 
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenuebloevens
 
Flash Web Development
Flash Web DevelopmentFlash Web Development
Flash Web DevelopmentSanjida Afrin
 
Kineo Responsive Elearning
Kineo Responsive Elearning Kineo Responsive Elearning
Kineo Responsive Elearning Steve Rayson
 
Flash Web DFevelopment
Flash Web DFevelopmentFlash Web DFevelopment
Flash Web DFevelopmentFariha Tasnim
 
[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdfoscargarcia207606
 
Flash Web Development.pdf
Flash Web Development.pdfFlash Web Development.pdf
Flash Web Development.pdfFariha Tasnim
 
HTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowHTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowUberflip
 
HTML5 vs Flash
HTML5 vs FlashHTML5 vs Flash
HTML5 vs FlashActiveark JWT
 

Similar to HTML5 and mLearning- The Rapid Interactivity Approach (20)

Migrating to HTML5, Migrating Silverlight to HTML5, Migration Applications t...
Migrating to HTML5,  Migrating Silverlight to HTML5, Migration Applications t...Migrating to HTML5,  Migrating Silverlight to HTML5, Migration Applications t...
Migrating to HTML5, Migrating Silverlight to HTML5, Migration Applications t...
 
Html5 Revolution
Html5 RevolutionHtml5 Revolution
Html5 Revolution
 
HTML5: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technology
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps 10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps
 
10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps10 Reasons to Adopt HTML5 for Mobile Apps
10 Reasons to Adopt HTML5 for Mobile Apps
 
E-Content development Code and Pixels.pdf
E-Content development Code and Pixels.pdfE-Content development Code and Pixels.pdf
E-Content development Code and Pixels.pdf
 
Kinvey how-to-make-an-app-mobile-html5
Kinvey how-to-make-an-app-mobile-html5Kinvey how-to-make-an-app-mobile-html5
Kinvey how-to-make-an-app-mobile-html5
 
Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5Bridge-Stage Framework for the Smartphone Application Development using HTML5
Bridge-Stage Framework for the Smartphone Application Development using HTML5
 
Cross platform app a comparative study
Cross platform app  a comparative studyCross platform app  a comparative study
Cross platform app a comparative study
 
Morley HTML5 and the Future
Morley HTML5 and the FutureMorley HTML5 and the Future
Morley HTML5 and the Future
 
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenue
 
Flash Web Development
Flash Web DevelopmentFlash Web Development
Flash Web Development
 
Kineo Responsive Elearning
Kineo Responsive Elearning Kineo Responsive Elearning
Kineo Responsive Elearning
 
Html5 is ready now ready
Html5 is ready now readyHtml5 is ready now ready
Html5 is ready now ready
 
Flash Web DFevelopment
Flash Web DFevelopmentFlash Web DFevelopment
Flash Web DFevelopment
 
[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf
 
eLearning On iPads - 10 Bright Ideas
eLearning On iPads - 10 Bright IdeaseLearning On iPads - 10 Bright Ideas
eLearning On iPads - 10 Bright Ideas
 
Flash Web Development.pdf
Flash Web Development.pdfFlash Web Development.pdf
Flash Web Development.pdf
 
HTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowHTML5: What Marketers Need To Know
HTML5: What Marketers Need To Know
 
HTML5 vs Flash
HTML5 vs FlashHTML5 vs Flash
HTML5 vs Flash
 

More from Raptivity

Webinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
Webinar- Easy, Customizable and Fun – eLearning Simplified by RaptivityWebinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
Webinar- Easy, Customizable and Fun – eLearning Simplified by RaptivityRaptivity
 
Webinar - Integrating Raptivity with other eLearning Tools
Webinar - Integrating Raptivity with other eLearning ToolsWebinar - Integrating Raptivity with other eLearning Tools
Webinar - Integrating Raptivity with other eLearning ToolsRaptivity
 
Webinar - Applications for Raptivity in the University Classroom
Webinar - Applications for Raptivity in the University ClassroomWebinar - Applications for Raptivity in the University Classroom
Webinar - Applications for Raptivity in the University ClassroomRaptivity
 
Webinar - Innovative Applications of Raptivity in Education
Webinar - Innovative Applications of Raptivity in EducationWebinar - Innovative Applications of Raptivity in Education
Webinar - Innovative Applications of Raptivity in EducationRaptivity
 
Engagement Analytics: where Analytics meets Interactivity
Engagement Analytics: where Analytics meets InteractivityEngagement Analytics: where Analytics meets Interactivity
Engagement Analytics: where Analytics meets InteractivityRaptivity
 
Webinar - Microlearning: Getting Started
Webinar - Microlearning: Getting Started Webinar - Microlearning: Getting Started
Webinar - Microlearning: Getting Started Raptivity
 
Webinar - Solving Education's Toughest Challenge: Learner Engagement
Webinar - Solving Education's Toughest Challenge: Learner EngagementWebinar - Solving Education's Toughest Challenge: Learner Engagement
Webinar - Solving Education's Toughest Challenge: Learner EngagementRaptivity
 
[Webinar] Interactive Learning Content: How to Create it in Minutes
[Webinar] Interactive Learning Content: How to Create it in Minutes[Webinar] Interactive Learning Content: How to Create it in Minutes
[Webinar] Interactive Learning Content: How to Create it in MinutesRaptivity
 
Interactive Content Creation using Raptivity [in Arabic]
Interactive Content Creation using Raptivity [in Arabic]Interactive Content Creation using Raptivity [in Arabic]
Interactive Content Creation using Raptivity [in Arabic]Raptivity
 
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora![Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!Raptivity
 
From Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using RaptivityFrom Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using RaptivityRaptivity
 
Raptivity - pioneering rapid interactivity builder
Raptivity - pioneering rapid interactivity builderRaptivity - pioneering rapid interactivity builder
Raptivity - pioneering rapid interactivity builderRaptivity
 
Small is the New Big! Create Mini eLearning Courses with Raptivity Linker
Small is the New Big! Create Mini eLearning Courses with Raptivity LinkerSmall is the New Big! Create Mini eLearning Courses with Raptivity Linker
Small is the New Big! Create Mini eLearning Courses with Raptivity LinkerRaptivity
 
From Flat to Interactive in No Time - Create Online Educational Content Using...
From Flat to Interactive in No Time - Create Online Educational Content Using...From Flat to Interactive in No Time - Create Online Educational Content Using...
From Flat to Interactive in No Time - Create Online Educational Content Using...Raptivity
 
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...Raptivity
 
Create Interactive Classroom Content Using Raptivity - 20th May, 2014
Create Interactive Classroom Content Using Raptivity - 20th May, 2014Create Interactive Classroom Content Using Raptivity - 20th May, 2014
Create Interactive Classroom Content Using Raptivity - 20th May, 2014Raptivity
 
Webinar - Create Learning Arcs using Raptivity Linker
Webinar - Create Learning Arcs using Raptivity LinkerWebinar - Create Learning Arcs using Raptivity Linker
Webinar - Create Learning Arcs using Raptivity LinkerRaptivity
 
Elearning2 0-webinar
Elearning2 0-webinarElearning2 0-webinar
Elearning2 0-webinarRaptivity
 
Webinar - Getting Started with mLearning
Webinar - Getting Started with mLearningWebinar - Getting Started with mLearning
Webinar - Getting Started with mLearningRaptivity
 
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con RaptivityWebinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con RaptivityRaptivity
 

More from Raptivity (20)

Webinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
Webinar- Easy, Customizable and Fun – eLearning Simplified by RaptivityWebinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
Webinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
 
Webinar - Integrating Raptivity with other eLearning Tools
Webinar - Integrating Raptivity with other eLearning ToolsWebinar - Integrating Raptivity with other eLearning Tools
Webinar - Integrating Raptivity with other eLearning Tools
 
Webinar - Applications for Raptivity in the University Classroom
Webinar - Applications for Raptivity in the University ClassroomWebinar - Applications for Raptivity in the University Classroom
Webinar - Applications for Raptivity in the University Classroom
 
Webinar - Innovative Applications of Raptivity in Education
Webinar - Innovative Applications of Raptivity in EducationWebinar - Innovative Applications of Raptivity in Education
Webinar - Innovative Applications of Raptivity in Education
 
Engagement Analytics: where Analytics meets Interactivity
Engagement Analytics: where Analytics meets InteractivityEngagement Analytics: where Analytics meets Interactivity
Engagement Analytics: where Analytics meets Interactivity
 
Webinar - Microlearning: Getting Started
Webinar - Microlearning: Getting Started Webinar - Microlearning: Getting Started
Webinar - Microlearning: Getting Started
 
Webinar - Solving Education's Toughest Challenge: Learner Engagement
Webinar - Solving Education's Toughest Challenge: Learner EngagementWebinar - Solving Education's Toughest Challenge: Learner Engagement
Webinar - Solving Education's Toughest Challenge: Learner Engagement
 
[Webinar] Interactive Learning Content: How to Create it in Minutes
[Webinar] Interactive Learning Content: How to Create it in Minutes[Webinar] Interactive Learning Content: How to Create it in Minutes
[Webinar] Interactive Learning Content: How to Create it in Minutes
 
Interactive Content Creation using Raptivity [in Arabic]
Interactive Content Creation using Raptivity [in Arabic]Interactive Content Creation using Raptivity [in Arabic]
Interactive Content Creation using Raptivity [in Arabic]
 
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora![Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
 
From Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using RaptivityFrom Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using Raptivity
 
Raptivity - pioneering rapid interactivity builder
Raptivity - pioneering rapid interactivity builderRaptivity - pioneering rapid interactivity builder
Raptivity - pioneering rapid interactivity builder
 
Small is the New Big! Create Mini eLearning Courses with Raptivity Linker
Small is the New Big! Create Mini eLearning Courses with Raptivity LinkerSmall is the New Big! Create Mini eLearning Courses with Raptivity Linker
Small is the New Big! Create Mini eLearning Courses with Raptivity Linker
 
From Flat to Interactive in No Time - Create Online Educational Content Using...
From Flat to Interactive in No Time - Create Online Educational Content Using...From Flat to Interactive in No Time - Create Online Educational Content Using...
From Flat to Interactive in No Time - Create Online Educational Content Using...
 
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
 
Create Interactive Classroom Content Using Raptivity - 20th May, 2014
Create Interactive Classroom Content Using Raptivity - 20th May, 2014Create Interactive Classroom Content Using Raptivity - 20th May, 2014
Create Interactive Classroom Content Using Raptivity - 20th May, 2014
 
Webinar - Create Learning Arcs using Raptivity Linker
Webinar - Create Learning Arcs using Raptivity LinkerWebinar - Create Learning Arcs using Raptivity Linker
Webinar - Create Learning Arcs using Raptivity Linker
 
Elearning2 0-webinar
Elearning2 0-webinarElearning2 0-webinar
Elearning2 0-webinar
 
Webinar - Getting Started with mLearning
Webinar - Getting Started with mLearningWebinar - Getting Started with mLearning
Webinar - Getting Started with mLearning
 
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con RaptivityWebinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
 

Recently uploaded

Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 

Recently uploaded (20)

Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 

HTML5 and mLearning- The Rapid Interactivity Approach

  • 1.
  • 2. Contents HTML5 & its Role in eLearning ..................................................... 4 The Case for HTML5 in mLearning ............................................... 5 Importance of Rapid Interactivity in HTML5 and m-Learning ...... 6 Using Raptivity® in mLearning ..................................................... 7 Copyright © 2011, Harbinger Knowledge Products Page 2
  • 3. “New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too)” - Steve Jobs “We see HTML5 as a critical component of the future web, and a great technology for delivering interactive learning content.” - Vikas Joshi, chairman and managing director of Harbinger Group "You can't teach people everything they need to know. The best you can do is position them where they can find what they need to know when they need to know it." - Seymour Papert Figure 1: Evolution of Learning Channels Copyright © 2011, Harbinger Knowledge Products Page 3
  • 4. HTML5 & its Role in eLearning1 HTML5 is technically the latest version of the HTML specification, but it's commonly used to refer to the combination of three technologies together: HTML5, CSS3 (the latest version of Cascading Style Sheets), and JavaScript. While the larger issue is how HTML5 impacts the future of the Web, there are many discussions about how HTML5 impacts the future of Flash. The very prospect of better interactive support in browsers is a positive sign for the future of the Web. Interactive applications will be easier to build and deploy - and users will find the Web content more engaging. The technology sure has a lot going for it, given that Google, Microsoft and Apple agree to the direction it is taking. A short tour of the key features of HTML5 should be enough to convince ourselves that support for greater interactivity is getting entrenched within the browser. All the browsers, including IE9, Mozilla Firefox, Google Chrome and Apple Safari now support HTML5, even if it is to varying degrees. HTML5 is making it to mobile devices like iPhone, iPad, Android and others very quickly. As older browser versions are replaced with these newer ones, HTML5 will truly become mainstream. Within e-Learning, it can be used for On-the-field training (Mobile learning), Edumercials, and to support SCORM using JavaScript. 1 This is an abstract from the Raptivity presentation, “HTML5 and its role in eLearning”: http://www.raptivity.com/resources/insights/presentations-and-recorded-webinars Copyright © 2011, Harbinger Knowledge Products Page 4
  • 5. The Case for HTML5 in mLearning The advantages of using HTML5 get more important once you include mLearning in the context. mLearning designers and developers – and mLearning itself – have suffered for years because developing mLearning is like trying to hit a moving target; once you have a product out, the devices it was designed for are obsolete, due to the very short lifespan of most mobile device product cycles. If those developers were developing desktop-based e-Learning instead, they would have a pretty good solution to this compatibility problem: Flash. But Flash Player’s ubiquity on desktops and laptops doesn’t extend to mobile devices. Importantly, iPhone, iPad and iPod Touch devices, do not support Flash. Apple CEO Steve Jobs says Adobe’s Flash platform, like floppy disks and serial ports before it, is a technology that has outlived its usefulness. But according to Adobe, Flash has some legs yet. Anup Murarka, director of technical marketing for mobile and devices at Adobe (ADBE), claims 53 percent of all smartphones shipping in 2012 will support Flash. “You’re going to see Flash not only on *Google's+ Android. Consumers will see devices from Palm (PALM), Research in Motion Ltd’s (RIMM) Blackberry, Nokia’s (NOK) Symbian and Microsoft (MSFT) Windows Phone 7 support the full Flash Player,” Murarka said. “Maybe we don’t get to the iPhone or iPad. If anything, we’re seeing continued growth in the install base and the usage of Flash and we see that continuing to grow.”2 Mobile platforms do have the benefit of starting afresh with support for HTML5 on their browsers. It is also an obvious choice for mobile devices because rendering HTML5 code is generally not very processor-intensive compared to alternatives, and mobile device manufacturers are always pushing the envelope to accommodate user demand for increased speed and multitasking. To top it off, with HTML5, mobile devices' short product cycles become a boon instead of a liability because new devices generally mean new and more updated browsers. 2 Source: http://allthingsd.com/20100610/adobe-flash-on-53-percent-of-all-smartphones-shipped-in- 2012/ Copyright © 2011, Harbinger Knowledge Products Page 5
  • 6. Importance of Rapid Interactivity in HTML5 and m-Learning Rapid interactivity building has proven to be an efficient and cost-effective way of creating interactive learning courses in desktop platforms. HTML5, being a combination of HTML, JavaScript and CSS, is more complex than the plain markup that HTML is. In many respects, it is as powerful as Flash, and by the same token, is difficult to program compared to plain HTML. Clearly, rapid interactivity has a role to play in building HTML5 interactions. Mobile devices themselves and their capabilities are highly fragmented not only due to the different available platforms, but also because devices from even a single platform span the gamut. The ongoing tablet revolution exacerbates this fragmentation even further. Mobile learning content should be engaging, light on text and graphically rich. All this fits very well with the rapid interactivity metaphor, rather than traditional navigation and page-turning. All this puts a premium on efficient and cost-effective development, and indeed makes rapid interactivity a critical factor. Copyright © 2011, Harbinger Knowledge Products Page 6
  • 7. Using Raptivity® in mLearning Mobile learning can benefit from a large variety of interactions that Raptivity users routinely build as part of e-learning. The Essential Pack and HTML5 Pack from Raptivity come with the capability of publishing interactions on mobile devices and Apple’s iOS devices respectively. Raptivity Essential Pack includes the Raptivity software and a set of 35 interaction templates that can be published on mobile devices that support Flash technology. The interactions thus published will work on devices such as Android and BlackBerry. The Raptivity HTML5 Pack includes 6 important and meaningful interactions for engaging presentations. Interactivities from this pack can be published in HTML5 as well as Flash. The HTML5 Pack interaction models are as customizable as the Flash ones. The course creator can develop interactivity once, and Raptivity takes care of building these two versions, enabling Android, Blackberry, iPhone and other smart phone devices to play Raptivity content seamlessly. Learn More… Rapid Interactivity, the Raptivity Way Raptivity allows you to quickly and easily create learning interactions such as games, simulations, brainteasers, interactive diagrams, virtual worlds and more. Fast and Easy: Configure each interaction model extensively, plug in your content, and have a Flash-based interaction within minutes. Maintainable: Driven by templates, and easy to update and maintain. Based on Instructional Models: Supports Bloom’s Taxonomy, Gagne’s Nine Events, Keller’s ARCS model and Experiential Learning. Copyright © 2011, Harbinger Knowledge Products Page 7