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

1,284 views
1,218 views

Published on

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

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

No notes for slide
  • 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 (APAC 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 etc.• SCORM, AICC and Tin Can tracking
    27. 27. Interesting HTML5 Raptivity Sampleshttp://www.raptivity.com/html-5-samples
    28. 28. Thank You For Questions? email us nowTwitter: @franciskneebone Twitter: @raptivityeMail: francis@v2training.com.au eMail: info@raptivity.com Visit www.raptivity.com for more information

    ×