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
