implementing a multi-device approach to e-learning design (us session)
TRANSCRIPT
Implementing a
Multi-Device Approachto E-learning Design
Speakers
Partner, Consultant and Trainer, V2Training
Business Development Manager,Harbinger Knowledge Products
Francis Kneebone: V2Training
Twitter: @franciskneeboneeMail: [email protected]
Current Reality 1
Multi-Device
How many devicesdo you access web
content with?
Multi-Device
Fluid-Content
Bring Your Own Device? Computer Lab
Portable LabBYO
HTML4 HTML5
ePub2 ePub3
CSS2 CSS3
Transitions
Current Challenges2
If you could provide learners with just three types of content types
what would they be?Put your answers in the chat box.
eg 1. PDF 2. HTML 3. ePub
How many ways can you ‘fork’ your content?
Support staff training Manage future changes Manage transitions Accessibility Requirement (eg. WCAG2.0) Testing Multi-Devices/OS/Browsers
‘HTML5’3
“ “HTML5CSS3Java ScriptSVG
Testing Tools:
Html5test.com
Caniuse.com
Html5please.com
Visit HTML5test.com and tell us what score your
browser gets out of 500 points.
Caniuse.com
SEMANTIC
<h1><h2><header> <section> <article> <hgroup> <aside> <footer> <video> <audio> <address>
• Easy to read code• HTML5 Outline (HTML5 Outliner)• Benefit to accessibility, auto TOC/NAV • Smarter indexing, search and navigation.• Easy to ‘Fork’ Content into other types.
INTEROPERABLE
<< Responsive Design >>
1200px min width
768px min width
480px min width
POWERFUL
• MICRO DATA• VIDEO & AUDIO TAGS • CSS TRANSFORMS • SVG IMAGES
BROWSER DOES HEAVY LIFTING
INTERACTIVTY BUILDING TOOLS
RAPTIVITY
Business Development Manager,Harbinger Knowledge Products
Raptivity – Rapid Interactivity Building Tool
• World’s first rapid interactivity builder based on patented technology
• Instructionally sound 180+ learning interactions
• Interactions with Flash and HTML5 support
• Customize interactions without writing a single line of code
• Integrate with favorite authoring tools like Lectora, Articulate Storyline etc.
• SCORM, AICC and Tin Can tracking
Interesting HTML5 Raptivity Samples
http://www.raptivity.com/html-5-samples
Visit www.raptivity.com for more information
Thank YouGot Questions?Use your question panel now!
Twitter: @franciskneeboneeMail: [email protected]
Twitter: @raptivityeMail: [email protected]