Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
REDEFINING THE DOCUMENTor how to develop e-learningusing web standards
Multimedia architectE-learning developer since back in the daysLoves visuals and communicationsTech Lead at Creative Learn...
WE ARE NOT IN KANSAS ANYMORE
E-LEARNING: THE PREQUEL
E-LEARNING: NOW
E-LEARNING DEVELOPMENTIS WEB DEVELOPMENT
ProductX
HTML 5CSSjQuery
• ________• ________• ________• ________• ________• ________• ________• ________• ________MENUMEDIA/CONTENTFOOTER
BLACK BOX
• ________• ________• ________• ________• ________• ________• ________• ________• ________
• ________• ________• ________• ________• ________• ________• ________• ________• ________
• ________• ________• ________• ________• ________• ________• ________• ________• ________dependent on playersmonolithicno...
ADAPT TO ADAPTIVEthe response is responsive
CONTENTFOOTERMENUHEADER
CONTENTFOOTERMENUHEADERCONTENTFOOTERMENUHEADER
XML HTML5 CSS jQuery Media• Text content• Structure• Semantics• Navigation• Layout• Presentation• Design• Behaviors• Effec...
IT’S A MASHED UP WORLD
IT’S A MASHED UP WORLD<iframe width="560" height="315”src=http://www.youtube.com/embed/gtpTd3ywwiEframeborder="0" allowful...
do not fear textwidgetize your mediasmall is beautifuleverything is relative1234
HANDS-ON TIME
QUESTIONS?@harleyobrienRESOURCESwww.jquerymobile.comwww.skydrive.comwww.adobe.com/edgewww.tumult.com/hypewww.pipwerks.com/...
Upcoming SlideShare
Loading in …5
×

Redefining the Document: Creating Content for a Mobile World

409 views

Published on

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

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Redefining the Document: Creating Content for a Mobile World

  1. 1. REDEFINING THE DOCUMENTor how to develop e-learningusing web standards
  2. 2. Multimedia architectE-learning developer since back in the daysLoves visuals and communicationsTech Lead at Creative Learning Solutions, Dare Mighty Things Inc.Independent ConsultantHARLEY O’BRIEN
  3. 3. WE ARE NOT IN KANSAS ANYMORE
  4. 4. E-LEARNING: THE PREQUEL
  5. 5. E-LEARNING: NOW
  6. 6. E-LEARNING DEVELOPMENTIS WEB DEVELOPMENT
  7. 7. ProductX
  8. 8. HTML 5CSSjQuery
  9. 9. • ________• ________• ________• ________• ________• ________• ________• ________• ________MENUMEDIA/CONTENTFOOTER
  10. 10. BLACK BOX
  11. 11. • ________• ________• ________• ________• ________• ________• ________• ________• ________
  12. 12. • ________• ________• ________• ________• ________• ________• ________• ________• ________
  13. 13. • ________• ________• ________• ________• ________• ________• ________• ________• ________dependent on playersmonolithicnon responsiveminimal reusability
  14. 14. ADAPT TO ADAPTIVEthe response is responsive
  15. 15. CONTENTFOOTERMENUHEADER
  16. 16. CONTENTFOOTERMENUHEADERCONTENTFOOTERMENUHEADER
  17. 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. 18. IT’S A MASHED UP WORLD
  19. 19. IT’S A MASHED UP WORLD<iframe width="560" height="315”src=http://www.youtube.com/embed/gtpTd3ywwiEframeborder="0" allowfullscreen></iframe>
  20. 20. do not fear textwidgetize your mediasmall is beautifuleverything is relative1234
  21. 21. HANDS-ON TIME
  22. 22. QUESTIONS?@harleyobrienRESOURCESwww.jquerymobile.comwww.skydrive.comwww.adobe.com/edgewww.tumult.com/hypewww.pipwerks.com/downloadswww.jcasolutions.com/ssp

×