phonegap for android
DESCRIPTION
Webinar PPT on PhoneGap for AndroidTRANSCRIPT
![Page 1: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/1.jpg)
ANDROID APPS DEVELOPMENT
PHONEGAPC.A.U.G
![Page 2: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/2.jpg)
*What is PhoneGap
* PhoneGap is an open-source mobile development framework
*PhoneGap enables software developers to build applications for mobile devices using JavaScript, HTML5 and CSS3
![Page 3: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/3.jpg)
*What to Download
http://phonegap.com/download/
![Page 4: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/4.jpg)
*What to Download
http://developer.android.com/sdk/index.html
![Page 5: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/5.jpg)
*Directory Structure
![Page 6: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/6.jpg)
*Ready to PhoneGap
![Page 7: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/7.jpg)
*Ready to PhoneGap
![Page 8: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/8.jpg)
*Ready to PhoneGap
![Page 9: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/9.jpg)
*Ready to PhoneGap
![Page 10: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/10.jpg)
*Ready to PhoneGap
![Page 11: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/11.jpg)
*Ready to PhoneGap
![Page 12: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/12.jpg)
Create a directory with name www inside assets.
This directory is for all our html, javascript and css files.
![Page 13: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/13.jpg)
![Page 14: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/14.jpg)
1. Copy cordova-2.x.0.js to assets/www directory
2. Copy cordova-2.x.0.jar to libs directory
3. Copy the XML directory into the res directory
![Page 15: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/15.jpg)
Create index.html inside www directory
![Page 16: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/16.jpg)
HTML Code inside index.html
![Page 17: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/17.jpg)
Add Lib file to Build Path
![Page 18: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/18.jpg)
Update MainActivity.java file
![Page 19: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/19.jpg)
Updated MainActivity.java file
![Page 20: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/20.jpg)
AndroidManifest.xml
![Page 21: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/21.jpg)
supports-screen XML node as a child of the root manifest node
![Page 22: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/22.jpg)
<uses-permission> XML nodes as children of the root <manifest> node
![Page 23: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/23.jpg)
Locate <activity> node, inside <application> XML node.
![Page 24: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/24.jpg)
New <activity> node for the org.apache.cordova.DroidGap class.
![Page 25: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/25.jpg)
Execute PhoneGap App
![Page 26: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/26.jpg)
The Result in emulator window…
![Page 27: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/27.jpg)
HTML5 Form Code
![Page 28: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/28.jpg)
HTML5 Form Result in browser and Android Emulator
![Page 29: Phonegap for Android](https://reader036.vdocuments.site/reader036/viewer/2022081505/554d2464b4c905ab268b4b41/html5/thumbnails/29.jpg)
Copy File to Test