• Like
Phone gap solving mobile fragmentation problem
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Phone gap solving mobile fragmentation problem



Published in Education , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. PhoneGap – Solving Mobile Fragmentation Problems By Rohit Ghatol and Yogesh Patel Author of “Beginning PhoneGap”
  • 2. 30 Minutes Presentation! Rest all Discussion! Then Quiz!!
  • 3. Topics
  • 4. Mobile Fragmentation
  • 5. What is PhoneGap?
  • 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. Geo LocationContactsCapture Image And many more…
  • 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. Its available on 6 Mobile Platforms
  • 10. Why PhoneGap?
  • 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. How to use PhoneGap?
  • 13. Heaven for Mashups
  • 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. Understand the Problem
  • 16. http://api.facebook.com http://api.maps.com Single Origin Policy restricts this http://abc.com http://api.twitter.com
  • 17. Traditional Solutions
  • 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. 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. What’s different about PhoneGap?PhoneGap Apps don’t have any domain names.
  • 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. Developing PhoneGap UI
  • 23. jQueryMobileBest for Simpler only Smart Phone UI
  • 24. Sencha TouchBest for Complex SmartPhone/Tablet UI
  • 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. PhoneGap’s Plugin Platform
  • 27. Some Exciting PhoneGap Plugin• Facebook Connect Plugin• Android C2DM Plugin• Apple Push Plugin
  • 28. Ripple - PhoneGap Emulator
  • 29. DEMO THIS
  • 30. PhoneGap – Remote Debug
  • 31. DEMO THIS
  • 32. PhoneGap Build
  • 33. Build on the Cloud
  • 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?