30
ANDROID APPS DEVELOPMENT PHONEGAP C.A.U.G

Phonegap for Android

Embed Size (px)

DESCRIPTION

Webinar PPT on PhoneGap for Android

Citation preview

Page 1: Phonegap for Android

ANDROID APPS DEVELOPMENT

PHONEGAPC.A.U.G

Page 2: Phonegap for Android

*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

*What to Download

http://phonegap.com/download/

Page 4: Phonegap for Android

*What to Download

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

Page 5: Phonegap for Android

*Directory Structure

Page 6: Phonegap for Android

*Ready to PhoneGap

Page 7: Phonegap for Android

*Ready to PhoneGap

Page 8: Phonegap for Android

*Ready to PhoneGap

Page 9: Phonegap for Android

*Ready to PhoneGap

Page 10: Phonegap for Android

*Ready to PhoneGap

Page 11: Phonegap for Android

*Ready to PhoneGap

Page 12: Phonegap for Android

Create a directory with name www inside assets.

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

Page 13: Phonegap for Android
Page 14: Phonegap for Android

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

Create index.html inside www directory

Page 16: Phonegap for Android

HTML Code inside index.html

Page 17: Phonegap for Android

Add Lib file to Build Path

Page 18: Phonegap for Android

Update MainActivity.java file

Page 19: Phonegap for Android

Updated MainActivity.java file

Page 20: Phonegap for Android

AndroidManifest.xml

Page 21: Phonegap for Android

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

Page 22: Phonegap for Android

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

Page 23: Phonegap for Android

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

Page 24: Phonegap for Android

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

Page 25: Phonegap for Android

Execute PhoneGap App

Page 26: Phonegap for Android

The Result in emulator window…

Page 27: Phonegap for Android

HTML5 Form Code

Page 28: Phonegap for Android

HTML5 Form Result in browser and Android Emulator

Page 29: Phonegap for Android

Copy File to Test

Page 30: Phonegap for Android

* Presented for C.A.U.G

* G. Muthukumar

* 9894238404

* [email protected]

Thanks.