15
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. 刪除專案 五、 實作練習 六、 參考文獻

Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

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. 刪除專案

五、 實作練習

六、 參考文獻

Page 2: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

一、 實驗目的

由於手機平台作業系統多年來的進展與智慧型手機的進步,各家廠商(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 10.4.8 或之後版本

Linux (官方於 Ubuntu 6.10 Dapper Drake 上測試)

本實驗是在 Windows XP 平台上測試撰寫,因此以下教材皆以此平台來作解說。

Page 3: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

三、 平台設置

安裝 Android 開發環境所需的程式工具:

1. Java SE Runtime Environment (JRE) 及 Java SE Development Kit (JDK)

請至 http://java.sun.com/javase/downloads/index.jsp 網站下載

下載完畢之後,在桌面上的 開始 控制台系統進階環境變數 設定路徑

新增變數行稱 PATH 在變數上打 C:\Program Files\Java\jre6\bin

Page 4: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

新增變數名稱 CLASSPATH 在變數值上打

.;C:\Program Files\Java\jdk1.6.0_13\lib;C:\Program Files\Java\jre6\lib

註:路徑依使用者所灌的地方不同而有所差異。

最後,可在命令行上輸入 「java -version」 來檢查目前系統上是否已安裝成

功最新的 java 版本。

2. Eclipse IDE

請至 http://www.eclipse.org/downloads/ 下載

安裝 Eclipse 3.3 (代號 Europa) 或 3.4 (代號 Ganymede) 版。

請注意選擇的版本需包含 Eclipse Java 開發工具擴充套件(Java Development

Tool Plugin, JDT),若不清楚選擇 Eclipse Classic 3.4.2即可。

Page 5: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

3. Android Development Tools plugin (ADT)

安裝好 Eclipse 之後,接著下載 Eclipse 的 Android 開發工具擴充套件,

在螢幕上方的選單列,選擇”Help Software Updates”選項,選擇 Available

Sofeware”標籤,在”Add Site”中的 Location 欄位中輸入網址:

http://dl-ssl.google.com/android/eclipse

4. Android軟體開發套件(SDK)

從 Android官方網站: http://developer.android.com/sdk/1.5_r3/index.html

下載Android軟體開發套件(目前最新版本為 Android 1.5版本)

將解壓縮後的 Android SDK 檔案夾放到 eclipse 資料夾中

Page 6: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

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..」按

鈕移除這些相關的插件。

Page 7: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

四、Android 模擬器測試

1. 開啟專案

在 Eclipse的上方選單列選擇 FileNewProject,選擇 Android Project

按 Next之後會來到設定專案名稱畫面:

選擇 Finish即可完成新增專案設定,接下來在左側專案清單按右鍵選

擇”Run As Android Application”就可以直接先體驗 Android 模擬器

所提供的服務(Google Browser,Google Maps…etc),如以下所示:

Page 8: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

Android Emulator 歡迎畫面:

Page 9: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

2. 匯入專案

如果有程式專案不在自己的 Eclipse開發環境之中,但資料夾中已包含一

個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

例時,就可以使用匯入專案的方法,在選單列中選擇”FileImport”選項

跳出以下視窗:

在 Browse處選擇專案所在處,可利用此教材所提供簡單的範例程式匯入,

按下 Finish完成設定畫面:

下圖為利用 Android 模擬器搭配 IP Camera 達到監控的效果:

Page 10: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

3. 刪除專案

在左側清單列中按右鍵選擇”Delete”

Page 11: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

此外頇注意的是,按 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://www.htc.com/tw/supportdownloadlist.aspx?p_id=283&act=sd&cat=all

Step 3. 到電腦(Windows XP)的「裝置管理員」、「通用序列匯流排控制器」下的

「USB Mass Storage Device」上按右鍵並選擇「更新驅動程式」。若是更新成功,

電腦即可抓到 Hero 並開始安裝驅動程式(若有多個 USB Mass Storage

Device,請試到成功為止)

Page 12: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

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 連接線後,這個選項會自動勾選)

Page 13: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

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 直接執行。

Page 14: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

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

檔。如下圖:

Page 15: Mobile 實驗教材:Final Project - cherry.cs.nccu.edu.twcherry.cs.nccu.edu.tw/~ttsai/course/dh/project2-2.pdf · 個”.project”檔案,例如網路上其他使用者所提供各式各樣的應用程式範

六、 參考文獻

[1] Http://developer.android.com/guide/developing/tools/adt.html

[2] Http://developer.android.com/guide/tutorials/hello-world.html

[3] Google! Android 手機應用程式設計入門

[4] Google Android SDK 開發範例大全

[5] LevelOne IP camera WCS-2010

a. 說明文件『Level One_WCS-2010_UM_V2.0.pdf』

b. http://global.level1.com/ch/product_d.php?id=55

c. 軟體開發SDK:

http://download.level1.com/level1/tools/IPCam-Type-2_SDK_V2.0.zip