Optimising Teaching Content for Mobile Devices

Transcript

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
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