PhoneGap Lab http://leonguyen.com

1. LeoNguyen.com

2. Outline
- References (phonegap.leonguyen.com/references.html)
- Lab 01: An introduction to PhoneGap

3. Lab 01
An introduction to PhoneGap

4. Outline
- Download and install
- Configure the project
- Write a Hellworld program

5. Exercise 1
Download and install

6. Overview

7. Task 1 - Download
- Goto download site http://phonegap.com/install/

8. Exercise 2
Configure the project

9. Task 1: Create ‘www’ folder
- Create the ‘www’ folder under assets folder.

10. Task 2: Copy PhoneGap libraries
- Copy ‘cordova.js’ and ‘cordova.js’ to Android project.

11. Exercise 3
Write a Helloworld program

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

13. Task 2: Add to Build Path
- Right click on ‘cordova.jar’ then select Add to Build Path

14. Task 3: Update Activity class
- Enter code: gist.github.com/leonguyen/7036322

15. Task 4: Configure the project metadata
- Enter code: gist.github.com/leonguyen/7036370

16. Task 4: Configure the project metadata (2)

17. Task 5: Run
- Choose "Run As" > "Android Application".