Mobile Application Development for android with phonegap

21
MOBILE APPLICATION DEVELOPMENT FOR ANDROID WITH PHONEGAP Sayed Ahmed Computer Engineering (BUET), Bangladesh MSc., Computer Science, Canada President/Chief Architect/Lead Developer Justetc (Just et cetera) Technologies http://www.justetc.net http:// sayed.justetc.net [email protected]

description

Sayed Ahmed Computer Engineering (BUET), Bangladesh MSc., Computer Science, Canada President/Chief Architect/Lead Developer Justetc (Just et cetera) Technologies http://www.justetc.net http:// sayed.justetc.net [email protected]. - PowerPoint PPT Presentation

Transcript of Mobile Application Development for android with phonegap

Page 1: 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://[email protected]

Page 2: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 2

Bangladesh Address Address

Justetc ComputersHabib Complex (2nd Floor)Shimultuly, Gazipur, DhakaBangladesh

ContactRafiqul [email protected]

Page 3: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 3

Tools Required ADT Bundle (Eclipse + ADT)

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

http://phonegap.com/download/

Page 4: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 4

Sample Application

Page 5: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 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

Page 6: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 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

Page 7: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 7

What to take from Phonegap

Page 8: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 8

Where to Take

Page 9: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 9

What to Change

Page 10: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 10

What to Change Add files into assets folder and www subfolder

Index.htmlCordova.js

Page 11: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 11

Change Manifest file

Page 12: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 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

Page 13: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 13

Copy this to Android Manifest

Page 14: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 14

Copy This to Android Manifest

Page 15: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 15

Copy Only One Line as Shown

Page 16: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 16

Combating Errors/Warnings

Page 17: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 17

Combating Warning/Errors

Page 18: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 18

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

Page 19: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 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

Page 20: Mobile Application  Development for android with  phonegap

Just Etc Technologies, [email protected] 20

Virtual Device we used