PhoneGap – Solving Mobile Fragmentation Problems - Meetup

needlessoybeanMobile - Wireless

Dec 10, 2013 (3 years and 7 months ago)

78 views

PhoneGap


Solving Mobile
Fragmentation Problems

By Rohit Ghatol and Yogesh Patel

Author of “
Beginning PhoneGap


30 Minutes Presentation!

Rest all Discussion!


Then Quiz!!

Topics

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 is

You 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 Features

Mobile 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

Single Origin Policy
restricts this

Traditional Solutions

http://
abc.com

http://
api.maps.com

http://
api.twitter.com

http://
api.facebook.com

Single Origin Policy

JSONP makes
cross domain
request
possible

http://
abc.com

http://
api.maps.com

http://
api.twitter.com

http://
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 Application

HTML files have no
domain name

http://
api.maps.com

http://
api.twitter.com

http://
api.facebook.com

Single Origin Policy

Does not apply

Developing PhoneGap UI

jQueryMobile

Best for Simpler only Smart Phone UI


Sencha

Touch

Best for Complex
SmartPhone
/Tablet UI

GWT


Best for
Co
Best

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?