首页 > 基础设施 > 正文

HTML5技术构建移动应用的思考

2012-12-13 13:45:13  来源:互联网

摘要:移动Web应用,简单来理解就是针对移动终端优化过的Web站点,终端用户通过支持Html5、Css3、Javascript标准的内核浏览器访问部署在服务器上的Web应用。
关键词: HTML5 移动应用

    1.移动应用模式分类


    移动应用主要有两种模式:原生应用和移动Web应用。


    原生应用,简单来说就是通过使用手机操作系统支持的程序语言(例如:iphone的iOS系统使用Objective-C语言,google的android系统则使用Java语言)编写软件,然后安装在手机上的应用软件。


    移动Web应用,简单来理解就是针对移动终端优化过的Web站点,终端用户通过支持HTML5、Css3、Javascript标准的内核浏览器访问部署在服务器上的Web应用。


    2.原生应用的优势


    2.1原生应用开发可以直接调用手机操作系统的API(包括UI界面接口、摄像头接口、加速度传感器接口、读写内存地址等等)。


    2.2原生应用比移动Web应用更容易预见。因为原生应用是在手机内存中运行的,它们不会遭遇不可预知和易见在移动Web应用常发生的问题。


    2.3原生应用对网络的依赖性更少。原生应用大部分的数据都是存储在手机内,它们不需要连接网络才能获取数据。但移动Web应用则是典型的依赖云端服务器的应用程序,它们必须得连接网络才能获得内容。如果网络连接不稳定或很弱,移动Web应用的表现性能将会遭受非常大的打击。


    3.原生应用的困境


    3.1目前手机操作系统众多:苹果的iOS、谷歌的Android、微软的Window Phone 7、诺基亚的Symbian、其他厂商的WebOS、黑莓等,若一款应用软件想在不同的操作系统上运行,则需要针对不同的平台重新开发(有可能还需要根据手机屏幕的大小进行特定设置)。


    3.2程序员要在手机应用商店销售“原生应用”并不容易。以iOS应用为例,就连通过官方的审核也不容易。不过,Apple公司要求每一个提交申请审核的手机应用都必须遵从它的标准。程序员说如果Apple不喜欢那个手机应用,无论是什么理由,它都会拒绝审核。尽管要在Android市场通过应用审核并不难,但却通过审核后却很容易被埋没在茫茫的Andorid应用海洋里,并且大部分Android应用都是低质量的。


    3.3手机程序员面对的另一个问题是他们还必须针对不同的手机操作系统(iOS、Android或者其他)开发不同版本的手机应用,并且同一个操作系统还会有几个版本的应用。因此,手机程序员需要投入大量的时间和金钱给他们的应用程序“定版本号”,而提高产品质量和开发新产品的时间却所剩无几。


[page]    4.针对原生应用开发的麻烦提出的解决思路


    4.1 HTML5的主要优势在于它适合众多平台,从PC浏览器到手机、平板电脑,甚至是智能电视。


    4.2基于浏览器的手机应用将大大减少程序员或开发商对手机应用商店的依赖。为了让原生应用成功。程序员需要更多的推广投入,而基于浏览器的应用(只需一个链接地址)会让程序员更容易通过社交媒体(如Twitter、Google+)等进行推广。


    4.3你无需进行安装——这是一大优点。再来就是内容更新和跨平台开发。若你创建的是原生应用。多数情况下你需要分别在Android和iOS平台创建内容,也许还有桌面平台。基于HTML5技术,你只需要制作一次,就可以将其推广至各平台。


    5.HTML5移动应用开发中的技术可行性


    5.1语义特性(Class:Semantic)HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。


    5.2本地存储特性(Class: OFFLINE&STOR-AGE)基于HTML5开发的网页APP拥有更短的启动时间。更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。IndexedDB(htm15本地存储最重要的技术之一)和API说明文档。


    5.3设备兼容特性  (Class: DEVICE ACCESS)从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。


    5.4连接特性(Class: CONNECTIVITY)更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验。更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。


    5.5网页多媒体特性(Class: MULTIMEDIA)支持网页端的Audio、Video等多媒体功能,与网站自带的APPS,摄像头,影音功能相得益彰。三维、图形及特效特性( Class:  3D,Graphics&Effects)基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。


    另外,JavaScript的连接辅助让类似移动定位这样的功能也已经可以在大多数的手机浏览器中调用,Qualcomm CDMA公司的产品经理SyChoudhury说,“未来半年,我们将会看到更丰富的定位功能。同时浏览器还会有WebGL这样的访问GPU的功能,更轻松地访问照相机和摄像机。浏览器对声音控制也会比现在更为出色。”几个月以前,浏览器厂商开始放出越来越多的例子高调展示移动Web应用可以达到的水平,包括重力加速器、方向仪、GPS定位和集成照相等功能,Mozilla手机浏览器产品经理Thomas Arend指出,Mozilla开发者网站的Dashboard就是一个非常好的HTML5技术例子。


第三十四届CIO班招生
国际CIO认证培训
首席数据官(CDO)认证培训
责编:fanwei

免责声明:本网站(http://www.ciotimes.com/)内容主要来自原创、合作媒体供稿和第三方投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。