PhoneGap Lab

PhoneGap Lab
http://leonguyen.com

Transcript

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".