PhoneGap

1 .期末專題

2 .期末專題： 題目自訂，但是必須要有以下三種技術 (1) 使用手持式裝置的感應器或是照相機， (2) 必須有 social network 功能， (3) 資料必須儲存在伺服器端。

3 .閱讀旅遊日誌 新增旅遊日誌 Owner Friends 拍照 記事 Google map + GPS 回應按讚 Reader 成為 friend Notify friends 顯示大頭照 期末專題範例

4 .Android Device Sensor PhoneGap

5 .PhoneGap 為了能夠在 iPhone 或 Android 上開發使用感應器的軟體 網頁軟體沒有辦法透過 app store 平台獲利 學習原生的開發卻又必須花費許多時間成本 PhoneGap 可以將原生軟體包裝成網頁技術，解決上述問題 參考資料 http://docs.phonegap.com/en/1.7.0/guide_getting-started_index.md.html

6 .PhoneGap -- 跨平台開發環境 跨平台 Android 、 iPhone 、 Windows Phone HTML5 、 CSS 與 JavaSript

7 .PhoneGap PhoneGap 提供了 iPhone 、 Android 、 Palm 和 Blackberry 平台的原生包裝軟體 Wrapper ，讓行動網頁可以被包裝成原生軟體的樣子 PhoneGap HTML5 CSS Javascript OS Sensor Camera

8 .Getting Started PhoneGap

9 .PhoneGap – Getting Started Requirements Eclipse 3.4+ Install SDK + Cordova Download and install Eclipse Classic Download and install Android SDK Download and install ADT Plugin Download the latest copy of Cordova and extract its contents. We will be working with the Android directory. API documents http://docs.phonegap.com/en/1.7.0/guide_getting-started_index.md.html

10 .PhoneGap – Getting Started Create android Project: Hello world http://docs.phonegap.com/en/2.1.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android Setup Java Build Path

11 .Main Java File Import packages Load index.html (HTML5 Web Page)

12 .Main Web Page File index.html

13 .Camera PhoneGap

14 .PhoneGap – Camera Android Project Settings

15 .PhoneGap – Camera Android Project Settings

16 .PhoneGap – Camera Full Example  http://docs.phonegap.com/en/2.1.0/cordova_camera_camera.md.html#Camera

17 .Accelerometer PhoneGap

18 .PhoneGap – Accelerometer Android Project Settings

19 .PhoneGap – Accelerometer accelerometer.getCurrentAcceleration 功能 : 取得加速度感應器的 x 、 y 、 z 軸位置 參數 : accelerometerSuccess : 存取成功的 callback 函式 accelerometerError : 存取成功的 callback 函式

20 .PhoneGap – Accelerometer deviceReady : 當裝置已經處於可運作狀態 accelerometer.getCurrentAcceleration : 取得加速度感應器的 x 、 y 、 z 軸位置 accelerometerSuccess : 利用 acceleration.x 取得 x 軸位置。 y 、 z 軸依此類推 accelerometerError : 印出錯誤訊息

21 .APIs PhoneGap

22 .PhoneGap – APIs 除了上述裝置之外，還有多種裝置與媒體可以透過 PhoneGap 操作 API Reference http://docs.phonegap.com/en/1.7.0/index.html Accelerometer Camera Capture Compass Connection Contacts Device Events File Geolocation Media Notification Storage

23 .PhoneGap – 總結 PhoneGap 將手機裝置包裝成 HTML5 函式，開發者得以運用網頁技術來發展 Android 或是 iPhone 感應器程式 PhoneGap 程式碼還是在手機 local 端執行 若是要開發能存取手機感應器的網頁，可以用 Third Part Component from Android Market “Upload From Camera” Component W3C: Device APIs Requirements http://www.w3.org/TR/dap-api-reqs/ (Under development)