• Like
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
842
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
7
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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

Transcript

  • 1. Implementing aMulti-Device Approach to E-learning Design
  • 2. Speakers Partner, Consultant and Trainer, Business Development Manager, V2Training Harbinger Knowledge Products
  • 3. Francis Kneebone: V2TrainingTwitter: @franciskneeboneeMail: francis@v2training.com.au
  • 4. CurrentReality
  • 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. CurrentChallenges
  • 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. 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. ‘HTML5’
  • 14. “ “ HTML5 CSS3 Java Script SVG
  • 15. Testing Tools:Html5test.comCaniuse.comHtml5please.com
  • 16. Visit HTML5test.com and tell us what score yourbrowser gets out of 500 points.
  • 17. Caniuse.com
  • 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. <<ResponsiveDesign>>
  • 20. 1200px min width
  • 21. 768px min width
  • 22. 480px min width
  • 23. BROWSER DOES HEAVY LIFTING• MICRO DATA• VIDEO & AUDIO TAGS• CSS TRANSFORMS• SVG IMAGES
  • 24. INTERACTIVTY BUILDING TOOLS
  • 25. RAPTIVITY Business Development Manager, Harbinger Knowledge Products
  • 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. Interesting HTML5 Raptivity Sampleshttp://www.raptivity.com/html-5-samples
  • 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