1 / 41

PhoneGap – Solving Mobile Fragmentation Problems

PhoneGap – Solving Mobile Fragmentation Problems. By Rohit Ghatol and Yogesh Patel Author of “ Beginning PhoneGap ”. 30 Minutes Presentation!. Rest all Discussion! Then Quiz! !. Anything you wanna talk about!!. For Today No Structured Presentation!!. Topics. Fragmentation. Cost.

idalee
Download Presentation

PhoneGap – Solving Mobile Fragmentation Problems

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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. Anything you wanna talk about!! For Today No Structured Presentation!! Topics Fragmentation Cost Tools Mashups QA CIT Dev QA team Time to Market Best Practices UI Development Max Reuse

  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 Location Contacts Capture Image And many more…

  8. But the catch isYou still need to use - Android, - iPhone,- BlackBerry and etcDevelopment 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 • Login • Ajax Calls • Maps API • GPS Coordinates • Local Storage • Compass • 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. Single Origin Policy restricts this {jsonreqresp} http://abc.com http://api.maps.com http://api.twitter.com http://api.facebook.com

  17. Traditional Solutions

  18. Single Origin Policy {jsonpreqresp} http://abc.com http://api.maps.com http://api.twitter.com http://api.facebook.com JSONP makes cross domain request possible

  19. PROXY MODEL Server is required http://abc.com http://api.maps.com http://api.twitter.com http://api.facebook.com http://abc.com Server Side Code

  20. What’s different about PhoneGap? PhoneGap Apps don’t have any domain names.

  21. Single Origin Policy Does not apply {jsonreqresp} http://api.maps.com http://api.twitter.com http://api.facebook.com PhoneGap Application HTML files have no domain name

  22. Developing PhoneGap UI

  23. jQueryMobile Best for Simpler only Smart Phone UI

  24. Sencha Touch Best 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/ mplexSmartPhone/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?

More Related