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

PhoneGap Lab

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
1
270
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
2
370
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
290
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
200
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
3
1.2k
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
Avatar for Sansan R&D sansan_randd
3
650
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.1k
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
170
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
390
使いにくいの壁を突破する
Avatar for SansanTech sansantech
PRO
1
110
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
580
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
110
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.8k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.1k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
410
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
230

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