Google Web應用開發指南第一章:什麼是Web應用?

發表於2012-02-21

原文連結:KNOW YOUR APPS,翻譯:webapptrend

很多人向我問起學習HTML5技術的權威入門資料,我總是毫不猶豫地推薦由Google推出的HTML5rocks,這個網站就像一個寶庫,包含經 典的教程、文章、Demo和程式碼。近日 Chrome小組又推出了一個很酷的Web App電子書,講述了Chrome開發人員對Web Apps的思考和最佳實踐,推薦每個關注Web Apps的開發者閱讀。Web AppTrend為方便國內開發者瀏覽,將全文進行翻譯。

Google Web應用開發指南第一章:什麼是Web應用?

注:這本書就是一個Web Apps的絕佳案例,據開發小組的人介紹, 該電子書Web App使用了很多CSS3 特性例如 box-shadow, opacity, multiple backgrounds以做出豐富的互動體驗,用到了AppCache和其他URL重寫技術,沒有用到一行服務端程式碼;使用了HTML5 history API來保持應用狀態。

以下為第一章內容,清楚闡述了很多人非常困惑的Web Apps概念問題。

從今天起,我們將逐步釋出《Web App開發指南》,敬請期待。

人們對應用的需求是非常強烈的,它無處不在!這個綜合性的指南將提供給你一些構建現代web應用所需的技術以及慣例的介紹。這一領域指南旨在幫助你在web應用中建立良好的使用者體驗。無論你是初次構建web應用,還是在尋找提升已有應用的方法,這一指南都能幫到你!

祝福你所有的努力。

未來向著應用邁進吧!

Web Apps的變革

HTML5讓開發者能打破以往構建web應用時所受的限制

還在不久以前,web只是用來做“搜尋”的;它主要的功能就是提供資訊。要執行任務,使用者要購買並安裝軟體到他們的電腦桌面。瞭解你的web apps的關鍵是瞭解技術是如何影響了web apps的變革,現在,即使web apps不能比桌面應用提供更多,但它至少可以做得和桌面應用一樣多了。

非同步web apps已經改變了使用者的互動

早期的web頁面內容是靜態的,現在一切都發生了根本的改變。頁面是動態載入或改變的,而不是一次性展現所有內容。

新的語言標準提供了更豐富的使用者體驗

在現代瀏覽器沒有支援HTML5之前,構建web應用所需要的特性是變化的,並且常常需要使用像Flash、ActiveX這樣的外掛或 Java。新的開放平臺標準,比如CSS3, HTML5以及JavaScript確保開發者能擁有足夠的工具和效能構建比以往更漂亮的互動性更強的web應用。

Google Web應用開發指南第一章:什麼是Web應用?

Figure 1.1 – 新技術加強了我們的能力!

Web Apps的未來

你應該在你的web apps中使用可用的一切技術

Web app的批評者很快指出了一個主要的缺點——web app的使用者需要聯網才能完成任務。假如網路不是隨時隨地都有的話,使用者是不能完全依賴web應用來完成他們的工作的。至少這樣的假設是成立的。

Web apps的未來發展如何取決於它是否有足夠的靈活性——既擁有在web上完成任務的一切優點,又能在離線的時候完成這些任務。支援離線應用現在已經是可以 實現的了——HTML5提供了例如應用快取和客戶端儲存(比如,本地儲存,索引資料庫)等效能,這樣你的應用就能在沒有網路聯接的時候也可以工作了。

雲能比桌面給使用者提供更多

雲提供商提供了一個平臺,在這個平臺上,伺服器端的功能可以被託管和共享。使用託管在雲端的web應用程式,使用者可以和他人協作或者在自己的不同裝置間進行協作,將資料儲存在安全的伺服器上。沒有沉重的開銷成本,web應用可以只消耗桌面應用程式的成本的一小部分。

Google Web應用開發指南第一章:什麼是Web應用?

Figure 1.2 – 完全發揮你的裝置潛能!

Web Apps的特性

Web apps可以和電子表格,文件編輯器一樣複雜,也可以和待做事項管理器一樣簡單。不管它是什麼,它都必須完成某些事情。

Web App重新定義了“上網”的含義;web已經成了網站和應用的混合。下面是用來區分web apps和網站的三點要素:

1.一個提供了很好的使用者體驗,讓使用者能很容易地完成任務,並利用了裝置本地的一些效能。

2.一個web應用提供了豐富的視覺體驗,又不會分散人的注意力;它注重美學,使用和本地應用一樣的設計模式,又不失易用性。

3.一個web應用非常注重使用者的互動、參與和完成任務,而不是讓他們僅僅瀏覽網頁。應用程式是自包含的(self-contained),也即使用者不用導航到其他站點或者應用來完成任務。

Google Web應用開發指南第一章:什麼是Web應用?

Figure 1.3 – 小一點,大一點,簡單點,複雜點? 只要做點什麼就好!

確認Web Apps清單

如果你對這些問題的回答都是YES的話,那麼你面前的就是一個web應用了

▲它是否是自包含的,不用將我重定向到一個完全不同的應用去完成我需要做的?

▲我是否可以在使用它的時候進行互動、參與並完成一些事情?

▲它是否有豐富的使用者介面,介面看起來非常美觀,並且基本佔滿了可用的視窗?

▲它是否使用和本地應用一樣的模式,比如按鈕、對話方塊或者其他元素?

▲它是否可以離線工作?

▲它是否應用了裝置的某些功能,比如GPS的定位資料和動作感測器的資料?

▲傳統的網站的導航元素和連結是否被隱藏起來了?

▲這個應用設計的時候是否是參照客戶端架構模型?

Google Web應用開發指南第一章:什麼是Web應用?

 

相關文章