Share
Embed
Slide 1
Slide 1 text
An Introduction to
Mark Kirby
Async 14th Oct 2010
Slide 2
Slide 2 text
What is PhoneGap?
Slide 3
Slide 3 text
Package apps written in HTML, JS and CSS for
app stores
Slide 4
Slide 4 text
Access device APIs using standard calls
Slide 5
Slide 5 text
Benefits of PhoneGap
Slide 6
Slide 6 text
Less new stuff to learn
Slide 7
Slide 7 text
Simpler apps
Slide 8
Slide 8 text
Roll out on multiple devices (including desktop)
with *some* shared code
Slide 9
Slide 9 text
Kanji Cards
Slide 10
Slide 10 text
Twitter stream - http://twitter.com/#!/learnkanji
Slide 11
Slide 11 text
Cache locally using HTML5 local data storage
Slide 12
Slide 12 text
iOs-like interface using http://www.jqtouch.com/
Slide 13
Slide 13 text
One week to app store
Slide 14
Slide 14 text
Devices
• iOs
• Android
• Blackberry
• Symbian via WRT/Ericsson/Qt
• Windows Mobile (WP7 to follow?)
• Palm
Slide 15
Slide 15 text
What do the APIs allow?
Slide 16
Slide 16 text
http://docs.phonegap.com/
http://github.com/purplecabbage/Jestitute
Slide 17
Slide 17 text
The accelerometer
Slide 18
Slide 18 text
Camera
Slide 19
Slide 19 text
Device
• name
• uuid
• platform
• version
Slide 20
Slide 20 text
Geolocation
Slide 21
Slide 21 text
Network
Slide 22
Slide 22 text
Notification
Slide 23
Slide 23 text
Contacts
Slide 24
Slide 24 text
...unofficial or undocumented API’s
Slide 25
Slide 25 text
Inconsistent API availability across devices
http://wiki.phonegap.com/Roadmap
Slide 26
Slide 26 text
Install
Slide 27
Slide 27 text
http://www.phonegap.com/start
Slide 28
Slide 28 text
Differs for each platform
Slide 29
Slide 29 text
Coming soon: http://build.phonegap.com/
Slide 30
Slide 30 text
Get your app looking
native - demos
Slide 31
Slide 31 text
Tips
Slide 32
Slide 32 text
Minimise use of js code
Slide 33
Slide 33 text
Don’t do too much onDeviceReady
Slide 34
Slide 34 text
Optimise, optimise, optimise - http://jsperf.com
Slide 35
Slide 35 text
Each app should look ‘native’, using expected
behaviours and interface elements
Slide 36
Slide 36 text
Alternate CSS according to device
Slide 37
Slide 37 text
Test on actual devices
Slide 38
Slide 38 text
When to use PhoneGap
Slide 39
Slide 39 text
When you have little use for device API’s, or are
working on a single platform
Slide 40
Slide 40 text
Simple apps
Slide 41
Slide 41 text
To get an idea quickly to market
Slide 42
Slide 42 text
To save time and money where performance is not
key
Slide 43
Slide 43 text
Related products
Slide 44
Slide 44 text
iScroll http://cubiq.org/iscroll and Glovebox - http://
risingj.com/GloveBoxDemo/
Slide 45
Slide 45 text
Lawnchair - http://blog.westcoastlogic.com/
lawnchair/
Slide 46
Slide 46 text
XUI - http://xuijs.com
Slide 47
Slide 47 text
http://www.phonegap.com/tools/
Slide 48
Slide 48 text
Alternatives
• Titanium Appcelerator Mobile - http://
www.appcelerator.com/products/titanium-
mobile-application-development/
• Rhomobile Rhodes - http://rhomobile.com/
Slide 49
Slide 49 text
Google “mark kirby”
or go to http://mark-kirby.co.uk/
for your notes