Building Your First App with PhoneGap

Gaurav Singh@sgaurav_baghel

Nitrodroid 2013, Goa

Agenda➔What is PhoneGap➔Why PhoneGap➔PhoneGap Architecture➔Building an App➔Limitations➔Discussion

@sgaurav_baghel

What is PhoneGap

A free and Open Source frameworkthat allows you to create mobileapps using standardized web APIs.

@sgaurav_baghel

Why PhoneGap

➔Allows you to use HTML, CSS, js to create apps.

➔Create cross platform apps.

➔Reduce development time and cost of development.

➔Take advantage of HTML5 and CSS3 for better UI.

@sgaurav_baghel

PhoneGap Architecture

@sgaurav_baghel

Your Code

PhoneGap Architecture

@sgaurav_baghel

Your CodeNative Web View

PhoneGap Architecture

@sgaurav_baghel

Your CodeNative Web View

Native API’s

PhoneGap Architecture

@sgaurav_baghel

Your CodeNative Web View

Native API’sYour Native App

Let the coding begin

@sgaurav_baghel

Things you need to collect

➔Eclipse with ADT

➔Basic HTML, js and CSS

➔Better if you have an Android Mobile(sadly, I don’t).

➔Patience to bear me for next 1 hour.

code...

@sgaurav_baghel

Code Courtsey: http://www.raymondcamden.com/index.cfm/2013/3/4/PhoneGap-Sample--Diary-Database-and-Camera-support

Please improve

@sgaurav_baghel

➔ Implement fast buttons.

➔Please please please..improve UI

➔You can do much better with code than me.

Limitations

@sgaurav_baghel

➔Documentation is not yet mature.

➔Not suitable for graphic intensive applications.

➔Need to create platform specific UI’s.

➔Some features might not be supported by all devices.

Thank You