Web based mobile devlopment 快速簡介

1,373
-1

Published on

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

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

No Downloads
Views
Total Views
1,373
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

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.

×