PhoneGap is an open-source framework that allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. It works by wrapping web applications so they can be deployed and run as native mobile applications across multiple platforms. The PhoneGap architecture uses a user interface built with HTML, CSS, and JavaScript that communicates with native device functions through JavaScript PhoneGap APIs. This allows apps to be developed quickly for multiple platforms like Android, iOS, and Windows from a single codebase. Common uses of PhoneGap include mobile apps that need access to device features like the camera, contacts, file system and more.

1. Prepared By:
Krushnakant A. Solanki

2. OVERVIEW
 What is PhoneGap?
 Architecture
 How PhoneGap Works?
 Why PhoneGap?
 Features
 Applications
 Use PhoneGap in Android
2

3. INTRODUCTION
TO
PhoneGap
3

4. WHAT IS PHONEGAP?
o PhoneGap is a opensource framework for quickly designing cross
platform Mobile Apps Using HTML,CSS & JavaScript
4

5. WHAT IS PHONEGAP?
o PhoneGap uses standards-based web technologies to bridge web
applications and mobile devices.
Wrap your app with Deploy to multiple
PhoneGap platforms!
5

6. WHAT IS PHONEGAP?
6

7. WHAT IS PHONEGAP?
7

8. PHONEGAP ARCHITECTURE
8

9. HOW PHONEGAP WORKS?
USER INTERFACE
HTML,CSS & JavaScript
APPLICATION LOGIC
JavaScript
DEVICE FUNCTIONALITY
JavaScript PhoneGap API
9

10. Why PhoneGap?
Supported mobile platforms ….
10

11. 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

12. PHONEGAP FEATURES
 Accelerometer  Geolocation
 Camera  Media
 Compass  Network
 Contacts  Storage
 File  Notifications
12

13. PHONEGAP APPS
3 Card Poker Diary Orbium Puzzle
Logitech Squeezebox Chess City Touch

14. 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

15. 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

16. THANK YOU
Any Question?