HTML5与ArcGIS（一）――属于HTML5的Web时代

鸣谢"四川省计算机研究院科技人才培训中心"转载或提供此文件

自从HTML5问世以来，一直受到各界人士的追捧，大家都对它的未来十分憧憬，分析其原因有二，首先是它给我们带来了很多以往需要借助第三方插件的帮助才能获得的新特性，例如媒体流、画布、离线操作等等。其次也是最重要的一点，它是完全开源的。在所有的追捧者中，追的最卖力、吆喝声最大的当属Google了，自从去年的Google IO大会开始，它就开始了对HTML5进行全线的支持行动，大致可以分为三个方面：一是拉拢浏览器厂商，如FireFox、Opera；二是与出版商合作，如杂志报纸等；第三就是在自己的产品中推广HTML5，如Chrome、Gmail、Android。在前段时间刚刚结束的2010年Google I/O大会上，依然持续着这一话题，似乎变成了Web业内汇报HTML5应用成果的大会。这也不难理解，Google的核心业务是Web，任何能够让 Web 程序更快，更好，更实用的技术都在 Google 那里得到青睐，只要这种技术够开放。

        正是由于广大Web业界人士的鼎力支持，使得HTML5在Web上的应用得到了迅速的发展，大家可以通过下面的一组图感受到这种不可阻挡的气势：

 

图1：24个月以前支持HTML5的浏览器

 

 

图2：12个月以前支持HTML5的浏览器

 

 

图3：目前支持HTML5的浏览器

        这组图能传达给我们两个信息：一是HTML5在Web上的应用发展速度之快让人兴奋；二是目前常用的浏览器都对HTML5提供了完美的支持，甚至连微软也被迫在上月底宣布HTML5将成为明年即将发布的IE9的核心。

        在HTML5所有的新特性当中，大家比较关注的热点，也是投入精力支持最多的包括：全新元素的支持、开放视频接入技术、离线存储技术、3D Web技术。

全新元素的支持

        全新元素的支持主要体现在<Video>和<Canvas>元素上。目前大部分的视频网站都是采用Adobe的Flash技术实现的视频播放，这也是当年Flash能够占领绝大部分RIA市场最主要的技术之 一。而HTML5的出现改变了这一现状，它新增的视频元素<Video>，使得视频的播放变得像引用<img>一样的简单，而且它内置了开放的视频编码格式，使得各Web浏览器的厂商在实现时没有了任何的顾虑，例如YouTube等著名的视频网站已经抛弃Flash，转而支持HTML5了。此外，HTML5中新增的<Canvas>元素，赋予了页面强大的图形表现能力和用户交互能力，这样的元素此前只有在Flex这种富客户端技术中才会出现，现在HTML5也支持了，这让Web开发人员为之欢呼，却让RIA的厂商捏了一把冷汗，一时之间类似“HTML 5将为RIA送终”、“HTML 5来临 Flash死亡倒计时”等等之类的话题吵得沸沸扬扬。对于这类话题，个人认为，HTML5确实“很美”，但它目前还很不完善，有很长的一段路要走，不可能现在就取代RIA的地位。而且，如果HTML5可以原生的支持视频、2D图形、离线浏览等功能，那么它同时也给RIA带来了更加强大的平台，Flash、Silverlight、JavaFX可以通过这些特性做更多的事情,也可以更专注于某些HTML无法实现的功能。而且，在2010年Google IO大会上，Adobe也展示了他们在HTML5方面的工作，最新版本的Dreamweaver已经支持HTML5了，这是个好的征兆，一旦HTML5和RIA联合起来，他们面对的真正对手应该就是传统的桌面软件。因为随着HTML5和RIA的发展，使得Web应用程序越来越强大，强大到将Web的内容渗透到操作系统上面，可以说Web产品对桌面产品的冲击和挑战将会随着HTML5的到来而越演越烈！

 

离线存储技术

        在 Internet 连接无处不在的今天，我们忽然有了另外一个需求，离线 Web。可以说，所有优秀的Web应用都支持离线存储，支持在离线的状态下正常运行。这对于那些对网络一刻也不能或缺的人群来说是相当重要的，HTML5给我们提供了真正离线Web的解决方案。目前运用这种技术方案最成功的当属Google的Gmail了，你不仅可以在未登录情况下收到邮箱的来信提醒，还可以在离线的状态下添加附件。

3DWeb的应用

        近两年，3D热潮席卷了世界的每一个角落，从3D电影阿凡达到3D南非世界杯的现场转播，再到即将上市的3D电视，这一些都表明人们的生活已经离不开3D技术。而HTML5标准将内建3D技术的支持，使得现在无需插件即可将网页3D化，下图为在2010年Google I/O大会上，Opera的CTO演示的一个3D游戏，完全使用HTML 5和WebGL API制作，非常流畅。

 

        WebGL API是一项用于加速网页3D图形界面应用的通用技术标准。目前，除了IE，其他的浏览器都已经支持WebGL标准了，虽然还不够完美，不过目前由AMD,苹果，谷歌，Mozilla以及Nvidia等公司组成的标准小组仍在继续WebGL的代码平台部分的标准编写工作，完善应该不会是太远的事情。3DWeb的时代也悄然来临了！

WebOS的发展

        最后，值得大家关注的还有WebOS的发展。随着HTML5和RIA的发展，使得浏览器的功能越来越强大，主要体现下面几个方面:

1) 提供越来越丰富的Web API；

2) 提供更加全面的、友好的访问Web资源的能力；

3) 可以很轻松的具备系统资源的访问能力。

        而这些，正是WebOS所要求的。可以看到，HTML5使得WebOS的实现更加的简单、方便，可以做的事情也越来越多，越来越复杂。它的加入可以助力WebOS的发展。除此之外，我们还有一点不能忽略的是WebOS背后云技术的支持。随着近几年云技术发展的逐步成熟，越来越多的用户开始关注并使用云资源，包括IaaS、PaaS、SaaS。我们可以试想一下，以后几乎所有客户端运行所需要的资源都可以通过云服务的方式来满足，那用户的客户端还需要什么呢？首先，客户端不需要很高的系统配置，只要具备满足WebOS运行需要的环境就可以了。其次，客户端也不需要安装任何软件，只需要的运行一个功能强大的WebOS即可。我们发现，这样的设想架构下，没有了OS（操作系统）的影子，HTML5 + RIA慢慢模糊了浏览器与操作系统之间的界限。当然，这样的设想需要很多前提条件，例如：网络必须无处不在，用户可以随时连接入网并获取资源；其次，还要具有完善的Web安全机制能够满足用户对系统、数据安全的需求。以目前Web技术发展的速度来看，满足这样的条件已经不太遥远，我们可以预测Web下一个对手将是OS（操作系统），而Web的“战将”则是HTML5、RIA、云计算等技术。