陈本锋：构建多屏时代的"互联网+政务"新生态_最新动态

　　活动：《"互联网+政务"微分享第六期》

　　时间：2015年07月19日

　　地点："政府网站+"微信群（加入需审核）

　　嘉宾：云适配CEO陈本锋

　　主题：构建多屏时代的"互联网+政务"新生态

　　记录人："政府网站+"微信群小秘书

　　"政府网站+"时代的政务，将依托于各种屏幕

　　在现在这个社会里，我们接触信息的主要媒介是来自于屏幕，传统媒体像报刊、杂志等已经逐渐从我们信息媒介中淡出了。根据国外权威机构的统计，我们大概有90%的信息是来自于各种各样的屏幕，包括手机、电视、电脑、平板等，只有10%的信息是来自于传统媒介。所以大家做政府宣传工作应该关注通过屏幕来传递信息。

　　大家现在都叫移动互联网，但是在云适配的眼里，"移动互联网"的叫法已经过时了，未来我们将会进入一个新的时代，叫"多屏互联网"时代，因为未来互联网会接入的设备不仅仅是手机，还会有汽车、手表、眼镜等等。我们今天已经看到有各种各样的智能设备接入互联网，而且人们也正在使用各种各样的设备从互联网上接收信息。所以政府在做移动化、信息化的过程中，不仅仅是考虑电脑、手机，更重要的是考虑更长远的：各种各样的屏幕，未来可能就是在汽车上、手表上、眼镜上接收政府宣传的信息。

　　但在多屏互联网时代，开发应用将会面临两个非常头疼的问题。一个是屏幕碎片化，一个是平台碎片化。

　　平台碎片化大家比较容易理解。在各种设备上会有不一样的平台，比如在PC上就是WINDOWS；还可能有苹果手机、安卓手机、黑莓手机等等；在服务器上可能是linux；在很多嵌入设备上还会有其独有的系统。所以未来在开发应用的时候，你可能就要为不同的系统开发不同的应用，这个成本就非常高了。其实在今天这个情况已经很明显了，比如在手机上，你可能要同时开发IPHONE的APP和安卓的APP，这个成本就相当高。

　　另外一个屏幕碎片化是指不同大小的屏幕展示信息的方式也是不一样的。正如中国政府网的例子，它原来是给PC屏幕设计的，所以它的版式是给PC大概20多寸的屏幕使用的，但到手机小屏幕上，文字图片就被压缩得非常小，根本看不清楚。针对不同大小的屏幕你得去开发不同的应用。所以，不同的平台以及不同的屏幕尺寸他们的开发数量是一个乘积关系，这个成本都非常非常高，未来维护也是非常困难。这就是目前多屏互联网时代面临的最大的难题：未来企业如何能够为各种不同的平台、不同大小的屏幕去开发应用。

　　于是针对这个难题，国际互联网标准联盟（W3C）开发了HTML这套标准。它为了解决平台碎片化和屏幕碎片化两大难题。

　　HTMLVS原生APP的优缺点

　　大家可以看到这个图上有一个移动技术的演变史，大家可能都知道在2000年初的时候有一个WAP技术，功能机的时代就能上网，那是一个非常简化版本的移动互联网标准，只能看看非常简单的图片和文字。到了2007年，IPHONE等智能手机发布，苹果提出了"APP"概念，使得移动互联网相比WAP的用户体验有了显著的提升。APP也叫原生应用，它只是为了一个单一的平台设计的，当时苹果提出APP的时候只是为了自己的IOS系统，它开发的所有APP也只能在IOS系统上应用。后来GOOGLE也提出了自己安卓系统的APP标准、微软也提出了自己WINDOWS手机上的 APP标准。总之，每个操作系统的厂商都提出了自己APP的标准，这就导致了不同平台开发不同的APP这样的格局。而且当时APP的提出只是为了手机设计的，如果你还要开发IPAD的话，要重新开发。所以简单来说，APP原生应用是为了单一平台、单一应用而设计的。所以后来W3C也看到这个问题的存在，计划推出下一代的HTML5标准技术，HTML5能够让你开发的应用横跨所有的平台、横跨所有的设备。

　　这是一个HTML发展的整个历史。大家也可以看到世界上第一个互联网雏形是1990年由欧洲一叫TBL的人提出来的。这个技术很快在科研领域得到了认可。在1991年，TML把HTML技术写成了一个正式的标准文档，就是当时的HTML1.0。很快，互联网技术迅速从科研领域蔓延到民用领域和商业领域。尤其在1994年的时候，网景公司开发了世界上第一个商用浏览器，极大程度促进了老百姓对互联网的使用。随后，微软马上也开发了IE浏览器。从1994年到1997年，网景浏览器和IE浏览器之间发生了激烈的浏览器大战，这也极大的促进了HTML标准的进步。很快，HTML进步了几个版本，到1997年进步到HTML4.0 。当然，大家都知道，最后的结局是IE浏览器彻底打败了网景浏览器，抢走了所有浏览器的市场份额，所以在IE5.5版本发布之后，基本IE浏览器就是一枝独秀了。之后HTML标准就进入了很长一段时间的平静期。这个时候W3C觉得当时的HTML设计的不够完善，所以在2000年的时候提出了XHTML，这个版本比原版HTML语法要严格很多，也加入了语义的元素进去。可惜的是，过去的HTML4.0已经根深蒂固了，很难使得整个互联网向XHTML迁移。最后W3C发现了XHTML很难推，又恰逢苹果发布了智能手机，整个市场对新一代HTML有强烈的需求。在2008年HTML联合了另一个民间组织，发布了HTML5.0的草案。

　　在这里分享一张我和互联网发明人TBL的合影，这是我们在日本讨论HTML互联网标准开会的照片。他发明了互联网技术，设计了世界上第一个浏览器，设计了HTML开发语言。

　　我们来对比一下HTML和原生APP的优缺点：

　　第一点是HTML很明显的优势是跨平台、跨设备，原生APP要针对不同的平台去开发，它的开发成本就高很多。

　　第二是用户的使用门槛HTML5的要低很多。大家都知道APP是需要去应用商店下载安装的，HTML5只需要点开一个网址就能使用。

　　第三是HTML5是不需要升级的，打开永远都是最新版，而APP要去升级，这个对用户来说是很烦的，相信大家都有体会，商城时不时的提示有最新版，需要大家去升级。

　　第四是从商业角度来说，HTML5是不需要通过应用商店发布的，你给用户发一个网址就行了，你可以在微信、微博、朋友圈等只要能分享网址的地方就能传播，而APP只能在应用商店，而且应用商店的审核，尤其是苹果应用商店的审核，都是非常不可控的。很多时候你很急想要发布一个新的应用，但是苹果商店审核周期都很长，极大程度上延误你的商机。政府工作方面也是一样的，很多工作被苹果商店卡着，是很不自由的。

　　第五，HTML 5的应用是能够被搜索引擎检索的。比如政府发布了一个新的规定、政策，搜索引擎马上可以搜索到，而APP里的内容是完全不可被搜索的，这是非常不利于信息的传播的，老百姓不知道到哪里去找最新发布的政策法规等等。

　　第六，HTML5的各个应用是互联互通的。比如市政府的网站底下可以加入民政局、工商局等部门的网址，老百姓可以直接点过去；而每个APP是一个"孤岛"，老百姓使用也是非常不方便的。

　　当然，APP相对来说的优势是：交互体验更加流畅；可以访问任意的API；在没有网络的时候也是可以使用的。不过我相信随着时间的推移，HTML 5的劣势也是能逐渐的减弱。比如交互问题，智能手机的硬件每年都在成倍增长的，随着硬件速度越来越快，HTML5的交互体验也会和原生APP的交互体验不会相差很多。而且其实有很多应用不是强交互的，比如政府网站、政务办公系统、填表等并不是强交互的。用HTML5的网页就足够了。那什么用APP比较好呢？比如一个重度的网游，大家知道游戏的交互都是很多很复杂的，这个用原生APP就比较合适。其次，我觉得很多政府网站也不需要访问底层的API，比如蓝牙、文件，更多的是咨询浏览、便民政务系统，这些都不需要访问底层的硬件。所以总的来说，对于政府网站和网上政务系统来说，HTML5更加方便老百姓使用，而且开发成本和维护成本都要低很多。

　　目前移动政务的痛点是如何快速把政府信息传递到老百姓的手里。当前开发APP成本很高，老百姓也不会去下载。通过应用商店，政务信息很难传递到老百姓手里。通过HTML5这种方式第一传播途径简单，网址可以通过微博、微信、百度搜索等方式传播；第二是老百姓在PC上就很熟悉输入网址打开网址，你跟老百姓说用手机输入网址同样可以访问这些界面；第三HTML5 的应用维护起来也比APP要容易很多。APP要同时维护安卓版和苹果版，维护成本是相当高的。每次手机系统升级到新的版本，你要重新去编译APP，因为很多情况下老的APP在新的操作系统上是跑不动的。每一次操作系统的升级，都得去看看在新的操作系统上能否运行，维护起来也是非常累的。HTML5完全没有这个问题，你只要开发一次以后，无论操作系统怎么升级，出现多少个新平台，这套系统都是永远可以用的。所以极大程度降低了维护人员的开销。

　　HTML这种形式是有很多优势的，所以过去在PC时代也发生过同样的迁移。其实早在PC互联网时代，最早都在使用WINDOWS软件的。这个软件就是客户端，与今天在手机上的APP，从开发、运行、下载、安装都是非常类似的。可以说今天的APP就算当年的WINDOWS软件。今天各种各样的应用商店就是当年的下载网站。当年大家都到下载站去下载软件，并且安装。然而到了2003年之后，越来越少的人去下载安装软件了，绝大多数的应用都转成了HTML网页形式，不过是HTML4.0，大家看到今天基本上所有的政务系统都是以网站的形式，不会有哪个政府说你要去下载一个软件才能使用我的政务系统。

　　导致从WINDOWS软件到HTML网页的变迁的核心推动力就是当时的带宽。在2000初的时候，中国开始大规模的布宽带，早期拨号上网的年代网络速度很慢，大家都倾向于下载软件放在桌面上，在没有网络的时候也能使用，但是当宽带逐渐普及的时候，只要打开浏览器直接输入网址就能找到想要的信息，没有必要下载软件了。这样网页就取代了软件。去年中国的4G牌照下发，三大运营商都开始大规模的普及4G，这个4G就有点像当年的宽带，网络带宽大幅度提升，资费大幅度降低。现在李总理也强调要降低网络资费。这样的大的历史环境的催生下，APP客户端的形式也会重复当年PC互联网的历史，向HTML5网页形式转变。

　　从本质上来说，WINDOWS软件和APP客户端都可以归结为一种技术架构，即：C/S（Client /Server），客户端服务器结构。HTML网页或HTML5的应用也可以归结成另一种技术架构，即：B/S（Browser/Server），浏览器服务器结构。因为B/S结构相比C/S结构存在天然的优越性，所以只要网络带宽条件成熟，C/S结构就会自然转向B/S结构。所以大家今天在考虑怎么做移动政务的时候也都要参考历史发展的规律，如果你现在还是选择C/S结构，那么可能很快就会被淘汰掉，又得重新去做HTML5这样的B/S结构。

　　从C/S与B/S的对比图可以看出，APP对比HTML5在响应速度、网络依赖的不同。另外我想补充的是，一是B/S结构相对更加安全。因为黑客很容易访问你本地的客户端，很多数据处理逻辑都在客户端里，很容易被黑客窃取；如果是B/S结构的话，你所有的计算都在服务器端，别人是很难窃取你的商业机密的。第二，客户端软件很容易中病毒的。你发出去的APP可能被黑客重新打包、接入病毒再传播出去。比如政务办公APP，可能被黑客打包加入病毒再发布到应用商店里去，老百姓在应用APP的时候，所有的行为都可以监控到，包括核心支付、个人信息等，都会被黑客窃取。因为B/S结构的网址是唯一的，黑客是不可能伪造的，比如中国政府网的网址是www.gov.cn ，老百姓知道这个网址一定是到达中国政府网，这就避免了被重新打包的危险。三是，B/S结构维护起来也非常简单。很多时候要升级服务器端的产品，但如果用户不升级其APP的话，你还需要保留一份老版本的APP，才能让其继续使用，这个维护成本是非常高的，而B/S结构的话，用户访问到的永远是最新版，不用担心兼容性的问题。四是操作系统每次升级，APP都要同样升级，而B/S结构则不会有这个问题，所以维护的工作量会降低很多。

　　当然，无论是原生APP还是HTML5，他们都是展现信息的方式，不是完全矛盾的。只是你需要根据不同的场合选择不同的技术。这就像交通工具一样，原生APP比较像飞机，它的速度很快，但前期投入成本很高，你要修机场、跑道，而且飞机起飞降落都是很繁琐的过程；而HTML5就像汽车，它非常灵活，非常灵巧；所以选用汽车还是飞机都要看你实际的需求。大家平时在日常生活中只要选择汽车作为交通工具，所以绝大多数的应用HTML5就足够了，只有少数的应用，像微信这种每天都要使用的、强交互的应用才做APP比较合适。

　　HTML5对移动电子政务的跨屏应用

　　H5它的特性可以归纳成两个方向：横向和纵向。纵向就是有更酷炫的图像效果，可以做出很丰富的交互界面的应用，有很多的增强API可以让你访问摄像头、GPS。横向就是跨平台、跨屏，一次开发可以运行到很多地方，各种这样的设备上。云适配就是致力于帮您打造HTML5跨屏应用，对外让老百姓无论使用什么设备、什么平台，始终可以通过同一个网址访问到您的网站，来完成政务办公系统。对内移动办公协同系统上，每个人的手机、平台都不一样，用HTML5也是非常高效的。

　　针对HTML5跨屏应用的需求，云适配提供了三大产品线。一是XCLOUD跨屏云，能够帮把现有的PC网站直接转化成HTML5的移动应用，直接实现跨屏。二是 AMAZE UI框架，这个框架开发出的HTML5应用自动适应PC和各种移动设备。第三个是浏览器，是用来运行HTML5应用，它为HTML5提供一个增强的、安全的运行平台，主要适用于移动办公的环境。

　　现在的网站一般是由PC开发的，在手机上打开文字和图片很小，要用双手去缩放，这个用户体验是非常差的，会导致79%的用户直接离开。跨屏云基于自主研发的国际专利技术，只要在网站上加一串代码，就可以把您的PC网站直接转化成HTML5的移动应用，并且网址不改变、内容实时更新。大家可以在手机上打开www.gov.cn 体验一下中国政府网使用云适配的效果。网址不改变是非常重要的，老百姓可以按照原来在PC上使用政务系统的方式在手机上直接访问政务系统。

　　从跨屏云的工作原理可以看出，它是一个纯前端的解决方案，不涉及后台的东西，只要在网站前端加一串代码，不需要原来PC网站的代码和数据库，这是非常安全的。用户在用手机访问原来网站的时候，因为网页里加了云适配的代码，手机浏览器就会加载这个代码，从云端下载一个适配引擎，适配引擎会对当前的网页做出重新的排版，转化成HTML5移动应用的效果。同时我们还提供图片压缩功能，可以大幅度增加下载速度。根据统计可以把图片压缩到原来的20%，也就是流量可以节省到原来的1/5，这也是非常有效果的。

　　从案例上可以看出，很多政府企业都在使用我们的产品。

　　刚才主要讲的是对外网站的跨屏产品。接下来讲一下对移动办公系统的相关产品。

　　在今天，办公已经逐渐移动化，随时随地、任意设备都要实现办公。无论是政府还是企业，内部都是有很多办公系统的。员工也不希望在手机上安装很多APP，而且这些APP还是相互孤立的，这都给移动办公造成了困扰。员工希望有一个统一的入口完成办公，管理员也希望有一个统一的入口便于管理。

　　今天办公系统移动化的几个痛点：一是成本。需要为不同的平台开发不同的APP成本非常大。二是很多政府、企业都会找第三方公司开发APP，这就需要政府开放数据库接口、PC网站系统给他，这里会面临数据泄露的问题，以及在开发、迁移过程中可能会导致现有的PC系统无法工作。三是开发的APP之间都是孤岛，无法相互连接；四是稳定性。不同员工手机上APP版本不同，在访问现有系统的同时要考虑到不同的版本切换问题，对开发造成困难。同时要管理不同的平台，管理系统也是非常复杂的。

　　针对这种情况，我们开发了中国第一个企业级安全浏览器，能把办公系统整合到一起，并移动化，既方便员工又方便企业管理。同时还集成了企业的IM，能够让各个办公系统的应用向员工发通知。比如一个流程做完了，通过即时通讯工具直接通知下一个流程办理人员，还集成了企业员工的账号体系，实现统一的登陆，应用系统就畅通无阻。

　　最重要的还是安全，目前市面上的浏览器都是给消费者用的，在安全上并没有下很深的功夫。很多企业的OA系统都是在内网中的，外网是无法访问的。这个在PC时代是没有问题的，但是在移动时代，领导经常要出差，需要访问内网办公系统。如何能够安全的访问到内网系统面临很大的挑战。我们的浏览器内核自带VPN，通过浏览器直接拨到内网，OA还是在内网上，很安全的。

　　现在所有给消费者使用的浏览器缓存都是明文的，任何人都可以读取这个缓存，上传到自己的服务器，这样企业就完全泄密了。尤其是对政府来说，有大量的机密数据，很容易被窃取。我们浏览器对于缓存会做严格的加密，而且不同的人加密账号是不一样的，这样能够保证数据不被泄露。还有一种情况是在移动办公环境下可能会产生设备丢失的现象。我们能够远程擦除，能够使员工在手机丢失时马上登出系统，清除缓存。也就是说，我们为移动办公打造了一个既安全又可控的环境，保证员工非常方便的办公，又能够不损失安全性，企业易于管控。