Phonegap

872 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
872
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
52
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Phonegap

  1. 1. Prepared By:Krushnakant A. Solanki
  2. 2. OVERVIEW What is PhoneGap? Architecture How PhoneGap Works? Why PhoneGap? Features Applications Use PhoneGap in Android 2
  3. 3. INTRODUCTION TO PhoneGap 3
  4. 4. WHAT IS PHONEGAP?o PhoneGap is a opensource framework for quickly designing cross platform Mobile Apps Using HTML,CSS & JavaScript 4
  5. 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. 6. WHAT IS PHONEGAP? 6
  7. 7. WHAT IS PHONEGAP? 7
  8. 8. PHONEGAP ARCHITECTURE 8
  9. 9. HOW PHONEGAP WORKS? USER INTERFACE HTML,CSS & JavaScript APPLICATION LOGIC JavaScript DEVICE FUNCTIONALITY JavaScript PhoneGap API 9
  10. 10. Why PhoneGap?Supported mobile platforms …. 10
  11. 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. 12. PHONEGAP FEATURES Accelerometer  Geolocation Camera  Media Compass  Network Contacts  Storage File  Notifications 12
  13. 13. PHONEGAP APPS 3 Card Poker Diary Orbium PuzzleLogitech Squeezebox Chess City Touch
  14. 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. 15. USE PHONEGAP IN ANDROID Make a few adjustments to the projects main Java file  Change the classs 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. 16. THANK YOUAny Question?

×