0
PhoneGap – Solving Mobile Fragmentation Problems  By Rohit Ghatol and Yogesh Patel  Author of “Beginning PhoneGap”
30 Minutes Presentation!   Rest all Discussion!       Then Quiz!!
Topics
Mobile Fragmentation
What is PhoneGap?
•   What it is?    Its an extensible JavaScript API    Library?•   What it is not?    Not an UI Framework    Not a Packagi...
Geo LocationContactsCapture Image                And many more…
•   But the catch is    You still need to use    - Android,    - iPhone,    - BlackBerry and etc    Development Environmen...
Its available on 6 Mobile Platforms
Why PhoneGap?
Mobile Features                                                Generic Features                      Coffee               ...
How to use PhoneGap?
Heaven for Mashups
Understand JS Mashups• Understand Single Origin Policy• How this problem does not affect PhoneGap  Apps?• Think about poss...
Understand the Problem
http://api.facebook.com                          http://api.maps.com                          Single Origin Policy        ...
Traditional Solutions
http://api.facebook.com                           http://api.maps.com                           Single Origin Policy    ht...
http://abc.com                                  http://abc.com                          PROXY MODEL                       ...
What’s different about    PhoneGap?PhoneGap Apps don’t have any      domain names.
http://api.facebook.com                          http://api.maps.com                          Single Origin Policy        ...
Developing PhoneGap UI
jQueryMobileBest for Simpler only Smart Phone UI
Sencha TouchBest for Complex SmartPhone/Tablet UI
GWT•   Best for CoBest Framework to build your own solutions on.    Good for in house product development platform•   GWT ...
PhoneGap’s Plugin Platform
Some Exciting PhoneGap Plugin• Facebook Connect Plugin• Android C2DM Plugin• Apple Push Plugin
Ripple - PhoneGap Emulator
DEMO THIS
PhoneGap – Remote Debug
DEMO THIS
PhoneGap Build
Build on the Cloud
Quiz• What Mobile Platforms does PhoneGap  Supports?• How many callbacks does a typical PhoneGap  API required? What are t...
Phone gap solving mobile fragmentation problem
Phone gap solving mobile fragmentation problem
Phone gap solving mobile fragmentation problem
Phone gap solving mobile fragmentation problem
Phone gap solving mobile fragmentation problem
Phone gap solving mobile fragmentation problem
Phone gap solving mobile fragmentation problem
Upcoming SlideShare
Loading in...5
×

Phone gap solving mobile fragmentation problem

2,559

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
2,559
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Phone gap solving mobile fragmentation problem"

  1. 1. PhoneGap – Solving Mobile Fragmentation Problems By Rohit Ghatol and Yogesh Patel Author of “Beginning PhoneGap”
  2. 2. 30 Minutes Presentation! Rest all Discussion! Then Quiz!!
  3. 3. Topics
  4. 4. Mobile Fragmentation
  5. 5. What is PhoneGap?
  6. 6. • What it is? Its an extensible JavaScript API Library?• What it is not? Not an UI Framework Not a Packaging Framework Not an IDE
  7. 7. Geo LocationContactsCapture Image And many more…
  8. 8. • But the catch is You still need to use - Android, - iPhone, - BlackBerry and etc Development Environment to build and package the final mobile application
  9. 9. Its available on 6 Mobile Platforms
  10. 10. Why PhoneGap?
  11. 11. Mobile Features Generic Features Coffee Coffee • HTML UI• GPS Coordinates • Login• Local Storage • Ajax Calls• Compass • Maps API• Camera PhoneGap.js PhoneGap.js PhoneGap.js PhoneGap.js . . . . . iPhone Android BlackBerry Windows . . .
  12. 12. How to use PhoneGap?
  13. 13. Heaven for Mashups
  14. 14. Understand JS Mashups• Understand Single Origin Policy• How this problem does not affect PhoneGap Apps?• Think about possibilities without the need of a server
  15. 15. Understand the Problem
  16. 16. http://api.facebook.com http://api.maps.com Single Origin Policy restricts this http://abc.com http://api.twitter.com
  17. 17. Traditional Solutions
  18. 18. http://api.facebook.com http://api.maps.com Single Origin Policy http://abc.com http://api.twitter.com JSONP makes cross domain request possible
  19. 19. http://abc.com http://abc.com PROXY MODEL Server Side Code Server is requiredhttp://api.facebook.com http://api.twitter.com http://api.maps.com
  20. 20. What’s different about PhoneGap?PhoneGap Apps don’t have any domain names.
  21. 21. http://api.facebook.com http://api.maps.com Single Origin Policy Does not apply http://api.twitter.comPhoneGap Application HTML files have no domain name
  22. 22. Developing PhoneGap UI
  23. 23. jQueryMobileBest for Simpler only Smart Phone UI
  24. 24. Sencha TouchBest for Complex SmartPhone/Tablet UI
  25. 25. GWT• Best for CoBest Framework to build your own solutions on. Good for in house product development platform• GWT Library is available at http://code.google.com/p/gwt- phonegap/• mplex SmartPhone/Tablet UI
  26. 26. PhoneGap’s Plugin Platform
  27. 27. Some Exciting PhoneGap Plugin• Facebook Connect Plugin• Android C2DM Plugin• Apple Push Plugin
  28. 28. Ripple - PhoneGap Emulator
  29. 29. DEMO THIS
  30. 30. PhoneGap – Remote Debug
  31. 31. DEMO THIS
  32. 32. PhoneGap Build
  33. 33. Build on the Cloud
  34. 34. Quiz• What Mobile Platforms does PhoneGap Supports?• How many callbacks does a typical PhoneGap API required? What are these?• How do we debug a PhoneGap App deployed to mobile phone?• What is the first event fired by PhoneGap?• Can PhoneGap Apps do background processing?
  1. A particular slide catching your eye?

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

×