Phone gap solving mobile fragmentation problem

3,217 views
2,998 views

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
3,217
On SlideShare
0
From Embeds
0
Number of Embeds
379
Actions
Shares
0
Downloads
41
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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?

×