Highlight some of the implications that mobile devices bring for e-learning development and delivery, and will talk about new technical advances which provide solutions to the increasing amount of learning that takes place on laptops, tablets and mobile phones.

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

13. There.is.no.such.things.as.pages
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