Presentation discusses the challenges and opportunities that organisations are facing in moving to the next generation of eLearning. We discuss Responsive eLearning & Tin Can in Part I.
4. 30+ Awards & Recognitions
Winner of eLearning Team of
Winner of a Silver award in CLO
magazine's 'Learning In Practice
Awards 2011' for UpsideLMS
UpsideLMS listed as one of
the 'Five Emerging LMSs to Watch'
in CLO Magazine ('10)
Winner of 8 Apex
Awards of Excellence
(‘14, '11, '09, '08 & '07)
Winner of 12 Brandon Hall
Excellence Awards
(‘12, '11, '10 & '09)
UpsideLMS featured in the '2010
Top 20 Learning Portal Companies List'
and '2011, 2012 & 2013 Watch List‘
by TrainingIndustry.com
Winner of Red Herring 100 Asia
Award in 2008 & finalist
in Red Herring Global 100 ('09)
Winner in Deloitte’s Technology
Fast 500 Asia Pacific 2008 & 2009 program,
and Fast 50 India 2008 program
The Year 2013
Featured in Training Industry's 2014
Content Development Watch List
6. Presenters
Amit Garg
Co-Founder & Director,
Upside Learning Solutions
Alan Samuel
Director Client Solutions
– Europe,
Upside Learning Solutions
Jeevan Joshi
Director Client Solutions
– Asia Pacific,
Upside Learning Solutions
7. HTML5 / Responsive
Tin Can API
Incorporating Social Learning
DIY Content
Part 1
Part 2
4 Key Trends
(for now)
8. Poll # 1
Our employees or customers or business
• Will demand learning on tablets and smart phones
• Will require performance support on mobile
• Will mandate that we move to mobile in addition to PC
learning
• Will require shorter development times for learning
9. Agenda
Move to Mobile - Responsive HTML Content
Tin Can API
Q&A
11. What is HTML5?
HTML5 is the latest HTML standard
What is new?
New Elements
Full CSS3 Support
2D/3D Graphics
Local SQL Database
Web Applications
New Attributes
Video and Audio
Local Storage
12. Will Flash be Replaced by HTML?
Inevitable as mobile devices
don’t support Flash
but gradual as HTML5 is not perfect
Mobile
Capabilities
Source – http://elearningindustry.com/is-the-migration-of-flash-elearning-courses-to-html5-becoming-a-reality
http://www.apple.com/hotnews/thoughts-on-flash/
Semantic
mark-ups
Security
Processing
and
battery
power
saving
Processing
and
battery
power
saving
13. 4 Important Drawbacks of HTML5 vs. Flash
• Not fully supported by all browsers
• Cross platform/browser compatibility
• Limited graphics and animations
delivery - HTML5 alternative restricts
highly interactive animations and quality
graphics
• Lack of audio/video support
Source – http://elearningindustry.com/is-html5-ready-for-the-elearning-industry
VS
14. Poll # 2
We are moving our online learning from Flash to HTML
• Now or in next 6 months
• 6 - 12 months
• 1 - 2 years
• No plans or have not thought about it
• Don't know much about Tin Can API
15. What is Responsive?
eLearning that responds to device size
Responsive Course built using our FRED Framework
http://bit.ly/fredone
16. Benefits of Responsive eLearning
•Enhanced reach – higher uptake
•Single source – lower cost, maintenance
•Track across devices
17. Multi Device World
Source - http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
18. Mobile Learning in the Workplace Report
Download Report
http://bit.ly/mlearnpaper
19. Mobile Learning in the Workplace Report
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%
Organisations providing learners
52%
Smartphones
48%
Tablets
41%
Have BYOD Policy
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%
66%
UK
Uptake varies
77%
Other European
countries
85%
Australasia
87%
Canada/USA
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%
Top drivers for mLearning in 2013
80%
Support at the
point of need
79%
improve
engagement
77%
improve
communication
between
individuals
76%
learners can
use their own
mobile devices
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%
Benefits – Improvements
43%
productivity
73%
revenue
44%
time to
competency
75%
number noticing
positive changes
in staff behaviour
20. Mobile Learning in the Workplace Report
Use of mobile devices across organisations with different
self-perception of their e-maturity
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%
72%
Novice
64%
Sporadic
66%
Developing
72%
78%
Established Embedded
Organisation perception of maturity
21. 4 Key Considerations (HTML5/ Responsive)
Browser
Platform OS
Device
Combination
Usability
Content
Development
& Treatment
Development
Process
22. Too many combinations
Testing
Lower browser versions
Video / audio formats
Browser
Platform OS
Device
Combination
31. Fluid & iterative
Higher interdependence
Storyboard focused on core
content/visuals
Higher testing time
Development
Process
32. An HTML – CSS – Javascript based
framework to create
responsive eLearning easily
33. Design & Development Implications
(HTML5 / Responsive)
Analysis Design Develop Implement Evaluate
• Identify
eLearning
that need to
go multi
device
• Start with
appropriate
legacy
courses
• Context is
key /
Responsibly
responsive
• Identify
primary
devices
• Mobile first
design
strategy
• Be ready for
iterative
process
• More
time/cost
needed in
general
• Use tools/
frameworks
• Testing time
will increase
by 25%
• Need tools
like Adobe
Inspect
• Arrange for
physical
devices
• Learn from
the
experience
to refine the
process
• Gather user
feedback for
future
development
Recommendation: Develop a technical framework or use third party technical framework.
40. How does it work?
Learning data
is delivered to
an LRS LRS
Course Webpage Game Simulator
41. Reporting
LMS LMS Tool
Transcripts /
learning data can
be delivered to
LMSs, LRSs or
reporting tools.
LRS
How does it work?
42. How does it work?
Transcripts /
learning
records can be
shared
between LRSs
Learning
Activity LRS 3
LRS 1
LMS 1
LRS 2
Reporting
LMS 2
Reporting
43. What can it do?
• No dependence on LMS
• Recognise that learning is everywhere
• Great opportunity to capture data about Informal
Learning – 70:20:10
• How do people learn certain skills/competencies?
• Which path is most effective – recommend to others?
• Who are your most competent resources
• Spot areas which people are choosing to learn about
• Free the data, share between LMS, allow learners to
carry their data
44. Implications (Tin Can API)
• Link performance with training
• Massive amounts of data: challenge & opportunity
• Tin Can applications are still evolving
• SCORM is not going anywhere…soon
• You can convert SCORM data to Tin Can data (SCORM
Engine)
45. How we can help with
Next Gen Learning
Technical Reliability Cost Effectiveness Innovation
Business Outcome Focussed
46. 43
Amit Garg
@ gargamit100
amitgarg@upsidelearning.com
Alan Samuel
@ alan2907
alan.ukinfo@upsidelearning.com
Jeevan Joshi
@ jeevesj
Jeevan.joshi@upsidelearning.com
Connect with us
Notes de l'éditeur
Plz include the following logos:VoCollect http://www.engineering.pitt.edu/uploadedImages/Coop/Image_Library/Company_Logos/Vocollect%20logo%20PNG.png
Edelman http://upload.wikimedia.org/wikipedia/en/9/9c/Edelman_Logo_Color.jpg
ABB http://www.case2010.org/images/abb_logo_red.jpg
Dubai Islamic Bank http://www.seeklogo.com/images/D/Dubai_Islamic_Bank-logo-9D992D1F0E-seeklogo.com.gif
L’Oreal, Bell, Kraft Foods, Future Group, TYCO, Jangro, QA, Australian Aerospace, BOQ, Unilever, IBQ - \pranjaleemktgRiteshLogosClients
Plz include the following logos:VoCollect http://www.engineering.pitt.edu/uploadedImages/Coop/Image_Library/Company_Logos/Vocollect%20logo%20PNG.png
Edelman http://upload.wikimedia.org/wikipedia/en/9/9c/Edelman_Logo_Color.jpg
ABB http://www.case2010.org/images/abb_logo_red.jpg
Dubai Islamic Bank http://www.seeklogo.com/images/D/Dubai_Islamic_Bank-logo-9D992D1F0E-seeklogo.com.gif
L’Oreal, Bell, Kraft Foods, Future Group, TYCO, Jangro, QA, Australian Aerospace, BOQ, Unilever, IBQ - \pranjaleemktgRiteshLogosClients
Plz include the following logos:VoCollect http://www.engineering.pitt.edu/uploadedImages/Coop/Image_Library/Company_Logos/Vocollect%20logo%20PNG.png
Edelman http://upload.wikimedia.org/wikipedia/en/9/9c/Edelman_Logo_Color.jpg
ABB http://www.case2010.org/images/abb_logo_red.jpg
Dubai Islamic Bank http://www.seeklogo.com/images/D/Dubai_Islamic_Bank-logo-9D992D1F0E-seeklogo.com.gif
L’Oreal, Bell, Kraft Foods, Future Group, TYCO, Jangro, QA, Australian Aerospace, BOQ, Unilever, IBQ - \pranjaleemktgRiteshLogosClients
http://elearningindustry.com/is-the-migration-of-flash-elearning-courses-to-html5-becoming-a-reality
Rapid development and use of iPads and SmartphonesMore and more companies are looking to develop applications for iPads and Smartphones, which don’t support Flash and rather prefer HTML and JavaScript.
Cross-browser functionalityIE6 and IE7 are already considered old; yet some companies seem to be reluctant to abandon them. However, it’s practically impossible to seamlessly run multi-feature applications on PCs and iPads with such old browsers. Therefore, browser upgrade and HTML technology are necessary.
The necessity of mobilityIn a continuously changing and fast pacing environment, we can’t chain users to their desks and offices. So the creation of HTML5 eLearning applications, training material, presentations etc. or the conversion of Flash to HTML for mobile devices is becoming inevitable.
Processing and battery power savingWith mobile devices being used and preferred for numerous multimedia applications, we shouldn’t forget about something that Apple first pointed out. Flash does use too much processing and battery power; something that makes it disadvantageous. So migration to HTML becomes somewhat unavoidable.
http://elearningindustry.com/is-html5-ready-for-the-elearning-industry
Not fully supported by all browsers
First of all, it cannot be fully supported by all browsers. The intent of the HTML5 initiative is to be compatible with older browsers, and this has been achieved to some extent, but not entirely. Although most major browsers now have complete HTML5 support, including the most recent versions of Internet Explorer, some legacy IE versions still do not support it. For this reason, many eLearning developers prefer to deliver their content using HTML4 instead.
Cross platform/browser compatibilityIn other words, applications that were developed on one browser may not be always compatible with other browsers. On the contrary, Flash, as a plug-in, has the ability to run on all browsers, wiping out similar compatibility issues.
Limited graphics and animations deliveryAnother reason to insist on Flash is graphics and animations. The HTML5 alternative, as it appears, is not appropriate for the creation of highly interactive animations and quality graphics. Due to the lack of efficient tools, developers using HTML5 would need hours to code animations using Javascript or CSS – a task that could be much easier with Flash professional in just a few minutes.
Lack of audio/video support While Flash supports FLV format that is not browser-dependent, HTML5 does not officially support any audio/video format. The HTML5 alternative is the introduction of audio and video tags that allow us to include media that previously required a plug-in. However, Flash provides more mature and sophisticated solutions when it comes to sound capabilities.