Más contenido relacionado Similar a Web based mobile devlopment 快速簡介 (20) Más de My own sweet home! (11) Web based mobile devlopment 快速簡介2. Agenda
Why use Web-Based
Understand PhoneGap
Mobile Framework
How to develop
Deploy to Phone
Distribute to Market/AppStore
What is PhoneGap Build
2012/4/17 2
5. Why use Web-Based
跨平台
在瀏覽器容器中運作
容易學習 HTML
UI 豐富容易設計
CSS 3 動畫硬體驅動
WebKit
離線運作
不需要SERVER
2012/4/17 5
7. Mobile Framework – WEB
Based
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. How to develop
安裝Eclipse
安裝 Google ADK
Android SDK
安裝ADT Plugin for Eclipse
2012/4/17 8
10. How to develop
Android SDK Manager
至少要選取 2.3.X
下載 USB Driver
2012/4/17 10
13. How to develop
Web based 開發測試
NB電腦的瀏覽器單機測試
架設Web Server,從手機的瀏覽器連上執行。
○ 以 iPad 為例
缺點:
○ 不能測試真實設備與感測器
優點:
○ 快速測試HTML UI設計
2012/4/17 13
16. How to develop
USB Driver
Path:
android-sdk-windowsextrasgoogleusb_driver
2012/4/17 16
20. How to develop
DDMS (Dalvik Debug Monitor)
Path:
android-sdk-windowstoolsddms.bat
2012/4/17 20
21. How to develop
DDMS 功能
抓圖
除錯
注意採用TCP PORT
Local Port: 8600
VM Port: 8700
2012/4/17 21
27. What is PhoneGap Build
build.phonegap.com
提供製作特定平台的安裝程式
目前線上支援平台
目前免費試營運中
2012/4/17 27
28. What is PhoneGap Build
各平台目前支援的設備
http://phonegap.com/about/features
2012/4/17 28