【转载】HTML5能否颠覆传统Web应用?

标签: HTML5热点关注 业界新闻 | 发表时间:2012-08-06 03:20 | 作者:HTML5研究小组
分享到:
出处:http://www.mhtml5.com

前段时间我们曾报道了一篇HTML5分裂成两标准,许多开发者对此看法不一,有的认为HTML5是一门刚兴起的技术,很多项目都在磨合期,如今分裂不利于其发展;而有的则认为W3C对未来HTML5反应太过迟缓,WHATWG能够加快HTML5的发展速度。那么您赞成哪一方看法呢? Todoist 网站创始人Amir Salihefendic向我们讲述了利用HTML5开发有很多优势,此外,他还认为HTML5将颠覆Web应用。

文章内容如下:

Todoist网站已经拥有350.000+用户以及数百万项任务。如果HTML5无法给人带来惊人的体验,那么无论我们说什么、做什么都于事无补。本文将探讨为什么我们要这么做以及为什么认为HTML5将会改变人们使用、认知的网络。

HTML5标准尚未开发完成。现今大多数现代浏览器只执行了部分标准。Todoist使用Web存储,支持离线访问两项功能。尽管只有这两项,我们可以提供丰富的经验,这也是其他任何网站无法匹敌的,主要有:

  • 离线应用(Offline usage):当你无法连接到网络时,Todoist会自动切换到离线模式使你能够轻松访问并更新项目、任务。当网络再次连接时,服务器会与您的数据进行同步。
  • 出色的表现(Stunning performance):使用Todoist能够快速响应桌面应用程序。这是因为所有的数据都是本地存储,应用程序无需远程传输给服务器。而这些都是非HTML5应用无法做到的。

你可以尝试使用基于HTML5创建的 Todoist,你会发现大有不同。

对Todoist新版本有什么看法?

Lifehack.org一款非常流行的博客,拥有100.000读者,读者在《 A First Look at the new Todoist》这篇文章评论里众说纷纭。以下是摘取的部分精彩内容:

“我会说,它给你的感觉就像在使用本地应用。当你在做数据创建、更新和删除异步数据时带给你高敏感度的接口。”

“该应用程序快速流畅,在使用时就像一个桌面应用尽管有一些Bug(虽然这是测试版),但我不得不说新版本的Todoist将成为最好的基于Web开发的应用之一。”

旧浏览器支持情况如何?

经过我们的调查分析,只有10%的用户浏览器不支持Web存储;20%用户浏览器不支持离线访问。为了确保Todoist正常运行,我们需要Web存储,也就说只有10%的用户无法使用HTML5版本的Todoist。余下的90%用户对我们来说非常重要,于是我们决定为了他们要做出更好的用户体验。

HTML5:一种的新的模式转变?

过去,在Web技术领域嵌入新的用法已经发生范式转变。这里有一段关于技术方便简史和以及他们所作的努力。

  • Ajax通讯技术使Web开发更加富有活力。目前,大部分现代Web和移动应用使用大量的Ajax开发应用。其中两个最大的例子要数Facebook和Gmail。
  • Comet(或者HTTP服务器端推送HTTP server push一种从Web服务器发送数据到Web浏览器的机制)革命性的实时通信和实时通知。有了Comet使得Facebook Chat和Gmail Chat在Google Docs中同步编辑成为可能。

我猜想,HTML5新的标准改变了用户的意识和Web应用程序的使用方式。为什么呢?因为使用HTML5创建的应用程序有着惊人的类似桌面的性能能够完全支持离线功能。

为了便于理解Web是如何发展而来的,我们来看下一用户是如何交互使用Ajax,Comet,HTML5启动离线应用的。

Before Ajax

在Ajax出现之前,需要将整个页面进行修改以确保更新。这样速度并不是很快,尤其是当Web页面复杂时更是需要很长时间。

Before Ajax

With Ajax

Ajax的出现使得Web页面更加的动态,只需更新部分页面。更新网站的一小部分速度会快很多,原因是只需抓取和更新部分数据。

With Ajax

With Comet

有了Comet使Web更加实时,这就意味着服务器可以随时给客户端推送数据。这个应用类似Facebook Chat。

With HTML5

HTML5使Web应用程序越来越来快,因为这些数据可以在用户电脑上进行本地存储和操控。HTML5还支持离线Web应用。

With HTML5

HTML5发展面临的挑战

HTML5面临着许多核心的挑战,这是因为只有一小部分Web应用程序在使用它。 主要问题有:

  • 任何程序都必须基于客户端实现,因为你不能只依靠一台服务器,你必须创建多种客户端。这就意味着必须使用大量的JavaScript,对于JavaScript来说很难实现在大型Web应用程序中构建客户端。
  • 智能化同步数据并不容易,你需要处理类似临时身份证一样的东西,同样的命令需要运行两次。
  • 缺乏浏览器支持:HTML5还是一项新技术,很多浏览器并不支持。比如:缓存无效是很难且无法运行工作。若要解决此问题,我们需要进行特殊处理以确保用户运行最新版本。

尽管HTML5存在多种挑战,因此需要一种新的方式来执行Web应用程序,但HTML5提供了一个洁净的代码库,至少我们是这么认为的。当你需要在某个地方(数据同步时)处理服务器出错利用这个代码库就可,而不是处理每一个请求(比如你用Ajax)。

移动平台上的HTML5

大部分智能手机上的浏览器支持HTML5。你可以查看Facebook利用大量的JavaScript创建惊人的移动应用。Todoist的移动终端也是基于HTML5技术创建而来,我们在Web(网页版)和移动版之间重复使用大量的代码。目前,利用HTML5构建移动应用依然有难度,目前我们正在为iOS和Android系统开发原生应用。

我相信当移动浏览器变更加成熟时,很多东西都会成为可能,HTML5和本地应用程序之间的差距将会缩短。目前来看,我认为移动客户端最好使用本地化的应用,因为使用Web技术很难实现良好的用户界面。当然,这也不无可能,LinkedIn就是利用现代的Web技术创建了一个非常出色的移动应用。

桌面上的HTML5

在Todoist同样能看到我们是如何重用HTML5版本为Windows, Mac OS和Linux系统构建“本地化”的桌面应用。对于我们来说,这是一个非常经济实用的构建,因为我们只有一个代码库,针对不同的操作系统只用CSS3样式表作为前端开发。我们的用户通过启动cloud-enabled“本地”应用与他们的桌面系统很好地集成在一起。

微软拥抱HTML5及其相关的Web技术服务。例如,Windows 8利用Web技术(如HTML5、CSS3)建立快速且易用的“本地化”Windows应用程序。我认为同样的技术同样适用于Mac OS和Linux。

这就意味着你可以轻易的将HTML5 Web应用转换成桌面应用并且未来市场很广阔。对于我们开发者来说,这是一次很好的机会,因为管理很多种不同的代码库也是一个巨大的挑战,此外成本也很昂贵。

结束语:

我们已经发布了HTML5版本,用户对于新版的HTML5体验也给出了非常好的评价。总之一句话,我们非常期待Web的转变,期待利用HTML5及其相关技术创建更多的应用程序。

英文出自: amix.dk

转载自: http://sd.csdn.net/a/20120803/2808148.html?bsh_bid=115655449

相关 [html5 传统 web] 推荐:

【转载】HTML5能否颠覆传统Web应用?

- - HTML5研究小组
前段时间我们曾报道了一篇HTML5分裂成两标准,许多开发者对此看法不一,有的认为HTML5是一门刚兴起的技术,很多项目都在磨合期,如今分裂不利于其发展;而有的则认为W3C对未来HTML5反应太过迟缓,WHATWG能够加快HTML5的发展速度. Todoist 网站创始人Amir Salihefendic向我们讲述了利用HTML5开发有很多优势,此外,他还认为HTML5将颠覆Web应用.

【HTML5】Web Storage简析

- - 博客园_首页
什么是Web Storage. web storage是HTML5规范中提出的一种本地存储解决方案. 在这之前,我们在开发中遇到本地存储问题时,通常有两种解决方式. cookie:兼容性最好,但也有不少问题,下面会简单做下对比. 各浏览器实现的非标准化的本地存储方案,如IE的userData,firefox的global storage等,毫无疑问,最大的问题是兼容性.

HTML5的Web标准实战

- johnny - blog.moocss.com
我记得2009年下半年的时候,我就开始尝试使用HTML5的新元素,具体的说应该是HTML5的结构性元素的使用. 我使用HTML5的结构性元素重构我的博客,刚开始,查看了大量老外博客,也归纳总结了一下使用场景,在什么情况下使用HTML5的新元素代替原有的没有语义性div,还有如何组织文档内容结构也是比较头疼的事情.

HTML5 Web socket和socket.io - wishyouhappy

- - 博客园_首页
   HTML5的新特性,用于双向推送消息(例如网页聊天,手机推送消息等). client利用regular http请求webpage. 请求的webpage 执行javascript脚本,open a connection to server.. 有新的信息时服务器和客户端可以相互发送信息(Real-time traffic from the server to the client .

AT&T公布HTML5 Web应用API

- - HTML5研究小组
北京时间1月10日消息,据国外媒体报道,AT&T首席营销官大卫·克里斯托弗(David Christopher)今天在该公司第六届开发者峰会公布了面向HTML5应用的API(应用编程接口)平台API Catalog. HTML5应用可以在多种设备和移动操作系统上运行.   iPhone版Visual Voicemail将是AT&T的首款网络API.

Nokia Maps 正式推出 HTML5 web app 版

- - UNWIRE.HK 流動科技生活
看來近年寫程式的趨勢,已由以往的 native app,開始轉向採用 web app,因為後者始終不受平台限制,只要編寫一個支援 HTML-5 格式的 web app,就可以在 iPhone、iPad、Android 手機、平板、Windows Phone 手機、甚至在 Blackberry 平台的裝置上使用,對於研發程式的公司來說,確實是最具經濟效益的方法.

HTML5引领下的Web革命

- - 译言-电脑/网络/数码科技
HTML5引领下的Web革命. ACM通讯,第55卷,第7刊,16到17页 10.1145/2209249.2209256. 万维网开发人员最近表示新的HTML5标准对网络的演变过程,工作方式和使用途径而言,都是一次非凡的革新. 新的标准简化了程序运行方式,协调了各种终端设备和应用程序之间互访的入口,给用户带了让人惊喜的全新功能.

HTML5本地存储 Web Storage - 紫尘

- - 博客园_首页
Web Storage基本介绍.   HTML5 定义了本地存储规范 Web Storage , 提供了两种存储类型 API  sessionStorage 和 localStorage,二者的差异主要是数据的保存时长及数据的共享方式.     localStorage 一直存储在本地,数据存储是永久的,除非用户或程序对其进行删除操作;.

HTML5 Web Speech API,让网站更有趣

- - SegmentFault 最新的文章
Web API 变得越来越丰富,其中一个值得注意的是 Web Speech API. 传统的网站只能“说”,这个API的出现,让网站能“倾听”用户. 这个功能已经开放了一系列的用法,非常棒. 在这篇文章中,我们将看一下这项技术和建议的用法,以及如何用它来增强用户体验的一些好例子. 声明:本技术比较前沿,目前该规范是W3C的“非官方编辑器的征求意见稿”(截至2014年6月6日).

Web程序员们,你准备好迎接HTML5了吗?

- 小伟 - 博客园-首页原创精华区
作者: dangjian 发表于 2010-09-07 01:44 原文链接 阅读: 4674 评论: 37. HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash、QuickTime、Silverlight等插件,也简化了原来需要大量JS才能达到的效果.