This is the slide deck used for the presentation "Redefining the Document: Creating Content for a Mobile World" at the mLearnCon 2013 Conference & Expo.

1. REDEFINING THE DOCUMENT
or how to develop e-learning
using web standards

2. Multimedia architect
E-learning developer since back in the days
Loves visuals and communications
Tech Lead at Creative Learning Solutions, Dare Mighty Things Inc.
Independent Consultant
HARLEY O’BRIEN

3. WE ARE NOT IN KANSAS ANYMORE

4. E-LEARNING: THE PREQUEL

5. E-LEARNING: NOW

6. E-LEARNING DEVELOPMENT
IS WEB DEVELOPMENT

7. Product
X

8. HTML 5
CSS
jQuery

9. • ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________
MENU
MEDIA/CONTENT
FOOTER

10. BLACK BOX

11. • ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________

12. • ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________

13. • ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________
• ________
dependent on players
monolithic
non responsive
minimal reusability

14. ADAPT TO ADAPTIVE
the response is responsive

15. CONTENT
FOOTER
MENU
HEADER

16. CONTENT
FOOTER
MENU
HEADER
CONTENT
FOOTER
MENU
HEADER

17. XML HTML5 CSS jQuery Media
• Text content
• Structure
• Semantics
• Navigation
• Layout
• Presentation
• Design
• Behaviors
• Effects
• UX
• Video
• Animation
• Interactivities
• Audio
• Text content
• Structure
• Back end

18. IT’S A MASHED UP WORLD

19. IT’S A MASHED UP WORLD
<iframe width="560" height="315”
src=http://www.youtube.com/embed/gtpTd3ywwiE
frameborder="0" allowfullscreen></iframe>

20. do not fear text
widgetize your media
small is beautiful
everything is relative
1
2
3
4

21. HANDS-ON TIME

22. QUESTIONS?
@harleyobrien
RESOURCES
www.jquerymobile.com
www.skydrive.com
www.adobe.com/edge
www.tumult.com/hype
www.pipwerks.com/downloads
www.jcasolutions.com/ssp