SlideShare a Scribd company logo
Designing & Delivering
eLearning in a Multi-
Device World
e-Skills SA - E-learning Professional Development
Leo Gaggl
Managing Director
Brightcookie
Open Solutions for Online Learning
Workshop Outline
1. Device Types
2. BYO(X)
3. Content Development Strategies
4. DIY Tools / Cloud Services
5. Standards / Tips / Challenges
6. User Generated Content
7. Learning Analytics
Presentation URL: http://goo.gl/iIsrA
Open Solutions for Online Learning
Buzzword Bingo
Open Solutions for Online Learning
Internet Evolution
Open Solutions for Online Learning
Internet of
boffins
Internet of
geeks
Internet of
masses
Mobile Internet Internet of
things
1969 - 1995 1995 - 2000 2000 - 2007 2007 - 2015 2015 & beyond
Learning Everywhere
Image: CC by SSA Rustici Software
http://tincanapi.com/
Open Solutions for Online Learning
Device Type - Mobile (Cell) Phone
Strengths
● Mobility
● Ubiquitous
● PERSONAL
● Immediate
● Context (sensors)
Weakness
● Cost (monthly plans, data, sms)
● Size (very small)
● Keyboard
● Interruption prone
Open Solutions for Online Learning
Device Type - Tablets
Strengths
● Mobility (limited)
● Limited Personal (often shared)
● Immediate
● Content consumption
Weakness
● Keyboard
● Content creations
Open Solutions for Online Learning
Device Type - Cloudbooks / Netbooks / Notebooks
Strengths
● Mobility
● Keyboard
● Personal
● Immediate
● Storage capacity
Weakness
● Size
● Battery life
● WIFI
Open Solutions for Online Learning
Device Type - Dinosaurs
Strengths
● Powerful
● Expandable
● Large Screens
Weakness
● Stationary
Open Solutions for Online Learning
Device Type - Wearables (IoT)
Strengths
● Context
● Ubiquitous
● PERSONAL
● Immediate
Weakness
● No standards
● Cutting edge
Open Solutions for Online Learning
BYOD / BYOT / BYOE
Stakeholders
● Users (comfortable with devices)
● Trainers (often less comfortable)
● IT Departments
● Vendors
Issues
● Cross-device content
● Student Support
● Trainer Support / PD
● Equity
Open Solutions for Online Learning
Cloud Services
Discovery
● Search Engines
● Alert Tools
● News Feeds
● Bookmarking
● Surveys
Content Creation
● Image, Photo
● Audio
● Video
● Blogging
● Wiki
Networking
● Social Networking
● Micro-blogging
● Sharing
● e-Portfolios
Productivity
● Online Productivity Suites
● Video Conferencing
● Document Repositories
● Learning Management
Open Solutions for Online Learning
There.is.no.such.things.as.pages
Open Solutions for Online Learning
Learning Content Design
Source: CCbySA INCRIdea Indonesia
RESPONSIVE
● One version - all devices
● Resizing
● Fluid layout
ADAPTIVE
● Extra/simplified content for devices
● Reduced size
● Different interactions for devices
AGNOSTIC
● Content Types with "display" apps
● Reduced size
Open Solutions for Online Learning
Native Device App Mobile Web (HTML5)
Content / Development High cost
Need to redevelop
Low entry cost
Reuse existing systems / content
Advantages Fast, works perfect for each device
Games, graphics
Quick to develop
Deployment across large number of
devices
Disadvantages Development times
Development and testing for each
device group
Performance
Need for data connection
Apps versus Web
Open Solutions for Online Learning
DIY Tools
HTML5
● DreamWeaver
● Articulate Storyline
● Raptor (https://www.raptor-editor.com/)
App Builders
● PhoneGap Builder
● Sencha (http://www.sencha.com/)
● AppCelerator (http://www.appcelerator.com/)
Open Solutions for Online Learning
Standards, Frameworks & Re-use
,
Standards
● Content (HTML, CSS)
● Resources (Video, Audio, Images)
● Metadata
Frameworks
● popcorn.js (http://popcornjs.org/)
● HTML5 Boilerplate (http://html5boilerplate.com/)
● BootStrap (http://twitter.github.io/bootstrap/index.html)
Re-use
● Don't re-invent the wheel
Open Solutions for Online Learning
Key differentiators of mobiles / wearables
● Context-aware
● Location based / remote assessment
● Camera (Front & Back)
● QR-Codes (2D barcodes)
● RFID / NFR
● Augmented Reality (video overlay)
● GPS
● Sensors (Temp, Acceleration)
Open Solutions for Online Learning
Tips
● K.I.S.S
● Atomic Objects (build in small chunks)
● Think about device context (mobility)
Resources / Links
● E-Standards mobile
● BYOT.ME
● Responsive Design (Alistapart)
● HTML5 Rocks
● Open University - OUAnywhere
Open Solutions for Online Learning
Challenges
● Batteries, batteries, batteries, ...
● Screen size
● No internet connection?
● Privacy?
● Technological change
Open Solutions for Online Learning
● Video, Audio artifacts
● Mobile notes
● portfolioUP - iOS App
● Maharadroid - Android App
● Mobile Video App
● Mobile Video Assignment App
User Generated Content
Open Solutions for Online Learning
Data Everywhere
Open Solutions for Online Learning
● Using the data you are already
gathering
● Measurement
● Collection
● Analysis
● Reporting
● Removing 'data-islands'
● Connecting the dots ..
Learning Analytics
Open Solutions for Online Learning
Live Demos
● QR-Codes
● Moodle Mobile Video Assessment
● PortfolioUP
● Using Google Docs mobile data gathering
● Google Goggles
● Wordpress Mobile
Open Solutions for Online Learning
● Established 2003
● South Australian based and owned
● Web-development background
● Initial system integration focus
● Increasing educational content &
instructional design focus
● 7 employees
● Various specialist contractors
● www.brightcookie.com
About Brightcookie
Open Solutions for Online Learning
● Twitter: leogaggl
● Google+: Leo Gaggl
● Identi.ca: leogaggl
● LinkedIn: leogaggl
● Foursquare: leogaggl
● Skype: leogaggl
● Flickr: leogaggl
● Blog: http://brightcookie.com/blog/
● Private Blog: http://www.gaggl.com/
● Email: leo [at] brightcookie.com.au
QUESTIONS ? IDEAS ? COMMENTS ?
Open Solutions for Online Learning

More Related Content

PDF
Delivering training via phones, i pads and tablets
PDF
Idt606 final assignment wk 6
PPTX
Byod pp for teachers to use with students
PPTX
Learningbloks
PPTX
EDUC 7101 Assistive Technology and the iPad
PDF
Martin Charlier - Designing Connected Products - raincloud.eu
PPTX
The assistive technology landscape in 2012 scotland public
PPTX
Ipads – a game changer for education?
Delivering training via phones, i pads and tablets
Idt606 final assignment wk 6
Byod pp for teachers to use with students
Learningbloks
EDUC 7101 Assistive Technology and the iPad
Martin Charlier - Designing Connected Products - raincloud.eu
The assistive technology landscape in 2012 scotland public
Ipads – a game changer for education?

Viewers also liked (20)

DOCX
Blend Nader reference hipages (1)
PDF
CV - Fatima Dargam - 18.04.2016
PPTX
Reunió pares 2n delta de l´ebre
PPT
Diapositivas ludis
PDF
Programa Afiliación adtriboo
PDF
Pies & pizzas recipes
PDF
Naturnet newsletter03
PPS
The romanian aliya in israel (nx power-lite)
PDF
Miami EuroFinance 2011
DOC
MOP063
PDF
20 05-2016 boletín
PPTX
OFERTAS TRABAJO, CURSOS, BECAS Y PREMIOS
PDF
Shiatsu – wikipédia, a enciclopédia livre
DOCX
Toxicologia
PPTX
Postgrado en Sistemas de Calidad y Auditoria de servicios de Salud
PDF
MARKETING E TWITTER: ANÁLISE DA REDE SOCIAL COMO FERRAMENTA DE DIVULGAÇÃO DE...
PDF
nerion - Plataforma Cloud con HP 3PAR y VMware vSphere
PDF
Texto de morgan
PPT
2016 seguridad informatica
Blend Nader reference hipages (1)
CV - Fatima Dargam - 18.04.2016
Reunió pares 2n delta de l´ebre
Diapositivas ludis
Programa Afiliación adtriboo
Pies & pizzas recipes
Naturnet newsletter03
The romanian aliya in israel (nx power-lite)
Miami EuroFinance 2011
MOP063
20 05-2016 boletín
OFERTAS TRABAJO, CURSOS, BECAS Y PREMIOS
Shiatsu – wikipédia, a enciclopédia livre
Toxicologia
Postgrado en Sistemas de Calidad y Auditoria de servicios de Salud
MARKETING E TWITTER: ANÁLISE DA REDE SOCIAL COMO FERRAMENTA DE DIVULGAÇÃO DE...
nerion - Plataforma Cloud con HP 3PAR y VMware vSphere
Texto de morgan
2016 seguridad informatica
Ad

Similar to Designing & delivering e learning in a multi device world (20)

PDF
Webinar - Getting Started with mLearning
PPTX
uMobile, I’m Mobile, We’re All Mobile!!
PDF
Kenji_Chao_Resume
PDF
Andone Microprojects -Shanghai 2014
PPTX
Designing and delivering elearning in a multi-device world
PPTX
LTT2014 Maximising Benefits Of Glow
PDF
M-Learning application development with open source
PDF
Social media in virtual mobilities at SMART 2014
PPTX
Building a scalable app factory with Appcelerator Platform
PPTX
Venturing into the cloud
PPTX
Win8 Tablets Leadership Perspective for Schools
PDF
Accessibility & Universal Design
DOC
Resume Firoz Hasan
PPTX
Leadership Perspective - Tablets/Ipads
PPTX
Liam Butler from NetDimensions on Mobile Learning & Technology: Essentials fo...
PPTX
Launching a 1to1
PDF
Karthik Balasubramanian (Resume)
PPTX
Next level learning NSW Roadshow presentation deck
PDF
Gdsc IIIT Surat Orientation 2022.pdf
Webinar - Getting Started with mLearning
uMobile, I’m Mobile, We’re All Mobile!!
Kenji_Chao_Resume
Andone Microprojects -Shanghai 2014
Designing and delivering elearning in a multi-device world
LTT2014 Maximising Benefits Of Glow
M-Learning application development with open source
Social media in virtual mobilities at SMART 2014
Building a scalable app factory with Appcelerator Platform
Venturing into the cloud
Win8 Tablets Leadership Perspective for Schools
Accessibility & Universal Design
Resume Firoz Hasan
Leadership Perspective - Tablets/Ipads
Liam Butler from NetDimensions on Mobile Learning & Technology: Essentials fo...
Launching a 1to1
Karthik Balasubramanian (Resume)
Next level learning NSW Roadshow presentation deck
Gdsc IIIT Surat Orientation 2022.pdf
Ad

More from Leo Gaggl (16)

PPTX
Opendata & IoT Meetup February 2022.pptx
PDF
#TTNADL - LGA SA Smart Cities Meeting
PPTX
Future (ICT) Technologies
PDF
Developing a Social Learning Environment
PDF
Collecting (Learning) Experiences Everywhere
PDF
Breaking down the walls the benefits of being open
PDF
Video in Education
PDF
Learning Analytics and Experience Api
PPT
Online Collaboration Tools
PPT
Education and the Internet of Things
PPT
Australia Series - Gahoodle
PPT
Mobile Learning 2010
PPT
Riding A Google Wave - E Dayz09
PDF
ICL09 - iClould Paper 'A fish called Guido'
PPT
A Fish Called Guido
PPT
ICL09 - iClould Tech Overview & Demo
Opendata & IoT Meetup February 2022.pptx
#TTNADL - LGA SA Smart Cities Meeting
Future (ICT) Technologies
Developing a Social Learning Environment
Collecting (Learning) Experiences Everywhere
Breaking down the walls the benefits of being open
Video in Education
Learning Analytics and Experience Api
Online Collaboration Tools
Education and the Internet of Things
Australia Series - Gahoodle
Mobile Learning 2010
Riding A Google Wave - E Dayz09
ICL09 - iClould Paper 'A fish called Guido'
A Fish Called Guido
ICL09 - iClould Tech Overview & Demo

Recently uploaded (20)

PPTX
GDM (1) (1).pptx small presentation for students
PDF
RMMM.pdf make it easy to upload and study
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Insiders guide to clinical Medicine.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Computing-Curriculum for Schools in Ghana
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Basic Mud Logging Guide for educational purpose
PDF
Sports Quiz easy sports quiz sports quiz
PDF
TR - Agricultural Crops Production NC III.pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
master seminar digital applications in india
GDM (1) (1).pptx small presentation for students
RMMM.pdf make it easy to upload and study
Abdominal Access Techniques with Prof. Dr. R K Mishra
Supply Chain Operations Speaking Notes -ICLT Program
Insiders guide to clinical Medicine.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Microbial diseases, their pathogenesis and prophylaxis
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Computing-Curriculum for Schools in Ghana
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Renaissance Architecture: A Journey from Faith to Humanism
2.FourierTransform-ShortQuestionswithAnswers.pdf
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Microbial disease of the cardiovascular and lymphatic systems
Basic Mud Logging Guide for educational purpose
Sports Quiz easy sports quiz sports quiz
TR - Agricultural Crops Production NC III.pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Module 4: Burden of Disease Tutorial Slides S2 2025
master seminar digital applications in india

Designing & delivering e learning in a multi device world

  • 1. Designing & Delivering eLearning in a Multi- Device World e-Skills SA - E-learning Professional Development Leo Gaggl Managing Director Brightcookie Open Solutions for Online Learning
  • 2. Workshop Outline 1. Device Types 2. BYO(X) 3. Content Development Strategies 4. DIY Tools / Cloud Services 5. Standards / Tips / Challenges 6. User Generated Content 7. Learning Analytics Presentation URL: http://goo.gl/iIsrA Open Solutions for Online Learning
  • 3. Buzzword Bingo Open Solutions for Online Learning
  • 4. Internet Evolution Open Solutions for Online Learning Internet of boffins Internet of geeks Internet of masses Mobile Internet Internet of things 1969 - 1995 1995 - 2000 2000 - 2007 2007 - 2015 2015 & beyond
  • 5. Learning Everywhere Image: CC by SSA Rustici Software http://tincanapi.com/ Open Solutions for Online Learning
  • 6. Device Type - Mobile (Cell) Phone Strengths ● Mobility ● Ubiquitous ● PERSONAL ● Immediate ● Context (sensors) Weakness ● Cost (monthly plans, data, sms) ● Size (very small) ● Keyboard ● Interruption prone Open Solutions for Online Learning
  • 7. Device Type - Tablets Strengths ● Mobility (limited) ● Limited Personal (often shared) ● Immediate ● Content consumption Weakness ● Keyboard ● Content creations Open Solutions for Online Learning
  • 8. Device Type - Cloudbooks / Netbooks / Notebooks Strengths ● Mobility ● Keyboard ● Personal ● Immediate ● Storage capacity Weakness ● Size ● Battery life ● WIFI Open Solutions for Online Learning
  • 9. Device Type - Dinosaurs Strengths ● Powerful ● Expandable ● Large Screens Weakness ● Stationary Open Solutions for Online Learning
  • 10. Device Type - Wearables (IoT) Strengths ● Context ● Ubiquitous ● PERSONAL ● Immediate Weakness ● No standards ● Cutting edge Open Solutions for Online Learning
  • 11. BYOD / BYOT / BYOE Stakeholders ● Users (comfortable with devices) ● Trainers (often less comfortable) ● IT Departments ● Vendors Issues ● Cross-device content ● Student Support ● Trainer Support / PD ● Equity Open Solutions for Online Learning
  • 12. Cloud Services Discovery ● Search Engines ● Alert Tools ● News Feeds ● Bookmarking ● Surveys Content Creation ● Image, Photo ● Audio ● Video ● Blogging ● Wiki Networking ● Social Networking ● Micro-blogging ● Sharing ● e-Portfolios Productivity ● Online Productivity Suites ● Video Conferencing ● Document Repositories ● Learning Management Open Solutions for Online Learning
  • 14. Learning Content Design Source: CCbySA INCRIdea Indonesia RESPONSIVE ● One version - all devices ● Resizing ● Fluid layout ADAPTIVE ● Extra/simplified content for devices ● Reduced size ● Different interactions for devices AGNOSTIC ● Content Types with "display" apps ● Reduced size Open Solutions for Online Learning
  • 15. Native Device App Mobile Web (HTML5) Content / Development High cost Need to redevelop Low entry cost Reuse existing systems / content Advantages Fast, works perfect for each device Games, graphics Quick to develop Deployment across large number of devices Disadvantages Development times Development and testing for each device group Performance Need for data connection Apps versus Web Open Solutions for Online Learning
  • 16. DIY Tools HTML5 ● DreamWeaver ● Articulate Storyline ● Raptor (https://www.raptor-editor.com/) App Builders ● PhoneGap Builder ● Sencha (http://www.sencha.com/) ● AppCelerator (http://www.appcelerator.com/) Open Solutions for Online Learning
  • 17. Standards, Frameworks & Re-use , Standards ● Content (HTML, CSS) ● Resources (Video, Audio, Images) ● Metadata Frameworks ● popcorn.js (http://popcornjs.org/) ● HTML5 Boilerplate (http://html5boilerplate.com/) ● BootStrap (http://twitter.github.io/bootstrap/index.html) Re-use ● Don't re-invent the wheel Open Solutions for Online Learning
  • 18. Key differentiators of mobiles / wearables ● Context-aware ● Location based / remote assessment ● Camera (Front & Back) ● QR-Codes (2D barcodes) ● RFID / NFR ● Augmented Reality (video overlay) ● GPS ● Sensors (Temp, Acceleration) Open Solutions for Online Learning
  • 19. Tips ● K.I.S.S ● Atomic Objects (build in small chunks) ● Think about device context (mobility) Resources / Links ● E-Standards mobile ● BYOT.ME ● Responsive Design (Alistapart) ● HTML5 Rocks ● Open University - OUAnywhere Open Solutions for Online Learning
  • 20. Challenges ● Batteries, batteries, batteries, ... ● Screen size ● No internet connection? ● Privacy? ● Technological change Open Solutions for Online Learning
  • 21. ● Video, Audio artifacts ● Mobile notes ● portfolioUP - iOS App ● Maharadroid - Android App ● Mobile Video App ● Mobile Video Assignment App User Generated Content Open Solutions for Online Learning
  • 22. Data Everywhere Open Solutions for Online Learning
  • 23. ● Using the data you are already gathering ● Measurement ● Collection ● Analysis ● Reporting ● Removing 'data-islands' ● Connecting the dots .. Learning Analytics Open Solutions for Online Learning
  • 24. Live Demos ● QR-Codes ● Moodle Mobile Video Assessment ● PortfolioUP ● Using Google Docs mobile data gathering ● Google Goggles ● Wordpress Mobile Open Solutions for Online Learning
  • 25. ● Established 2003 ● South Australian based and owned ● Web-development background ● Initial system integration focus ● Increasing educational content & instructional design focus ● 7 employees ● Various specialist contractors ● www.brightcookie.com About Brightcookie Open Solutions for Online Learning
  • 26. ● Twitter: leogaggl ● Google+: Leo Gaggl ● Identi.ca: leogaggl ● LinkedIn: leogaggl ● Foursquare: leogaggl ● Skype: leogaggl ● Flickr: leogaggl ● Blog: http://brightcookie.com/blog/ ● Private Blog: http://www.gaggl.com/ ● Email: leo [at] brightcookie.com.au QUESTIONS ? IDEAS ? COMMENTS ? Open Solutions for Online Learning