phonegap lab

LeoNguyen.com

Outline

- References (bit.ly/1laDLjV)

- Lab 01: An introduction to PhoneGap

Lab 01

An introduction to PhoneGap

Outline

- Download and install

- Configure the project

- Write a Hellworld program

Exercise 1

Download and install

Overview

Task 1 - Download

- Goto download site http://phonegap.com/install/

Exercise 2

Configure the project

Task 1: Create ‘www’ folder

- Create the ‘www’ folder under assets folder.

Task 2: Copy PhoneGap libraries

- Copy ‘cordova.js’ and ‘cordova.js’ to Android project.

Exercise 3

Write a Helloworld program

Task 1: Create index.html

- Create the ‘index.html’ under ‘assets/www’ folder then enter code: gist.github.com/leonguyen/7036244

Task 2: Add to Build Path

- Right click on ‘cordova.jar’ then select Add to Build Path

Task 3: Update Activity class

- Enter code: gist.github.com/leonguyen/7036322

Task 4: Configure the project metadata

- Enter code: gist.github.com/leonguyen/7036370

Task 4: Configure the project metadata (2)

Task 5: Run

- Choose "Run As" > "Android Application".