PhoneGap

Lightning Talk

Fred Rodriguez

Nguyen Do

CPSC 473

May 6, 2012


Web Application framework
(Web App
Container technology)

◦
Apps
for mobile devices

◦
Apps are
OS and HW independent

◦
Provides
OS and HW wrapper
for App

◦
Seamlessly port App

to supported OS and
HW


Javascript

based framework


Apache project called
Cordova


Apps act as clients
for the User


Write in HTML 5, CSS, and
Javascript


Write your application 1 time
-
>
write less code


Packages your App with a OS and HW wrapper


Free, Open Source framework
-
>
You can contribute


Faster time
-
to
-
market
-
>
waste less time


Provides these capabilities:


REST
-
ful

XML

`
JSON

`
SOAP

`
HTTP Requests

`
AJAX



Phonegap

provides these features, which are not provided by
HTML 5

◦
3
rd

Party Plug
-
Ins

◦
‘Chrome
-
less’ web browser
-
>
more viewing space for web
app

◦
UI layer uses 100% of screen
-
>
more viewing space for
web app


Phonegap

improves these existing HTML
features:

◦
Audio API

◦
Video API

◦
Browser persistent APIs


Phonegap

provides interfaces
to the Operating System and
Hardware Platform

◦
APIs conform to web standards

◦
APIs are written in
Javascript


Phonegap

provides development tools

◦
Integrated Development Environments

◦
Debuggers

◦
Testing Frameworks


Phonegap

provides 3
rd

party Plug
-
Ins

◦
Power User plug
-
ins

◦
Development Community plug
-
ins

◦
Partner plug
-
ins

Phonegap

Framework

Hardare

Platform

Web Applications (HTML 5, CSS, and
Javascript
)

iOS

API

Simbian

API

OS 5.x
API

WebOS

API

Bada

API

Android
API

Windows
Phone

7
API

OS 6.x
API

APIs (
Javascript
)

Javascript

Engine

Custom
Plugin

Native
Engine

Engines

Developer Tools

3
rd

Party Plug
-
ins

Custom Native
Plugin

Development
Frameworks, Test,
& Persistent Data

1. Write App using HTML 5, CSS, and
Javascript

2. Choose the HW Platform and OS, then place the
App code in the framework’s locations

3. Compile App with
Javascript

& Native Engines

4. Binary file generated

5. Download Binary file to the
Platfrom

or the
Simulator


Phonegap

Home:

◦
http://phonegap.com/


Phonegap
/Cordova Apache Project:

◦
http://incubator.apache.org/cordova/


Wikipedia:

◦
http://en.wikipedia.org/wiki/PhoneGap


Phonegap

getting started:

◦
http://phonegap.com/start/


Phonegap

Documentation:

◦
http://docs.phonegap.com/


Phonegap

Demonstration for Android:

◦
https://github.com/libbybaldwin/phonegap
-
api
-
demo



Phonegap

Group:

◦
http://phonegapforum.com/