PhoneGap

miststizzaMobile - Wireless

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

59 views

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/