PhoneGap is an open source framework that allows developers to build cross-platform mobile apps using standard web technologies like HTML, CSS, and JavaScript. It works by wrapping web content in a native container, allowing apps to access native device features like the camera, geolocation, contacts, and more. Developers create web content and compile it into native apps for iOS, Android, Blackberry and other platforms. This allows developers to leverage their web skills to build mobile apps that work across platforms.

1. Introduction to
PhoneGap
The Open Source Cross Platform
Mobile Web App Development Framework
Ph.P
SOCIETY
Philosophy in Programming Society

2. Background
• Evolution of Mobile Web.
• Formats: WAP, cHTML, mHTML.
• Limited by Phone’s web browser.
• Manufacturer dependent proprietary web
browser.
• WAP: “Where Are the Phones?”
• Limited resources, capabilities & bandwidth.
• Inconsistent form factors (screen size, color
depth, bitmap support, plugin?).
Ph.P
SOCIETY
Philosophy in Programming Society

3. WAP/cHTML Phones
Ph.P
SOCIETY
Philosophy in Programming Society

4. Mobile Web Today
• Powerful Smart Phones.
• Powerful full-featured mobile Operating Systems.
• Old Birds: Windows Mobile, Symbian OS,
Blackberry
• Linux Based: iPhone OS, Android, WebOS,
Maemo
• Powerful cross-platform web browsers.
• More bandwidth (3G, WiFi, WiMax).
• More consistent form-factors.
Ph.P
SOCIETY
Philosophy in Programming Society

5. Smart Phones
Ph.P
SOCIETY
Philosophy in Programming Society

6. Developing for Mobile Web
• Inconsistency:
• Layout, screen resolution, form factors,
capabilities, bandwidth, plug-in
• Proprietary APIs
• Caveat: Cross platform web browsers (Webkit,
Mozilla, Opera)
• Limited in Scope
• Web browser “Silo”
• Self-contained & away from the rest of the OS
• Secure but quite useless Ph.P
SOCIETY
Philosophy in Programming Society

7. Native Phone App?
• Learning Curve:
• New SDK, New Language, New Paradigmn
• OS Dependent quirks, limitations, conventions
• Weapon of Choice (which platform?):
• Significant investment in time & money
• Egg in one basket?
Ph.P
SOCIETY
Philosophy in Programming Society

8. What is PhoneGap?
• Leverages on what we web developers knows best
- HTML & Javascript.
• Gives us access to the phone’s native APIs &
features - Geo-location, Vibration, Accelerometer,
Sound, Contacts, Camera, etc...
• “Wraps the web view with a container. This container
gives the view access to APIs available on the device
that may not be available on the Web view alone”.
http://www.phonegap.com Ph.P
SOCIETY
Philosophy in Programming Society

9. Developing in PhoneGap
1. Create Web Views
• HTML, Javascript, Graphics, etc.
2. Store it in a folder.
3. Compile the Web view into a native app binary file.
• iPhone, Android, Blackberry
• Coming Soon: Nokia (WRT), Windows Mobile,
WebOS
4. Install into device.
Ph.P
SOCIETY
Philosophy in Programming Society

10. Video
Ph.P
SOCIETY
Philosophy in Programming Society

12. Some Sample Codes
Ph.P
SOCIETY
Philosophy in Programming Society

13. Get a Contact
Ph.P
SOCIETY
Philosophy in Programming Society

14. Geo-Location
Ph.P
SOCIETY
Philosophy in Programming Society

15. Supported Features
- SQLite Support
- Support for JS Frameworks
- iUI, xUI, Magic Framework, Dashcode,
JQTouch, etc..
Ph.P
SOCIETY
Philosophy in Programming Society

16. Sample Apps
Ph.P
SOCIETY
Philosophy in Programming Society

17. Sample Apps
Ph.P
SOCIETY
Philosophy in Programming Society

18. Sample Apps
Ph.P
SOCIETY
Philosophy in Programming Society

19. Conclusion
• Things will only get better.
• Active community (Google Groups)
• http://groups.google.com/group/phonegap
• Good wiki documentation
• http://phonegap.pbworks.com/
• Device agnostic
• Completely open source (FREE!)
Ph.P
SOCIETY
Philosophy in Programming Society

20. Upcoming
• More platforms: Nokia (SymbianOS), Palm
WebOS, Windows Mobile, Nintendo DS?
• Support for OpenGL
• Support for Gecko / Mozilla
• Many more...
Ph.P
SOCIETY
Philosophy in Programming Society