G54UBI Coursework 2 Resources: Mobile App Development

Chris Greenhalgh, last updated 2011-03-23

Slides

General

Implementation options, i.e. platform and sensor(s): coursework2_implementation_options.pptx / coursework2_implementation_options.pdf
Designing a mobile app: designing_a_mobile_app.pptx / designing_a_mobile_app.pdf
General strategy for implementing a mobile app: implementing_a_mobile_app.pptx / implementing_a_mobile_app.pdf

Notes and Frequently Asked Questions

Devices

The Android Platform

Running an android emulator: coursework2_1_running_an_emulator.pptx / coursework2_1_running_an_emulator.pdf
Using Android and the emulator: coursework2_2_using_android.pptx / coursework2_2_using_android.pdf

Implementation Technologies

Google AppInventor

AppInventor implementation quickstart: appinventor_implementation_quickstart.pptx / appinventor_implementation_quickstart.pdf

Note: includes some general information on simulating GPS on the Android emulator
Note: includes some general information on defining regions

Browser apps

Serving static web pages: coursework2_3_staticweb.pptx / coursework2_3_staticweb.pdf

HTML/JS - for Browser and PhoneGap apps

HTML/JS implementation quickstart: htmljs_implementation_quickstart.pptx / htmljs_implementation_quickstart.pdf
HTML intro: coursework2_5_htmlintro.pptx / coursework2_5_htmlintro.pdf
CSS intro: coursework2_6_cssintro.pptx / coursework2_6_cssintro.pdf
Javascript intro: coursework2_7_javascriptintro.pptx / coursework2_7_javascriptintro.pdf
JQuery and the Document Object Model: coursework2_8_domjquery.pptx / coursework2_8_domjquery.pdf

Phone Gap

Getting started with PhoneGap and Eclipse for Android: coursework2_4_phonegap.pptx / coursework2_4_phonegap.pdf

Note: the original PhoneGap example project index.html has an error - the script element including phonegap has src=”phonegap.js” whereas the file is actually “phonegap.0.9.4.js”

Some more information and a sample project (PhoneGapIntents.zip) for using Maps_and_Barcodes_on_PhoneGap via separate applications (as in AppInventor).
See FAQ (Debugging PhoneGap Applications)

GPS and Maps

GPS_and_Maps.html

Sensors

Remote sensors

Introduction to using remote sensor service(s): deferred due to lack of specific interest

2D barcodes

See FAQ (2D_barcodes)
See ZXing (links, below)
See also Maps_and_Barcodes_on_PhoneGap

Links

Google AppInventor - http://appinventor.googlelabs.com/learn/setup/setupwindows.html
Google Chrome - http://www.google.com/chrome/intl/en-GB/landing_tv.html
PhoneGap - http://www.phonegap.com/start/#android
Eclipse classic - http://www.eclipse.org/downloads/
Android SDK - http://developer.android.com/sdk/index.html
ADT Plugin - http://developer.android.com/sdk/eclipse-adt.html#installing
Using intents from PhoneGap - http://borismus.com/android-phonegap-plugins/
Mocking location in Android - http://developer.android.com/guide/topics/location/obtaining-user-location.html#MockData (telnet localhost 5554)
Fake NMEA generator - http://www.cs.nott.ac.uk/~cmg/nmeagenerator/index.html
ZXing Barcode Scanner for Android - http://zxing.googlecode.com/files/BarcodeScanner3.53.apk
Viewport HTML meta tag - http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

<meta name="viewport" content="width=device-width"/>

Note: Although the hardware is often not, for Android/iPhone it typically works as if the width is 320 (CSS) pixels.

Steven Bagley's Mobile Device Programming module resources: http://www.eprg.org/G54MDP/