Mobile Web and Campus Assistant
-
Upload
shellac -
Category
Technology
-
view
963 -
download
1
description
Transcript of Mobile Web and Campus Assistant
![Page 1: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/1.jpg)
Mobile Web and Campus Assistant
Damian Steer, ILRT, University of [email protected]
Alex Dutton, University of Oxford
Wednesday, 7 July 2010
![Page 2: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/2.jpg)
Overview
• A little history
• What mobile phones could do
• What mobile phones can do
• Why bother with the mobile web?
• How to get them to do what you want
• Case study: Mobile Campus Assistant
• Case study: Molly
Wednesday, 7 July 2010
![Page 3: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/3.jpg)
Prehistory
Wednesday, 7 July 2010
![Page 4: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/4.jpg)
Ten Years Ago
GPRS
WAP
WML
Wednesday, 7 July 2010
![Page 5: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/5.jpg)
Things improve
Wednesday, 7 July 2010
![Page 6: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/6.jpg)
Opera Mini:an appreciation
Wednesday, 7 July 2010
![Page 7: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/7.jpg)
Apple iPhoneWednesday, 7 July 2010
![Page 8: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/8.jpg)
iPhone effect
Sept 2008 May 2009 May 2010
Total Visitors Apple Share
Based on sites monitored by the UoB web analytics system
Wednesday, 7 July 2010
![Page 9: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/9.jpg)
Mobile Safari and WebKit
Wednesday, 7 July 2010
![Page 10: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/10.jpg)
How does my institution join the mobile world?
Wednesday, 7 July 2010
![Page 11: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/11.jpg)
Why bother with web applications?
Phone SMS Contacts
GPS Compass Bluetooth
Storage Offline use Video
Audio Graphics Animation
3D Motion detection Gestures
Camera Music Calendar
Wednesday, 7 July 2010
![Page 12: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/12.jpg)
Why bother with web applications?
Wednesday, 7 July 2010
![Page 13: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/13.jpg)
Why bother with web applications?
Phone SMS Contacts
GPS Compass Bluetooth
Storage Offline use Video
Audio Graphics Animation
3D Motion detection Gestures
Camera Music Calendar
Wednesday, 7 July 2010
![Page 14: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/14.jpg)
Getting onto the web: CSS
• @media
• handheld
• only screen and (max-device-width: 480px)
Wednesday, 7 July 2010
![Page 15: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/15.jpg)
Getting on the web: specialised site
Wednesday, 7 July 2010
![Page 16: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/16.jpg)
LocationWednesday, 7 July 2010
![Page 17: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/17.jpg)
Offline
Offline Web Applications
Client-side storage
Cache Manifest
localStorage
Web SQL Database
Index Database
Wednesday, 7 July 2010
![Page 18: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/18.jpg)
Orientation and Gestures
• orientationchange
• More general orientation on the way
• High level: gesturestart, change, end. Gives scale and rotation.
• Low level: if you really want it
Wednesday, 7 July 2010
![Page 19: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/19.jpg)
Mobile Campus Assistant
http://mobilecampus.ilrt.bris.ac.uk/
Wednesday, 7 July 2010
![Page 20: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/20.jpg)
• Where is the nearest wireless hotspot?
• Where is there a free PC to use?
• When is the next bus to the hall of residence?
• Which library is open now?
Wednesday, 7 July 2010
![Page 21: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/21.jpg)
News
Wednesday, 7 July 2010
![Page 22: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/22.jpg)
Local Information
Wednesday, 7 July 2010
![Page 23: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/23.jpg)
Public Transport
Wednesday, 7 July 2010
![Page 24: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/24.jpg)
Ongoing...
• Open source
• Just provide the information
• Work continues
• Part of Greening Events
• MyMobile Bristol, with City Council.
• [email protected] @MrJ1971
Wednesday, 7 July 2010
![Page 25: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/25.jpg)
EpilogueThe future is arriving rather quickly
Wednesday, 7 July 2010
![Page 26: Mobile Web and Campus Assistant](https://reader030.fdocuments.in/reader030/viewer/2022020217/549b337ab479592e098b4709/html5/thumbnails/26.jpg)
Credits
1. http://en.wikipedia.org/wiki/File:DynaTAC8000X.jpg
2. http://commons.wikimedia.org/wiki/File:Wikipedia-FIT-SE_P800-Nutella.jpg
3. http://commons.wikimedia.org/wiki/File:BlackBerry_7230.jpg
4. http://commons.wikimedia.org/wiki/File:VPAcompact.jpg
5. http://commons.wikimedia.org/wiki/File:IPhone_at_Macworld_(angled_view).jpg
6. http://commons.wikimedia.org/wiki/File:IPhone_at_Macworld_(rear_view).jpg
7. http://www.flickr.com/photos/londonmatt/4607192152/
8. http://commons.wikimedia.org/wiki/File:Gesture_raised_fist_with_index_and_pinky_lifted.jpg
9. http://commons.wikimedia.org/wiki/File:Br%C3%BAjula_azimutal_espa%C3%B1ola_s.XVIII_(M.A.N._Madrid)_01.jpg
10.http://commons.wikimedia.org/wiki/File:MontreGouset002.jpg
Wednesday, 7 July 2010