Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PhoneGap Lab

Avatar for LeoNguyen.com LeoNguyen.com
January 03, 2014
Technology
0
1.5k

PhoneGap Lab

PhoneGap Lab
http://leonguyen.com

Avatar for LeoNguyen.com

LeoNguyen.com

January 03, 2014
Tweet

More Decks by LeoNguyen.com

See All by LeoNguyen.com
Node.js Lab
Avatar for LeoNguyen.com leonguyen
1
1.5k
jQuery Plugin
Avatar for LeoNguyen.com leonguyen
0
1.6k
JS Plugin
Avatar for LeoNguyen.com leonguyen
0
2.5k
HTML5 Lab
Avatar for LeoNguyen.com leonguyen
0
1.6k
PHP Lab
Avatar for LeoNguyen.com leonguyen
0
1.7k
Laravel Lab
Avatar for LeoNguyen.com leonguyen
0
1.9k
Design Resources
Avatar for LeoNguyen.com leonguyen
1
350
AE Resources
Avatar for LeoNguyen.com leonguyen
0
340
AE Lab
Avatar for LeoNguyen.com leonguyen
0
320

Other Decks in Technology

See All in Technology
歴史から学ぶ、Goのメモリ管理基礎
Avatar for Takuto Nagami logica0419
7
1.6k
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
330
AWS re:Invent2025最新動向まとめ（NRIグループre:Cap 2025）
Avatar for KoheiGamo gamogamo
0
150
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
AWS re:Invent 2025 を振り返る
Avatar for kazzpapa3 kazzpapa3
2
110
小さく、早く、可能性を多産する。生成AIプロジェクト / prAIrie-dog
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
310
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
_第4回__AIxIoTビジネス共創ラボ紹介資料_20251203.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
170
AWS re:Inventre:cap ～AmazonNova 2 Omniのワークショップを体験してきた～
Avatar for NRI Netcom nrinetcom
PRO
0
120
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
Avatar for Sonjin Yamamoto sonjin
0
280
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
6.1k
テストセンター受験、オンライン受験、どっちなんだい？
Avatar for Yuuki Yamashita yama3133
0
200

Featured

See All Featured
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
130
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
100
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
220
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
61
47k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.8k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
38
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k

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