PhoneGap實(shí)戰(zhàn)

前言

前言智能移動(dòng)設(shè)備是一種全新的媒介，自從2007年第一臺(tái)iPhone正式出售以后，這個(gè)世界就像是被注入了某種催化劑，不過(guò)短短幾年我們的生活幾乎已經(jīng)無(wú)法離開(kāi)這些精致的產(chǎn)品了。無(wú)論操作系統(tǒng)是iOS、Android，還是Windows Phone，都說(shuō)明一點(diǎn)：我們已經(jīng)進(jìn)入了一個(gè)智能移動(dòng)設(shè)備和移動(dòng)互聯(lián)網(wǎng)爆炸式增長(zhǎng)的時(shí)期。和很多人一樣，當(dāng)我拿到iPhone手機(jī)后，對(duì)其豐富的應(yīng)用非常著迷，這些個(gè)性化的應(yīng)用和游戲讓我可以隨時(shí)隨地獲取資訊、娛樂(lè)，甚至還可以在旅行途中輕松地處理工作事務(wù)。在度過(guò)短暫的“狂熱”期后，我非常希望這些排列精致的圖標(biāo)后有一個(gè)應(yīng)用可以完全屬于我。于是，我收集了大量的開(kāi)發(fā)資料并著手學(xué)習(xí)Objective-C，但非常遺憾的是，我發(fā)現(xiàn)學(xué)習(xí)Objective-C并不是件容易的事。雖然它和C語(yǔ)言一樣的優(yōu)雅，但是對(duì)于一個(gè)習(xí)慣了腳本語(yǔ)言的設(shè)計(jì)師來(lái)說(shuō)還是不太容易適應(yīng)。很快我發(fā)現(xiàn)了一個(gè)“取巧”的辦法，即通過(guò)UIWebView類訪問(wèn)網(wǎng)絡(luò)或是本地的網(wǎng)頁(yè)文件，這使我可以利用更為熟練的技術(shù)開(kāi)發(fā)iOS終端上的應(yīng)用。不過(guò)如果想要通過(guò)JavaScript腳本調(diào)用iPhone手機(jī)上各種先進(jìn)的傳感器及其他硬件接口，依然不是件容易的事。隨著Android操作系統(tǒng)的快速崛起，移動(dòng)終端的操作系統(tǒng)開(kāi)始出現(xiàn)分化，高舉免費(fèi)大旗的Android系統(tǒng)很快完成了從“新人”到“元老”的角色轉(zhuǎn)變，大有和iOS一爭(zhēng)高下的氣勢(shì)。更多的占有率就意味著更大的市場(chǎng)，如何把iOS程序轉(zhuǎn)移到Android平臺(tái)成為一個(gè)不可回避的問(wèn)題。重新學(xué)習(xí)Java固然是最佳選擇，但對(duì)于一個(gè)設(shè)計(jì)師來(lái)說(shuō)，同時(shí)學(xué)習(xí)兩種風(fēng)格完全不同的編程語(yǔ)言絕對(duì)會(huì)是一個(gè)痛苦的過(guò)程。很快WebView再一次成為學(xué)習(xí)的“捷徑”，從本質(zhì)上來(lái)說(shuō)，不論是Android還是iOS程序，其WebView類的功能都可以看做是用來(lái)訪問(wèn)網(wǎng)絡(luò)的一個(gè)內(nèi)置“瀏覽器”，通過(guò)它可以打開(kāi)一個(gè)由HTML、CSS、JavaScript、PHP“構(gòu)筑”的Web應(yīng)用程序。前景看起來(lái)變得非常美好，我們只需要開(kāi)發(fā)一套Web應(yīng)用程序就可以使用WebView實(shí)現(xiàn)iOS和Android兩個(gè)版本的應(yīng)用程序的發(fā)布，但現(xiàn)實(shí)是殘酷的，WebView只能解決一些基本的問(wèn)題，想要實(shí)現(xiàn)一個(gè)完美的應(yīng)用還需要讓W(xué)eb程序也可以控制移動(dòng)設(shè)備上獨(dú)特的硬件功能（如加速器、振動(dòng)感知、指南針、照相機(jī)、推送提醒等），似乎要實(shí)現(xiàn)這個(gè)目標(biāo)還是得深入地學(xué)習(xí)兩門(mén)程序開(kāi)發(fā)語(yǔ)言，大量的硬件接口調(diào)用依然是開(kāi)發(fā)過(guò)程中面臨的堅(jiān)冰。幸運(yùn)的是，一個(gè)優(yōu)秀的開(kāi)源開(kāi)發(fā)工具的誕生改變了這個(gè)尷尬的狀況，這個(gè)工具就是本書(shū)的“主角”—PhoneGap。PhoneGap是一個(gè)可以統(tǒng)一連接Web應(yīng)用程序和移動(dòng)終端硬件的橋梁，因?yàn)樗粌H為每個(gè)主流的智能移動(dòng)終端操作系統(tǒng)（iOS、Android、Windows Phone等）構(gòu)建了原生的程序項(xiàng)目模板，還為其提取出了相應(yīng)操作硬件接口的API。這意味著我們通過(guò)PhoneGap構(gòu)建的應(yīng)用程序只需要使用一段JavaScript代碼即可擁有足夠的權(quán)限訪問(wèn)移動(dòng)設(shè)備特有的硬件功能。隨著個(gè)人信息終端由PC向移動(dòng)設(shè)備的轉(zhuǎn)移，這個(gè)時(shí)代也為開(kāi)發(fā)者提供了新的獲得成功的機(jī)會(huì)。如今，借助PhoneGap，廣大的前端開(kāi)發(fā)者和設(shè)計(jì)師可以開(kāi)發(fā)出更多、更好的移動(dòng)應(yīng)用程序。本書(shū)寫(xiě)給誰(shuí)本書(shū)適合以下讀者閱讀：Web網(wǎng)站設(shè)計(jì)師及移動(dòng)應(yīng)用產(chǎn)品的設(shè)計(jì)人員。移動(dòng)應(yīng)用開(kāi)發(fā)的愛(ài)好者和初級(jí)開(kāi)發(fā)者。Web前端開(kāi)發(fā)工程師。負(fù)責(zé)移動(dòng)應(yīng)用項(xiàng)目開(kāi)發(fā)的產(chǎn)品經(jīng)理。如何閱讀本書(shū)本書(shū)分為四大部分：第一部分為準(zhǔn)備篇，簡(jiǎn)單地介紹了PhoneGap的基本概念及相關(guān)知識(shí)，并向讀者展示了PhoneGap的用途及優(yōu)勢(shì)，同時(shí)對(duì)Web開(kāi)發(fā)技術(shù)進(jìn)行了入門(mén)介紹。然后向讀者講述了PhoneGap的安裝和配置過(guò)程，最后將學(xué)習(xí)到的基礎(chǔ)知識(shí)運(yùn)用于實(shí)踐中，開(kāi)發(fā)出第一個(gè)移動(dòng)應(yīng)用—“匯率計(jì)算器”。第二部分為基礎(chǔ)篇，全面講解了PhoneGap API 的功能及使用方法，并附上了具體的實(shí)例，從而幫助讀者查閱與使用PhoneGap API。第三部分為實(shí)戰(zhàn)篇，通過(guò)開(kāi)發(fā)“指南針”應(yīng)用和“萬(wàn)圣節(jié)更衣室”應(yīng)用，讓讀者了解如何利用PhoneGap API 結(jié)合Web 技術(shù)開(kāi)發(fā)一個(gè)完整的移動(dòng)應(yīng)用。第四部分為提高篇，首先向讀者介紹了如何發(fā)布應(yīng)用程序以及在設(shè)計(jì)移動(dòng)應(yīng)用產(chǎn)品的時(shí)候需要注意的事項(xiàng)并提供了一些設(shè)計(jì)上的建議，然后簡(jiǎn)單介紹了jQuery Mobile 和 Sencha Touch 框架如何與PhoneGap結(jié)合使用，最后講述了如何使用PhoneGap 的插件。如果你是一名經(jīng)驗(yàn)豐富的資深用戶，之前已經(jīng)熟悉了PhoneGap及Web開(kāi)發(fā)技術(shù)的相關(guān)基礎(chǔ)知識(shí)，那么你可以直接閱讀本書(shū)第三部分的內(nèi)容，這部分以接近實(shí)戰(zhàn)的案例來(lái)講解如何使用PhoneGap開(kāi)發(fā)移動(dòng)應(yīng)用，相比于前兩部分更獨(dú)立。但如果你還是一名初學(xué)者，建議從第一部分準(zhǔn)備篇開(kāi)始學(xué)習(xí)。

內(nèi)容概要

　　本書(shū)由來(lái)自騰訊的資深專家團(tuán)隊(duì)撰寫(xiě)，Adobe中國(guó)區(qū)專家和PhoneGap中國(guó)社區(qū)聯(lián)袂推薦。本書(shū)內(nèi)容全面、注重實(shí)戰(zhàn)、啟發(fā)性強(qiáng)，對(duì)PhoneGap的所有功能、特性、使用方法和開(kāi)發(fā)技巧進(jìn)行了全面而透徹的講解，是系統(tǒng)學(xué)習(xí)PhoneGap的權(quán)威參考書(shū)。
全書(shū)一共10章：第1章主要介紹PhoneGap的用途、與其他同類框架的比較，以及Web開(kāi)發(fā)的入門(mén)知識(shí)；第2章詳細(xì)講解PhoneGap在各個(gè)移動(dòng)平臺(tái)上的安裝與配置；第3章通過(guò)一個(gè)匯率計(jì)算器實(shí)例講解PhoneGap應(yīng)用開(kāi)發(fā)的完整流程和相關(guān)技術(shù)細(xì)節(jié)；第4章詳細(xì)講解PhoneGap的API；第5章和第6章是兩個(gè)綜合性的案例（指南針、萬(wàn)圣節(jié)更衣室），它們都遵循構(gòu)想、設(shè)計(jì)、開(kāi)發(fā)、調(diào)試、發(fā)布五大流程，從實(shí)戰(zhàn)出發(fā)，由淺入深，逐步推進(jìn)；第7章介紹PhoneGap應(yīng)用在各個(gè)平臺(tái)上的發(fā)布流程與方法；第8章從不同的平臺(tái)、視覺(jué)風(fēng)格、交互設(shè)計(jì)、移動(dòng)應(yīng)用選型等角度分享了移動(dòng)應(yīng)用產(chǎn)品設(shè)計(jì)的一些技巧和最佳實(shí)踐；第9章講解PhoneGap與jQuery
Mobile的結(jié)合使用；第10章介紹PhoneGap插件的使用。本書(shū)有3個(gè)重要的特點(diǎn)：
（1）注重實(shí)戰(zhàn)。書(shū)中包含的3個(gè)經(jīng)典案例：匯率計(jì)算器、指南針、萬(wàn)圣節(jié)更衣室，都依循構(gòu)想、設(shè)計(jì)、開(kāi)發(fā)、調(diào)試、發(fā)布五大流程，都從實(shí)戰(zhàn)出發(fā)，由淺入深，逐步推進(jìn)。
（2）內(nèi)容全面。本書(shū)詳細(xì)而完整地介紹了PhoneGap API 的屬性與方法，同時(shí)對(duì)基本W(wǎng)eb
技術(shù)（HTML、CSS、JavaScript）進(jìn)行了入門(mén)講解，即使之前沒(méi)有網(wǎng)頁(yè)開(kāi)發(fā)經(jīng)驗(yàn)的讀者也能快速地投入到App開(kāi)發(fā)中。
（3）啟發(fā)性強(qiáng)。一款跨平臺(tái)的移動(dòng)App，除了程序開(kāi)發(fā)之外，在產(chǎn)品設(shè)計(jì)和用戶交互上，也存在各自平臺(tái)的特殊性，本書(shū)將比較同款產(chǎn)品在 iOS
與 Android 平臺(tái)上設(shè)計(jì)、交互的異同，從而啟發(fā)讀者設(shè)計(jì)出更符合平臺(tái)特征的移動(dòng)App。

作者簡(jiǎn)介

　　董霙，畢業(yè)于北京電影學(xué)院，從事互動(dòng)創(chuàng)意設(shè)計(jì)工作超過(guò)10年。2007年加盟騰訊，就職于騰訊廣告產(chǎn)品部，任設(shè)計(jì)中心總監(jiān)，負(fù)責(zé)面向客戶的新媒體廣告創(chuàng)意及產(chǎn)品開(kāi)發(fā)支持服務(wù)，有豐富的跨平臺(tái)創(chuàng)意開(kāi)發(fā)經(jīng)驗(yàn)。帶領(lǐng)團(tuán)隊(duì)獲得多項(xiàng)產(chǎn)品專利并多次贏得國(guó)內(nèi)廣告創(chuàng)意賽事大獎(jiǎng)。
黃悅，資深Web前端開(kāi)發(fā)工程師，在該領(lǐng)域研究近10年，實(shí)戰(zhàn)經(jīng)驗(yàn)豐富。目前在騰訊主要負(fù)責(zé)跨平臺(tái)的廣告產(chǎn)品前端開(kāi)發(fā)與設(shè)計(jì)，此前先后擔(dān)任過(guò)多媒體互動(dòng)工程師、交互設(shè)計(jì)師和UI
設(shè)計(jì)師。精通 HTML、CSS、JavaScript、ActionScript 和 RIA
等前端開(kāi)發(fā)技術(shù)，在通過(guò)前端技術(shù)提高產(chǎn)品運(yùn)行效率及用戶交互體驗(yàn)方面頗有心得，對(duì)跨平臺(tái) Web App
的開(kāi)發(fā)與設(shè)計(jì)也有較深入的研究。在產(chǎn)品的開(kāi)發(fā)與設(shè)計(jì)中崇尚敏捷開(kāi)發(fā)的實(shí)踐，及時(shí)響應(yīng)需求、快速并高效地實(shí)現(xiàn)產(chǎn)品功能。最近兩年，集中精力研究和實(shí)踐CSS3、HTML
5、響應(yīng)式設(shè)計(jì)及PhoneGap等前沿技術(shù)，致力于更好地開(kāi)發(fā)出具有良好用戶體驗(yàn)的桌面及移動(dòng)Web產(chǎn)品。
李硙，資深Web前端開(kāi)發(fā)工程師，有8年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)，先后供職于網(wǎng)易、騰訊，從事Web相關(guān)的技術(shù)工作。一直致力于HTML、JavaScript、CSS等Web相關(guān)技術(shù)的研究與實(shí)踐，在HTML頁(yè)面優(yōu)化及用戶體驗(yàn)的研究上有豐富的實(shí)踐經(jīng)驗(yàn)。關(guān)注新技術(shù)，對(duì)HTML
5，以及各種移動(dòng)設(shè)備和移動(dòng)開(kāi)發(fā)技術(shù)有著濃厚的興趣，尤其是
Web技術(shù)在移動(dòng)領(lǐng)域的應(yīng)用。在PhoneGap測(cè)試版發(fā)布之后，對(duì)其進(jìn)行了持續(xù)且深入的學(xué)習(xí)研究，積累了豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)。此外，還在PHP和Linux服務(wù)器的后臺(tái)架構(gòu)與開(kāi)發(fā)方面有很深入的了解和豐富的實(shí)踐經(jīng)驗(yàn)。
祁特，資深Web前端工程師，在該領(lǐng)域有8年工作經(jīng)驗(yàn)，曾經(jīng)在網(wǎng)易等多家公司擔(dān)任前端開(kāi)發(fā)工程師。目前就職于騰訊北京分公司，從事Web開(kāi)發(fā)相關(guān)的技術(shù)工作，有豐富的項(xiàng)目經(jīng)驗(yàn)。癡迷于HTML、JavaScript、CSS、Flash等網(wǎng)站前端相關(guān)技術(shù)的研究與實(shí)踐，并持續(xù)關(guān)注跨平臺(tái)技術(shù)的發(fā)展。近期主要從事跨平臺(tái)Web移動(dòng)產(chǎn)品的快速開(kāi)發(fā)，對(duì)PhoneGap技術(shù)進(jìn)行了深入研究，擁有大量寶貴的項(xiàng)目經(jīng)驗(yàn)。
黃珊，有超過(guò)8年的互動(dòng)創(chuàng)意設(shè)計(jì)工作經(jīng)驗(yàn)，2009年加盟騰訊，現(xiàn)任職于騰訊廣告平臺(tái)與產(chǎn)品部，擔(dān)任美術(shù)指導(dǎo)，負(fù)責(zé)騰訊廣告互動(dòng)創(chuàng)意工作。帶領(lǐng)的設(shè)計(jì)團(tuán)隊(duì)平均每年產(chǎn)出300多個(gè)互動(dòng)創(chuàng)意作品，多次獲得互動(dòng)廣告大獎(jiǎng)，2009年獲得“Adworld
Awards 2009年度金營(yíng)銷大獎(jiǎng)——最佳全場(chǎng)大獎(jiǎng)”。近期比較關(guān)注HTML
5及CSS3的應(yīng)用，致力于打造用戶-客戶-媒體三方一體的廣告互動(dòng)創(chuàng)意產(chǎn)品。
劉婭琦，騰訊廣告平臺(tái)與產(chǎn)品部設(shè)計(jì)師，主要負(fù)責(zé)無(wú)線客戶端廣告產(chǎn)品及響應(yīng)式網(wǎng)站的設(shè)計(jì)與前端開(kāi)發(fā)。具備豐富的大型網(wǎng)站UI/UE設(shè)計(jì)及前端開(kāi)發(fā)經(jīng)驗(yàn)，其作品獲得2011年中國(guó)互動(dòng)網(wǎng)絡(luò)廣告創(chuàng)意獎(jiǎng)中的多個(gè)獎(jiǎng)項(xiàng)。撰寫(xiě)出版了《Maya
2008 中英文命令速查手冊(cè)》、《Flash CS4 完全學(xué)習(xí)手冊(cè)》、《Flash CS4
高手之路》等書(shū)籍，以生動(dòng)實(shí)用的案例和良好的學(xué)習(xí)體驗(yàn)得到了市場(chǎng)的積極評(píng)價(jià)和廣大讀者的肯定。

書(shū)籍目錄

推薦序
前言
第一篇　準(zhǔn)　備　篇
第1章　認(rèn)識(shí)PhoneGap
1.1 PhoneGap 介紹
1.1.1 什么是PhoneGap
1.1.2　PhoneGap的起源
1.1.3 PhoneGap的用途
1.1.4 PhoneGap的發(fā)展現(xiàn)狀及趨勢(shì)
1.2　PhoneGap的優(yōu)勢(shì)與不足
1.2.1　PhoneGap相比其他框架的優(yōu)勢(shì)
1.2.2 PhoneGap的不足
1.3 Web開(kāi)發(fā)速成
1.3.1 HTML介紹
1.3.2 CSS介紹
1.3.3 JavaScript入門(mén)
1.4 小結(jié)
第2章　安裝和配置PhoneGap
2.1　下載PhoneGap
2.2　配置PhoneGapa
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　小結(jié)
第3章　編寫(xiě)第一個(gè)PhoneGap應(yīng)用—匯率計(jì)算器
3.1　匯率計(jì)算器功能概述
3.2　創(chuàng)建程序
3.3　配置程序界面
3.3.1　引入相關(guān)文件
3.3.2　制作程序界面
3.4　給程序添加功能邏輯
3.5　在模擬器中測(cè)試程序
3.6　在手機(jī)上測(cè)試程序
3.6.1　生成iPhone應(yīng)用
3.6.2　生成Android應(yīng)用
3.7　小結(jié)
第二篇　基　礎(chǔ)　篇
第4章　PhoneGap API詳解
4.1　PhoneGap API簡(jiǎn)介
4.2　使用PhoneGap API前的準(zhǔn)備
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 加速計(jì)傳感器
4.4.1 獲取加速計(jì)傳感器的坐標(biāo)位置
4.4.2 周期性獲取加速計(jì)傳感器的坐標(biāo)位置
4.4.3 停止監(jiān)視加速計(jì)傳感器的坐標(biāo)位置
4.5 使用設(shè)備攝像頭
4.6　多媒體采集
4.6.1　使用capture對(duì)象錄制視頻
4.6.2 使用capture對(duì)象獲取圖片
4.6.3 使用capture對(duì)象錄制語(yǔ)音
4.7 偵測(cè)設(shè)備屏幕朝向—指南針
4.7.1 獲取指南針當(dāng)前朝向
4.7.2 在固定的時(shí)間間隔獲取設(shè)備朝向的角度
4.7.3 停止WatchID參數(shù)指定的指南針監(jiān)聽(tīng)
4.7.4 當(dāng)指南針改變度數(shù)時(shí)獲取朝向度數(shù)
4.7.5 停止watchID參數(shù)指定的指南針朝向度數(shù)的監(jiān)聽(tīng)
4.8　獲取網(wǎng)絡(luò)連接狀態(tài)
4.9　訪問(wèn)手機(jī)通訊錄
4.9.1　創(chuàng)建一個(gè)新的聯(lián)系人
4.9.2 查詢聯(lián)系人
4.9.3　處理聯(lián)系人信息
4.10　獲取設(shè)備信息
4.10.1　獲得設(shè)備的型號(hào)名稱
4.10.2　獲取設(shè)備上正在運(yùn)行的PhoneGap版本信息
4.10.3　獲得設(shè)備使用的操作系統(tǒng)名稱
4.10.4　獲得設(shè)備的全球唯一標(biāo)識(shí)
4.10.5　獲得操作系統(tǒng)的版本號(hào)
4.11　文件系統(tǒng)處理
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 使用設(shè)備傳感器的GPS地理位置服務(wù)
4.12.1 獲得當(dāng)前地理位置
4.12.2 監(jiān)測(cè)設(shè)備的位置變化
4.12.3 停止監(jiān)聽(tīng)設(shè)備的位置變化
4.13 播放和錄制音頻
4.13.1 獲得音頻文件的當(dāng)前位置
4.13.2 獲得音頻文件總時(shí)長(zhǎng)
4.13.3 開(kāi)始或者繼續(xù)播放音頻文件
4.13.4 暫停播放音頻文件
4.13.5 釋放音頻資源
4.13.6 停止播放音頻文件
4.13.7 在音頻文件中跳到指定位置
4.13.8 啟動(dòng)錄制音頻文件
4.13.9 停止錄制音頻文件
4.14　消息提示
4.14.1　警告框
4.14.2 確認(rèn)框
4.14.3 蜂鳴
4.14.4 振動(dòng)
4.15 客戶端數(shù)據(jù)存儲(chǔ)
4.15.1 openDatabase
4.15.2 Database
4.15.3 SQLTransaction
4.15.4 SQLResultSet
4.15.5　SQLResultSetList
4.15.6 SQLError
4.15.7 localStorage
4.16 小結(jié)
第三篇　實(shí)　戰(zhàn)　篇
第5章　“指南針”應(yīng)用程序
5.1　指南針應(yīng)用簡(jiǎn)介及功能概述
5.2　利用PhoneGap創(chuàng)建指南針應(yīng)用程序
5.2.1　主流平臺(tái)指南針應(yīng)用程序介紹
5.2.2　創(chuàng)建PhoneGap指南針程序
5.2.3　指南針程序UI界面
5.2.4　程序代碼及邏輯講解
5.2.5　導(dǎo)出應(yīng)用程序
5.2.6　在手機(jī)上測(cè)試應(yīng)用程序
5.3　小結(jié)
第6章　“萬(wàn)圣節(jié)更衣室”應(yīng)用程序
6.1　設(shè)置項(xiàng)目
6.2　配置程序界面
6.2.1　程序界面介紹
6.2.2　程序界面分辨率說(shuō)明
6.2.3　程序界面圖片素材配置
6.3　界面HTML與CSS編寫(xiě)
6.3.1　基礎(chǔ)代碼
6.3.2　開(kāi)始頁(yè)
6.3.3 文本輸入頁(yè)
6.3.4 搖晃監(jiān)測(cè)頁(yè)
6.3.5 結(jié)果頁(yè)
6.3.6 HTML與CSS最終代碼
6.4 程序編寫(xiě)
6.4.1 界面切換功能
6.4.2 文本輸入頁(yè)功能
6.4.3 搖晃監(jiān)測(cè)頁(yè)功能
6.4.4 結(jié)果頁(yè)功能
6.4.5 退出程序功能
6.4.6 最終代碼
6.5 打包與測(cè)試
6.5.1 打包生成APK文件
6.5.2 測(cè)試運(yùn)行
6.6 小結(jié)
第四篇　提　高　篇
第7章　發(fā)布應(yīng)用程序
7.1　將程序提交到App Store
7.1.1　向Apple注冊(cè)
7.1.2　準(zhǔn)備應(yīng)用程序的發(fā)行版本
7.1.3　提交App
7.2　將Android應(yīng)用程序提交到移動(dòng)應(yīng)用程序市場(chǎng)
7.2.1　注冊(cè)成為開(kāi)發(fā)者
7.2.2　提交App
7.3　小結(jié)
第8章　移動(dòng)應(yīng)用的產(chǎn)品設(shè)計(jì)
8.1　Android和iPhone的產(chǎn)品設(shè)計(jì)差異
8.1.1　功能定義階段
8.1.2　構(gòu)架交互階段
8.1.3　改進(jìn)細(xì)化階段
8.1.4　輸出產(chǎn)品階段
8.2　統(tǒng)一化與差異化
8.2.1　視覺(jué)風(fēng)格的統(tǒng)一
8.2.2　交互設(shè)計(jì)的差異化
8.3　交互體驗(yàn)的重要性
8.3.1　什么是交互設(shè)計(jì)
8.3.2　交互設(shè)計(jì)的重要性
8.3.3　如何進(jìn)行交互設(shè)計(jì)
8.4 WebApp與原生App
8.4.1　WebApp和原生App的對(duì)比
8.4.2 如何選擇WebApp和原生App
8.5　利用HTML 5和JavaScript編寫(xiě)交互動(dòng)畫(huà)
8.5.1　利用Adobe Edge創(chuàng)建一個(gè)新的項(xiàng)目
8.5.2　創(chuàng)建帶緩動(dòng)的漸入HTML動(dòng)畫(huà)
8.5.3　創(chuàng)建循環(huán)動(dòng)畫(huà)效果
8.5.4　創(chuàng)建按鈕完成應(yīng)用界面的跳轉(zhuǎn)
8.5.5　導(dǎo)出HTML動(dòng)畫(huà)
8.6　小結(jié)
第9章　PhoneGap與jQuery Mobile的結(jié)合使用
9.1　jQuery簡(jiǎn)介
9.2　了解jQuery Mobile
9.3　使用jQuery Mobile
9.4　PhoneGap與jQuery Mobile
9.5　小結(jié)
第10章　PhoneGap的插件
10.1　如何使用PhoneGap插件
10.2 小結(jié)

章節(jié)摘錄

版權(quán)頁(yè)：   插圖：   4.調(diào)整修改 通過(guò)將設(shè)計(jì)原型交付給目標(biāo)用戶測(cè)試，得到實(shí)際的使用反饋后調(diào)整原型，然后再測(cè)試和再調(diào)整，反復(fù)進(jìn)行，這就是交互設(shè)計(jì)最后也是最重要的一步。在這個(gè)過(guò)程中通過(guò)修改迭代，最大限度地挖掘并滿足用戶需求，只有不斷地改進(jìn)才能保持一款產(chǎn)品長(zhǎng)久的生命力。 上面4個(gè)步驟簡(jiǎn)單介紹了交互設(shè)計(jì)的操作流程，步驟之外更多的是需要設(shè)計(jì)師思考和嘗試，交互設(shè)計(jì)階段的完成并不代表著交互思維的完結(jié)，只有延續(xù)交互設(shè)計(jì)的思維，本著“交互無(wú)處不在”的設(shè)計(jì)思維才能設(shè)計(jì)出更加貼近用戶實(shí)際需求的產(chǎn)品。 8.4 WebApp與原生App 隨著智能手機(jī)陣營(yíng)的不斷壯大，一方面更多的終端意味著更多的市場(chǎng)，另一方面也意味著平臺(tái)的“分裂”。無(wú)論是目前流行的iOS和Android系統(tǒng)，還是Symbian或WindowsPhone都已經(jīng)支持大部分的HTML 5特性，而且移動(dòng)設(shè)備的硬件競(jìng)爭(zhēng)也為HTML 5掃清了硬件障礙，未來(lái)的移動(dòng)應(yīng)用領(lǐng)域注定將以更加開(kāi)放的形態(tài)發(fā)展。基于各自開(kāi)放且操作性強(qiáng)的交流平臺(tái)，開(kāi)放的開(kāi)發(fā)方式在移動(dòng)應(yīng)用的開(kāi)發(fā)過(guò)程中扮演著關(guān)鍵的角色。 8.4.1 WebApp和原生App的對(duì)比 原生App是基于移動(dòng)操作系統(tǒng)公司提供的第三方應(yīng)用開(kāi)發(fā)人員SDK所開(kāi)發(fā)的程序。例如，Apple公司提供的是基于Objective—C語(yǔ)言的iOS SDK開(kāi)發(fā)，Android提供的是基于Java語(yǔ)言的Android SDK開(kāi)發(fā)。 對(duì)于WebApp，實(shí)際上可以簡(jiǎn)單地理解為針對(duì)移動(dòng)終端優(yōu)化過(guò)的Web站點(diǎn)。它的用戶界面是用HTML、CSS和JavaScript等Web技術(shù)構(gòu)建的，能夠通過(guò)一個(gè)鏈接地址訪問(wèn)到，并且交互體驗(yàn)上針對(duì)移動(dòng)終端的特點(diǎn)進(jìn)行了優(yōu)化。 這兩種開(kāi)發(fā)方式都有明顯的優(yōu)勢(shì)和弊端，我們可以簡(jiǎn)單地通過(guò)以下幾個(gè)方面來(lái)進(jìn)行對(duì)比。 1.開(kāi)發(fā)者快速上手 目前，移動(dòng)設(shè)備開(kāi)發(fā)人員尤其是iOS開(kāi)發(fā)人員相對(duì)稀缺，因此原生App開(kāi)發(fā)的成本相對(duì)較高，相比之下，Web前端開(kāi)發(fā)人員更多一些，而且他們能夠充分利用CSS／JavaScript／HTML 5并快速上手，開(kāi)發(fā)成本相對(duì)也較低。 2.多終端適配 WebApp的開(kāi)發(fā)只需使用基礎(chǔ)的Web技術(shù)：HTML+CSS+JavaScript，即可實(shí)現(xiàn)，在開(kāi)發(fā)上只需注意手機(jī)瀏覽器的兼容性，用戶只需要打開(kāi)瀏覽器便可體驗(yàn)WebApp應(yīng)用。而原生App必須針對(duì)不同的移動(dòng)終端設(shè)備，使用不同的開(kāi)發(fā)語(yǔ)言來(lái)開(kāi)發(fā)多個(gè)版本。 3.開(kāi)發(fā)周期和實(shí)時(shí)調(diào)整 WebApp可以在終端上直接通過(guò)地址訪問(wèn)應(yīng)用，因此開(kāi)發(fā)和調(diào)試可以實(shí)時(shí)交錯(cuò)進(jìn)行，即便在發(fā)布后發(fā)現(xiàn)問(wèn)題也可以隨時(shí)更改，用戶只需刷新頁(yè)面即可立即體驗(yàn)更新。

媒體關(guān)注與評(píng)論

隨著移動(dòng)設(shè)備和移動(dòng)市場(chǎng)的強(qiáng)勢(shì)崛起，信息系統(tǒng)正在經(jīng)歷革命性的變化，越來(lái)越多的應(yīng)用程序正從桌面平臺(tái)走向移動(dòng)平臺(tái)，開(kāi)發(fā)基于移動(dòng)平臺(tái)的手機(jī)App已成為當(dāng)今程序開(kāi)發(fā)的新熱點(diǎn)。眾所周知，移動(dòng)APP的開(kāi)發(fā)主要基于各移動(dòng)平臺(tái)的原生SDK進(jìn)行。然而，作為一名普通的網(wǎng)頁(yè)設(shè)計(jì)師、前端開(kāi)發(fā)者，能否跨過(guò)原生SDK這道門(mén)檻，而使用基本的Web 技術(shù)（HTML、CSS、JavaScript）開(kāi)發(fā)移動(dòng)APP？PhoneGap 給予了我們肯定的答案。PhoneGap是一個(gè)使用HTML、CSS及JavaScript來(lái)構(gòu)建跨平臺(tái)移動(dòng)App的開(kāi)源開(kāi)發(fā)框架。它能讓你只使用基本的Web技術(shù)即可獲得移動(dòng)設(shè)備的原生特性，例如攝像頭、加速器、指南針等。更棒的是，PhoneGap能讓你輕松地實(shí)現(xiàn)App的跨平臺(tái)發(fā)布，你只需編寫(xiě)一次基礎(chǔ)代碼就能將App部署到 iOS、Android、Blackberry、Symbian、WebOS、Windows Phone、Windows8、Bada等八大移動(dòng)平臺(tái)上。本書(shū)全面系統(tǒng)地對(duì)PhoneGap做了詳細(xì)的講解，強(qiáng)烈推薦！——PhoneGap中國(guó)社區(qū)

編輯推薦

《PhoneGap實(shí)戰(zhàn)》編輯推薦：騰訊資深專家團(tuán)隊(duì)撰寫(xiě)，Adobe中國(guó)官方專家和PhoneGap中國(guó)社區(qū)聯(lián)袂推薦，繁體版臺(tái)灣發(fā)行！

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    PhoneGap實(shí)戰(zhàn) PDF格式下載

---