phone gap solving mobile fragmentation problem
DESCRIPTION
TRANSCRIPT
PhoneGap – Solving Mobile Fragmentation Problems
By Rohit Ghatol and Yogesh Patel Author of “Beginning PhoneGap”
30 Minutes Presentation!
Rest all Discussion!
Then Quiz!!
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
Mobile Fragmentation
What is PhoneGap?
• What it is?Its an extensible JavaScript API Library?
• What it is not?Not an UI Framework Not a Packaging Framework Not an IDE
Geo Location
Contacts
Capture Image
And many more…
• But the catch isYou still need to use
- Android, - iPhone,- BlackBerry and etc
Development Environment to build and package the final mobile application
Its available on 6 Mobile Platforms
Why PhoneGap?
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
How to use PhoneGap?
Heaven for Mashups
Understand JS Mashups
• Understand Single Origin Policy
• How this problem does not affect PhoneGap Apps?
• Think about possibilities without the need of a server
Understand the Problem
http://abc.com
http://api.maps.com
http://api.twitter.com
http://api.facebook.com
{json req resp}
Single Origin Policy restricts this
Traditional Solutions
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
http://abc.com
http://api.maps.comhttp://api.twitter.comhttp://api.facebook.com
Server Side Code
http://abc.com
PROXY MODEL
Server is required
What’s different about PhoneGap?
PhoneGap Apps don’t have any domain names.
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
Developing PhoneGap UI
jQueryMobile
Best for Simpler only Smart Phone UI
Sencha Touch
Best for Complex SmartPhone/Tablet UI
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
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 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?