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

154

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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
154
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×