Google Web App開發(fā)指南：什么是Web Apps？
很多人向我問起學(xué)習(xí)HTML5技術(shù)的權(quán)威入門資料，我總是毫不猶豫地推薦由Google推出的HTML5rocks，這個(gè)網(wǎng)站就像一個(gè)寶庫，包含經(jīng)典的教程、文章、Demo和代碼。近日 Chrome小組又推出了一個(gè)很酷的Web App電子書，講述了Chrome開發(fā)人員對(duì)Web Apps的思考和最佳實(shí)踐，推薦每個(gè)關(guān)注Web Apps的開發(fā)者閱讀。Web AppTrend為方便國內(nèi)開發(fā)者瀏覽，將全文進(jìn)行翻譯。
注：這本書就是一個(gè)Web Apps的絕佳案例，據(jù)開發(fā)小組的人介紹， 該電子書Web App使用了很多CSS3 特性例如 box-shadow, opacity, multiple backgrounds以做出豐富的交互體驗(yàn)，用到了AppCache和其他URL重寫技術(shù)，沒有用到一行服務(wù)端代碼;使用了HTML5 history API來保持應(yīng)用狀態(tài)。
以下為第一章內(nèi)容，清楚闡述了很多人非常困惑的Web Apps概念問題。
從今天起，我們將逐步發(fā)布《Web應(yīng)用領(lǐng)域指南》，敬請(qǐng)期待。
人們對(duì)應(yīng)用的需求是非常強(qiáng)烈的，它無處不在!這個(gè)綜合性的指南將提供給你一些構(gòu)建現(xiàn)代web應(yīng)用所需的技術(shù)以及慣例的介紹。這一領(lǐng)域指南旨在幫助你在web應(yīng)用中創(chuàng)建良好的用戶體驗(yàn)。無論你是初次構(gòu)建web應(yīng)用，還是在尋找提升已有應(yīng)用的方法，這一指南都能幫到你!
祝福你所有的努力。
未來向著應(yīng)用邁進(jìn)吧!
Web Apps的變革
HTML 5讓開發(fā)者能打破以往構(gòu)建web應(yīng)用時(shí)所受的限制
還在不久以前，web只是用來做“搜索”的;它主要的功能就是提供信息。要執(zhí)行任務(wù)，用戶要購買并安裝軟件到他們的電腦桌面。了解你的web apps的關(guān)鍵是了解技術(shù)是如何影響了web apps的變革，現(xiàn)在，即使web apps不能比桌面應(yīng)用提供更多，但它至少可以做得和桌面應(yīng)用一樣多了。
異步web apps已經(jīng)改變了用戶的交互
早期的web頁面內(nèi)容是靜態(tài)的，現(xiàn)在一切都發(fā)生了根本的改變。頁面是動(dòng)態(tài)加載或改變的，而不是一次性展現(xiàn)所有內(nèi)容。
新的語言標(biāo)準(zhǔn)提供了更豐富的用戶體驗(yàn)
在現(xiàn)代瀏覽器沒有支持HTML5之前，構(gòu)建web應(yīng)用所需要的特性是變化的，并且常常需要使用像Flash、ActiveX這樣的插件或 Java。新的開放平臺(tái)標(biāo)準(zhǔn)，比如CSS3, HTML5以及JavaScript確保開發(fā)者能擁有足夠的工具和性能構(gòu)建比以往更漂亮的交互性更強(qiáng)的web應(yīng)用。
Figure 1.1 – 新技術(shù)加強(qiáng)了我們的能力!
Web Apps的未來
你應(yīng)該在你的web apps中使用可用的一切技術(shù)
Web app的批評(píng)者很快指出了一個(gè)主要的缺點(diǎn)——web app的用戶需要聯(lián)網(wǎng)才能完成任務(wù)。假如網(wǎng)絡(luò)不是隨時(shí)隨地都有的話，用戶是不能完全依賴web應(yīng)用來完成他們的工作的。至少這樣的假設(shè)是成立的。
Web apps的未來發(fā)展如何取決于它是否有足夠的靈活性——既擁有在web上完成任務(wù)的一切優(yōu)點(diǎn)，又能在離線的時(shí)候完成這些任務(wù)。支持離線應(yīng)用現(xiàn)在已經(jīng)是可以實(shí)現(xiàn)的了——HTML5提供了例如應(yīng)用緩存和客戶端存儲(chǔ)(比如，本地存儲(chǔ)，索引數(shù)據(jù)庫)等性能，這樣你的應(yīng)用就能在沒有網(wǎng)絡(luò)聯(lián)接的時(shí)候也可以工作了。
云能比桌面給用戶提供更多
云提供商提供了一個(gè)平臺(tái)，在這個(gè)平臺(tái)上，服務(wù)器端的功能可以被托管和共享。使用托管在云端的web應(yīng)用程序，用戶可以和他人協(xié)作或者在自己的不同設(shè)備間進(jìn)行協(xié)作，將數(shù)據(jù)保存在安全的服務(wù)器上。沒有沉重的開銷成本，web應(yīng)用可以只消耗桌面應(yīng)用程序的成本的一小部分。
Figure 1.2 – 完全發(fā)揮你的設(shè)備潛能!
Web Apps的特性
Web apps可以和電子表格，文檔編輯器一樣復(fù)雜，也可以和待做事項(xiàng)管理器一樣簡(jiǎn)單。不管它是什么，它都必須完成某些事情。
Web App重新定義了“上網(wǎng)”的含義;web已經(jīng)成了網(wǎng)站和應(yīng)用的混合。下面是用來區(qū)分web apps和網(wǎng)站的三點(diǎn)要素：
1.一個(gè)提供了很好的用戶體驗(yàn)，讓用戶能很容易地完成任務(wù)，并利用了設(shè)備本地的一些性能。
2.一個(gè)web應(yīng)用提供了豐富的視覺體驗(yàn)，又不會(huì)分散人的注意力;它注重美學(xué)，使用和本地應(yīng)用一樣的設(shè)計(jì)模式，又不失易用性。
3.一個(gè)web應(yīng)用非常注重用戶的交互、參與和完成任務(wù)，而不是讓他們僅僅瀏覽網(wǎng)頁。應(yīng)用程序是自包含的(self-contained)，也即用戶不用導(dǎo)航到其他站點(diǎn)或者應(yīng)用來完成任務(wù)。
Figure 1.3 – 小一點(diǎn)，大一點(diǎn)，簡(jiǎn)單點(diǎn)，復(fù)雜點(diǎn)? 只要做點(diǎn)什么就好!
確認(rèn)Web Apps清單
如果你對(duì)這些問題的回答都是YES的話，那么你面前的就是一個(gè)web應(yīng)用了
◆ 它是否是自包含的，不用將我重定向到一個(gè)完全不同的應(yīng)用去完成我需要做的?
◆ 我是否可以在使用它的時(shí)候進(jìn)行交互、參與并完成一些事情?
◆ 它是否有豐富的用戶界面，界面看起來非常美觀，并且基本占滿了可用的窗口?
◆ 它是否使用和本地應(yīng)用一樣的模式，比如按鈕、對(duì)話框或者其他元素?
◆ 它是否可以離線工作?
◆ 它是否應(yīng)用了設(shè)備的某些功能，比如GPS的定位數(shù)據(jù)和動(dòng)作傳感器的數(shù)據(jù)?
◆ 傳統(tǒng)的網(wǎng)站的導(dǎo)航元素和鏈接是否被隱藏起來了?
◆ 這個(gè)應(yīng)用設(shè)計(jì)的時(shí)候是否是參照客戶端架構(gòu)模型?
原文：http://www.html5rocks.com/webappfieldguide/know-your-apps/intro/
譯文：http://www.webapptrend.com/2012/02/1803.html
【編輯推薦】
