PhoneGap Lab

460 views

Published on

PhoneGap Lab
http://leonguyen.com

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
460
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

PhoneGap Lab

  1. 1. LeoNguyen.com
  2. 2. Outline - References (phonegap.leonguyen.com/references.html) - Lab 01: An introduction to PhoneGap
  3. 3. Lab 01 An introduction to PhoneGap
  4. 4. Outline - Download and install - Configure the project - Write a Hellworld program
  5. 5. Exercise 1 Download and install
  6. 6. Overview
  7. 7. Task 1 - Download - Goto download site http://phonegap.com/install/
  8. 8. Exercise 2 Configure the project
  9. 9. Task 1: Create ‘www’ folder - Create the ‘www’ folder under assets folder.
  10. 10. Task 2: Copy PhoneGap libraries - Copy ‘cordova.js’ and ‘cordova.js’ to Android project.
  11. 11. Exercise 3 Write a Helloworld program
  12. 12. Task 1: Create index.html - Create the ‘index.html’ under ‘assets/www’ folder then enter code: gist.github.com/leonguyen/7036244
  13. 13. Task 2: Add to Build Path - Right click on ‘cordova.jar’ then select Add to Build Path
  14. 14. Task 3: Update Activity class - Enter code: gist.github.com/leonguyen/7036322
  15. 15. Task 4: Configure the project metadata - Enter code: gist.github.com/leonguyen/7036370
  16. 16. Task 4: Configure the project metadata (2)
  17. 17. Task 5: Run - Choose "Run As" > "Android Application".

×