0
Building Your First App
with PhoneGap
Nitrodroid 2013, Goa

Gaurav Singh
@sgaurav_baghel
Agenda
➔What is PhoneGap
➔Why PhoneGap
➔PhoneGap Architecture
➔Building an App
➔Limitations
➔Discussion

@sgaurav_baghel
What is PhoneGap
A free and Open Source framework
that allows you to create mobile
apps using standardized web APIs.

@sga...
Why PhoneGap
➔Allows you to use HTML, CSS, js to create apps.
➔Create cross platform apps.
➔Reduce development time and co...
PhoneGap Architecture

Your Code

@sgaurav_baghel
PhoneGap Architecture

Your Code
Native Web View

@sgaurav_baghel
PhoneGap Architecture

Your Code
Native Web View
Native API’s

@sgaurav_baghel
PhoneGap Architecture

Your Code
Native Web View
Native API’s
Your Native App

@sgaurav_baghel
Let the coding begin
Things you need to collect
➔Eclipse with ADT
➔Basic HTML, js and CSS
➔Better if you have an Android M...
code...

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

@sgaurav_ba...
Please improve
➔Implement fast buttons.
➔Please please please..improve UI
➔You can do much better with code than me.

@sga...
Limitations
➔Documentation is not yet mature.
➔Not suitable for graphic intensive applications.
➔Need to create platform s...
Thank You
Upcoming SlideShare
Loading in...5
×

Nitrodroid 2013 | Building your first Android App on PhoneGap

361

Published on

Nitrodroid is one of India's biggest Android Developer Conference. Slides here discuss in brief about phonegap, phonegap architecture and limitations. Session consisted of live coding session and link to code you will find in the slide.

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
361
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Nitrodroid 2013 | Building your first Android App on PhoneGap"

  1. 1. Building Your First App with PhoneGap Nitrodroid 2013, Goa Gaurav Singh @sgaurav_baghel
  2. 2. Agenda ➔What is PhoneGap ➔Why PhoneGap ➔PhoneGap Architecture ➔Building an App ➔Limitations ➔Discussion @sgaurav_baghel
  3. 3. What is PhoneGap A free and Open Source framework that allows you to create mobile apps using standardized web APIs. @sgaurav_baghel
  4. 4. 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
  5. 5. PhoneGap Architecture Your Code @sgaurav_baghel
  6. 6. PhoneGap Architecture Your Code Native Web View @sgaurav_baghel
  7. 7. PhoneGap Architecture Your Code Native Web View Native API’s @sgaurav_baghel
  8. 8. PhoneGap Architecture Your Code Native Web View Native API’s Your Native App @sgaurav_baghel
  9. 9. Let the coding begin 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. @sgaurav_baghel
  10. 10. code... Code Courtsey: http://www.raymondcamden.com/index.cfm/2013/3/4/PhoneGap-Sample--Diary-Database-and-C @sgaurav_baghel
  11. 11. Please improve ➔Implement fast buttons. ➔Please please please..improve UI ➔You can do much better with code than me. @sgaurav_baghel
  12. 12. Limitations ➔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. @sgaurav_baghel
  13. 13. Thank You
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×