phone gap solving mobile fragmentation problem
DESCRIPTION
TRANSCRIPT
![Page 1: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/1.jpg)
PhoneGap – Solving Mobile Fragmentation Problems
By Rohit Ghatol and Yogesh Patel Author of “Beginning PhoneGap”
![Page 2: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/2.jpg)
30 Minutes Presentation!
Rest all Discussion!
Then Quiz!!
![Page 3: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/3.jpg)
Topics
FragmentationCost
For Today No
Structured
Presentation!!
Time to
Market
Dev QA team
Best
Practices
CIT
Anything you wanna talk about!!
UI Development
Max
Reuse
Tools
QAMashups
![Page 4: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/4.jpg)
Mobile Fragmentation
![Page 5: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/5.jpg)
What is PhoneGap?
![Page 6: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/6.jpg)
• What it is?Its an extensible JavaScript API Library?
• What it is not?Not an UI Framework Not a Packaging Framework Not an IDE
![Page 7: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/7.jpg)
![Page 8: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/8.jpg)
Geo Location
Contacts
Capture Image
And many more…
![Page 9: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/9.jpg)
![Page 10: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/10.jpg)
• But the catch isYou still need to use
- Android, - iPhone,- BlackBerry and etc
Development Environment to build and package the final mobile application
![Page 11: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/11.jpg)
Its available on 6 Mobile Platforms
![Page 12: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/12.jpg)
Why PhoneGap?
![Page 13: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/13.jpg)
iPhone Android BlackBerry Windows
PhoneGap.js PhoneGap.js PhoneGap.js PhoneGap.js ........
Coffee
Generic FeaturesMobile Features
• HTML UI• Login• Ajax Calls• Maps API
• GPS Coordinates• Local Storage• Compass• Camera
Coffee
![Page 14: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/14.jpg)
![Page 15: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/15.jpg)
How to use PhoneGap?
![Page 16: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/16.jpg)
![Page 17: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/17.jpg)
![Page 18: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/18.jpg)
![Page 19: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/19.jpg)
Heaven for Mashups
![Page 20: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/20.jpg)
Understand JS Mashups
• Understand Single Origin Policy
• How this problem does not affect PhoneGap Apps?
• Think about possibilities without the need of a server
![Page 21: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/21.jpg)
Understand the Problem
![Page 22: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/22.jpg)
http://abc.com
http://api.maps.com
http://api.twitter.com
http://api.facebook.com
{json req resp}
Single Origin Policy restricts this
![Page 23: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/23.jpg)
Traditional Solutions
![Page 24: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/24.jpg)
http://abc.com
http://api.maps.com
http://api.twitter.com
http://api.facebook.com
{jsonp req resp}
Single Origin Policy
JSONP makes cross domain
request possible
![Page 25: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/25.jpg)
http://abc.com
http://api.maps.comhttp://api.twitter.comhttp://api.facebook.com
Server Side Code
http://abc.com
PROXY MODEL
Server is required
![Page 26: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/26.jpg)
What’s different about PhoneGap?
PhoneGap Apps don’t have any domain names.
![Page 27: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/27.jpg)
PhoneGap ApplicationHTML files have no
domain name
http://api.maps.com
http://api.twitter.com
http://api.facebook.com
{json req resp}
Single Origin PolicyDoes not apply
![Page 28: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/28.jpg)
Developing PhoneGap UI
![Page 29: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/29.jpg)
jQueryMobile
Best for Simpler only Smart Phone UI
![Page 30: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/30.jpg)
Sencha Touch
Best for Complex SmartPhone/Tablet UI
![Page 31: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/31.jpg)
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
![Page 32: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/32.jpg)
PhoneGap’s Plugin Platform
![Page 33: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/33.jpg)
![Page 34: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/34.jpg)
Some Exciting PhoneGap Plugin
• Facebook Connect Plugin• Android C2DM Plugin• Apple Push Plugin
![Page 35: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/35.jpg)
Ripple - PhoneGap Emulator
![Page 36: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/36.jpg)
DEMO THIS
![Page 37: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/37.jpg)
PhoneGap – Remote Debug
![Page 38: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/38.jpg)
DEMO THIS
![Page 39: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/39.jpg)
PhoneGap Build
![Page 40: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/40.jpg)
Build on the Cloud
![Page 41: Phone gap solving mobile fragmentation problem](https://reader035.vdocuments.net/reader035/viewer/2022062510/54b440644a7959cd628b4591/html5/thumbnails/41.jpg)
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?