BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

年度回顾:海豚浏览器刘铁锋谈Web App热点

| 作者 贾国清 关注 0 他的粉丝 发布于 2012年1月20日. 估计阅读时间: 7 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

在刚刚结束的第22期百度技术沙龙中,来自海豚浏览器的CTO刘铁锋(@百纳刘铁锋)来到沙龙现场,分享了过去一年中Web App的发展情况,并对移动互联网相关技术趋势和热点做了分析和展望。

1.对Web App的理解

对于一个网页或者网站,其实也是一个Web App。因为这样的一个利用技术手段实现的应用或页面,可以通过某些特定功能来为用户服务,所以从某种程度上来说,网页也属于Web App的一种。我认为,只要是使用Web技术开发的,可以运行在Web中且在展现效果和用户体验上看,都与Native App没有什么分别的应用,都可以看作是Web App,这是我的理解,这也是HTML5和Web App所关注的事情。

2.在2012年,Web App的应用案例会更多、更成熟

在过去一年中,从Show Case的角度来看,首先是大家对Web的印象的改变。其中最有名的是一款名为Financial Time 的Web  App。它是第一款手机端上效果非常接近于原生应用体验的一个Web App,主要基于Web技术实现。大家可以在iPhone上面搜索一下FT,这是唯一的一个做得不错的Show Case。目前来看,酷狗也刚刚发布了一款HTML5版本音乐播放器,这也是一个不错的Web App。从以上两个Show Case可以看出。无论是从体验还是技术能力上来看,包括运用HTML5技术,从技术能力上来讲,现在已经完全可以使一款Web App具备类似于Native App的操作体验,我认为在2012年,类似的这种Show Case会出现的更多而且会变得更加成熟。

3.支持Web App的技术框架发展迅速

从现有技术框架上来看,在过去一年里,有些代表性技术的出现,加速了Web App的发展。例如大家比较熟悉的jQuery Mobile,还有一款比较出名的叫做Sencha Touch,它的的UI可以帮助我们在Web上实现丰富的控件和交互体验。还有就是提供跨平台的支持,比如类似PhoneGap这样的技术。它使得开发者通过Web技术开发出的应用,不但可以具备浏览器中的功能和操作体验,而且还具有在移动设备中运行的能力,PhoneGap就是实现了这么一个功能的框架。利用PhoneGap开发出的应用,可以运行在Windows Phone、Android、iPhone等多个平台,还可以访问它们的硬件资源,比如操作摄像头,振动这些操作。

4.对于Web App来说,重要的是要挖掘HTML5的能力

对于Web App来说,最重要的是要去挖掘HTML5的能力,HTML5和Native App的不同点在于:首先,通常的Web程序在存储方面的功能都比较薄弱,我们知道HTML5可以通过Web  Storage的方式来扩展存储能力,这就使得Web应用可以做到类似于像Native App一样,甚至是秒开,即点一下,界面出来后内容也会紧跟着出来,而不是像我们用到的应用,打开后要习惯性得等上一秒钟,先Load界面,然后文字慢慢出来,最后才能看到图片。所以,这是存储上的一个增强。

其次,对于网络的处理能力有所提高。大家可以看到,通过HTML5中的Web Socket是可以去处理一些复杂通讯的。

最后,在GUI绘图上的提升。这里主要指的是Canvas和CSS,这是Web层面所涉及到的。通过与过去在.Net上面的GDI+或者GDI这样的技术类比就会发现,2011年Canvas上最大的一个案例就是,有家名为AppMobi的公司,将HTML5的Canvas进行了封装,加上了一些他们自己的东西,称之为Direct Canvas,并宣称:与原生的Canvas绘图速度相比,渲染速度提升了三到五倍。前提是要基于特定的SDK来开发。另外在存储上,他们在Modern Web Storage上也做了改进,影响最大的应该是那些基于HTML5的游戏,其实,我们也可将HTML5游戏看作是Web App的一种,因为这在技术上可行,通过HTML5在没有做任何网络连接的情况下,在本地点开一个Link,或是点击一个图标,都可从本地所有存储读取,完全就是一个本地HTML5游戏,所以,也就不需要任何网络连接。

5.相关的媒体和书籍推荐

在国内,一些不错的技术媒体也对Web App进行了探讨和推广,一个是HTML5研究小组,他们的活动有声有色,并由此把前端工程师这一角色做了进一步的升华。另外一家媒体叫做Web App Trend ,他们主要探讨如何做Web App开发,以及在未来应该如何去发展Web App。以上是在2011年中,媒体层面所做的事情。在技术的理论支持方面,我推荐两本非常不错的书,一本叫Mobile First,作者好像是雅虎的一位工程师,书中主要探讨了如何进行移动设备上的交互体验设计,同时还有一些应该遵守的基本原则等,书比较薄,大概一百多页。还有一本叫做Responsive Web Design,主要讲如何通过Web APP来做设计和用户体验。

6.对Web App在2012的展望

在2012年,我觉得最主要的是对HTML5标准的支持,大家会看到各种浏览器厂商会继续做的一件事情就是拼分数,通过对HTML5支持程度的测试来跑分。但是HTML5跑分我觉得还不是影响Web App发展的一个关键因素。

第二,基于HTML5技术,支持开发Web App的框架的出现,在今天早上极客公园创新大会上面就出现了一个国内的HTML5 Web App框架Julia,我估计在2012年这样的东西会更多。

第三,针对行业和企业的移动解决方案会变得越来越多,比如说我经常举的例子,钢铁厂或者是锅炉厂,其实也有各自的信息系统,把他们内部的企业CRM、ERP系统移动到Web上面的需求也会增多,因此关于这类方案的探讨会越来越成熟。

第四,更好的跨平台解决方案可能会出现,像前面提到的例子一样,将Web开发好的应用放到多个设备上运行,甚至通过简单的命令就可以将应用编译、部署到不同的平台上,是APK也好,IDA文件也好,这是我觉得在2012年在WEB APP上面的一些发展。

相关报道

年度回顾:开源专家姜太文谈开源硬件

年度回顾:知名博客冯大辉的技术感悟

年度回顾:酷壳陈皓谈搜索和移动互联网

年度回顾:百度乔梁谈持续交付与DevOps

年度回顾:禅道王春生谈开源软件趋势

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT