《移動Web開發(fā)實戰(zhàn)》教學課件-第3章-打造移動Web應用程序

目錄當前主流的智能手機系統(tǒng)打造移動Web應用程序?qū)嵗?-1：搭建Android開發(fā)環(huán)境綜合實例：搭建iOS開發(fā)環(huán)境目錄當前主流的智能手機系統(tǒng)打造移動Web應用程序?qū)嵗?-1：1當前主流的智能手機系統(tǒng)1．當今潮流——AndroidAndroid一詞最早出現(xiàn)于法國作家利爾亞當（AugusteVilliersdel’Isle-Adam）在1886年發(fā)表的科幻小說《未來夏娃》中，他將外表像人的機器起名為Android。從2008年HTC和Google聯(lián)手推出第一臺Android手機G1開始，截止到2013年的第三季度，根據(jù)IDC的數(shù)據(jù)顯示，Android系統(tǒng)的手機占到智能手機出貨量的81%，領(lǐng)先第二名的iOS四倍有余，排名第三的WindowsPhone僅僅占據(jù)了3.6%的份額。即便在全球的手機市場份額中，運行Android系統(tǒng)的手機也占到42.68%，這是一個巨大的領(lǐng)先數(shù)字。為什么這么短的時間Android會如此大熱？1當前主流的智能手機系統(tǒng)1．當今潮流——AndroidAnd1當前主流的智能手機系統(tǒng)開源這是Android能夠快速成長的最關(guān)鍵因素。在Android之前，沒有任何一個智能操作系統(tǒng)的開源程度能夠像Android一樣。Android的開源，打破以往操作系統(tǒng)平臺的授權(quán)模式，不但降低了廠商的成本也賦予了他們更多自由發(fā)揮的空間，更提升了他們支持Android的熱情，這是Android平臺能夠快速成熟、快速成長的源泉。聯(lián)盟聯(lián)盟戰(zhàn)略是Android能夠攻城拔寨的另一大法寶。谷歌為Android成立的開放手機聯(lián)盟（OHA）不但有摩托羅拉、三星、HTC、索尼愛立信等眾多大牌手機廠商擁護，還受到了手機芯片廠商和移動運營商的支持，僅創(chuàng)始成員就達到34家。開源、聯(lián)盟，Android凝聚了幾乎遍布全球的力量，這是Android形象及聲音能夠被傳到全球移動互聯(lián)網(wǎng)市場每一個角落的根本原因。1當前主流的智能手機系統(tǒng)開源這是Android能夠快速成長的1當前主流的智能手機系統(tǒng)技術(shù)Android系統(tǒng)的底層操作系統(tǒng)是Linux，Linux作為一款免費、易得、可以任意修改源代碼的操作系統(tǒng)，吸收了全球無數(shù)程序員的精華。另外，Linux作為一種嵌入式操作系統(tǒng)，使得Android能夠很方便地被應用、移植到各種平臺并快速發(fā)展。同時，Android平臺較快的版本更新速度使得手機硬件性能不斷向最優(yōu)方向發(fā)展，也使Android可玩、好玩、容易玩的特征越來越顯著。有優(yōu)點也會有缺點，Android版本數(shù)量較多，應用軟件對各版本系統(tǒng)的兼容性對程序開發(fā)人員是一種不少的挑戰(zhàn)；同時由于開發(fā)門檻低，導致應用數(shù)量雖然很多，但是應用質(zhì)量參差不齊，甚至出現(xiàn)不少惡意軟件，導致一些用戶受到損失。同時Android沒有對各廠商在硬件上進行限制，導致一些用戶在低端機型上體驗不佳；另一方面，因為Android的應用主要使用Java語言開發(fā)，其運行效率和硬件消耗一直是其他手機用戶所詬病的地方。1當前主流的智能手機系統(tǒng)技術(shù)Android系統(tǒng)的底層操作系統(tǒng)1當前主流的智能手機系統(tǒng)2．高貴華麗——iOSiOS作為蘋果移動設備iPhone和iPad的操作系統(tǒng)，在AppStore的推動之下，成為了世界上引領(lǐng)潮流的操作系統(tǒng)之一。原本這個系統(tǒng)名為“iPhoneOS”，直到2010年6月7日WWDC大會上宣布改名為“iOS”。從最初的iPhoneOS，演變至最新的iOS9系統(tǒng)，iOS成為了蘋果新的移動設備操作系統(tǒng)，橫跨iPodTouch、iPad、iPhone，成為蘋果最強大的操作系統(tǒng)。甚至新一代的MacOSXLion也借鑒了iOS系統(tǒng)的一些設計，可以說iOS是蘋果的又一個成功的操作系統(tǒng)，能給用戶帶來極佳的使用體驗。iOS的用戶界面的概念基礎上是能夠使用多點觸控直接操作。控制方法包括滑動、輕觸開關(guān)及按鍵，與系統(tǒng)交互包括滑動、輕按、擠壓（通常用于縮?。┘胺聪驍D壓（通常用于放大）。此外通過其自帶的加速器，可以令其旋轉(zhuǎn)設備改變其y軸以令屏幕改變方向，這樣的設計令iPhone更便于使用。1當前主流的智能手機系統(tǒng)2．高貴華麗——iOSiOS作為蘋果1當前主流的智能手機系統(tǒng)優(yōu)秀系統(tǒng)設計以及嚴格的AppStore，iOS作為應用數(shù)量最多的移動設備操作系統(tǒng)，使得用戶體驗得到更大的提升，感受科技帶來的好處。iOS系統(tǒng)對軟件的限制多，但這個缺點其實也是優(yōu)點，它讓軟件無法獲取你的隱私信息，因此，來電歸屬地、來電識別之類的軟件都無法進入AppStore。1當前主流的智能手機系統(tǒng)優(yōu)秀系統(tǒng)設計以及嚴格的AppSto1當前主流的智能手機系統(tǒng)3．全新面貌——WindowsPhone早在2004年時，微軟就開始以“Photon”的計劃代號開始研發(fā)WindowsMobile的一個重要版本更新，但進度緩慢，最后整個計劃都被取消了。直到2008年，在iOS和Android的沖擊之下，微軟才重新組織了WindowsMobile的小組，并繼續(xù)開發(fā)一個新的行動操作系統(tǒng)。2011年2月11日，諾基亞在英國倫敦宣布與微軟達成戰(zhàn)略合作關(guān)系。諾基亞手機將采用WindowsPhone（簡稱WP）系統(tǒng)，并且將參與該系統(tǒng)的研發(fā)。諾基亞將把WindowsPhone作為智能手機的主要操作系統(tǒng)。WindowsPhone具有桌面定制、圖標拖拽、滑動控制等一系列前衛(wèi)的操作體驗。其主屏幕通過提供類似儀表盤的體驗來顯示新的電子郵件、短信、未接來電、日歷約會等，讓人們對重要信息保持時刻更新。它還包括一個增強的觸摸屏界面，更方便手指操作；以及一個最新版本的IEMobile瀏覽器。1當前主流的智能手機系統(tǒng)3．全新面貌——WindowsPh1當前主流的智能手機系統(tǒng)全新的Windows手機把網(wǎng)絡、個人電腦和手機的優(yōu)勢集于一身，讓人們可以隨時隨地享受到想要的體驗。內(nèi)置的Office辦公套件和Outlook使得辦公更加有效和方便。但是WindowsPhone處于發(fā)展階段，在應用方面，目前WindowsPhone的應用數(shù)量還很少。1當前主流的智能手機系統(tǒng)全新的Windows手機把網(wǎng)絡、個人1當前主流的智能手機系統(tǒng)4．高端商務——BlackberryOS（黑莓）Blackberry系統(tǒng)，即黑莓系統(tǒng)，是加拿大ResearchInMotion（簡稱RIM）公司推出的一種無線手持郵件解決終端設備的操作系統(tǒng)，由RIM自主開發(fā)。它和其他手機終端使用的Android、WindowsMobile、iOS等操作系統(tǒng)有所不同，Blackberry系統(tǒng)的加密性能更強、更安全?！?11”事件之后，由于Blackberry及時傳遞了災難現(xiàn)場的信息，而在美國掀起了擁有一部Blackberry終端的熱潮。安裝有Blackberry系統(tǒng)的黑莓機，指的不單單只是一臺手機，而是由RIM公司所推出，包含服務器（郵件設定）、軟件（操作接口）以及終端（手機）大類別的PushMail實時電子郵件服務。1當前主流的智能手機系統(tǒng)4．高端商務——Blackberry1當前主流的智能手機系統(tǒng)黑莓賴以成功的最重要原則——針對高級白領(lǐng)和企業(yè)人士，提供企業(yè)移動辦公的一體化解決方案。企業(yè)有大量的信息需要即時處理，出差在外時，也需要一個無線的可移動的辦公設備。企業(yè)只要裝一個移動網(wǎng)關(guān)，一個軟件系統(tǒng)，用手機的平臺實現(xiàn)無縫鏈接，無論何時何地，員工都可以用手機進行辦公。它最大方便之處是提供了郵件的推送功能：即由郵件服務器主動將收到的郵件推送到用戶的手持設備上，而不需要用戶頻繁地連接網(wǎng)絡查看是否有新郵件。黑莓系統(tǒng)穩(wěn)定性非常優(yōu)秀，其獨特定位也深得商務人士所青睞。因此在大眾市場上得不到優(yōu)勢，國內(nèi)用戶和應用資源也較少。1當前主流的智能手機系統(tǒng)黑莓賴以成功的最重要原則——針對高級2打造移動Web應用程序3.2.1設計在通用設備上運行的網(wǎng)站要設計一個好的移動Web頁面或應用程序，關(guān)鍵在于不要僅針對某個移動設備設計。W3C將此稱為“DesignForOneWeb”，就是“一次設計，能在所有設備運行”之意。1．設計規(guī)劃在設計一個Web時，不應該只針對智能手機瀏覽器、平板電腦瀏覽器或桌面瀏覽器，好的設計應考慮到所有的設備類型。基于此，設計者們應當注意以下幾點：確保顯示在移動設備與非移動設備上的內(nèi)容基本一致。優(yōu)化頁面，減輕用戶代理的負載。使用可降級機制，讓舊款或是功能更少的瀏覽器也能瀏覽內(nèi)容。在盡可能多的設備和瀏覽器上測試所有頁面。2打造移動Web應用程序3.2.1設計在通用設備上運行的2打造移動Web應用程序在規(guī)劃一個站點時，常規(guī)步驟是從桌面版開始，然后進入移動設備版。如果要設計一個移動設備應用程序，可以先從移動設備瀏覽器版本開始規(guī)劃，在完成移動設備網(wǎng)站設計后，再將其改進或改變?yōu)樽烂鏋g覽器版本。許多人常常徑直坐下來就開始動手寫代碼，其實這是一種錯誤的做法。事前計劃是網(wǎng)站及移動設備Web應用程序開發(fā)的關(guān)鍵。通過計劃將會更清楚地了解到自己想要的是一個怎樣的網(wǎng)站，以及如何實現(xiàn)它。在具體開始之前，我們需要想明白以下幾個問題：要開發(fā)的Web應用程序的用途是什么？開發(fā)這個應用程序目標是什么？應用程序的用戶會是哪些人？2打造移動Web應用程序在規(guī)劃一個站點時，常規(guī)步驟是從桌面版2打造移動Web應用程序該應用程序的競爭對手有哪些？對潛在的競爭者進行盡可能多的調(diào)查。他們產(chǎn)品的盈利是多少？市場占有率為多少？他們的優(yōu)點和缺點分別是什么？還有什么其他風險可能影響到應用程序的成功？開發(fā)進度是怎樣安排的？在計劃好應用程序的用途之后，接下來要設計應用程序的外觀，例如繪制一個應用程序應有外觀的簡單原型。這里繪制步驟不需要任何美化操作，甚至不需要有顏色或圖片，只要能夠表現(xiàn)出頁面外觀的基本思路即可。2打造移動Web應用程序該應用程序的競爭對手有哪些？對潛在的2打造移動Web應用程序2．使用框架面向整個互聯(lián)網(wǎng)設計網(wǎng)站是個美好的愿望，這也是W3C的理想。但實際上如果想讓應用程序在各種的設備上可用，就要為不同的設備及瀏覽器預留空間?？蚣苁且环N解決辦法，它將復雜技術(shù)整合在一起作為對象供人使用。典型的HTML框架會提供布局網(wǎng)格、排版，以及導航、表單、鏈接這類對象?？梢允褂靡恍〩TML5移動框架來創(chuàng)建可同時在iOS及Android這兩種移動設備上使用的HTML5應用程序。下面是一些值得推薦的HTML5移動框架。SenchaTouch-SenchaTouch這是一種JavaScript框架，可以利用它來創(chuàng)建應用程序，這類應用程序在iOS、Android以及Blackberry上看起來像本地應用程序。2打造移動Web應用程序2．使用框架面向整個互聯(lián)網(wǎng)設計網(wǎng)站是2打造移動Web應用程序jQueryMobile源自jQuery，用于為iOS、Android、Blackberry、WebOS以及Windows手機開發(fā)頁面。PhoneGapPhoneGap不僅僅是一款框架，不僅可以創(chuàng)建移動應用程序，還可以用它來將HTML5應用程序轉(zhuǎn)化為原生移動應用程序。通過PhoneGap，可以將上述任何一款框架轉(zhuǎn)化成可以在Android及Apple電子市場上出售的應用程序。如果只使用一種框架，最好選擇PhoneGap。2打造移動Web應用程序jQueryMobile源自jQu2打造移動Web應用程序3.2.2選擇Web編輯器在開發(fā)移動Web應用程序的過程中經(jīng)常用到Web編輯器工具，通過專業(yè)的Web編輯器或是集成開發(fā)環(huán)境可以為設計人員提供更豐富的功能，例如代碼校驗、瀏覽器預覽、網(wǎng)站文件管理、項目管理、腳本調(diào)試以及與其他工具的集成。目前常用的移動應用程序Web編輯器如下：Dreamweaver：Dreamweaver的最新版本集成了PhoneGap。KomodoIDE：支持許多不同編程語言，它也是一款不錯的使用iQuery來創(chuàng)建HTML5應用程序的文本編輯器。TopStyle：TopStyle（）是一款用于Windows的CSS編輯器，包含了許多HTML。它提供的功能包括移動設備預覽以及移動用戶腳本。SiteSpinnerPro：是一個WYSIWYG（WhatYouSeeIsWhatYouGet，所見即所得）的Windows編輯器，它提供作用于移動設備上的腳本以及預覽。2打造移動Web應用程序3.2.2選擇Web編輯器在開發(fā)2打造移動Web應用程序讀者們可以選擇一款Web編輯器用來創(chuàng)建Web應用程序，或者將現(xiàn)有網(wǎng)站轉(zhuǎn)化為移動版。如果你還在用非專業(yè)HTML的文本編輯器（例如Notepad或TextEdit）來編輯Web頁面，那么應當改為使用Web編輯器，以便讓開發(fā)工作的效率變得更高，而且更加順利。2打造移動Web應用程序讀者們可以選擇一款Web編輯器用來創(chuàng)2打造移動Web應用程序3.2.3為移動設備調(diào)整可視化的設計在移動設計應用中有一些常見的典型設計，這些設計讓應用程序變得更具親和力，而且更容易使用。這些典型設計的思想可以歸于以下幾點：要盡量簡單特別是在針對功能手機的設計中，有必要將圖片數(shù)量盡可能控制在最小。盡量在一頁里提供足夠的內(nèi)容，這樣用戶就不用頻繁地單擊新頁面。導航按鈕位置導航按鈕通常在屏幕頂端，位于標題旁邊，用于幫助移動用戶進行導航。此類按鈕包括下一頁（通常位于右側(cè)）、上一頁（通常位于左側(cè)）、更多信息、信息目錄，以及所有對當前頁面有意義的東西。2打造移動Web應用程序3.2.3為移動設備調(diào)整可視化的2打造移動Web應用程序列表應盡量簡短列表應盡量簡短，閱讀起來一定要比段落要輕松，在功能手機上每欄3～5個字，在智能手機上每欄5～10個字。宣傳圖片宣傳圖片通常位于標題處，可能包括一個單行簡介以及一個單擊便可閱讀全文的箭頭。需要在小屏幕上展示多個項目時，這是一個很好的做法。菜單移動設備上的菜單可以十分復雜，而最常見的菜單圖案為單列選項（通常長度為1～2個字），在單擊時可以展開次級菜單。2打造移動Web應用程序列表應盡量簡短列表應盡量簡短，閱讀起2打造移動Web應用程序連續(xù)頁面連續(xù)頁面在用戶滑動至頁面底部時持續(xù)加長。這種做法加快下載速度，并讓用戶可以在不單擊任何東西的情況下連續(xù)閱讀。頁面之間的切換如果移動網(wǎng)站的內(nèi)容分為許多頁，就需要為頁面之間的切換設計一種簡單的方法。常見做法是在內(nèi)容下方加入一個水平列表，當前頁面顯示為粗體且不帶鏈接，而其他頁面的數(shù)字兩側(cè)有“上一頁”及“下一頁”。即便頁面數(shù)量大于3～5頁，也應當在列表中顯示最多3～5個頁面數(shù)字。選項卡選項卡是一種是應用廣泛的導航設計，在桌面設計上的使用率和移動設計上差不多。它們可以被放在同一行中，因此十分適合作為項級導航存在。2打造移動Web應用程序連續(xù)頁面連續(xù)頁面在用戶滑動至頁面底部2打造移動Web應用程序隱藏內(nèi)容可以將內(nèi)容隱藏在觸發(fā)按鈕下，這樣可以讓頁面包含更多內(nèi)容且不會讓用戶感覺閱讀吃力。這個功能對于移動設備來說非常好，因為頁面加載的同時所有內(nèi)容已下載，即便其屬于顯示隱藏狀態(tài)也是如此。提高加載速度將移動頁面設計為先加載內(nèi)容，再加載廣告及導航。如果某些內(nèi)容對于移動用戶來說并沒有太大必要——例如側(cè)邊欄，那么可以將它隱藏起來。移動設計與PC設計重要信息保持一致雖然移動設計的外觀與PC設計外觀沒有必要完全相同，但兩者應該盡量相似，尤其logo、顏色以及版權(quán)信息等要保持一致。2打造移動Web應用程序隱藏內(nèi)容可以將內(nèi)容隱藏在觸發(fā)按鈕下，2打造移動Web應用程序3.2.4測試應用程序應用程序測試是開發(fā)過程中的一個重要環(huán)節(jié)，應當先在自有設備上進行測試，然后再設法在其他設備上測試。通常來說，可以通過以下3種方法在自己沒有的設備上進行測試。購買或租賃設備；請求他人幫助；使用模擬器。2打造移動Web應用程序3.2.4測試應用程序應用程序測2打造移動Web應用程序模擬器有以下兩種：（1）桌面模擬器在測試應用程序時，可以使用模擬器來測試，最好的模擬器是可以在桌面電腦上運行的模擬器。Android模擬器可以從獲取。（2）在線模擬器在線模擬器的效果比不上桌面模擬器，因為它們功能更少，不過使用起來很方便。常用有以下在線模擬器：OperaMiniSimulator（）DeviceAnywhere（）BrowserCam（）2打造移動Web應用程序模擬器有以下兩種：（1）桌面模擬器在2打造移動Web應用程序1．測試移動支持方面測試應用程序的第一步是看應用程序目前在移動支持方面的情況。在大多數(shù)情況下，測試時的最大問題是發(fā)現(xiàn)網(wǎng)站對移動設備不夠友好，常見的不夠友好的原因如下：標題尺寸偏小。移動網(wǎng)站不應該有兩級導航?！癛ecentPosts”標題占用空間太大。實際顏色與設計時挑選的顏色有偏差。2打造移動Web應用程序1．測試移動支持方面測試應用程序的第2打造移動Web應用程序2．CSS3及HTML5支持Modernizr是用來檢查CSS3及HTML5支持最好的工具之一。它是一個小型JavaScript庫，，并為不支持相關(guān)功能的瀏覽器提供回退方案。讀者可以登錄網(wǎng)站下載腳本，然后將文件加入網(wǎng)站目錄中，通過如下格式將腳本添加至文檔的head部分。<scriptsrc=““></script>然后通過如下格式加入no-js類。<htmlclass=”no-js”>2打造移動Web應用程序2．CSS3及HTML5支持Mode2打造移動Web應用程序這樣Modernizr就安裝完成了。它將自動加載并檢測40多種CSS3和HTML5函數(shù)。還可以添加當前并不包含在Modernizr中的檢測內(nèi)容。但是Modernizr并不能檢測所有東西，Modernizr不能檢測以下內(nèi)容如下：網(wǎng)頁表單中的日期及拾色器功能。Android移動設備上的contenteditable屬性，用于允許用戶編輯指定內(nèi)容。音頻及視頻中的preload屬性支持。軟連字符（­；）以及<wbr>標簽支持。HTML實體的解析。PNG透明度。至于其詳細的信息，讀者可以登錄如下地址查看。https://2打造移動Web應用程序這樣Modernizr就安裝完成了。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境“工欲善其事，必先利其器”出自《論語》，意思是要想高效的完成一件事，需要有一個合適的工具。對于安卓開發(fā)人員來說，開發(fā)工具同樣至關(guān)重要。作為一項新興技術(shù)，在進行開發(fā)前首先要搭建一個對應的開發(fā)環(huán)境。對于本書內(nèi)容來講，搭建Android開發(fā)環(huán)境的過程不僅是搭建應用開發(fā)環(huán)境的過程，而且還是搭建移動Web開發(fā)環(huán)境的過程。在Windows中搭建Android開發(fā)環(huán)境需要用到以下組件：JDK：我們知道Android是基于Java開發(fā)的，因此首先需要Java運行環(huán)境，讀者可以登錄Oracle官方網(wǎng)站下載。Eclipse+AndroidSDK：Eclipse是Android集成開發(fā)工具，讀者可以登錄Android官方網(wǎng)站進行下載。ADT：ADT是Android為Eclipse定制的專用插件。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境“工欲善其事3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3.3.1安裝JDKJDK（JavaDevelopmentKit）是整個Java的核心，包括了Java運行環(huán)境、Java工具和Java基礎的類庫。JDK是學好Java的第一步，是開發(fā)和運行Java環(huán)境的基礎，當用戶要對Java程序進行編譯的時候，必須先獲得對應操作系統(tǒng)的JDK，否則將無法編譯Java程序。獲得JDK的操作流程如下：（1）登錄Oracle官方網(wǎng)站，找到Downloads下面JavaSE的下載界面，具體網(wǎng)址為，如右圖所示。Oracle官方下載頁面3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3.3.13實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（2）單擊JDK下面對應的DOWNLOAD按鈕，出現(xiàn)如右圖所示的下載頁面，這里有不同版本的JDK可供下載。根據(jù)自己電腦的配置選擇符合的JDK，筆者在此選擇的是WindowsX86版本。JDK下載頁面3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（2）單擊J3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（3）下載完成后雙擊下載的“.exe”文件開始進行安裝，將彈出“安裝向?qū)А睂υ捒?，如下左圖所示，在此單擊【下一步】按鈕。（4）彈出“安裝路徑”對話框，如下右圖所示，在此選擇文件的安裝路徑?！鞍惭b向?qū)А睂υ捒驁D

“安裝路徑”對話框3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（3）下載完3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（5）設置安裝路徑后單擊【下一步】按鈕，開始在解壓縮下載的文件，如下左圖所示。完成后彈出“目標文件夾”對話框，在此可以更改安裝的位置，如下右圖所示。

解壓縮下載的文件

“目標文件夾”對話框3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（5）設置安3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（6）單擊【下一步】按鈕后開始正式安裝，如下左圖所示。安裝完成后彈出“完成”對話框，如下右圖所示，單擊【完成】按鈕后完成整個安裝過程。繼續(xù)安裝

完成安裝

3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境（6）單擊【3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

CMD窗口提示：安裝完成后可以通過以下方法檢測是否安裝成功：依次單擊【開始】→【運行】按鈕，在運行框中輸入“cmd”并按下回車鍵，在打開的CMD窗口中輸入java–version，如果顯示自己所安裝的JDK版本信息，則說明安裝成功，如下圖所示。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

如果沒有安裝成功，需要將其目錄的絕對路徑添加到系統(tǒng)的PATH中。具體做法如下：

“系統(tǒng)屬性”對話框

設置系統(tǒng)變量（1）右鍵單擊【我的電腦】，依次單擊【屬性】→【高級系統(tǒng)設置】選項，將彈出如圖所示的“系統(tǒng)屬性”對話框。（2）單擊“系統(tǒng)屬性”對話框最下面的“環(huán)境變量”按鈕，在彈出的“環(huán)境變量”窗口“系統(tǒng)變量”處選擇“新建”按鈕。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

（3）如圖所示，在變量名處輸入JAVA_HOME，變量值中輸入剛才的安裝目錄，例如設置為“”。

（4）如圖所示，再次新建一個變量名為classpath，其變量值如下所示。設置系統(tǒng)變量3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

（5）找到path的變量，雙擊或單擊“編輯”按鈕，在變量值最前面添加如下值：%JAVA_HOME%/bin;（6）按照33頁圖所示的方法再次驗證，如果可以看到相應版本信息，則說明安裝成功。提示：上述變量設置中，是按照筆者本人的安裝路徑設置的，筆者安裝的JDK的路徑是。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

3.3.2安裝Eclipse和AndroidSDK在安裝好JDK后，接下來需要安裝Eclipse和AndroidSDK。Eclipse是進行Android應用開發(fā)的一個集成工具，而AndroidSDK是開發(fā)Android應用程序鎖必須具備的框架。在Android官方公布的最新版本中，已經(jīng)將Eclipse和AndroidSDK這兩個工具進行了集成，一次下載即可同時獲得這兩個工具。Android的官方網(wǎng)站（1）登錄Android的官方網(wǎng)站3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

單擊“InstallingtheSDK”按鈕（2）單擊37頁圖下方的“GettheSDK”鏈接，在彈出的界面左側(cè)單擊“InstallingtheSDK”按鈕。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

選擇下載內(nèi)容（3）將彈出如圖3所示的頁面，此時有兩個選項可供選擇，

按鈕表示用戶可以下載AndroidStudio，

按鈕表示僅下載SDK工具。單擊相應按鈕即可進入下面更具體的下載頁面。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

提示：在筆者完成此書時，Google在我國還處于被限制訪問狀態(tài)，訪問和下載Android官方網(wǎng)站的資料（Android是Google公司產(chǎn)品）變得非常困難，這里我們在資料包中提供了SDK和AndroidStudio（路徑：代碼/3/），讀者可以直接使用。如果讀者使用AndroidStudio，每次使用系統(tǒng)都會“FetchingAndroidSDKcomponentinformation”（獲取AndroidSDK組件的信息）。同樣由于限制的問題，這個獲取的過程可能需要很長的時間，而且也不一定能夠成功的獲取。下面我們以SDK為例講解。解壓后的目錄結(jié)構(gòu)（4）SDK目標文件是一個壓縮包，解壓后的目錄結(jié)構(gòu)如圖所示。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

由此可見，Android官方已經(jīng)將Eclipse和AndroidSDK實現(xiàn)了集成。雙擊“eclipse”目錄中的“”可以打開Eclipse，界面效果如右圖所示。Eclipse界面效果3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

AndroidSDK界面（5）打開AndroidSDK的方法有兩種：一種是雙擊下載目錄中的“”文件，另一種在是單擊Eclipse工具欄中的

圖標。打開的AndroidSDK如圖所示。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

3.3.3安裝ADTAndroid為Eclipse定制了一個專用插件AndroidDevelopmentTools（ADT），此插件為用戶提供了一個強大的開發(fā)Android應用程序的綜合環(huán)境。ADT擴展了Eclipse的功能，可以讓用戶快速地建立Android項目，創(chuàng)建應用程序界面。要安裝ADT，需要首先打開EclipseIDE。添加插件（1）打開Eclipse后，單擊菜單欄中的【Help】→【InstallNewSoftware...】選項，如圖所示。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

添加插件（2）在彈出的“Install”對話框中單擊“Add”按鈕。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

設置地址

插件列表（3）在彈出的“AddSite”對話框中分別輸入名字和地址，名字可以自己命名，但是Location中需輸入插件的網(wǎng)絡地址http://。（4）單擊“OK”按鈕，此時在“Install”對話框中將會顯示系統(tǒng)中可用的插件。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

插件安裝界面（5）選中“AndroidDDMS”和“AndroidDevelopmentTools”，然后單擊“Next”按鈕來到如圖所示的安裝界面。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

開始安裝（6）選擇“Iaccept”選項后單擊“Finish”按鈕即開始進行安裝。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

3.3.4設定AndroidSDKHome當完成上述組件安裝工作后，此時還不能使用Eclipse創(chuàng)建Android項目，我們還需要在Eclipse中設置AndroidSDK的主目錄。Preferences項（1）打開Eclipse，在菜單中依次單擊【W(wǎng)indows】→【Preferences】項。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

設置SDKLocation（2）彈出的Preferences對話框如圖所示，在其左側(cè)可以看到“Android”項，選中Android后，在右側(cè)設定SDKLocation為AndroidSDK所在目錄，單擊“OK”按鈕完成設置。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

3.3.5驗證開發(fā)環(huán)境經(jīng)過前面的步驟，一個基本的Android開發(fā)環(huán)境算是搭建完成了。實踐是檢驗真理的唯一標準，下面我們新建一個項目來驗證當前的環(huán)境是否可以正常工作。新建項目（1）打開Eclipse，在菜單中依次選擇【File】→【New】→【Project】項，在彈出的對話框上可以看到Android類型的選項3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

“NewAndroidApplication”對話框（2）在49頁圖中選擇“Android”項，單擊“Next”按鈕后打開“NewAndroidProject”對話框，在對應的文本框中輸入相應的信息，如圖所示。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

項目結(jié)構(gòu)（3）單擊“Finish”按鈕后Eclipse會自動完成項目的創(chuàng)建工作，最后會看到如圖所示的項目結(jié)構(gòu)。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

3.3.6創(chuàng)建Android虛擬設備（AVD）我們都知道程序開發(fā)需要調(diào)試，只有經(jīng)過調(diào)試之后才能知道我們的程序是否正確運行。作為一款手機系統(tǒng)，我們怎么樣在能在電腦平臺之上調(diào)試Android程序呢？不用擔心，谷歌為我們提供了模擬器來解決問題。對于Android程序的開發(fā)者來說，模擬器的推出給開發(fā)者在開發(fā)上和測試上帶來了很大的便利。無論在Windows下還是Linux下，Android模擬器都可以順利運行。并且官方提供了Eclipse插件，可以將模擬器集成到Eclipse的IDE環(huán)境。所謂模擬器，就是指在電腦上模擬安卓系統(tǒng)，通過模擬器來調(diào)試并運行開發(fā)的Android程序。開發(fā)人員不需要一個真實的Android手機，只通過電腦即可模擬運行一個手機，開發(fā)出應用在手機上面的程序。AVD全稱為AndroidVirtualDevice（Android虛擬設備），每個AVD模擬了一套虛擬設備來運行Android平臺，這個平臺至少要有自己的內(nèi)核，系統(tǒng)圖像和數(shù)據(jù)分區(qū)，還可以有自己的的SD卡和用戶數(shù)據(jù)以及外觀顯示等。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

創(chuàng)建AVD的基本步驟如下：“AndroidSDKandAVDManager”界面（1）單擊Eclips菜單中的AndroidVirtualDeviceManager圖標

，在彈出的“AndroidVirtualDeviceManager”界面的左側(cè)導航中選擇“Virtualdevice”選項，如圖所示。在“Virtualdevice”列表中列出了當前已經(jīng)安裝的AVD版本，我們可以通過右側(cè)的按鈕來創(chuàng)建、刪除或修改AVD。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

新建AVD（2）單擊

按鈕，在彈出的界面中可以創(chuàng)建一個新AVD，如圖所示。提示：我們還可以在cmd窗口中創(chuàng)建或刪除AVD。例如創(chuàng)建AVD的命令如下：androidcreateavd--name<your_avd_name>--target<targetID>其中“your_avd_name”是指新創(chuàng)建的AVD的名字。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

3.3.7啟動AVD模擬器AndroidSDK中包含的模擬器的功能非常齊全，電話本、通話等功能都可正常使用（當然沒辦法真的從這里打電話），甚至其內(nèi)置的瀏覽器和Maps都可以聯(lián)網(wǎng)。用戶可以使用鍵盤輸入、鼠標點擊模擬器按鍵輸入，還可以使用鼠標拖動屏幕進行操縱。模擬器在PC上模擬運行的效果如右圖所示。模擬器界面3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

在調(diào)試的時候我們需要啟動AVD模擬器，啟動AVD模擬器的步驟如下：“Launch”對話框（1）選擇54頁圖列表中名為“mm”的AVD后，單擊

按鈕，將彈出“LaunchOption”界面，如圖所示。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境

模擬運行成功（2）單擊【Launch】按鈕后將會運行名為“mm”的模擬器。3實例

搭建A

n

d

r

o

I

d開發(fā)環(huán)境4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

要想成為一名iOS開發(fā)人員，最好擁有一臺IntelMacintosh臺式機或筆記本電腦，并運行蘋果的操作系統(tǒng)，例如SnowLeopard或Lion。硬盤至少有6GB的可用空間，并且開發(fā)系統(tǒng)的屏幕越大越好。對于廣大初學者來說，建議購買一臺Mac機器，因為這樣的開發(fā)效率更高，并且能夠更方便地獲得蘋果公司的支持，也避免一些因為不兼容所帶來的調(diào)試錯誤。對于絕大多數(shù)讀者來說，其實無需使用任何花費即可加入到Apple開發(fā)人員計劃（DeveloperProgram），然后下載iOSSDK（軟件開發(fā)包）、編寫iOS應用程序，并且在AppleiOS模擬器中運行它們。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境要想成4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

3.4.1下載Xcode對于初學者來說，我們只需安裝Xcode即可完成大多數(shù)的iOS開發(fā)工作。通過使用Xcode，不但可以開發(fā)iPhone程序，而且也可以開發(fā)iPad程序。并且Xcode還是完全免費的，通過它提供的模擬器就可以在電腦上測試我們的iOS程序。如果要發(fā)布iOS程序或在真實機器上測試iOS程序的話，則需要一些費用。下載Xcode的具體方法可參考書中步驟。蘋果開發(fā)頁面主頁（1）登錄蘋果開發(fā)頁面主頁4綜合實例

搭建

I

O

S

開發(fā)環(huán)境3.44綜合實例

搭建

I

O

S

開發(fā)環(huán)境

Xcode的下載頁面（2）單擊蘋果開發(fā)頁面主頁上方的“MemberCenter”按鈕，將進入如圖3-36所示的畫面，在此頁面中需要用戶輸入AppleID。如果讀者通過使用iTunes、iCloud或其他Apple服務已經(jīng)獲得了AppleID，可以將該ID用作開發(fā)賬戶。如果目前還沒有AppleID，或者需要新注冊一個專門用于開發(fā)的新ID，可通過注冊的方法創(chuàng)建一個新AppleID。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境Xco4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

同意協(xié)議（3）注冊成功后輸入登錄信息，登錄成功后的界面如圖所示，勾選第一個多選框，同意Apple公司的協(xié)議，然后單擊“Submit”按鈕即可。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境同意協(xié)4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

單擊“SDKs”選項（4）接下來在圖所示的頁面中單擊“SDKs”選項。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境單擊“4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

單擊“Xcode”選項（5）在圖所示的頁面中單擊“ToolsandLanguages”下的“Xcode”選項。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境單擊“4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

單擊“Download”按鈕（6）接下來進入圖所示的頁面，單擊左上角的“Download”按鈕。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境單擊“4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

選擇下載版本（7）在圖所示的頁面中，單擊相應的版本鏈接即可。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境選擇下4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

選擇接收的路徑（8）接下來的頁面我們都很熟悉，如圖所示選擇接收的路徑后，單擊“下載”按鈕即可。提示：Xcode文件比較大，下載需要一些時間，請耐心等待。此外，我們也可以通過使用AppStore來獲取Xcode，這種方式的優(yōu)點是完全自動，操作方便。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境選擇接4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

3.4.2安裝Xcode建議讀者將Xcode安裝在OSX的Mac機器上，也就是裝有蘋果系統(tǒng)的蘋果機上。（1）下載完成后單擊打開下載的“.dmg”格式文件，然后雙擊Xcode文件開始安裝。提示：考慮到很多初學者是學生用戶，如果沒有購買蘋果機的預算，可以在Windows系統(tǒng)上采用虛擬機的方式安裝OSX系統(tǒng)，大致流程如下：（1）下載和安裝虛擬機，例如VMware；（2）下載Mac補丁（VMware默認沒有AppleMACOXS系統(tǒng)，安裝補丁后才會出現(xiàn)該選項）；（3）安裝Xcode。具體的安裝細節(jié)，讀者可以查閱網(wǎng)絡資料，這里不再贅述。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境3.44綜合實例

搭建

I

O

S

開發(fā)環(huán)境

單擊“Continue”按鈕（2）在彈出的對話框中單擊“Continue”按鈕。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境單擊“4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

單擊“Agree”按鈕（4）在彈出的歡迎界面中單擊“Agree”按鈕。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境單擊“4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

單擊“好”按鈕

安裝完成（5）在彈出的對話框中輸入用戶名和密碼后，單機按鈕“好”按鈕。（6）在彈出的新對話框中顯示安裝進度，進度完成后的界面如圖所示。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境單擊“4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

3.4.3創(chuàng)建一個Xcode項目并啟動模擬器Xcode是一款功能全面的應用程序，通過此工具可以輕松輸入、編譯、調(diào)試并執(zhí)行Objective-C（是開發(fā)iOS項目的最佳語言）程序。接下來將簡單介紹使用Xcode創(chuàng)建項目，并啟動iOS模擬器的方法。

Xcode快捷圖標

啟動一個新項目（1）找到Xcode，它位于“Developer”文件夾內(nèi)中的“Applications”子文件夾中，快捷圖標如圖所示，雙擊圖標啟動Xcode。（2）在其主頁面中單擊【File】→【NewProject】選項4綜合實例

搭建

I

O

S

開發(fā)環(huán)境3.44綜合實例

搭建

I

O

S

開發(fā)環(huán)境

選擇“EmptyApplication（空應用程序）”模板（3）此時出現(xiàn)NewProject窗口，窗口的左側(cè)顯示了可供選擇的模板類別，因為我們的重點是類別iOSApplication，所以在此需要選擇它。右側(cè)顯示了當前類別中的模板以及當前選定模板的描述。這里選擇“EmptyApplication（空應用程序）”模板即可，窗口界面效果如圖所示。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境選擇4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

指定產(chǎn)品名和公司標示符（4）單擊“Next”按鈕后，在新界面如圖所示，Xcode要求指定產(chǎn)品名稱和公司標識符。產(chǎn)品名稱就是應用程序的名稱，而公司標識符創(chuàng)建應用程序的組織或個人的域名，但按相反的順序排列。這兩者組成了束標識符，它將您的應用程序與其他iOS應用程序區(qū)分開來。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境指定產(chǎn)4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

這里將產(chǎn)品名設置為“Hello”，再提供我們選擇的公司標識符。文本框ClassPrefix根據(jù)自己的需要進行設置，例如輸入易記的“XYZ”。從下拉列表Device中選擇使用的設備（iPhone或iPad），默認值是Universal（通用），并確保選中了復選框“UseAutomaticReferenceCounting”（使用自動引用計數(shù)）。不要選中復選框“IncludeUnitTests”（包含單元測試），界面效果參見74頁圖所示。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境這里將4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

選擇保存位置（5）單擊“Next”按鈕后，Xcode將要求我們選擇項目的存儲位置。切換到硬盤中合適的文件夾，確保沒有選擇復選框SourceControl，再單擊“Create（創(chuàng)建）”按鈕。Xcode將創(chuàng)建一個名稱與項目名相同的文件夾，并將所有相關(guān)聯(lián)的模板文件都放到該文件夾中。如圖所示。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境選擇保4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

Xcode界面（6）在Xcode中創(chuàng)建或打開項目后，將出現(xiàn)一個類似于iTunes的窗口，如圖所示。使用它可以完成從編寫代碼到設計應用程序界面所有的工作。如果是第一次接觸Xcode，會發(fā)現(xiàn)有很多復雜的按鈕、下拉列表和圖標。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境Xco4綜合實例

搭建

I

O

S

開發(fā)環(huán)境

iPone模擬器的運行效果（7）運行iOS模擬器的方法十分簡單，只需單擊Xcode界面左上角的

按鈕即可。iPhone模擬器的運行效果如圖所示。4綜合實例

搭建

I

O

S

開發(fā)環(huán)境iP目錄當前主流的智能手機系統(tǒng)打造移動Web應用程序?qū)嵗?-1：搭建Android開發(fā)環(huán)境綜合實例：搭建iOS開發(fā)環(huán)境目錄當前主流的智能手機系統(tǒng)打造移動Web應用程序?qū)嵗?-1：1當前主流的智能手機系統(tǒng)1．當今潮流——AndroidAndroid一詞最早出現(xiàn)于法國作家利爾亞當（AugusteVilliersdel’Isle-Adam）在1886年發(fā)表的科幻小說《未來夏娃》中，他將外表像人的機器起名為Android。從2008年HTC和Google聯(lián)手推出第一臺Android手機G1開始，截止到2013年的第三季度，根據(jù)IDC的數(shù)據(jù)顯示，Android系統(tǒng)的手機占到智能手機出貨量的81%，領(lǐng)先第二名的iOS四倍有余，排名第三的WindowsPhone僅僅占據(jù)了3.6%的份額。即便在全球的手機市場份額中，運行Android系統(tǒng)的手機也占到42.68%，這是一個巨大的領(lǐng)先數(shù)字。為什么這么短的時間Android會如此大熱？1當前主流的智能手機系統(tǒng)1．當今潮流——AndroidAnd1當前主流的智能手機系統(tǒng)開源這是Android能夠快速成長的最關(guān)鍵因素。在Android之前，沒有任何一個智能操作系統(tǒng)的開源程度能夠像Android一樣。Android的開源，打破以往操作系統(tǒng)平臺的授權(quán)模式，不但降低了廠商的成本也賦予了他們更多自由發(fā)揮的空間，更提升了他們支持Android的熱情，這是Android平臺能夠快速成熟、快速成長的源泉。聯(lián)盟聯(lián)盟戰(zhàn)略是Android能夠攻城拔寨的另一大法寶。谷歌為Android成立的開放手機聯(lián)盟（OHA）不但有摩托羅拉、三星、HTC、索尼愛立信等眾多大牌手機廠商擁護，還受到了手機芯片廠商和移動運營商的支持，僅創(chuàng)始成員就達到34家。開源、聯(lián)盟，Android凝聚了幾乎遍布全球的力量，這是Android形象及聲音能夠被傳到全球移動互聯(lián)網(wǎng)市場每一個角落的根本原因。1當前主流的智能手機系統(tǒng)開源這是Android能夠快速成長的1當前主流的智能手機系統(tǒng)技術(shù)Android系統(tǒng)的底層操作系統(tǒng)是Linux，Linux作為一款免費、易得、可以任意修改源代碼的操作系統(tǒng)，吸收了全球無數(shù)程序員的精華。另外，Linux作為一種嵌入式操作系統(tǒng)，使得Android能夠很方便地被應用、移植到各種平臺并快速發(fā)展。同時，Android平臺較快的版本更新速度使得手機硬件性能不斷向最優(yōu)方向發(fā)展，也使Android可玩、好玩、容易玩的特征越來越顯著。有優(yōu)點也會有缺點，Android版本數(shù)量較多，應用軟件對各版本系統(tǒng)的兼容性對程序開發(fā)人員是一種不少的挑戰(zhàn)；同時由于開發(fā)門檻低，導致應用數(shù)量雖然很多，但是應用質(zhì)量參差不齊，甚至出現(xiàn)不少惡意軟件，導致一些用戶受到損失。同時Android沒有對各廠商在硬件上進行限制，導致一些用戶在低端機型上體驗不佳；另一方面，因為Android的應用主要使用Java語言開發(fā)，其運行效率和硬件消耗一直是其他手機用戶所詬病的地方。1當前主流的智能手機系統(tǒng)技術(shù)Android系統(tǒng)的底層操作系統(tǒng)1當前主流的智能手機系統(tǒng)2．高貴華麗——iOSiOS作為蘋果移動設備iPhone和iPad的操作系統(tǒng)，在AppStore的推動之下，成為了世界上引領(lǐng)潮流的操作系統(tǒng)之一。原本這個系統(tǒng)名為“iPhoneOS”，直到2010年6月7日WWDC大會上宣布改名為“iOS”。從最初的iPhoneOS，演變至最新的iOS9系統(tǒng)，iOS成為了蘋果新的移動設備操作系統(tǒng)，橫跨iPodTouch、iPad、iPhone，成為蘋果最強大的操作系統(tǒng)。甚至新一代的MacOSXLion也借鑒了iOS系統(tǒng)的一些設計，可以說iOS是蘋果的又一個成功的操作系統(tǒng)，能給用戶帶來極佳的使用體驗。iOS的用戶界面的概念基礎上是能夠使用多點觸控直接操作?？刂品椒òɑ瑒?、輕觸開關(guān)及按鍵，與系統(tǒng)交互包括滑動、輕按、擠壓（通常用于縮?。┘胺聪驍D壓（通常用于放大）。此外通過其自帶的加速器，可以令其旋轉(zhuǎn)設備改變其y軸以令屏幕改變方向，這樣的設計令iPhone更便于使用。1當前主流的智能手機系統(tǒng)2．高貴華麗——iOSiOS作為蘋果1當前主流的智能手機系統(tǒng)優(yōu)秀系統(tǒng)設計以及嚴格的AppStore，iOS作為應用數(shù)量最多的移動設備操作系統(tǒng)，使得用戶體驗得到更大的提升，感受科技帶來的好處。iOS系統(tǒng)對軟件的限制多，但這個缺點其實也是優(yōu)點，它讓軟件無法獲取你的隱私信息，因此，來電歸屬地、來電識別之類的軟件都無法進入AppStore。1當前主流的智能手機系統(tǒng)優(yōu)秀系統(tǒng)設計以及嚴格的AppSto1當前主流的智能手機系統(tǒng)3．全新面貌——WindowsPhone早在2004年時，微軟就開始以“Photon”的計劃代號開始研發(fā)WindowsMobile的一個重要版本更新，但進度緩慢，最后整個計劃都被取消了。直到2008年，在iOS和Android的沖擊之下，微軟才重新組織了WindowsMobile的小組，并繼續(xù)開發(fā)一個新的行動操作系統(tǒng)。2011年2月11日，諾基亞在英國倫敦宣布與微軟達成戰(zhàn)略合作關(guān)系。諾基亞手機將采用WindowsPhone（簡稱WP）系統(tǒng)，并且將參與該系統(tǒng)的研發(fā)。諾基亞將把WindowsPhone作為智能手機的主要操作系統(tǒng)。WindowsPhone具有桌面定制、圖標拖拽、滑動控制等一系列前衛(wèi)的操作體驗。其主屏幕通過提供類似儀表盤的體驗來顯示新的電子郵件、短信、未接來電、日歷約會等，讓人們對重要信息保持時刻更新。它還包括一個增強的觸摸屏界面，更方便手指操作；以及一個最新版本的IEMobile瀏覽器。1當前主流的智能手機系統(tǒng)3．全新面貌——WindowsPh1當前主流的智能手機系統(tǒng)全新的Windows手機把網(wǎng)絡、個人電腦和手機的優(yōu)勢集于一身，讓人們可以隨時隨地享受到想要的體驗。內(nèi)置的Office辦公套件和Outlook使得辦公更加有效和方便。但是WindowsPhone處于發(fā)展階段，在應用方面，目前WindowsPhone的應用數(shù)量還很少。1當前主流的智能手機系統(tǒng)全新的Windows手機把網(wǎng)絡、個人1當前主流的智能手機系統(tǒng)4．高端商務——BlackberryOS（黑莓）Blackberry系統(tǒng)，即黑莓系統(tǒng)，是加拿大ResearchInMotion（簡稱RIM）公司推出的一種無線手持郵件解決終端設備的操作系統(tǒng)，由RIM自主開發(fā)。它和其他手機終端使用的Android、WindowsMobile、iOS等操作系統(tǒng)有所不同，Blackberry系統(tǒng)的加密性能更強、更安全?！?11”事件之后，由于Blackberry及時傳遞了災難現(xiàn)場的信息，而在美國掀起了擁有一部Blackberry終端的熱潮。安裝有Blackberry系統(tǒng)的黑莓機，指的不單單只是一臺手機，而是由RIM公司所推出，包含服務器（郵件設定）、軟件（操作接口）以及終端（手機）大類別的PushMail實時電子郵件服務。1當前主流的智能手機系統(tǒng)4．高端商務——Blackberry1當前主流的智能手機系統(tǒng)黑莓賴以成功的最重要原則——針對高級白領(lǐng)和企業(yè)人士，提供企業(yè)移動辦公的一體化解決方案。企業(yè)有大量的信息需要即時處理，出差在外時，也需要一個無線的可移動的辦公設備。企業(yè)只要裝一個移動網(wǎng)關(guān)，一個軟件系統(tǒng)，用手機的平臺實現(xiàn)無縫鏈接，無論何時何地，員工都可以用手機進行辦公。它最大方便之處是提供了郵件的推送功能：即由郵件服務器主動將收到的郵件推送到用戶的手持設備上，而不需要用戶頻繁地連接網(wǎng)絡查看是否有新郵件。黑莓系統(tǒng)穩(wěn)定性非常優(yōu)秀，其獨特定位也深得商務人士所青睞。因此在大眾市場上得不到優(yōu)勢，國內(nèi)用戶和應用資源也較少。1當前主流的智能手機系統(tǒng)黑莓賴以成功的最重要原則——針對高級2打造移動Web應用程序3.2.1設計在通用設備上運行的網(wǎng)站要設計一個好的移動Web頁面或應用程序，關(guān)鍵在于不要僅針對某個移動設備設計。W3C將此稱為“DesignForOneWeb”，就是“一次設計，能在所有設備運行”之意。1．設計規(guī)劃在設計一個Web時，不應該只針對智能手機瀏覽器、平板電腦瀏覽器或桌面瀏覽器，好的設計應考慮到所有的設備類型?；诖?，設計者們應當注意以下幾點：確保顯示在移動設備與非移動設備上的內(nèi)容基本一致。優(yōu)化頁面，減輕用戶代理的負載。使用可降級機制，讓舊款或是功能更少的瀏覽器也能瀏覽內(nèi)容。在盡可能多的設備和瀏覽器上測試所有頁面。2打造移動Web應用程序3.2.1設計在通用設備上運行的2打造移動Web應用程序在規(guī)劃一個站點時，常規(guī)步驟是從桌面版開始，然后進入移動設備版。如果要設計一個移動設備應用程序，可以先從移動設備瀏覽器版本開始規(guī)劃，在完成移動設備網(wǎng)站設計后，再將其改進或改變?yōu)樽烂鏋g覽器版本。許多人常常徑直坐下來就開始動手寫代碼，其實這是一種錯誤的做法。事前計劃是網(wǎng)站及移動設備Web應用程序開發(fā)的關(guān)鍵。通過計劃將會更清楚地了解到自己想要的是一個怎樣的網(wǎng)站，以及如何實現(xiàn)它。在具體開始之前，我們需要想明白以下幾個問題：要開發(fā)的Web應用程序的用途是什么？開發(fā)這個應用程序目標是什么？應用程序的用戶會是哪些人？2打造移動Web應用程序在規(guī)劃一個站點時，常規(guī)步驟是從桌面版2打造移動Web應用程序該應用程序的競爭對手有哪些？對潛在的競爭者進行盡可能多的調(diào)查。他們產(chǎn)品的盈利是多少？市場占有率為多少？他們的優(yōu)點和缺點分別是什么？還有什么其他風險可能影響到應用程序的成功？開發(fā)進度是怎樣安排的？在計劃好應用程序的用途之后，接下來要設計應用程序的外觀，例如繪制一個應用程序應有外觀的簡單原型。這里繪制步驟不需要任何美化操作，甚至不需要有顏色或圖片，只要能夠表現(xiàn)出頁面外觀的基本思路即可。2打造移動Web應用程序該應用程序的競爭對手有哪些？對潛在的2打造移動Web應用程序2．使用框架面向整個互聯(lián)網(wǎng)設計網(wǎng)站是個美好的愿望，這也是W3C的理想。但實際上如果想讓應用程序在各種的設備上可用，就要為不同的設備及瀏覽器預留空間?？蚣苁且环N解決辦法，它將復雜技術(shù)整合在一起作為對象供人使用。典型的HTML框架會提供布局網(wǎng)格、排版，以及導航、表單、鏈接這類對象?？梢允褂靡恍〩TML5移動框架來創(chuàng)建可同時在iOS及Android這兩種移動設備上使用的HTML5應用程序。下面是一些值得推薦的HTML5移動框架。SenchaTouch-SenchaTouch這是一種JavaScript框架，可以利用它來創(chuàng)建應用程序，這類應用程序在iOS、Android以及Blackberry上看起來像本地應用程序。2打造移動Web應用程序2．使用框架面向整個互聯(lián)網(wǎng)設計網(wǎng)站是2打造移動Web應用程序jQueryMobile源自jQuery，用于為iOS、Android、Blackberry、WebOS以及Windows手機開發(fā)頁面。PhoneGapPhoneGap不僅僅是一款框架，不僅可以創(chuàng)建移動應用程序，還可以用它來將HTML5應用程序轉(zhuǎn)化為原生移動應用程序。通過PhoneGap，可以將上述任何一款框架轉(zhuǎn)化成可以在Android及Apple電子市場上出售的應用程序。如果只使用一種框架，最好選擇PhoneGap。2打造移動Web應用程序jQueryMobile源自jQu2打造移動Web應用程序3.2.2選擇Web編輯器在開發(fā)移動Web應用程序的過程中經(jīng)常用到Web編輯器工具，通過專業(yè)的Web編輯器或是集成開發(fā)環(huán)境可以為設計人員提供更豐富的功能，例如代碼校驗、瀏覽器預覽、網(wǎng)站文件管理、項目管理、腳本調(diào)試以及與其他工具的集成。目前常用的移動應用程序Web編輯器如下：Dreamweaver：Dreamweaver的最新版本集成了PhoneGap。KomodoIDE：支持許多不同編程語言，它也是一款不錯的使用iQuery來創(chuàng)建HTML5應用程序的文本編輯器。TopStyle：TopStyle（）是一款用于Windows的CSS編輯器，包含了許多HTML。它提供的功能包括移動設備預覽以及移動用戶腳本。SiteSpinnerPro：是一個WYSIWYG（WhatYouSeeIsWhatYouGet，所見即所得）的Windows編輯器，它提供作用于移動設備上的腳本以及預覽。2打造移動Web應用程序3.2.2選擇Web編輯器在開發(fā)2打造移動Web應用程序讀者們可以選擇一款Web編輯器用來創(chuàng)建Web應用程序，或者將現(xiàn)有網(wǎng)站轉(zhuǎn)化為移動版。如果你還在用非專業(yè)HTML的文本編輯器（例如Notepad或TextEdit）來編輯Web頁面，那么應當改為使用Web編輯器，以便讓開發(fā)工作的效率變得更高，而且更加順利。2打造移動Web應用程序讀者們可以選擇一款Web編輯器用來創(chuàng)2打造移動Web應用程序3.2.3為移動設備調(diào)整可視化的設計在移動設計應用中有一些常見的典型設計，這些設計讓應用程序變得更具親和力，而且更容易使用。這些典型設計的思想可以歸于以下幾點：要盡量簡單特別是在針對功能手機的設計中，有必要將圖片數(shù)量盡可能控制在最小。盡量在一頁里提供足夠的內(nèi)容，這樣用戶就不用頻繁地單擊新頁面。導航按鈕位置導航按鈕通常在屏幕頂端，位于標題旁邊，用于幫助移動用戶進行導航。此類按鈕包括下一頁（通常位于右側(cè)）、上一頁（通常位于左側(cè)）、更多信息、信息目錄，以及所有對當前頁面有意義的東西。2打造移動Web應用程序3.2.3為移動設備調(diào)整可視化的2打造移動Web應用程序列表應盡量簡短列表應盡量簡短，閱讀起來一定要比段落要輕松，在功能手機上每欄3～5個字，在智能手機上每欄5～10個字。宣傳圖片宣傳圖片通常位于標題處，可能包括一個單行簡介以及一個單擊便可閱讀全文的箭頭。需要在小屏幕上展示多個項目時，這是一個很好的做法。菜單移動設備上的菜單可以十分復雜，而最常見的菜單圖案為單列選項（通常長度為1～2個字），在單擊時可以展開次級菜單。2打造移動Web應用程序列表應盡量簡短列表應盡量簡短，閱讀起2打造移動Web應用程序連續(xù)頁面連續(xù)頁面在用戶滑動至頁面底部時持續(xù)加長。這種做法加快下載速度，并讓用戶可以在不單擊任何東西的情況下連續(xù)閱讀。頁面之間的切換如果移動網(wǎng)站的內(nèi)容分為許多頁，就需要為頁面之間的切換設計一種簡單的方法。常見做法是在內(nèi)容下方加入一個水平列表，當前頁面顯示為粗體且不帶鏈接，而其他頁面的數(shù)字兩側(cè)有“上一頁”及“下一