Implementing aMulti-Device Approach  to E-learning Design
Speakers  Partner, Consultant and Trainer,   Business Development Manager,             V2Training              Harbinger K...
Francis Kneebone: V2TrainingTwitter:   @franciskneeboneeMail:     francis@v2training.com.au
CurrentReality
Multi-Device
Multi-Device        How many devices        do you access web          content with?
Fluid-Content
Bring Your Own Device?            Computer Lab                           Portable Lab BYO
Transitions         HTML4   HTML5         ePub2   ePub3          CSS2   CSS3
CurrentChallenges
If you could provide learners with just three types of content types        what would they be?Put your answers in the cha...
How many ways can you ‘fork’ your content? Support staff training Manage future changes Manage transitions Accessibili...
‘HTML5’
“   “        HTML5        CSS3        Java Script        SVG
Testing Tools:Html5test.comCaniuse.comHtml5please.com
Visit HTML5test.com and tell us what score yourbrowser gets out of 500          points.
Caniuse.com
<h1><h2><header> <section> <article> <hgroup> <aside> <footer> <video> <audio> <address>•   Easy to read code•   HTML5 Out...
<<ResponsiveDesign>>
1200px min width
768px min width
480px min width
BROWSER DOES HEAVY LIFTING•   MICRO DATA•   VIDEO & AUDIO TAGS•   CSS TRANSFORMS•   SVG IMAGES
INTERACTIVTY BUILDING TOOLS
RAPTIVITY            Business Development Manager,            Harbinger Knowledge Products
Raptivity –       Rapid Interactivity Building Tool•    World’s first rapid interactivity builder based on patented techno...
Interesting HTML5 Raptivity          Sampleshttp://www.raptivity.com/html-5-samples
Thank You                 Got Questions?                 Use your question panel now!Twitter: @franciskneebone            ...
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)
Upcoming SlideShare
Loading in …5
×

Implementing a Multi-Device Approach to E-learning Design (US Session)

1,109 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,109
On SlideShare
0
From Embeds
0
Number of Embeds
611
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Jamaica Glenn
  • 5 minutesDo not talk too much about Tin Can.
  • 5 minutes samplesShow 3 samples – Flip bookAdaptive Scenario with Picture, Text and VideoMillion Dollar Quiz
  • Implementing a Multi-Device Approach to E-learning Design (US Session)

    1. 1. Implementing aMulti-Device Approach to E-learning Design
    2. 2. Speakers Partner, Consultant and Trainer, Business Development Manager, V2Training Harbinger Knowledge Products
    3. 3. Francis Kneebone: V2TrainingTwitter: @franciskneeboneeMail: francis@v2training.com.au
    4. 4. CurrentReality
    5. 5. Multi-Device
    6. 6. Multi-Device How many devices do you access web content with?
    7. 7. Fluid-Content
    8. 8. Bring Your Own Device? Computer Lab Portable Lab BYO
    9. 9. Transitions HTML4 HTML5 ePub2 ePub3 CSS2 CSS3
    10. 10. CurrentChallenges
    11. 11. 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
    12. 12. 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
    13. 13. ‘HTML5’
    14. 14. “ “ HTML5 CSS3 Java Script SVG
    15. 15. Testing Tools:Html5test.comCaniuse.comHtml5please.com
    16. 16. Visit HTML5test.com and tell us what score yourbrowser gets out of 500 points.
    17. 17. Caniuse.com
    18. 18. <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.
    19. 19. <<ResponsiveDesign>>
    20. 20. 1200px min width
    21. 21. 768px min width
    22. 22. 480px min width
    23. 23. BROWSER DOES HEAVY LIFTING• MICRO DATA• VIDEO & AUDIO TAGS• CSS TRANSFORMS• SVG IMAGES
    24. 24. INTERACTIVTY BUILDING TOOLS
    25. 25. RAPTIVITY Business Development Manager, Harbinger Knowledge Products
    26. 26. 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
    27. 27. Interesting HTML5 Raptivity Sampleshttp://www.raptivity.com/html-5-samples
    28. 28. Thank You Got Questions? Use your question panel now!Twitter: @franciskneebone Twitter: @raptivityeMail: francis@v2training.com.au eMail: info@raptivity.com Visit www.raptivity.com for more information

    ×