Phonegap for Android

ANDROID APPS DEVELOPMENT

PHONEGAPC.A.U.G

*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

*What to Download

http://phonegap.com/download/

*What to Download

http://developer.android.com/sdk/index.html

*Directory Structure

*Ready to PhoneGap

*Ready to PhoneGap

*Ready to PhoneGap

*Ready to PhoneGap

*Ready to PhoneGap

*Ready to PhoneGap

Create a directory with name www inside assets.

This directory is for all our html, javascript and css files.

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

Create index.html inside www directory

HTML Code inside index.html

Add Lib file to Build Path

Update MainActivity.java file

Updated MainActivity.java file

AndroidManifest.xml

 supports-screen XML node as a child of the root manifest node

 <uses-permission> XML nodes as children of the root <manifest> node

Locate  <activity> node, inside <application> XML node.

New <activity> node for the org.apache.cordova.DroidGap class.

Execute PhoneGap App

The Result in emulator window…

HTML5 Form Code

HTML5 Form Result in browser and Android Emulator

Copy File to Test

* Presented for C.A.U.G

* G. Muthukumar

* 9894238404

* office@gvmuthu.com

Thanks.