際際滷

際際滷Share a Scribd company logo
HTML5 & mlearning - The Rapid Interactivity Approach
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 Players
 ubiquity on desktops and laptops doesnt extend to mobile devices. Importantly,
 iPhone, iPad and iPod Touch devices, do not support Flash.

 Apple CEO Steve Jobs says Adobes 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.

 Youre going to see Flash not only on *Google's+ Android. Consumers will see devices
 from Palm (PALM), Research in Motion Ltds (RIMM) Blackberry, Nokias (NOK)
 Symbian and Microsoft (MSFT) Windows Phone 7 support the full Flash Player,
 Murarka said. Maybe we dont get to the iPhone or iPad. If anything, were 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 Apples 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 Blooms Taxonomy,
          Gagnes Nine Events, Kellers ARCS model and Experiential Learning.




Copyright 息 2011, Harbinger Knowledge Products                                      Page 7

More Related Content

What's hot (9)

Final Agile Forum
Final Agile ForumFinal Agile Forum
Final Agile Forum
Designit
Html5 miami2012
Html5 miami2012Html5 miami2012
Html5 miami2012
Carl Ford
Started in-tech-la-nov-21
Started in-tech-la-nov-21Started in-tech-la-nov-21
Started in-tech-la-nov-21
Thinkful
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
Ibmsocial
IbmsocialIbmsocial
Ibmsocial
Wirehead Technology
Tin Can The Heart of eLearning
Tin Can The Heart of eLearningTin Can The Heart of eLearning
Tin Can The Heart of eLearning
Tatainteractive1
[Intellect] The seduction of the species
[Intellect] The seduction of the species[Intellect] The seduction of the species
[Intellect] The seduction of the species
Adrian McGrath
100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers
Raptivity
Generative Design and Design Hacking
Generative Design and Design HackingGenerative Design and Design Hacking
Generative Design and Design Hacking
Designit
Final Agile Forum
Final Agile ForumFinal Agile Forum
Final Agile Forum
Designit
Html5 miami2012
Html5 miami2012Html5 miami2012
Html5 miami2012
Carl Ford
Started in-tech-la-nov-21
Started in-tech-la-nov-21Started in-tech-la-nov-21
Started in-tech-la-nov-21
Thinkful
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 eLearning
Tatainteractive1
[Intellect] The seduction of the species
[Intellect] The seduction of the species[Intellect] The seduction of the species
[Intellect] The seduction of the species
Adrian McGrath
100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers100 resources-for-interactive-training-designers
100 resources-for-interactive-training-designers
Raptivity
Generative Design and Design Hacking
Generative Design and Design HackingGenerative Design and Design Hacking
Generative Design and Design Hacking
Designit

Similar to HTML5 & 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...
Idexcel Technologies
Html5 Revolution
Html5 RevolutionHtml5 Revolution
Html5 Revolution
Aura Interactiva
HTML5: The next disruptive technology
HTML5:  The next disruptive technologyHTML5:  The next disruptive technology
HTML5: The next disruptive technology
Linda 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 Apps
Doug 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.pdf
IETMSoftware
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
Alok 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 HTML5
ijsrd.com
Cross platform app a comparative study
Cross platform app  a comparative studyCross platform app  a comparative study
Cross platform app a comparative study
ijcsit
Morley HTML5 and the Future
Morley HTML5 and the FutureMorley HTML5 and the Future
Morley HTML5 and the Future
Jessica Morley
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenue
bloevens
Flash Web Development
Flash Web DevelopmentFlash Web Development
Flash Web Development
Sanjida Afrin
Kineo Responsive Elearning
Kineo Responsive Elearning Kineo Responsive Elearning
Kineo Responsive Elearning
Steve Rayson
mastering the full stack development:a comprehensive guide with livetech inst...
mastering the full stack development:a comprehensive guide with livetech inst...mastering the full stack development:a comprehensive guide with livetech inst...
mastering the full stack development:a comprehensive guide with livetech inst...
LiveTech3
Html5 is ready now ready
Html5 is ready now readyHtml5 is ready now ready
Html5 is ready now ready
Rapidsoft Technologies
Flash Web DFevelopment
Flash Web DFevelopmentFlash Web DFevelopment
Flash Web DFevelopment
Fariha Tasnim
[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf
oscargarcia207606
eLearning On iPads - 10 Bright Ideas
eLearning On iPads - 10 Bright IdeaseLearning On iPads - 10 Bright Ideas
eLearning On iPads - 10 Bright Ideas
Upside Learning Solutions
Flash Web Development.pdf
Flash Web Development.pdfFlash Web Development.pdf
Flash Web Development.pdf
Fariha Tasnim
HTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowHTML5: What Marketers Need To Know
HTML5: What Marketers Need To Know
Uberflip
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 technology
Linda 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 Apps
Doug 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.pdf
IETMSoftware
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
Alok 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 HTML5
ijsrd.com
Cross platform app a comparative study
Cross platform app  a comparative studyCross platform app  a comparative study
Cross platform app a comparative study
ijcsit
Morley HTML5 and the Future
Morley HTML5 and the FutureMorley HTML5 and the Future
Morley HTML5 and the Future
Jessica Morley
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenue
bloevens
Flash Web Development
Flash Web DevelopmentFlash Web Development
Flash Web Development
Sanjida Afrin
Kineo Responsive Elearning
Kineo Responsive Elearning Kineo Responsive Elearning
Kineo Responsive Elearning
Steve Rayson
mastering the full stack development:a comprehensive guide with livetech inst...
mastering the full stack development:a comprehensive guide with livetech inst...mastering the full stack development:a comprehensive guide with livetech inst...
mastering the full stack development:a comprehensive guide with livetech inst...
LiveTech3
Flash Web DFevelopment
Flash Web DFevelopmentFlash Web DFevelopment
Flash Web DFevelopment
Fariha Tasnim
[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf[PDF]_Learning_ECMAScript_6.pdf
[PDF]_Learning_ECMAScript_6.pdf
oscargarcia207606
Flash Web Development.pdf
Flash Web Development.pdfFlash Web Development.pdf
Flash Web Development.pdf
Fariha Tasnim
HTML5: What Marketers Need To Know
HTML5: What Marketers Need To KnowHTML5: What Marketers Need To Know
HTML5: What Marketers Need To Know
Uberflip

Recently uploaded (20)

Adventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil SirAdventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil Sir
GUJARATCOMMERCECOLLE
EDL 290F Week 3 - Mountaintop Views (2025).pdf
EDL 290F Week 3  - Mountaintop Views (2025).pdfEDL 290F Week 3  - Mountaintop Views (2025).pdf
EDL 290F Week 3 - Mountaintop Views (2025).pdf
Liz Walsh-Trevino
QuickBooks Desktop to QuickBooks Online How to Make the Move
QuickBooks Desktop to QuickBooks Online  How to Make the MoveQuickBooks Desktop to QuickBooks Online  How to Make the Move
QuickBooks Desktop to QuickBooks Online How to Make the Move
TechSoup
SOCIAL CHANGE(a change in the institutional and normative structure of societ...
SOCIAL CHANGE(a change in the institutional and normative structure of societ...SOCIAL CHANGE(a change in the institutional and normative structure of societ...
SOCIAL CHANGE(a change in the institutional and normative structure of societ...
DrNidhiAgarwal
Essentials of a Good PMO, presented by Aalok Sonawala
Essentials of a Good PMO, presented by Aalok SonawalaEssentials of a Good PMO, presented by Aalok Sonawala
Essentials of a Good PMO, presented by Aalok Sonawala
Association for Project Management
Blind spots in AI and Formulation Science, IFPAC 2025.pdf
Blind spots in AI and Formulation Science, IFPAC 2025.pdfBlind spots in AI and Formulation Science, IFPAC 2025.pdf
Blind spots in AI and Formulation Science, IFPAC 2025.pdf
Ajaz Hussain
N.C. DPI's 2023 Language Diversity Briefing
N.C. DPI's 2023 Language Diversity BriefingN.C. DPI's 2023 Language Diversity Briefing
N.C. DPI's 2023 Language Diversity Briefing
Mebane Rash
Information Technology for class X CBSE skill Subject
Information Technology for class X CBSE skill SubjectInformation Technology for class X CBSE skill Subject
Information Technology for class X CBSE skill Subject
VEENAKSHI PATHAK
The Constitution, Government and Law making bodies .
The Constitution, Government and Law making bodies .The Constitution, Government and Law making bodies .
The Constitution, Government and Law making bodies .
saanidhyapatel09
How to Setup WhatsApp in Odoo 17 - Odoo 際際滷s
How to Setup WhatsApp in Odoo 17 - Odoo 際際滷sHow to Setup WhatsApp in Odoo 17 - Odoo 際際滷s
How to Setup WhatsApp in Odoo 17 - Odoo 際際滷s
Celine George
DUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAM
DUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAMDUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAM
DUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAM
vlckovar
cervical spine mobilization manual therapy .pdf
cervical spine mobilization manual therapy .pdfcervical spine mobilization manual therapy .pdf
cervical spine mobilization manual therapy .pdf
SamarHosni3
CRITICAL THINKING AND NURSING JUDGEMENT.pptx
CRITICAL THINKING AND NURSING JUDGEMENT.pptxCRITICAL THINKING AND NURSING JUDGEMENT.pptx
CRITICAL THINKING AND NURSING JUDGEMENT.pptx
PoojaSen20
Kaun TALHA quiz Finals -- El Dorado 2025
Kaun TALHA quiz Finals -- El Dorado 2025Kaun TALHA quiz Finals -- El Dorado 2025
Kaun TALHA quiz Finals -- El Dorado 2025
Conquiztadors- the Quiz Society of Sri Venkateswara College
Useful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷sUseful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷s
Celine George
The Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, Tulu
The Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, TuluThe Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, Tulu
The Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, Tulu
DrIArulAram
Research & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptxResearch & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptx
Dr. Sarita Anand
APM People Interest Network Conference - Tim Lyons - The neurological levels ...
APM People Interest Network Conference - Tim Lyons - The neurological levels ...APM People Interest Network Conference - Tim Lyons - The neurological levels ...
APM People Interest Network Conference - Tim Lyons - The neurological levels ...
Association for Project Management
Rass MELAI : an Internet MELA Quiz Prelims - El Dorado 2025
Rass MELAI : an Internet MELA Quiz Prelims - El Dorado 2025Rass MELAI : an Internet MELA Quiz Prelims - El Dorado 2025
Rass MELAI : an Internet MELA Quiz Prelims - El Dorado 2025
Conquiztadors- the Quiz Society of Sri Venkateswara College
Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1...
Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1...Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1...
Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1...
pinkdvil200
Adventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil SirAdventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil Sir
GUJARATCOMMERCECOLLE
EDL 290F Week 3 - Mountaintop Views (2025).pdf
EDL 290F Week 3  - Mountaintop Views (2025).pdfEDL 290F Week 3  - Mountaintop Views (2025).pdf
EDL 290F Week 3 - Mountaintop Views (2025).pdf
Liz Walsh-Trevino
QuickBooks Desktop to QuickBooks Online How to Make the Move
QuickBooks Desktop to QuickBooks Online  How to Make the MoveQuickBooks Desktop to QuickBooks Online  How to Make the Move
QuickBooks Desktop to QuickBooks Online How to Make the Move
TechSoup
SOCIAL CHANGE(a change in the institutional and normative structure of societ...
SOCIAL CHANGE(a change in the institutional and normative structure of societ...SOCIAL CHANGE(a change in the institutional and normative structure of societ...
SOCIAL CHANGE(a change in the institutional and normative structure of societ...
DrNidhiAgarwal
Blind spots in AI and Formulation Science, IFPAC 2025.pdf
Blind spots in AI and Formulation Science, IFPAC 2025.pdfBlind spots in AI and Formulation Science, IFPAC 2025.pdf
Blind spots in AI and Formulation Science, IFPAC 2025.pdf
Ajaz Hussain
N.C. DPI's 2023 Language Diversity Briefing
N.C. DPI's 2023 Language Diversity BriefingN.C. DPI's 2023 Language Diversity Briefing
N.C. DPI's 2023 Language Diversity Briefing
Mebane Rash
Information Technology for class X CBSE skill Subject
Information Technology for class X CBSE skill SubjectInformation Technology for class X CBSE skill Subject
Information Technology for class X CBSE skill Subject
VEENAKSHI PATHAK
The Constitution, Government and Law making bodies .
The Constitution, Government and Law making bodies .The Constitution, Government and Law making bodies .
The Constitution, Government and Law making bodies .
saanidhyapatel09
How to Setup WhatsApp in Odoo 17 - Odoo 際際滷s
How to Setup WhatsApp in Odoo 17 - Odoo 際際滷sHow to Setup WhatsApp in Odoo 17 - Odoo 際際滷s
How to Setup WhatsApp in Odoo 17 - Odoo 際際滷s
Celine George
DUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAM
DUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAMDUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAM
DUBLIN PROGRAM DUBLIN PROGRAM DUBLIN PROGRAM
vlckovar
cervical spine mobilization manual therapy .pdf
cervical spine mobilization manual therapy .pdfcervical spine mobilization manual therapy .pdf
cervical spine mobilization manual therapy .pdf
SamarHosni3
CRITICAL THINKING AND NURSING JUDGEMENT.pptx
CRITICAL THINKING AND NURSING JUDGEMENT.pptxCRITICAL THINKING AND NURSING JUDGEMENT.pptx
CRITICAL THINKING AND NURSING JUDGEMENT.pptx
PoojaSen20
Useful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷sUseful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷s
Celine George
The Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, Tulu
The Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, TuluThe Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, Tulu
The Dravidian Languages: Tamil, Telugu, Kannada, Malayalam, Brahui, Kuvi, Tulu
DrIArulAram
Research & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptxResearch & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptx
Dr. Sarita Anand
APM People Interest Network Conference - Tim Lyons - The neurological levels ...
APM People Interest Network Conference - Tim Lyons - The neurological levels ...APM People Interest Network Conference - Tim Lyons - The neurological levels ...
APM People Interest Network Conference - Tim Lyons - The neurological levels ...
Association for Project Management
Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1...
Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1...Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1 2024  Lesson Plan M1...
Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1 2024 Lesson Plan M1...
pinkdvil200

HTML5 & mlearning - The Rapid Interactivity Approach

  • 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 Players ubiquity on desktops and laptops doesnt extend to mobile devices. Importantly, iPhone, iPad and iPod Touch devices, do not support Flash. Apple CEO Steve Jobs says Adobes 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. Youre going to see Flash not only on *Google's+ Android. Consumers will see devices from Palm (PALM), Research in Motion Ltds (RIMM) Blackberry, Nokias (NOK) Symbian and Microsoft (MSFT) Windows Phone 7 support the full Flash Player, Murarka said. Maybe we dont get to the iPhone or iPad. If anything, were 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 Apples 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 Blooms Taxonomy, Gagnes Nine Events, Kellers ARCS model and Experiential Learning. Copyright 息 2011, Harbinger Knowledge Products Page 7