SlideShare a Scribd company logo
1 of 35
Implementing a
Multi-Device Approach
  to E-learning Design
Speakers




  Partner, Consultant and Trainer,   Business Development Manager,
             V2Training              Harbinger Knowledge Products
Francis Kneebone: V2Training

Twitter:   @franciskneebone
eMail:     francis@v2training.com.au
Current
Reality
Multi-Device
Multi-Device



        How many devices
        do you access web
          content with?
Fluid-Content
Bring Your Own Device?
            Computer Lab




                           Portable Lab
 BYO
Transitions


         HTML4   HTML5

         ePub2   ePub3

          CSS2   CSS3
Current
Challenges
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’
“   “
        HTML5
        CSS3
        Java Script
        SVG
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
<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.
<<
Responsive
Design
>>
1200px min width
768px min width
480px min width
BROWSER DOES HEAVY LIFTING
•   MICRO DATA
•   VIDEO & AUDIO TAGS
•   CSS TRANSFORMS
•   SVG IMAGES
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
Thank You
                 Got Questions?
                 Use your question panel now!




Twitter: @franciskneebone               Twitter: @raptivity
eMail: francis@v2training.com.au        eMail: info@raptivity.com



       Visit www.raptivity.com for more information

More Related Content

Similar to Implementing a Multi-Device Approach to E-learning Design (US Session)

East of Toronto .NET Usergroup - Put the 5 in HTML
East of Toronto .NET Usergroup - Put the 5 in HTMLEast of Toronto .NET Usergroup - Put the 5 in HTML
East of Toronto .NET Usergroup - Put the 5 in HTML
Frédéric Harper
 
OALT- Create.Collaborate.Communicate
OALT- Create.Collaborate.CommunicateOALT- Create.Collaborate.Communicate
OALT- Create.Collaborate.Communicate
Kathy Hicks
 

Similar to Implementing a Multi-Device Approach to E-learning Design (US Session) (20)

Tech talk webtech
Tech talk webtechTech talk webtech
Tech talk webtech
 
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
Latest trends in Technical Writing, Authoring on Cloud, Content Delivery for ...
 
HTML 5
HTML 5HTML 5
HTML 5
 
The future of the CMS
The future of the CMSThe future of the CMS
The future of the CMS
 
Four Kitchens Presents: Future of the CMS
Four Kitchens Presents: Future of the CMSFour Kitchens Presents: Future of the CMS
Four Kitchens Presents: Future of the CMS
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
Html5
Html5Html5
Html5
 
Pattern Library in WordPress projects
Pattern Library in WordPress projectsPattern Library in WordPress projects
Pattern Library in WordPress projects
 
Global Azure2021 Verona.pptx
Global Azure2021 Verona.pptxGlobal Azure2021 Verona.pptx
Global Azure2021 Verona.pptx
 
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
 
Turning huge ships - Open Source and Microsoft
Turning huge ships - Open Source and MicrosoftTurning huge ships - Open Source and Microsoft
Turning huge ships - Open Source and Microsoft
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web tech
 
web_dev_first_session.pptx
web_dev_first_session.pptxweb_dev_first_session.pptx
web_dev_first_session.pptx
 
Become a better UX designer through code
Become a better UX designer through codeBecome a better UX designer through code
Become a better UX designer through code
 
Webinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Webinar: Why Raptivity is a must have for your 2014 eLearning ToolkitWebinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Webinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
 
Engaging a Developer Audience: Documentation and More
Engaging a Developer Audience: Documentation and MoreEngaging a Developer Audience: Documentation and More
Engaging a Developer Audience: Documentation and More
 
East of Toronto .NET Usergroup - Put the 5 in HTML
East of Toronto .NET Usergroup - Put the 5 in HTMLEast of Toronto .NET Usergroup - Put the 5 in HTML
East of Toronto .NET Usergroup - Put the 5 in HTML
 
OALT- Create.Collaborate.Communicate
OALT- Create.Collaborate.CommunicateOALT- Create.Collaborate.Communicate
OALT- Create.Collaborate.Communicate
 
HTML5 - The Future in a Flash
HTML5 - The Future in a FlashHTML5 - The Future in a Flash
HTML5 - The Future in a Flash
 
Portable single page applications with AngularJS in SharePoint
Portable single page applications with AngularJS in SharePointPortable single page applications with AngularJS in SharePoint
Portable single page applications with AngularJS in SharePoint
 

More from Raptivity

From Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using RaptivityFrom Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using Raptivity
Raptivity
 
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con RaptivityWebinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Raptivity
 

More from Raptivity (20)

Webinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
Webinar- Easy, Customizable and Fun – eLearning Simplified by RaptivityWebinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
Webinar- Easy, Customizable and Fun – eLearning Simplified by Raptivity
 
Webinar - Integrating Raptivity with other eLearning Tools
Webinar - Integrating Raptivity with other eLearning ToolsWebinar - Integrating Raptivity with other eLearning Tools
Webinar - Integrating Raptivity with other eLearning Tools
 
Webinar - Applications for Raptivity in the University Classroom
Webinar - Applications for Raptivity in the University ClassroomWebinar - Applications for Raptivity in the University Classroom
Webinar - Applications for Raptivity in the University Classroom
 
Webinar - Innovative Applications of Raptivity in Education
Webinar - Innovative Applications of Raptivity in EducationWebinar - Innovative Applications of Raptivity in Education
Webinar - Innovative Applications of Raptivity in Education
 
Engagement Analytics: where Analytics meets Interactivity
Engagement Analytics: where Analytics meets InteractivityEngagement Analytics: where Analytics meets Interactivity
Engagement Analytics: where Analytics meets Interactivity
 
Webinar - Microlearning: Getting Started
Webinar - Microlearning: Getting Started Webinar - Microlearning: Getting Started
Webinar - Microlearning: Getting Started
 
Webinar - Solving Education's Toughest Challenge: Learner Engagement
Webinar - Solving Education's Toughest Challenge: Learner EngagementWebinar - Solving Education's Toughest Challenge: Learner Engagement
Webinar - Solving Education's Toughest Challenge: Learner Engagement
 
[Webinar] Interactive Learning Content: How to Create it in Minutes
[Webinar] Interactive Learning Content: How to Create it in Minutes[Webinar] Interactive Learning Content: How to Create it in Minutes
[Webinar] Interactive Learning Content: How to Create it in Minutes
 
Interactive Content Creation using Raptivity [in Arabic]
Interactive Content Creation using Raptivity [in Arabic]Interactive Content Creation using Raptivity [in Arabic]
Interactive Content Creation using Raptivity [in Arabic]
 
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora![Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
[Webinar] Contenidos de Aprendizaje Interactivos – Cualquiera puede crear ahora!
 
From Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using RaptivityFrom Mobile Learning to Mini Learning using Raptivity
From Mobile Learning to Mini Learning using Raptivity
 
Raptivity - pioneering rapid interactivity builder
Raptivity - pioneering rapid interactivity builderRaptivity - pioneering rapid interactivity builder
Raptivity - pioneering rapid interactivity builder
 
Small is the New Big! Create Mini eLearning Courses with Raptivity Linker
Small is the New Big! Create Mini eLearning Courses with Raptivity LinkerSmall is the New Big! Create Mini eLearning Courses with Raptivity Linker
Small is the New Big! Create Mini eLearning Courses with Raptivity Linker
 
From Flat to Interactive in No Time - Create Online Educational Content Using...
From Flat to Interactive in No Time - Create Online Educational Content Using...From Flat to Interactive in No Time - Create Online Educational Content Using...
From Flat to Interactive in No Time - Create Online Educational Content Using...
 
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
Webinar Presentation - Create Interactive Classroom Content Using Raptivity -...
 
Create Interactive Classroom Content Using Raptivity - 20th May, 2014
Create Interactive Classroom Content Using Raptivity - 20th May, 2014Create Interactive Classroom Content Using Raptivity - 20th May, 2014
Create Interactive Classroom Content Using Raptivity - 20th May, 2014
 
Webinar - Create Learning Arcs using Raptivity Linker
Webinar - Create Learning Arcs using Raptivity LinkerWebinar - Create Learning Arcs using Raptivity Linker
Webinar - Create Learning Arcs using Raptivity Linker
 
Elearning2 0-webinar
Elearning2 0-webinarElearning2 0-webinar
Elearning2 0-webinar
 
Webinar - Getting Started with mLearning
Webinar - Getting Started with mLearningWebinar - Getting Started with mLearning
Webinar - Getting Started with mLearning
 
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con RaptivityWebinario - Impulsando el Involucramiento y la Interactividad con Raptivity
Webinario - Impulsando el Involucramiento y la Interactividad con Raptivity
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 

Implementing a Multi-Device Approach to E-learning Design (US Session)

Editor's Notes

  1. Jamaica Glenn
  2. 5 minutesDo not talk too much about Tin Can.
  3. 5 minutes samplesShow 3 samples – Flip bookAdaptive Scenario with Picture, Text and VideoMillion Dollar Quiz