0
LeoNguyen.com
Outline
- References (phonegap.leonguyen.com/references.html)
- 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/7...
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".
Upcoming SlideShare
Loading in...5
×

PhoneGap Lab

349

Published on

PhoneGap Lab
http://leonguyen.com

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

No Downloads
Views
Total Views
349
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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".
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×