Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Optimising Teaching Content for Mobile Devices

Optimising Teaching Content for Mobile Devices


Anne-Gaelle Colom

April 15, 2013


  1. + Optimising Teaching Content for Mobile Devices Anne-Gaelle Colom, ECS

  2. + Introduction n  371k babies born per day n  378k

    iPhones sold per day n  562k iOS devices n  1.3M Android devices activated per day n  200k Nokia smartphones n  143k Blackberry devices Babies Mobile Devices
  3. + Share of Personal Computing

  4. + Mobile Fragmentation

  5. + Mobile OS in the UK

  6. + A subset of the student devices

  7. + We must remember The Web is NOT Print

  8. + We must remember Mobile IS NOT a Desktop Computer

  9. + Desktop Computer

  10. + Mobile Computer

  11. + Natural User Interfaces (NUIs) n  “NUI exploits skills that

    we have acquired through a lifetime of living in the World” –Bill Buxton n  Content is the UI (the action) n  Reduce the distance as much as possible between user & content n  Enable direct manipulation of objects & content n  Reduce Visuals that are Not Content
  12. + When are we mobile?

  13. + Where are we mobile? n  84% at home n 

    80% during misc. times n  74% waiting in lines n  64% at work (let’s consider at Uni for our students)
  14. + We are Mobile At anytime Everywhere Anywhere

  15. + Three options Native App

  16. + Native App? n  Many Devices = many apps n 

    Specialist knowledge required n  One app per device n  Very time consuming n  Real challenge to find someone capable of developing such apps & who has the time n  Maybe some apps on the app store
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. + Web App n  Many Devices = one app n 

    Some Specialist knowledge may be required n  One app for all the devices n  Can work on desktop too n  More efficient
  24. + Web App Example – Lecture notes

  25. + On a tablet

  26. + On a tablet

  27. + On a tablet

  28. + On a tablet

  29. + No App n  Links to e-teaching material (from Blackboard,

    Google drive, University Server or own server) n  Beware of limitations
  30. + Teaching Material n  Text n  Presentation n  Audio podcast

    n  Video podcast n  Animation & Games
  31. + Text-based n  PDF n  Students can use apps to

    annotate in class/at home n  Think of leaving space/gaps for student notes n  Can easily be saved/stored on mobile devices for future use/ reading offline n  File naming convention n  HTML n  Can be more pleasant to read n  Can add links to paragraphs or external documents n  Can easily be saved/stored on mobile devices for future use/ reading offline
  32. + Presentations n  Powerpoint n  PDF n  Can be annotated

    during the lecture or after the lecture n  Good idea to leave space for student annotation (e.g. space on slides or produce PDF of the notes n  HTML5 n  Good for integrating animations & interactive content n  Good for practice-based content n  Good for Content will adapt to the device size n  Natural gesturing n  Can specify print format with media queries
  33. + HTML5 Slides

  34. + HTML5 Slides

  35. + HTML5 Slides

  36. + Audio/Video Podcast n  Download (for offline use) n  Progressive

    Download (online) n  Streaming (online)
  37. + Audio Podcast n  Popular file formats: n  Mp3 generic

    n  AAC for Apple n  WAV for Windows n  Good interaction with music store such as iTunes n  Can be embedded in a Web app for streaming, progressive download or download
  38. + Video Podcast n  HTML5 video: the browser will step

    through all source tags provided until it finds a format it likes, then display that one. n  Formats: n  *.ogv file is for Firefox, n  *.mp4 file is for Chrome and Safari, and some mobile browsers, n  *.webm is an open source video format for some mobile browsers, n  *.m4v file is for the iPhone, iPod Touch, or iPad. n  Upload link for file download
  39. + Video Podcast n  Can be part of a Web

    App (embedded using HTML5) n  Advantage is all in one place. n  Can be downloaded with Offline reading apps n  Can be a link to YouTube n  Can be a link to your Google drive n  Had problems with restrictions (too many views in 24h so was blocked)
  40. + Animation & Games n  HTML5 with JavaScript n  WebGL

    (3D Animation) n  Native Apps, including 3D animation
  41. + Animation

  42. + Animation

  43. + Animation

  44. + Game

  45. + Game

  46. + Web-based n  Can be viewed on any device with

    a browser n  Can be saved on the device for off-line reading/viewing n  User action: n  Using an app on the device n  Using the browser reading list app (Safari iOS6) n  Lecturer action: n  Using the application cache via a cache manifest file n  Rendering can be optimised on the fly to the user’s device (Responsive Web Design or Adaptive Web Design) n  Supports audio/video/animations/user interaction
  47. + Native n  Leverage full capabilities of the device n 

    Real-time 3D graphics n  Storage of data n  Augmented Reality
  48. + Portable Data Format n  Good for static pages, where

    the document is edited using office type tools (Powerpoint, Word) (save as option) n  Easily combine various documents into one PDF using Adobe Acrobat Pro
  49. + Mobile Device Capabilities = Opportunities n  Device positioning &

    motion: from an accelerometer n  Gyroscope: 360 degrees of motion n  Location detection n  Multi-touch sensors n  Orientation: direction from a digital compass n  Video & image: capture/input from a camera n  Dual cameras: front and back n  Audio: input from a microphone; output to speaker n  Device connections: through Bluetooth between devices n  Proximity: device closeness to physical objects n  Ambient Light: light/dark environment awareness n  NFC: Near Field Communications through RFID readers
  50. + Opportunities – Augmented Reality

  51. + Lessons learnt n  Students love it: n  79% of

    students said it improved their performance n  79% of students said it allowed them to spend more time studying n  100% of students said it improved their overall regard of the institution n  Recommendations: n  File naming convention n  Leave space for PDF n  Provide PDF + other
  52. + Conclusions n  Mobile devices provide new opportunities for teaching

    material n  If we’re going to take the leveraging of all the benefits that mobile brings us, then as an institution, we must invest in content creation and guidelines for developing content for mobile devices.
  53. + Thanks for Listening J n  Anne-Gaelle Colom n  Email:

    coloma@westminster.ac.uk n  @agcolom