Your SlideShare is downloading. ×
0
Jquery Mobile with PhoneGap plateform                          文孝義2012/4/17                                           1
Agenda Why use Web-Based Understand PhoneGap Mobile Framework How to develop Deploy to Phone Distribute to Market/Ap...
Why use Web-Based     Android        ADK - Java        NDK - C++     iOS        Object C++2012/4/17             3
Why use Web-Based     Web-Based - Web Development        HTML        JavaScript        CSS2012/4/17                   ...
Why use Web-Based 跨平台 在瀏覽器容器中運作 容易學習 HTML UI 豐富容易設計 CSS 3 動畫硬體驅動        WebKit 離線運作 不需要SERVER2012/4/17           5
Understand PhoneGap http://phonegap.com/ 建立WEB與系統之間的橋接機制        操作與控制硬體設備 目前版本 1.5.0 已經轉移到Apache 基金會維護        Callba...
Mobile Framework – WEBBased     JQuery Mobile        http://jquerymobile.com/     JQTouch        http://jqtouch.com/ ...
How to develop 安裝Eclipse 安裝 Google ADK        Android SDK     安裝ADT Plugin for Eclipse2012/4/17                        8
How to develop     Android SDK Manager        SDK Manager.exe2012/4/17                   9
How to develop     Android SDK Manager        至少要選取 2.3.X        下載 USB Driver2012/4/17                   10
How to develop     AVD Manager        設定模擬器2012/4/17           11
How to develop     新增Android Project2012/4/17                 12
How to develop     Web based 開發測試        NB電腦的瀏覽器單機測試        架設Web Server,從手機的瀏覽器連上執行。         ○ 以 iPad 為例        缺點: ...
How to develop     Web based 開發測試        DEMO2012/4/17              14
How to develop     實機測試        真正運作環境        真實感測器        真實狀況        真實網路        真實設備2012/4/17         15
How to develop     USB Driver        Path:            android-sdk-windowsextrasgoogleusb_driver2012/4/17                ...
How to develop     啟用開發模式2012/4/17        17
How to develop     啟用開發模式2012/4/17        18
How to develop     啟用開發模式     完成相關設定後,插入      USB連結線。2012/4/17          19
How to develop     DDMS (Dalvik Debug Monitor)        Path:            android-sdk-windowstoolsddms.bat2012/4/17        ...
How to develop     DDMS 功能        抓圖        除錯     注意採用TCP PORT        Local Port: 8600        VM Port: 87002012/4/1...
How to develop     啟用除錯2012/4/17        22
How to develop     選擇測試裝置2012/4/17        23
How to develop     停止除錯2012/4/17        24
Deploy to Phone     方式:        直接佈署         ○ 利用WEB Server下載         ○ SD卡        上架市集2012/4/17                   25
Distribute to Market/AppStore     省略2012/4/17                       26
What is PhoneGap Build build.phonegap.com 提供製作特定平台的安裝程式 目前線上支援平台 目前免費試營運中2012/4/17                27
What is PhoneGap Build     各平台目前支援的設備        http://phonegap.com/about/features2012/4/17                                ...
What is PhoneGap Build2012/4/17                29
Upcoming SlideShare
Loading in...5
×

Web based mobile devlopment 快速簡介

1,333

Published on

快速了解開發 Web為基礎的手機應用程式開發技術的架構

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,333
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Web based mobile devlopment 快速簡介"

  1. 1. Jquery Mobile with PhoneGap plateform 文孝義2012/4/17 1
  2. 2. Agenda Why use Web-Based Understand PhoneGap Mobile Framework How to develop Deploy to Phone Distribute to Market/AppStore What is PhoneGap Build2012/4/17 2
  3. 3. Why use Web-Based Android  ADK - Java  NDK - C++ iOS  Object C++2012/4/17 3
  4. 4. Why use Web-Based Web-Based - Web Development  HTML  JavaScript  CSS2012/4/17 4
  5. 5. Why use Web-Based 跨平台 在瀏覽器容器中運作 容易學習 HTML UI 豐富容易設計 CSS 3 動畫硬體驅動  WebKit 離線運作 不需要SERVER2012/4/17 5
  6. 6. Understand PhoneGap http://phonegap.com/ 建立WEB與系統之間的橋接機制  操作與控制硬體設備 目前版本 1.5.0 已經轉移到Apache 基金會維護  Callback/Cordova2012/4/17 6
  7. 7. Mobile Framework – WEBBased JQuery Mobile  http://jquerymobile.com/ JQTouch  http://jqtouch.com/ Sencha  http://www.sencha.com/ iUI  http://code.google.com/p/iui/2012/4/17 7
  8. 8. How to develop 安裝Eclipse 安裝 Google ADK  Android SDK 安裝ADT Plugin for Eclipse2012/4/17 8
  9. 9. How to develop Android SDK Manager  SDK Manager.exe2012/4/17 9
  10. 10. How to develop Android SDK Manager  至少要選取 2.3.X  下載 USB Driver2012/4/17 10
  11. 11. How to develop AVD Manager  設定模擬器2012/4/17 11
  12. 12. How to develop 新增Android Project2012/4/17 12
  13. 13. How to develop Web based 開發測試  NB電腦的瀏覽器單機測試  架設Web Server,從手機的瀏覽器連上執行。 ○ 以 iPad 為例  缺點: ○ 不能測試真實設備與感測器  優點: ○ 快速測試HTML UI設計2012/4/17 13
  14. 14. How to develop Web based 開發測試  DEMO2012/4/17 14
  15. 15. How to develop 實機測試  真正運作環境  真實感測器  真實狀況  真實網路  真實設備2012/4/17 15
  16. 16. How to develop USB Driver  Path: android-sdk-windowsextrasgoogleusb_driver2012/4/17 16
  17. 17. How to develop 啟用開發模式2012/4/17 17
  18. 18. How to develop 啟用開發模式2012/4/17 18
  19. 19. How to develop 啟用開發模式 完成相關設定後,插入 USB連結線。2012/4/17 19
  20. 20. How to develop DDMS (Dalvik Debug Monitor)  Path: android-sdk-windowstoolsddms.bat2012/4/17 20
  21. 21. How to develop DDMS 功能  抓圖  除錯 注意採用TCP PORT  Local Port: 8600  VM Port: 87002012/4/17 21
  22. 22. How to develop 啟用除錯2012/4/17 22
  23. 23. How to develop 選擇測試裝置2012/4/17 23
  24. 24. How to develop 停止除錯2012/4/17 24
  25. 25. Deploy to Phone 方式:  直接佈署 ○ 利用WEB Server下載 ○ SD卡  上架市集2012/4/17 25
  26. 26. Distribute to Market/AppStore 省略2012/4/17 26
  27. 27. What is PhoneGap Build build.phonegap.com 提供製作特定平台的安裝程式 目前線上支援平台 目前免費試營運中2012/4/17 27
  28. 28. What is PhoneGap Build 各平台目前支援的設備  http://phonegap.com/about/features2012/4/17 28
  29. 29. What is PhoneGap Build2012/4/17 29
  1. A particular slide catching your eye?

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

×