phonegap

Prepared By:

Krushnakant A. Solanki

2

OVERVIEW

What is PhoneGap?

Architecture

How PhoneGap Works?

Why PhoneGap?

Features

Applications

Use PhoneGap in Android

3

INTRODUCTIONTO

PhoneGap

WHAT IS PHONEGAP?

o PhoneGap is a opensource framework for quickly designing cross platform Mobile Apps Using HTML,CSS & JavaScript

4

WHAT IS PHONEGAP?

o PhoneGap uses standards-based web technologies to bridge web applications and mobile devices.

5

Wrap your app with Wrap your app with PhoneGapPhoneGap

Deploy to Deploy to multiple multiple platforms!platforms!

WHAT IS PHONEGAP?

6

WHAT IS PHONEGAP?

7

PHONEGAP ARCHITECTURE

8

HOW PHONEGAP WORKS?

USER INTERFACEHTML,CSS & JavaScript

APPLICATION LOGICJavaScript

DEVICE FUNCTIONALITYJavaScript PhoneGap API

9

Why PhoneGap?

10

Supported mobile platforms ….

WHY PHONEGAP

July 2005

Google acquired Android Inc. 5 Nov 2007

Open HandSet Alliance formed-

Google, HTC, Intel, Motorola, Qualcomm,T-Mobile Android is the OHA first product 12 Nov 2007

OHA released a preview of the Android OHA

11

PHONEGAP FEATURES

12

AccelerometerAccelerometer CameraCamera CompassCompass ContactsContacts FileFile

AccelerometerAccelerometer CameraCamera CompassCompass ContactsContacts FileFile

Geolocation Media Network Storage Notifications

Geolocation Media Network Storage Notifications

PHONEGAP APPS

3 Card Poker Diary Orbium Puzzle

City TouchChessLogitech Squeezebox

USE PHONEGAP IN ANDROID

Download phonegap.zip from phonegap.com.

Extract zip and Put phonegap.jar(corodova.jar) file into Buid path or into libs folder

Now create new folder www into asset folder and put the phonegap.js file in www folder.

Create an index.html file in /assets/www and write you code there.

14

USE PHONEGAP IN ANDROID

Make a few adjustments to the project's main Java file Change the class's extend from Activity to

DroidGap Replace the setContentView() line with

super.loadUrl("file:///android_asset/www/index.html")

Add import com.phonegap.* Remove import android.app.Activity

15

THANK YOU

Any Question?