Mobile 實驗教材

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Mobile 實驗教材"

Transcription

1 目錄 : Mobile 實驗教材 :Final Project 一 實驗目的 二 實驗內容與系統需求 1. 實驗內容 2. 硬體簡介 三 平台設置 1. Java SE Runtime Environment 及 Java SE Development Kit 2. Eclipse IDE 3. Android Development Tools plugin (ADT) 4. Android 軟體開發套件 (SDK) 5. 設定 Android SDK 四 Android 模擬器測試 1. 開啟專案 2. 匯入專案 3. 刪除專案 五 實作練習 六 參考文獻

2 一 實驗目的 由於手機平台作業系統多年來的進展與智慧型手機的進步, 各家廠商 (Google Microsoft Nokia etc) 無不急速拓展自家手機作業系統的市場 (Android Windows Mobile Symbian), 當中又以 Google 的 Android 的免費手機平台以及結合 Google 獨有的服務 (Google Map Google Mail etc) 發展出各式各樣不同的應用服務, 因此本實驗採用 Google Android 環境開發模擬 日後行動上網的環境在現實生活中勢必更為普及化, 對此有著重要的研究議題和發展空間 二 實驗內容與硬體簡介 1. 實驗內容 藉由整合開發環境 Eclipse 來撰寫程式, 使用者可以將應用服務整合到 Google 所提供的 Android Emulator 模擬之後, 便能清楚了解程式如何運作 2. 系統需求 撰寫 Android 的應用程式, 僅需一台個人電腦即可 支援的作業系統如下 :Windows XP 或 Vista Mac OS X 或之後版本 Linux ( 官方於 Ubuntu 6.10 Dapper Drake 上測試 ) 本實驗是在 Windows XP 平台上測試撰寫, 因此以下教材皆以此平台來作解說

3 三 平台設置安裝 Android 開發環境所需的程式工具 : 1. Java SE Runtime Environment (JRE) 及 Java SE Development Kit (JDK) 請至 網站下載 下載完畢之後, 在桌面上的開始 控制台 系統 進階 環境變數設定路徑 新增變數行稱 PATH 在變數上打 C:\Program Files\Java\jre6\bin

4 新增變數名稱 CLASSPATH 在變數值上打.;C:\Program Files\Java\jdk1.6.0_13\lib;C:\Program Files\Java\jre6\lib 註 : 路徑依使用者所灌的地方不同而有所差異 最後, 可在命令行上輸入 java -version 來檢查目前系統上是否已安裝成 功最新的 java 版本 2. Eclipse IDE 請至 下載 安裝 Eclipse 3.3 ( 代號 Europa) 或 3.4 ( 代號 Ganymede) 版 請注意選擇的版本需包含 Eclipse Java 開發工具擴充套件 (Java Development Tool Plugin, JDT), 若不清楚選擇 Eclipse Classic 即可

5 3. Android Development Tools plugin (ADT) 安裝好 Eclipse 之後, 接著下載 Eclipse 的 Android 開發工具擴充套件, 在螢幕上方的選單列, 選擇 Help Software Updates 選項, 選擇 Available Sofeware 標籤, 在 Add Site 中的 Location 欄位中輸入網址 : 4. Android 軟體開發套件 (SDK) 從 Android 官方網站 : 下載 Android 軟體開發套件 ( 目前最新版本為 Android 1.5 版本 ) 將解壓縮後的 Android SDK 檔案夾放到 eclipse 資料夾中

6 5. 設定 Android SDK 打開偏好設定頁面 (Preference), 選擇 Android 標籤 ( 請確認已安裝好 ADT 擴充套件,Android 標籤才會出現在偏好設定頁面中 ), 在 SDK Location 欄位按下 " Browse..." 鍵, 選擇剛剛解壓縮完的 Android SDK 檔案夾所在地, 接著按下視窗右下角的套用 (Apply) 按鈕 如此一來,Android SDK 就設定完畢 註解 : 若您安裝過 SDK 1.5 版之前的版本, 請先移除後再重新安裝一次 ADT 擴充套件, 才能順利設定新版的 Android SDK 方法是在螢幕上方的選單列, 選擇 Help > Software Updates 選項, 在彈出的視窗上方點選 Installed Software 頁籤, 選擇 Android 開頭的選項, 點選右側的 Uninstall.. 按鈕移除這些相關的插件

7 四 Android 模擬器測試 1. 開啟專案 在 Eclipse 的上方選單列選擇 File New Project, 選擇 Android Project 按 Next 之後會來到設定專案名稱畫面 : 選擇 Finish 即可完成新增專案設定, 接下來在左側專案清單按右鍵選 擇 Run As Android Application 就可以直接先體驗 Android 模擬器 所提供的服務 (Google Browser,Google Maps etc), 如以下所示 :

8 Android Emulator 歡迎畫面 :

9 2. 匯入專案如果有程式專案不在自己的 Eclipse 開發環境之中, 但資料夾中已包含一個.project 檔案, 例如網路上其他使用者所提供各式各樣的應用程式範例時, 就可以使用匯入專案的方法, 在選單列中選擇 File Import 選項跳出以下視窗 : 在 Browse 處選擇專案所在處, 可利用此教材所提供簡單的範例程式匯入, 按下 Finish 完成設定畫面 : 下圖為利用 Android 模擬器搭配 IP Camera 達到監控的效果 :

10 3. 刪除專案 在左側清單列中按右鍵選擇 Delete

11 此外頇注意的是, 按 OK 刪除專案仍然存在電腦之中, 若想完全刪除將左方 框框選項打勾即可 五 實作練習 本實驗在於介紹智慧型手機如何結合 IP Carema, 利用網路無國界的特性, 達成隨時隨地 無時無刻都可監控的目的 利用自行的發開程式同步至 HTC Hero 之後, 搭配 HTC Hero 上的軌跡球來操控 IP Carema 作上下左右的移動, 遇特殊事件發生時亦可拍照存檔 1. 請參考實驗四的教材, 將 IP Carema 架設完畢 2. 將 HTC Hero 與電腦同步, 步驟如下 : Step 1. 透過標準 USB 連接線連接電腦與 HTC Hero Step 2. 到 HTC 網站下載最新的 Device Driver 並執行 htp:// Step 3. 到電腦 (Windows XP) 的 裝置管理員 通用序列匯流排控制器 下的 USB Mass Storage Device 上按右鍵並選擇 更新驅動程式 若是更新成功, 電腦即可抓到 Hero 並開始安裝驅動程式 ( 若有多個 USB Mass Storage Device, 請試到成功為止 )

12 Step 4. 下次再將電腦與 Hero 連接後, 在通知視窗的會出現 USB 已連接 與 HTC Sync 通知 使用者可利用 USB 已連接 來掛載 SD 卡並與電腦進行資料的交換 點選 HTC Sync 即可將 Hero 與電腦同步, 同步成功後不但可以透過 HTC Sync 軟體與 outlook 同步 ; 也可以將自己開發的程式放入 HTC Hero 中執行 3. 將自己開發的程式放入 HTC Hero Step 1. 請先確定 Hero 已經可以和電腦連線, 並確定下列選項有被勾取 A. 進入 HTC Hero > 應用程式 並勾取 未知的來源 B. 進入 HTC Hero 設定 > 應用程式 > 開發 並勾取 USB 除錯中 ( 通常接 上 USB 連接線後, 這個選項會自動勾選 )

13 Step 2. 開啟 Eclipse 中的 Dalvik Debug Monitor Service (DDMS) ( 從 Eclipse 右上角的 Open Perspecive 中選擇並開啟 DDMS) ( 開發程式時, 請再 回到 Java Perspective) Step 3. 如果在 DDMS 視窗中的 Devices 窗格中會出現非模擬器的裝置 HT98XXXXXX 就表示 HTC Hero 已經同步 同步之後, 如何將自己開發的程式放入 HTC Hero? 首先, 請確定 eclipse 中 Android 應用程式的 Run configuations 中 Target 頁面的 Deployment Target Selection Mode 是 Manual, 這樣才可以選擇在 HTC Magic 上執行應用程式 如此一來, 執行程式後會出現如下圖的 Android Device Chooser 視窗, 在視窗中 選擇 HTC Hero 按下 OK 執行, 接下來程式即會被安裝到 HTC Hero 直接執行

14 3. 截取 HTC Hero 的螢幕畫面 將自行發開的程式放入 HTC Hero 之後, 亦可抓取 HTC Hero 的螢幕畫面與大家 分享開發成果 Step 1. 確認 HTC Hero 與電腦已經同步 Step 2. eclipse 的 DDMS perspective Step 3. 將 HTC Hero 操作至想要截取的畫面 Step 4. 按下 DDMS perspective 的 Screen Capture 按下 Screen Capture 後會出現如下圖的 Device Screen Capture 視窗 按下 Refresh 會擷取最新的螢幕畫面 ; 按下 Save 可以將畫面儲存成 PNG 檔 如下圖 :

15 六 參考文獻 [1] [2] [3] Google! Android 手機應用程式設計入門 [4] Google Android SDK 開發範例大全 [5] LevelOne IP camera WCS-2010 a. 說明文件 Level One_WCS-2010_UM_V2.0.pdf b. c. 軟體開發 SDK: