Implementing a Multi-Device Approach to E-learning Design (APAC Session)
Download as PPTX, PDF1 like1,285 views
This document discusses implementing a multi-device approach to e-learning design. It notes that learners now access content across multiple devices and discusses challenges in supporting different devices, browsers, and transitions in web standards. It recommends using HTML5, CSS3, and JavaScript to create responsive design that adapts to different screen sizes. HTML5 elements like video, audio, and semantic tags can make the content easier to read and navigate on different devices. The document also demonstrates Raptivity, a tool for rapidly building interactive content that supports both Flash and HTML5 and can be integrated with authoring tools.
Implementing a Multi-Device Approach to E-learning Design (APAC Session)
- 1. Implementing a Multi-Device Approach to E-learning Design
- 2. Speakers Partner, Consultant and Trainer, Business Development Manager, V2Training Harbinger Knowledge Products
- 3. Francis Kneebone: V2Training Twitter: @franciskneebone eMail: francis@v2training.com.au
- 5. Multi-Device
- 6. Multi-Device How many devices do you access web content with?
- 8. Bring Your Own Device? Computer Lab Portable Lab BYO
- 9. Transitions HTML4 HTML5 ePub2 ePub3 CSS2 CSS3
- 12. If you could provide learners with just three types of content types what would they be? Put your answers in the chat box. eg 1. PDF 2. HTML 3. ePub
- 13. How many ways can you ‘fork’ your content? Support staff training Manage future changes Manage transitions Accessibility Requirement (eg. WCAG2.0) Testing Multi-Devices/OS/Browsers
- 14. ‘HTML5’
- 15. “ “ HTML5 CSS3 Java Script SVG
- 17. Visit HTML5test.com and tell us what score your browser gets out of 500 points.
- 18. Caniuse.com
- 20. <h1><h2><header> <section> <article> <hgroup> <aside> <footer> <video> <audio> <address> • Easy to read code • HTML5 Outline (HTML5 Outliner) • Benefit to accessibility, auto TOC/NAV • Smarter indexing, search and navigation. • Easy to ‘Fork’ Content into other types.
- 25. 1200px min width
- 26. 768px min width
- 27. 480px min width
- 30. BROWSER DOES HEAVY LIFTING • MICRO DATA • VIDEO & AUDIO TAGS • CSS TRANSFORMS • SVG IMAGES
- 32. RAPTIVITY Business Development Manager, Harbinger Knowledge Products
- 33. Raptivity – Rapid Interactivity Building Tool • World’s first rapid interactivity builder based on patented technology • Instructionally sound 180+ learning interactions • Interactions with Flash and HTML5 support • Customize interactions without writing a single line of code • Integrate with favorite authoring tools like Lectora, Articulate etc. • SCORM, AICC and Tin Can tracking
- 34. Interesting HTML5 Raptivity Samples http://www.raptivity.com/html-5-samples
- 35. Thank You For Questions? email us now Twitter: @franciskneebone Twitter: @raptivity eMail: francis@v2training.com.au eMail: info@raptivity.com Visit www.raptivity.com for more information