智慧行動裝置是一種全新的媒介,自從2007 年第一台iPhone 正式出售以
後,這個世界就像是被植入了某種催化劑,不過短短幾年我們的生活幾乎已無法離開這些精緻的產品了。無論作業系統是iOS、Android,還是Windows Phone,都說明一點:我們已經進入了一個智慧行動裝置和行動網際網路爆炸式增長的時期。
隨著Android 作業系統的快速崛起,行動終端的作業系統開始出現分化,高舉免費大旗的Android 系統,大有和iOS 一爭高下的氣勢。更多的佔有率就意味著更大的市場,如何把iOS程式轉移到Android平台成為不可迴避的問題。
對於一個設計師來說,同時學習兩種風格完全不同的程式設計語言絕對會是一個痛苦的過程。幸運的是,一個優秀的開放原始碼開發工具的誕生改變了這個尷尬的狀況--PhoneGap。PhoneGap 是一個可以統一連接Web應用程式和行動終端硬體的橋樑,它不僅為每個主流的智慧行動終端作業系統(iOS、Android、Windows Phone等)建構了原生的程式專案範本,還為其分析出對應操作硬體介面的API。這意味著我們透過PhoneGap 建構的應用程式只需要使用一段JavaScript 程式即可擁有足夠的許可權存取行動裝置特有的硬體功能。隨著個人資訊終端由PC 向行動裝置的轉移,這個時代也為開發者提供新的成功機會。如今,借助PhoneGap,廣大的前端開發者和設計師可以開發出更多、更好的行動應用程式。
本書適合讀者
☉Web 網站設計師及行動應用產品的設計人員。
☉行動應用開發的同好和初級開發者。
☉Web 前端開發工程師。
☉負責行動應用專案開發的產品經理。
本書分為四大部分:
◎ 第一部分為準備篇,簡單介紹PhoneGap的基本概念及相關知識,並向讀
者展示PhoneGap的用途及優勢,同時對Web開發技術進行入門介紹。然
後向讀者說明PhoneGap 的安裝和設定過程,最後將學習到的基礎知識運
用於實作中,開發出第一個行動應用—“匯率計算機”。
◎ 第二部分為基礎篇,全面講解PhoneGap API的功能及使用方法,並附上
實例,進一步幫助讀者查閱與使用PhoneGap API。
◎ 第三部分為實戰篇,透過開發“P 指南針”應用和“萬聖節化妝舞會”應
用,讓讀者瞭解如何利用PhoneGap API結合Web 技術開發一個完整的行
動應用。
◎ 第四部分為加強篇,首先介紹如何發佈應用程式以及在設計行動應用產品時需要注意的事項,並提供一些設計上的建議,然後簡單介紹jQuery Mobile 和 Sencha Touch 框架,如何與PhoneGap 結合使用,最後說明如何使用PhoneGap 的外掛程式。
本書之原始程式碼可到佳魁資訊官網下載,網址是http://www.topteam.cc。
目錄
準備篇
第01章 認識PhoneGap
1.1 PhoneGap 介紹
1.1.1 什麼是PhoneGap
1.1.2 PhoneGap的起源
1.1.3 PhoneGap的用途
1.1.4 PhoneGap的發展現狀及趨勢
1.2 PhoneGap的優勢與不足
1.2.1 PhoneGap相比其他框架的優勢
1.2.2 PhoneGap的不足
1.3 Web開發速成
1.3.1 HTML介紹
1.3.2 CSS介紹
1.3.3 JavaScript入門
1.4 小結
第02章 安裝和設定PhoneGap
2.1 下載PhoneGap
2.2 設定PhoneGap
2.2.1 設定PhoneGap到iOS
2.2.2 設定PhoneGap 到Android
2.2.3 設定PhoneGap到BlackBerry
2.2.4 設定PhoneGap 到webOS
2.2.5 設定PhoneGap 到Symbian
2.3 小結
第03章 撰寫第一個PhoneGap 應用程式—匯率計算機
3.1 匯率計算機功能概述
3.2 建立程式
3.3 設定程式介面
3.3.1 引用相關檔案
3.3.2 製作程式介面
3.4 替程式增加功能邏輯
3.5 在模擬器中測試程式
3.6 在手機上測試程式
3.6.1 產生iPhone應用程式
3.6.2 產生Android應用程式
3.7 小結
基礎篇
第04章 PhoneGap API 詳解
4.1 PhoneGap API簡介
4.2 使用PhoneGap API前的準備
4.3 本機事件處理
4.3.1 deviceready
4.3.2 pause
4.3.3 resume
4.3.4 online
4.3.5 offline
4.3.6 backbutton
4.3.7 batterycritical
4.3.8 batterylow
4.3.9 batterystatus
4.3.10 menubutton
4.3.11 searchbutton
4.3.12 startcallbutton
4.3.13 endcallbutton
4.3.14 volumedownbutton
4.3.15 volumeupbutton
4.4 加速感測器
4.4.1 取得加速感測器的座標位置
4.4.2 週期性取得加速感測器的座標位置
4.4.3 停止監視加速感測器的座標位置
4.5 使用裝置攝影機
4.6 多媒體擷取
4.6.1 使用capture物件錄製視訊
4.6.2 使用capture物件取得圖片
4.6.3 使用capture物件錄製語音
4.7 偵測裝置螢幕朝向—指南針
4.7.1 取得指南針目前朝向
4.7.2 在固定的時間間隔取得裝置朝向的角度
4.7.3 停止WatchID參數指定的指南針監測
4.7.4 當指南針改變度數時取得朝向度數
4.7.5 停止watchID參數指定的指南針朝向度數的監測
4.8 取得網路連接狀態
4.9 存取手機通訊錄
4.9.1 建立一個新的連絡人
4.9.2 查詢連絡人
4.9.3 處理連絡人資訊
4.10 取得裝置資訊
4.10.1 獲得裝置的型號名稱
4.10.2 取得裝置上正在執行的PhoneGap版本資訊
4.10.3 獲得裝置使用的作業系統名稱
4.10.4 獲得裝置的全球唯一標識
4.10.5 獲得作業系統的版本編號
4.11 檔案系統處理
4.11.1 File
4.11.2 FileReader
4.11.3 FileWriter
4.11.4 FileSystem
4.11.5 FileEntry
4.11.6 DirectoryEntry
4.11.7 DirectoryReader
4.11.8 FileTransfer
4.12 使用裝置感測器的GPS地理位置服務
4.12.1 獲得目前地理位置
4.12.2 監測裝置的位置變化
4.12.3 停止監測裝置的位置變化
4.13 播放和錄製音訊
4.13.1 獲得音訊檔案的目前位置
4.13.2 獲得音訊檔案總時長
4.13.3 開始或繼續播放音訊檔案
4.13.4 暫停播放音訊檔案
4.13.5 釋放音訊資源
4.13.6 停止播放音訊檔案
4.13.7 在音訊檔案中跳到指定位置
4.13.8 啟動錄製音訊檔案
4.13.9 停止錄製音訊檔案
4.14 訊息提示
4.14.1 警告框
4.14.2 確認框
4.14.3 蜂鳴
4.14.4 震動
4.15 用戶端資料儲存
4.15.1 openDatabase
4.15.2 Database
實戰篇
第05章“指南針”應用程式
5.1 指南針應用程式簡介及功能概述
5.2 利用PhoneGap建立指南針應用程式
5.2.1 主流平台指南針應用程式介紹
5.2.2 建立PhoneGap指南針程式
5.2.3 指南針程式UI介面
5.2.4 程式碼及邏輯講解
5.2.5 匯出應用程式
5.2.6 在手機上測試應用程式
5.3 小結
第06章“萬聖節化妝舞會”應用程式
6.1 設定專案
6.2 設定程式介面
6.2.1 程式介面介紹
6.2.2 程式介面解析度說明
6.2.3 程式介面圖片素材設定
6.3 介面HTML與CSS撰寫
6.3.1 基礎程式
6.3.2 開始頁
6.3.3 文字輸入頁
6.3.4 搖動監測頁
6.3.5 結果頁
6.3.6 HTML與CSS最後程式
6.4 程式撰寫
6.4.1 介面切換功能
6.4.2 文字輸入頁功能
6.4.3 搖動監測頁功能
6.4.4 結果頁功能
6.4.5 退出程式功能
6.4.6 最後程式
6.5 包裝與測試
6.5.1 包裝產生APK檔案
6.5.2 測試執行
6.6 小結
提昇篇
第07章 發佈應用程式
7.1 將程式傳送到App Store
7.1.1 向Apple註冊
7.1.2 準備應用程式的發行版本
7.1.3 傳送App
7.2 將Android應用程式傳送到行動應用程式市場
7.2.1 註冊成為開發者
7.2.2 傳送App
7.3 小結
第08章 行動應用程式的產品設計
8.1 Android和iPhone的產品設計差異
8.1.1 功能定義階段
8.1.2 架構互動階段
8.1.3 改進細化階段
8.1.4 輸出產品階段
8.2 統一化與差異化
8.2.1 視覺風格的統一
8.2.2 互動設計的差異化
8.3 互動體驗的重要性
8.3.1 什麼是互動設計
8.3.2 互動設計的重要性
8.3.3 如何進行互動設計
8.4 WebApp與原生App
8.4.1 WebApp和原生App的比較
8.4.2 如何選擇WebApp和原生App
8.5 利用HTML 5和JavaScript撰寫互動動畫
8.5.1 利用Adobe Edge建立一個新的專案
8.5.2 建立帶緩動的漸入HTML動畫
8.5.3 建立迴圈動畫效果
8.5.4 建立按鈕完成應用程式介面的跳躍
8.5.5 匯出HTML動畫
8.6 小結
第09章 PhoneGap 與jQueryMobile 的結合使用
9.1 jQuery簡介
9.2 了解jQuery Mobile
9.3 使用jQuery Mobile
9.4 PhoneGap與jQuery Mobile
9.5 小結
第10章 PhoneGap 的外掛程式
10.1 如何使用PhoneGap外掛程式
10.2 小結
準備篇
第01章 認識PhoneGap
1.1 PhoneGap 介紹
1.1.1 什麼是PhoneGap
1.1.2 PhoneGap的起源
1.1.3 PhoneGap的用途
1.1.4 PhoneGap的發展現狀及趨勢
1.2 PhoneGap的優勢與不足
1.2.1 PhoneGap相比其他框架的優勢
1.2.2 PhoneGap的不足
1.3 Web開發速成
1.3.1 HTML介紹
1.3.2 CSS介紹
1.3.3 JavaScript入門
1.4 小結
第02章 安裝和設定PhoneGap
2.1 下載PhoneGap
2.2 設定PhoneGap
2.2.1 設定PhoneGap到iOS
2.2.2 設定PhoneGap 到Android
2.2.3 設定PhoneGap到BlackBerry
2.2.4 設定Phon...