Apache cordova 開發環境建置
Upcoming SlideShare
Loading in...5
×
 

Apache cordova 開發環境建置

on

  • 2,434 views

Apache Cordova 開發環境建置 – 101-1學期 行動商務管理實務 第七週

Apache Cordova 開發環境建置 – 101-1學期 行動商務管理實務 第七週

Statistics

Views

Total Views
2,434
Views on SlideShare
2,410
Embed Views
24

Actions

Likes
5
Downloads
45
Comments
0

1 Embed 24

http://funsung.blogspot.com 24

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Apache cordova 開發環境建置 Apache cordova 開發環境建置 Presentation Transcript

  • Apache Cordova 開發環境建置
  • 開發環境 安裝Eclipse  http://www.eclipse.org/ 安裝Google Plugin for Eclipse  https://developers.google.com/eclipse/?hl=zh-tw 安裝 Google ADK  Android SDK  http://developer.android.com/sdk/index.html 安裝ADT Plugin for Eclipse  http://developer.android.com/sdk/installing/install ing-adt.html 2012/11/2 2
  • How to develop Android SDK Manager  SDK Manager.exe 2012/11/2 3
  • How to develop Android SDK Manager  至少要選取 2.3.X  下載 USB Driver 2012/11/2 4
  • How to develop AVD Manager  設定模擬器 2012/11/2 5
  • How to develop 新增Android Project 2012/11/2 6
  • How to develop Web based 開發測試  NB電腦的瀏覽器單機測試  架設Web Server,從手機的瀏覽器連上執行。  以 iPad 為例  缺點:  不能測試真實設備與感測器  優點:  快速測試HTML UI設計 2012/11/2 7
  • How to develop Web based 開發測試  DEMO 2012/11/2 8
  • How to develop 實機測試  真正運作環境  真實感測器  真實狀況  真實網路  真實設備 2012/11/2 9
  • How to develop USB Driver  Path: android-sdk-windowsextrasgoogleusb_driver 2012/11/2 10
  • How to develop 啟用開發模式 2012/11/2 11
  • How to develop 啟用開發模式 2012/11/2 12
  • How to develop 啟用開發模式 完成相關設定後,插入 USB連結線。 2012/11/2 13
  • How to develop DDMS (Dalvik Debug Monitor)  Path: android-sdk-windowstoolsddms.bat 2012/11/2 14
  • How to develop DDMS 功能  抓圖  除錯 注意採用TCP PORT  Local Port: 8600  VM Port: 8700 2012/11/2 15
  • How to develop 啟用除錯 2012/11/2 16
  • How to develop 選擇測試裝置 2012/11/2 17
  • How to develop 停止除錯 2012/11/2 18
  • Phonegap - Cordova Download http://phonegap.com 版本: 2.1.02012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 19
  • Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 20
  • Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 21
  • Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 22
  • Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 23
  • Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 24
  • Phonegap – 建立新專案2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 25
  • Phonegap – 設定Phonegap 建立 libs 目錄 與 assets/www目錄2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 26
  • Phonegap – 設定Phonegap 解開Phoengap 到目錄下 phonegap-phonegap-2.1.0-0-g26d211bphonegap- phonegap-26d211blibandroid 複製 cordova-2.1.0.js 到 assets/www下 複製 cordova-2.1.0.jar 到 libs下2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 27
  • Phonegap – 設定Phonegap2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 28
  • Phonegap – 設定Phonegap 複製 xml目錄的內容 到 專案的 /res下2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 29
  • Phonegap – 設定Phonegap 將 cordova-2.1.0.jar 加入 倒 Build Path下2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 30
  • Phonegap – 設定Phonegap2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 31
  • Phonegap – 設定Phonegap 修改主程式2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 32
  • Phonegap – 設定Phonegap2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 33
  • Phonegap – 設定Phonegap 開啟 AndroidManifest.xml2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 34
  • Phonegap – 設定Phonegap  貼上 裝置設定參數phonegap-phonegap-2.1.0-0-g26d211bphonegap-phonegap-26d211blibandroidexampleAndroidManifest.xml 2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 35
  • Phonegap – 設定Phonegap 加入裝置轉向事件設定2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 36
  • Phonegap – 設定Phonegap 在assets/www目錄下新增 index.html2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 37
  • Phonegap – 設定Phonegap 將範例檔案複製到專案中2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 38
  • Phonegap – 設定Phonegap 執行模擬器2012.IM.mgt.ncu.edu.tw/ 文孝義 方毓賢 39