Preparing for Next Generation eLearning - Part I - Responsive eLearning & Tin Can
•Als PPT, PDF herunterladen•
10 gefällt mir•4,482 views
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.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (10)
Ähnlich wie Preparing for Next Generation eLearning - Part I - Responsive eLearning & Tin Can
Ähnlich wie Preparing for Next Generation eLearning - Part I - Responsive eLearning & Tin Can (20)
Mehr von Upside Learning Solutions
Mehr von Upside Learning Solutions (19)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Preparing for Next Generation eLearning - Part I - Responsive eLearning & Tin Can
- 1. PREPARING FOR NEXT GENERATION OF eLEARNING PART 1 AMIT Garg @gargamit100 ALAN Samuel @ alan2907 JEEVAN Joshi @jeevesj
- 2. 200 Clients in 13 Countries Established in 2004 Middle East New Zealand Nigeria Kenya Singapore South Africa Venezuela US India Australia UK
- 3. Our Learning Solutions Bespoke eLearning Bespoke mLearning
- 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
- 5. Clients
- 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
- 10. Move to Mobile Responsive HTML Content
- 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
- 23. Older Browsers
- 24. Touch friendly Navigation Instructions Text readability Usability
- 25. Touch Friendly
- 26. Instructions
- 27. Text Readability
- 28. Layout Managing images Animations Layering interactivities Content Development & Treatment
- 29. Layout
- 30. Managing Images
- 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.
- 34. TIN CAN API
- 35. Poll # 3 We will use Tin Can API • Don't know much about Tin Can API • Exploring now • In the next 6 - 12 months • More than 12 months • No plans
- 36. What is it? • Next generation of SCORM • Experience API (or xAPI) • Aims to overcome limitations of SCORM
- 37. How’s it different? Perf Support Games Mobile No browser Offline Events Simulation
- 38. How does it work? Services Storage Statements
- 39. How does it work?
- 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
Hinweis der Redaktion
- 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.
- Mention – Flash and Authoring based tools