Hints & tips for mobile learning
Natalie Denmeade
The Klevar Group
May 14th 2014
What is your state of origin?
Type your answer in the chat pod
Points:
• Watch for the star to indicate you
can earn points
Winners:
• Winning Team
• Highest Score (Individual)
Communication/Organise
Points
(1 for each app on your phone or tablet)
Time Management (Alarms, reminders)
Social Networking
Video Communication (Skype, Hangout)
Create / collaborate
Draw and brainstorm
Photo or Video capture / editing / sharing
Record / Share audio
Consume content
Read PDF, Microsoft Office files
Internet Browser
Websites / Research
E-Books
Maps Navigation
Mobile computing means 24 / 7
Internet access
Slideshare: A day in the life of a learner
with a smart phone bit.ly/moojooTOM
Mobile Learning
“Leveraging ubiquitous mobile technology for
the adoption or augmentation of knowledge,
behaviours, or skills through education,
training, or performance support while the
mobility of the learner may be independent of
time, location, and space.” (ADL)
https://sites.google.com/a/adlnet.gov/mobile-learning-guide/basics
Plan learning experiences for
Mobile AND Desktop
Mobile Learning
Keep watching for
changes in browser
and device usage
April 2014 Windows
XP support finished
(along with old
versions of Internet
Explorer limited to
CSS2/ HMTL4)
http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
Special Technologies
Points
(1 if you know how this is used on phone or
tablets – 2 points if you have personally used it)
Student Polling/Audience Response
Systems
Artificial Intelligence-based Voice
Recognition Systems
QR Codes
Augmented Reality
Location awareness (GPS)
Wearable computing devices
Touchscreen interaction
Video chat
Spaced Learning
Push vs Pull Learning
Drive-time Learning
Mobile first design
• Instead of the term ‘click’, use ‘select’
(includes touch and mouse inputs)
• Make hyperlinks and buttons visible (no
hover)
• Larger fonts ( at least 16px)
• Larger icons and links (finger sized- 40px)
• Be inspired by apps (simple, clean, minimal
information) Remove duplicate labels and
navigation. E.g. offering 5 different ways to
move to the next slide is not helpful
Challenge
Look at http://online.evet.qld.edu.au on
desktop and a mobile
• 3 points if you find three differences
between layout of the QVDC eVet
online website on mobile phones and
desktop computers?
Mobile first design
Understand the difference between responsive
website design and scalable(fluid)
Testing
• Develop a prototype first and test in 6
browsers at least:
Desktops: Chrome (webkit covers mobile
browsers too), Firefox, Internet Explorer, Safari
Mobiles/Tablets: Android and iOS
• Publish to Dropbox and create a bit.ly link
• Adobe Edge Inspect offers synchronized
browsing
• Some items need to be on a live webserver to
function properly e.g. Linked Videos, games
Challenge
• What are your personal reflections on
issues using mobile devices for
education?
(1 point for each answer typed in the
chatpod)
Personal reflections implementing mLearning
• My classroom has weak wi-fi and 3g, especially
when ten people do an activity
• Class owned tablets batteries go flat when not
in use
• Synching of large files (video) takes up
learners’ bandwidth and data usage
• Some learners still just don’t want to put the
effort in
• Difficult for some learners to share audio files
and photos from devices
Nat’s Tips
• Mini tablets are affordable and
good size (Google Nexus 7” $299)
• Learners love it – after an initial warming up
“I want one”
• Powerpoint / Presenter, PDF’s and Google
Docs are good tools for scalable layouts
• Try mobile yourself – it is easier than desktop
computing, removes barriers to eLearning
(What times are movies on? Is the flight late?
Just in time info/ learning)
Moodle Mobile App (Google Play/iTunes)
5 points if you upload a photo from your phone with
your name eg scott.jpg
URL: http://school.demo.moodle.net
Username: student
Password: moodle
Moodle Mobile is not a replacement of the MyMobile or
Bootstrap/Simple theme. Moodle Mobile offers offline
contents, camera & audio features and (in the future)
Push notifications. You can use Moodle Mobile app in
combination with a Mobile theme.
Moodle Mobile App
Moodle Mobile is the Moodle official mobile application for Android and
iOs. It's available in Google Play and Apple Market.
• Responsive design for phone and tablets
• Upload a picture into your private file area
• Record an audio file and upload it into your private file area
• Send a private message to a course participant (can be done offline)
• Take a personal note about a course participant (can be done offline)
• Add a course participant to your phone contact
• Call a course participant touching the phone number
• Locate a course participant address on Google map
• Download and view some resources
• Quick access to your course contents
• View calendar events (require Moodle 2.5.5 or Moodle 2.6.2 and onwards)
• Mobile notifications (Push) (from Moodle.org or any site starting Moodle 2.7)
• Remote layout/style customization
Moodle Mobile App
Adobe Captivate Demonstration
bit.ly/adobe224
Recommended Readings
http://www.slideshare.net/TaleoResearch/mobile-
learning-handout-checklist-and-resources
https://sites.google.com/a/adlnet.gov/mobile-learning-
guide/home/
http://www.google.com/sites/help/intl/en/overview.html
The winner is ….
(Type your scores and state in
the chat pod e.g. QLD 13)
• Winning team?
• Highest scoring of individual
• Register and enrol in our Moodle
Course for an OpenBadge recognising
your participation in Professional
Development
Hints & tips for mobile learning
Natalie Denmeade
@moodlemuse
natalie@klevar.com
Contact us:
Robyn Jay
nvels.elc.qld@gmail.com
Shane Dowd
nvels.els.qld@gmail.com

Encourage webinar participation through gamification

  • 1.
    Hints & tipsfor mobile learning Natalie Denmeade The Klevar Group May 14th 2014
  • 2.
    What is yourstate of origin? Type your answer in the chat pod
  • 3.
    Points: • Watch forthe star to indicate you can earn points Winners: • Winning Team • Highest Score (Individual)
  • 4.
    Communication/Organise Points (1 for eachapp on your phone or tablet) Time Management (Alarms, reminders) Social Networking Video Communication (Skype, Hangout) Create / collaborate Draw and brainstorm Photo or Video capture / editing / sharing Record / Share audio Consume content Read PDF, Microsoft Office files Internet Browser Websites / Research E-Books Maps Navigation
  • 5.
    Mobile computing means24 / 7 Internet access Slideshare: A day in the life of a learner with a smart phone bit.ly/moojooTOM
  • 6.
    Mobile Learning “Leveraging ubiquitousmobile technology for the adoption or augmentation of knowledge, behaviours, or skills through education, training, or performance support while the mobility of the learner may be independent of time, location, and space.” (ADL) https://sites.google.com/a/adlnet.gov/mobile-learning-guide/basics
  • 7.
    Plan learning experiencesfor Mobile AND Desktop
  • 8.
    Mobile Learning Keep watchingfor changes in browser and device usage April 2014 Windows XP support finished (along with old versions of Internet Explorer limited to CSS2/ HMTL4) http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
  • 9.
    Special Technologies Points (1 ifyou know how this is used on phone or tablets – 2 points if you have personally used it) Student Polling/Audience Response Systems Artificial Intelligence-based Voice Recognition Systems QR Codes Augmented Reality Location awareness (GPS) Wearable computing devices Touchscreen interaction Video chat Spaced Learning Push vs Pull Learning Drive-time Learning
  • 10.
    Mobile first design •Instead of the term ‘click’, use ‘select’ (includes touch and mouse inputs) • Make hyperlinks and buttons visible (no hover) • Larger fonts ( at least 16px) • Larger icons and links (finger sized- 40px) • Be inspired by apps (simple, clean, minimal information) Remove duplicate labels and navigation. E.g. offering 5 different ways to move to the next slide is not helpful
  • 11.
    Challenge Look at http://online.evet.qld.edu.auon desktop and a mobile • 3 points if you find three differences between layout of the QVDC eVet online website on mobile phones and desktop computers?
  • 12.
    Mobile first design Understandthe difference between responsive website design and scalable(fluid)
  • 13.
    Testing • Develop aprototype first and test in 6 browsers at least: Desktops: Chrome (webkit covers mobile browsers too), Firefox, Internet Explorer, Safari Mobiles/Tablets: Android and iOS • Publish to Dropbox and create a bit.ly link • Adobe Edge Inspect offers synchronized browsing • Some items need to be on a live webserver to function properly e.g. Linked Videos, games
  • 16.
    Challenge • What areyour personal reflections on issues using mobile devices for education? (1 point for each answer typed in the chatpod)
  • 17.
    Personal reflections implementingmLearning • My classroom has weak wi-fi and 3g, especially when ten people do an activity • Class owned tablets batteries go flat when not in use • Synching of large files (video) takes up learners’ bandwidth and data usage • Some learners still just don’t want to put the effort in • Difficult for some learners to share audio files and photos from devices
  • 18.
    Nat’s Tips • Minitablets are affordable and good size (Google Nexus 7” $299) • Learners love it – after an initial warming up “I want one” • Powerpoint / Presenter, PDF’s and Google Docs are good tools for scalable layouts • Try mobile yourself – it is easier than desktop computing, removes barriers to eLearning (What times are movies on? Is the flight late? Just in time info/ learning)
  • 19.
    Moodle Mobile App(Google Play/iTunes) 5 points if you upload a photo from your phone with your name eg scott.jpg URL: http://school.demo.moodle.net Username: student Password: moodle
  • 20.
    Moodle Mobile isnot a replacement of the MyMobile or Bootstrap/Simple theme. Moodle Mobile offers offline contents, camera & audio features and (in the future) Push notifications. You can use Moodle Mobile app in combination with a Mobile theme. Moodle Mobile App
  • 21.
    Moodle Mobile isthe Moodle official mobile application for Android and iOs. It's available in Google Play and Apple Market. • Responsive design for phone and tablets • Upload a picture into your private file area • Record an audio file and upload it into your private file area • Send a private message to a course participant (can be done offline) • Take a personal note about a course participant (can be done offline) • Add a course participant to your phone contact • Call a course participant touching the phone number • Locate a course participant address on Google map • Download and view some resources • Quick access to your course contents • View calendar events (require Moodle 2.5.5 or Moodle 2.6.2 and onwards) • Mobile notifications (Push) (from Moodle.org or any site starting Moodle 2.7) • Remote layout/style customization Moodle Mobile App
  • 22.
  • 23.
  • 24.
    The winner is…. (Type your scores and state in the chat pod e.g. QLD 13) • Winning team? • Highest scoring of individual • Register and enrol in our Moodle Course for an OpenBadge recognising your participation in Professional Development
  • 25.
    Hints & tipsfor mobile learning Natalie Denmeade @moodlemuse natalie@klevar.com
  • 26.