HTML5与ArcGIS

http://www.gispower.org/article/arcgis/arcdesk/2010/71/10712245269196JFJJC525365AKD30_2.html

核心提示：自从HTML5问世以来，一直受到各界人士的追捧，大家都对它的未来十分憧憬，分析其原因有二，首先是它给我们带来了很多以往需要借助第三方插件的帮助才能获得的新特性，例如媒体流、画布、离线操作等等。其次也是最重要的一点，它是完全开源的。

自从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、云计算等技术。

核心提示：近几年来，随着SOAP、REST、RIA的等互联网技术的不断突破和迅速发展，GIS的应用模式也由传统的桌面应用转变为网络化的GIS应用，即Web GIS。在这种应用模式下，我们可以实现GIS资源的网上发布、浏览、下载，实现基于Web的GIS查询统计和分析。

近几年来，随着SOAP、REST、RIA的等互联网技术的不断突破和迅速发展，GIS的应用模式也由传统的桌面应用转变为网络化的GIS应用，即Web GIS。在这种应用模式下，我们可以实现GIS资源的网上发布、浏览、下载，实现基于Web的GIS查询统计和分析。它有这么几个特点：

1、 系统一体化，涉及多部门、多业务的系统整合；

2、 工作协同化，强调各部门之间协同工作的能力；

3、 操作简单化，用户“傻瓜式”的操作需求，注重强调用户的操作体验；

4、 应用社会化，基于互联网可以应用于整个社会，有网络就有GIS应用。

这都是互联网技术带给GIS的飞跃，而最近Web业界又再一次的风起云涌，这一次的主角是HTML5——是近十年来Web标准最巨大的飞跃。作为Web核心语言HTML的规范，它的核心发生了巨大的变化，并非仅仅用来表示Web内容，它将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图象、动画以及同电脑的交互都被标准化，从而可使我们不许要借助任何第三方控件即可实现以往RIA所实现的功能。这正是W3C 在HTML 5 proposal 中为 HTML5 赋予了的使命。可以说，它弥补了上一代 HTML 的不足，改变了我们建立网站和使用互联网的方式。

作为世界GIS技术的领导者，ESRI会如何运用HTML5，能带给ArcGIS平台怎样的飞跃呢？个人认为它至少可以帮助我们完善现在的Web GIS方案，理由可以从下面几个方面来说明：

帮助我们甩掉安装富客户端插件的包袱

基于RIA技术，可以帮助我们搭建界面很酷，具有良好用户体验的RIA GIS应用。首先，它为我们提供了丰富的对数据的展现方式，能够支持媒体元素；其次，它具备很强的客户端处理能力,包括离线存储、多线程处理、GUI加速等等；而且，它本身提供完善的开发机制，包括丰富的组件和事件驱动，能简化用户的操作。这也是我们应用RIA技术的目的所在。然而，这种应用模式下需要将RIA的第三方插件安装到Web浏览器中，对用户而言简直就是“多此一举”的事情，但是你不装又不行，原因很简单：因为当前的HTML标准太滞后，已经不能满足大家的口味了。而HTML5作为Web核心语言HTML的规范，它的新特性中首先就是增加了新的元素对象。如：视频元素<video>、音频元素<audio>、画布元素<canvas>，等。只需要通过引入一个标签就可以实现多媒体的播放或是在浏览器上绘制矢量图的能力，就像img标签一样方便。此外，HTML5还提供了更加强大的Javascript. API，例如Storage、Workers等，能够满足用户离线存储和并行计算的需求，从而大大提高客户端对数据的展示能力。

由此可以看出，在HTML5的时代，我们不需要借助第三方控件就可以满足目前RIA GIS的需求，帮助我们甩掉第三方插件的“包袱”。

轻松实现移动目标动态监测技术

网络技术的发展使得互联网覆盖世界的任意角落，因而GIS应用也就变得无处不在，随便什么地方那个手机就能上网获取和发送GIS资源信息。而HTML5的出现，为我们共享自己的位置信息提供了一个全新的、更加方便的方式——Geolocation API，它定义了一组高级的接口，能够实现地图定位功能，它可以通过用户所使用机器设备的IP等信息来确定用户所在位置的经纬度坐标，从而实现目标定位功能，为我们提供了一个更加容易实现的移动目标监控方案。在这种方案中，我们通过短短的几行代码，不仅可以实现获取用户的当前位置信息，并将位置信息在地图服务上进行标识，而且也可以实现对用户每一时刻位置信息的监控，可以比较不同时刻的位置信息。

比较遗憾的是，目前这种方案还不算成熟，主要原因是：首先，由于这种方式是根据用户的IP实现的定位，而我们获得的 IP 地理位置信息未必非常准确，因为这个IP是 ISP 分配给每个用户的，我们获得的事实上是 ISP 的地理位置。另外，如果你使用 VPN，你实际的得到可能是十万八千里之外的地方了。其次，就是安全和隐私问题，毕竟，并不是每个用户都愿意自己的地理位置信息被别人知道。虽然这种技术方案目前还不算成熟，不过随着网络通信、云计算等各种Web技术的发展，相信用不了多久，基于Geolocation API的应用会越来越多。

更加完美的Web三维解决方案

从上个世纪初期3D显示技术就开始发展了，已经有了几十年的历史，但真正走进人们的视野还是因为去年的3D电影《阿凡达》的上映，人们惊叹于这项技术通过电影带给人们的视觉冲击力，立体的画面让观众仿佛身临其境，更加接近真实世界的感受。而目前Web GIS应用模式下的3D方案还不算很成熟，要不是模型表现能力不足，就是没有有价值的分析功能，属于画在纸上的樱桃，没有解馋的功效。

HTML5的时代下，为我们提供了一线转机的机会，因为它内建了对3D技术的支持，即WebGL标准，它是一种把JavaScript和OpenGL ES 2.0结合起来，为HTML5 Canvas提供硬件3D加速渲染的网页3D绘图标准。该标准的草案中，网页开发者可以利用HTML5的相关技术来支持OpenGL ES 2.0接口，避免了针对不同浏览器开发多种插件的麻烦，同时加快了显卡支持3D网页对象的速度。

由此可见，HTML5为我们提供了更加丰富、更加高效的3D模型展现的技术，这一点，通过Web业界开发商开发的大量实例中得到验证。如果GIS平台能够很好的解决同HTML5融合的瓶颈，一定能够为用户提供更加完美的解。