implementing a multi-device approach to e-learning design (us session)

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: francis@v2training.com.au

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: francis@v2training.com.au

Twitter: @raptivityeMail: info@raptivity.com