Web Apps的絕佳案例:Web Apps的特性

來源:互聯網
上載者:User

文章描述:Google Web App開發指南第一章:什麼是Web Apps?

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

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

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

從今天起,我們將逐步發布《Web應用領域指南》,敬請期待。

人們對應用的需求是非常強烈的,它無處不在!這個綜合性的指南將提供給你一些構建現代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應用。

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

Web Apps的未來

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

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

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

雲能比案頭給使用者提供更多

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

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

Web Apps的特性

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

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

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

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

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

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

確認Web Apps清單

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

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

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

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

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

它是否可以離線工作?

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

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

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

本文編譯自ling,原文地址。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。