e-learning development for an html5 world
DESCRIPTION
This is the slide deck we used for the session "E-learning Development for an HTML5 World" at the Learning Solutions Conference 2013.TRANSCRIPT
E-LEARNING DEVELOPMENT FOR AN HTML 5 WORLD
SHIFTING PARADIGMS
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
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
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
TOOLS
and more…5HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
TOOLS
A START TO END SOLUTION
and more…6HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
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
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
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
IT’S A MASHED-UP WORLD
10HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
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
“
A SLIGHTLY DIFFERENT APPROACH
E-LEARNING MODULE
PRODUCT A
12HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
A SLIGHTLY DIFFERENT APPROACH
E-LEARNING MODULE
HTML 5CSS
JQUERY
13HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
THE PROCESS
SME INTERVIEWS RESEARCH CONTENT CREATION
MULTIMEDIA DEVELOPMENT
DEPLOYMENTUSER
14HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
A SAMPLE COURSE
HANDS-ON TIME
15HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
FINAL CONSIDERATIONS
RESPONSIVE
SEMANTICS SCORM/TIN CAN
16HARLEY O'BRIEN/ABIGAIL WHEELER - CREATING CONTENT FOR AN HTML 5 WORLD
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