mobile application development for android with phonegap

MOBILE APPLICATION DEVELOPMENT FOR ANDROID

WITH PHONEGAP

Sayed AhmedComputer Engineering (BUET), BangladeshMSc., Computer Science, Canada

President/Chief Architect/Lead DeveloperJustetc (Just et cetera) Technologieshttp://www.justetc.nethttp://sayed.justetc.netsayed@justetc.net

Just Etc Technologies, sayed@justetc.net 2

Address Canada Address

Trudelle Street Toronto, Ontario, Canada Contact

○ Sayed Ahmed○ sayed@justetc.com

Bangladesh Address Justetc Computers Habib Complex (2nd Floor) Shimultuly, Gazipur, Dhaka Bangladesh Contact

○ Rafiqul Islam○ rafik@justetc.com○ 01942747702

Just Etc Technologies, sayed@justetc.net 3

Tools Required ADT Bundle (Eclipse + ADT)

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

http://phonegap.com/download/

Just Etc Technologies, sayed@justetc.net 4

Sample Application

Just Etc Technologies, sayed@justetc.net 5

Concept Concept

Develop a web applicationCompile it with ADT for Android

Implementation ConceptCreate an android project in Eclipse ADT bundleBring Phonegap related libraries and other

associated files into the android projectCreate an index.html file and use it as the

starting point for the web-application○ Being the entry point of the mobile application

Just Etc Technologies, sayed@justetc.net 6

Implementation Concept Starting with the Index.html file develop

a web-application/mobile application Compile and run the application for

AndroidDebug and test using android emulator or

on a real android device

Just Etc Technologies, sayed@justetc.net 7

What to take from Phonegap

Just Etc Technologies, sayed@justetc.net 8

Where to Take

Just Etc Technologies, sayed@justetc.net 9

What to Change

Just Etc Technologies, sayed@justetc.net 10

What to Change Add files into assets folder and www subfolder

Index.htmlCordova.js

Just Etc Technologies, sayed@justetc.net 11

Change Manifest file

Just Etc Technologies, sayed@justetc.net 12

Changes to the Manifest file From an example in the Phonegap

package copy the following to the manifest file in the android project phonegap-2.9.0\lib\android\example\AndroidManifest.xml

Just Etc Technologies, sayed@justetc.net 13

Copy this to Android Manifest

Just Etc Technologies, sayed@justetc.net 14

Copy This to Android Manifest

Just Etc Technologies, sayed@justetc.net 15

Copy Only One Line as Shown

Just Etc Technologies, sayed@justetc.net 16

Combating Errors/Warnings

Just Etc Technologies, sayed@justetc.net 17

Combating Warning/Errors

Just Etc Technologies, sayed@justetc.net 18

Combating Warnings/Errors C:\Windows\System32\Drivers\etc

Just Etc Technologies, sayed@justetc.net 19

Note You may need to restart ADB (bridge) May take little while for the application to start You may see some warning though the application

will run Some port, debug, client reject error/warning may

be there but the application may still runYou can try to get rid of all errorsMany warnings may be due to settings of the Android

Virtual DeviceThe emulated device type may affectTry to create new virtual devices if the existing one does

not work

Just Etc Technologies, sayed@justetc.net 20

Virtual Device we used

Just Etc Technologies, sayed@justetc.net 21

Reference http://cleancodedevelopment-qualityseal

.blogspot.com/2012/12/first-phonegap-app-with-android-using.html