Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web based mobile devlopment 快速簡介

1,490 views

Published on

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

Published in: Technology, Business
  • Be the first to comment

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

×