designing & delivering e learning in a multi device world

Designing & Delivering eLearning in a Multi-Device World

e-Skills SA - E-learning Professional Development

Leo GagglManaging DirectorBrightcookie

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 ServicesDiscovery

● 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 costNeed to redevelop

Low entry costReuse existing systems / content

Advantages Fast, works perfect for each deviceGames, graphics

Quick to developDeployment across large number of devices

Disadvantages Development timesDevelopment and testing for each device group

PerformanceNeed 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