PhoneGap - write native smartphone apps with HTML5 and JavaScript

An introduction to PhoneGap, and some of the API's. The slides are quite sparse in terms of design, this was more about getting the bare facts up there, and was an intimate presentation with a focus on live demos.

Transcript

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