This document discusses implementing a multi-device approach to e-learning design. It addresses the current reality of accessing content on multiple devices and browsers. It also discusses challenges like supporting different content types, managing future changes and transitions, and testing across devices. The document promotes using HTML5, CSS3 and JavaScript for content due to benefits like responsive design and accessibility. It also demonstrates rapid interactivity building tools like Raptivity that can be used to create instructionally sound interactions without coding.

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

4. Current
Reality

5. Multi-Device

6. Multi-Device
How many devices
do you access web
content with?

7. Fluid-Content

8. Bring Your Own Device?
Computer Lab
Portable Lab
BYO

9. Transitions
HTML4 HTML5
ePub2 ePub3
CSS2 CSS3

10. Current
Challenges

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

16. Testing Tools:
Html5test.com
Caniuse.com
Html5please.com

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.

24. <<
Responsive
Design
>>

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

31. INTERACTIVTY BUILDING TOOLS

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 Storyline etc.
• SCORM, AICC and Tin Can tracking

34. Interesting HTML5 Raptivity
Samples
http://www.raptivity.com/html-5-samples

35. Thank You
Got Questions?
Use your question panel now!
Twitter: @franciskneebone Twitter: @raptivity
eMail: francis@v2training.com.au eMail: info@raptivity.com
Visit www.raptivity.com for more information