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!!

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?