phonegap
TRANSCRIPT
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?