E-learning Development for an HTML5 World
-
Upload
harley-obrien -
Category
Technology
-
view
393 -
download
5
description
Transcript of E-learning Development for an HTML5 World
![Page 1: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/1.jpg)
E-LEARNING DEVELOPMENT FOR AN HTML 5 WORLD
SHIFTING PARADIGMS
![Page 2: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/2.jpg)
HELLO!
MULTIMEDIA ARCHITECTE-LEARNING DEVELOPER SINCE BACK IN THE DAYSLOVES VISUALS AND COMMUNICATIONS
TECH LEAD AT CREATIVE LEARNING SOLUTIONS,DARE MIGHTY THINGS INC.
CHIEF CONTENT DEVELOPMENT OFFICERBRINGING EXPERTS, WRITERS, AND
LEARNERSTOGETHER SINCE 2006
INSTRUCTIONAL DESIGN PROJECT MANAGER
IDEXX LABORATORIES 2HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 3: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/3.jpg)
A TYPICAL PROJECT
NO MURR PICS PLZ
NO BUDGETONE-OFFNO DEADLINES
BIG BUDGETONE-OF-A-KINDLOOSE TIMELINE
…
3HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 4: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/4.jpg)
A TYPICAL PROJECT
NO MURR PICS PLZ
NO BUDGETONE-OFFNO DEADLINES
BIG BUDGETONE-OF-A-KINDLOOSE TIMELINE
BUDGET AND RESOURCESCONSISTENTSHORT DEADLINESORIGINAL AND REUSABLE CONTENT
Avatar is property of Twentieth Century Fox Film CorporationFriends is property of Warner Bros. Entertainment Inc.
Tupfen is property of Harley O’Brien
4HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 5: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/5.jpg)
TOOLS
and more…5HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 6: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/6.jpg)
TOOLS
A START TO END SOLUTION
and more…6HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 7: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/7.jpg)
WHAT CHANGED IN THE LAST 3 YEARS?
MOBILE
PLUG-IN ARCHITECTURE
FLASH ON MOBILE
HMTL 5 AND CSS3
BYOD
2013
7HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 8: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/8.jpg)
PRODUCT B
PRODUCT C
PRODUCT D
PRODUCT E
PRODUCT F
PRODUCT G
THE TRADITIONAL APPROACH
E-LEARNING MODULE
PRODUCT A
8HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 9: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/9.jpg)
THE TRADITIONAL APPROACH
E-LEARNING MODULE
PRODUCT A
PRODUCT
B
PRODUCT C
PRODUCT
D
PRODUCT E
PRODUCT
F
PRODUCT
G
HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD 9
![Page 10: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/10.jpg)
IT’S A MASHED-UP WORLD
10HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 11: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/11.jpg)
IT’S A MASHED-UP WORLD
YOUR TOOLS ARE MEANINGLESS.THROW THEM AWAY AND LEARN WHAT MAKES THE WEB WORK.”
FLOATMOBILE LEARNING BLOGHTTP://WWW.FLOATLEARNING.COM
HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD 11
“
![Page 12: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/12.jpg)
A SLIGHTLY DIFFERENT APPROACH
E-LEARNING MODULE
PRODUCT A
12HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 13: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/13.jpg)
A SLIGHTLY DIFFERENT APPROACH
E-LEARNING MODULE
HTML 5CSS
JQUERY
13HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 14: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/14.jpg)
THE PROCESS
SME INTERVIEWS RESEARCH CONTENT CREATION
MULTIMEDIA DEVELOPMENT
DEPLOYMENTUSER
14HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 15: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/15.jpg)
A SAMPLE COURSE
HANDS-ON TIME
15HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 16: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/16.jpg)
FINAL CONSIDERATIONS
RESPONSIVE
SEMANTICS SCORM/TIN CAN
16HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
![Page 17: E-learning Development for an HTML5 World](https://reader035.fdocuments.in/reader035/viewer/2022081413/54850fe7b47959fb0c8b4da5/html5/thumbnails/17.jpg)
QUESTIONS?
17HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
Let’s talk!@harleyobrien @abigrace
Resourceswww.jquerymobile.comwww.skydrive.comwww.adobe.com/edgewww.tumult.com/hypewww.pipwerks.com/downloadswww.jcasolutions.com/ssp