对Html5 Web App 的背景调查研究

======================================================
注：本文源代码点此下载
======================================================

最近好久没有写文章了,原因是笔者最近接了一个项目,另外去广东移动珠海分公司实习。这里是花了一天时间整理的关于html5 web app方向的调研。虽说android 平台开发或者mac os x 平台开发以及windows phone 7平台开发。开发的程序都只能在各自手机系统上运行,如果实现开发出一种程序,能再以上任何系统上运行,那是多么美好的事情。而html5 mobile web app就是其中一种跨平台方法。下面是相关知识的介绍

1.背景

html5是html的最新标准,html5的草案已经于2008年发布,目前w 3 c(万维网联盟)正在对此进行进一步完善。对许多人来说,早该进行这种改进了。十多年来,html一直没有进行真正的升级,上一次正式获得w3c推荐(即web标准制定过程的最终阶段)的标准语言还是2001年的xhtml1.1。此后的这些年,web开发人员要求升级的呼声越来越高。因为html和xhtml标准已力不从心,它们以文档为中心的理念无法有效地满足现代web应用的需要。

2.html5

2.1什么是html?

html(hypertext markup language)是超文本标记语言的英文缩写,这是一种标记语言,不需要进行编译,直接由浏览器执行。html文件是一个文本文件,包含了一些html元素、标签等。目前html语言的标准是由 w3c(world wide

web consortium)负责制定的。依照规则,无论是何种浏览器,对于相同的html代码,应当展现给用户相同的效果。

2.2什么是html5?

html5是下一代web语言,html5是在现在的html基础上提出了许多新的特性,例如嵌入音频、视频和图片的函数、客户端存 储数据、交互式文档等,通过制定如何处理所有html元素以及如何从错误中恢复的精确规则,html5进一步增强了互动性,并有效减少了开发成本,并将引领下一个web实现类似的桌面应用体验。它的出现消除internet程序对flash,sliverlight,javafx等一类浏览器插件的依赖。

从感性的角度来看,html5技术的渲染过程主要是由浏览器、内嵌html5解 析器的应用程序 (如phonegap)、支持书签打开方式的应用程序又或者是移动手机产品(iphone和ipad)进行的。这种技术的好处就是能重用现有的网页设计。

从理性的角度来看,html5

技术就是使用javascript引擎直接控制本地功能,改变移动设备上的浏览器组件。而html5应用上的表现问题更多是由html/css渲染技术控 制的,而不是由javascript解析生成的。如果使用正确,html5技术无疑可以给予你大量新增的表现效果

2.3html5前景

如图,在2012年,将会由w3c发布候选推荐版,这个版本的发布就代表着html5的规范编写已经完成了。而2022年推出的计划推荐版,则意味着至少会有两个浏览器会完全的支持html5的所有特性。2022年听起来似乎很遥远,但通过观察现阶段chrome, firefox , safari,ie等浏览器对html5的支持程度,可以看出各大浏览器厂商都非常积极。应该不需要到2022年就会有至少两个浏览器支持html5。因此现在关注和讨论html5,了解html5的新特性,为以后的产品规划并非毫无意义。

2.4html5的产品与应用

google的gmail邮箱

3. 移动html5 web app

3.1移动web app

手机上网已经成为最重要的上网方式之一,手机网民已达3亿。移动互联网时代已经开启,发展势头迅猛,成为互联网行业的新战场。 而且手机上网在用户生活中所占的比例越来越多。

android和ios手机的兴起,加速了html5在移动设备的普及。与桌面浏览器不同的是,移动操作系统和浏览器随着手机的换代而不断升级。移动浏览器的不断升级,给html5在移动web方向的发展提供源源不断的动力。也随着设备性能的不断提高,移动web应用的能力也渐渐逼近客户端应用。

随着苹果宣布不支持flash,支持html5,以及微软下一代系统全面支持html5,以及刚刚得到消息office15 将支持html5/javascript开发,我们可以预见html5将带来一场革命风暴,而它的地位是显而易见的。

可以从上面调查中可以看到,多个手机操作系统同时存在,而且这个数据是2010年,现在估计未来购买的话,android还是占主导,苹果和windows

phone 7应该是未来三大主导。这个趋势应该是一个长期的过程,所以开发出的应用程序能跨越平台也是越来越重要了。

那么通过浏览器指定通用的规则,只要支持这个规则的浏览器都可以使用,这个就是html5 web app.只要手机浏览器支持html5浏览器,那么web app就可以运行了。

3.2开发html5 web app

目前,可以知道html5在pc上的应用才刚刚开始兴起,可以说在移动中的应用更是开始起步,国内外在这方面开发与应用都是非常少的,可以用稀少来形容。而html5 web app开发这方面资源也少的可怜,现在开发一般使用两种框架phonegap与sencha

touch。

phonegap是一款开源的手机应用开发平台,它仅仅只用html和javascript语言就可以制作出能在多个移动设备上运行的应用。phonegap将移动设备本身提供的复杂的api进行了抽象和简化,提供了一系列丰富的api供开发者调用,只要你会html和javascript或者java语言,就可以利用phonegap提供的api去调用各种功能,phonegap就能让你可以制作出在各种手机平台上运行的应用。phonegap已实现对iphone/ipad、android、symbian,palm、黑莓各版本绝大部分功能的支持。

sencha touch框架是世界上第一个基于html5的mobile app框架。sencha是目前为止所发现的最强大的应用于移动平台的框架。相信随着sencha的出现,移动平台的web

app用户体验设计会得到提升,同时也会对html5和css3在移动平台上的普及推广产生很大的促进作用。可以预见,随着html5愈加强大的功能,未 来的移动应用将会逐渐步入web app时代,native

app会逐渐走向终结。

4.总结

可以确信两点:html5的未来是光明的,它势必将引领it届的一场变革。随着移动应用在人类生活文明中的地位越来越高预计将超过pc机,跨平台的html5 web app势必将是领头军。现在才是一个启蒙阶段,我们有必要在这方面做好相关的准备与研究。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/