• 快捷搜索
  • 全站搜索

HTML5应用场景与未来展望

2016-08-30 10:56:02作者:中国光大银行信息科技部 李璠 杨涛 任可任编辑:金融咨询网
HTML5标准并未对应用场景有明确的限定,所以理论上移动互联网的应用需求都可以通过Web App或Hybrid App方式得到实现。就金融行业内来说,目前HTML5更多地在互动式的广告营销、场景化应用等领域得到应用。

2014年10月HTML5标准正式发布后,互联网的各个角落充满了关于新标准的讨论:HTML5的出现是否会改变移动互联网APP应用的生态格局?HTML5是否会降低移动应用开发、部署和维护的成本?基于HTML5的应用商店或者平台是否会大量出现等等。基于HTML5技术的移动应用与Native应用相比,前者对操作系统的依赖较低,并可能改变操作系统厂商在移动互联网业务中的主导地位。形成共识的是,HTML5为移动互联网业务的发展注入了新的活力,创造了新的商业模式,同时为移动互联网的各参与方带来了新的发展契机。

        顺应互联网金融发展的步伐,中国光大银行陆续推出了手机银行、微信银行、瑶瑶缴费、阳光银行等移动金融产品。这些移动应用既有使用Native方式进行开发的,也有利用HTML5技术成果的。经过这些实践,光大银行在移动应用的开发、管理、发布、维护和移动互联网新技术的研究方面积累了较丰富的经验。

HTML5相关技术概览

        1.HTML5技术简述。HTML5是HTML最新的发布版本,其目标是取代现在的HTM L4.01和XHTML1.0标准,有效满足移动互联网迅速发展时的网络应用需求,并减少浏览器对插件的依赖,同时通过提供较丰富的网络应用标准集来降低移动互联网应用开发、维护和部署的门槛,提高移动互联网应用的智能化水平。总的来说,HTML5标准是包括HTML、CSS和JavaScript在内的一套技术标准组合,与以前的标准相比,它增加了很多新的关键技术,比如离线缓存技术、地理定位技术、Canvas绘图技术、工作线程等。

        2.基于HTML5技术的新开发模式。HTML5技术为移动端应用带来了Web App和Hybrid App两种新开发模式,再加上原有的N ative开发方式,移动互联网应用开发方式目前共有三种。

        Native App:应用开发者依据各移动终端的操作系统支持的语言进行应用开发,比如在安卓平台上一般使用Java语言开发,在iOS系统上使用Object C语言开发。其优点是不同平台有不同的客户体验,可以提供优质的用户界面、炫丽的交互方式,可以直接调用本地资源。但这种方式开发和维护成本高,同一应用需要基于移动终端操作系统开发多个版本;发布受限于应用市场,应用提供者发布自由度低。

        web App:服务端通过HTM L、CSS和JavaScript方式提供服务,客户端通过浏览器打开应用。与Native App比较而言,优缺点互换。

         Hybrid App:即混合模式移动应用,它是界于Native App和Web App之间的一种开发方式,其应用架构如图1所示。这种方式的业务逻辑通过HTML5技术实现,本地资源的访问则通过原生态语言实现。所以它既有Native App的良好交互体验,又具备Web App跨平台和维护成本低的优点。但混合模式同时也存在一些问题:首先是版本管理变得复杂,需要同时管理客户端版本和客户端内部HTML5应用的版本;其次是设计变得复杂,由于原生态和HTML5都可以提供业务交互界面的展现,如果没有统一的设计指导,可能会出现一个应用的一部分逻辑由客户端实现、另一部分由HTML5技术实现的情况,这会使得发布、开发和测试部署都变得复杂。我们在使用Hybrid App方式进行开发时,应该尽可能避免这种情况。

图片1.jpg
图1 Hybrid App应用架构

        3.HTML5与Native比较。HTML5技术和Native技术的比较是技术人员经常讨论的话题。我们认为HTML5相关技术在各方的共同努力下将日臻完善,但要让HTML5达到与原生态代码一样的用户体验可谓“路漫漫其修远兮”。两者并不是互相取代的关系,相较而言,Native技术比较适合与移动端硬件交互紧密的应用,HTML5相关技术则比较适合排版复杂并需要较强扩展性的应用。此外,通过比较分析HTML5与Native各自在跨平台、发布等方面的特点,我们可以更好地掌握其使用方式和使用场景。

        跨平台:与Native方式相比,基于HTML技术的应用具有很好的跨平台特性,即只需要一次开发,就可以轻易地在各浏览器或者支持HTML5标准的解析器上执行。目前市场上绝大多数的浏览器都支持HTML5相关技术。根据第三方测试机构的数据显示,能够较好地支持HTML5的浏览器包括Chrome、I E11、Edge、火狐等。

        自由发布:原生态的移动端应用,每次发布都需要到相应的应用市场进行程序提交,等待市场审核通过后才能向终端客户推送更新通知。而采用HTML5技术的Web App开发方式,只需要服务端发布生效,客户通过浏览器就可以访问到最新的应用,应用的发布与应用市场没有任何关系;利用Hybrid App方式开发的App,原生态部分模块要进行修改需要提交应用市场发布,而HTML5技术实现的业务逻辑部分的修改则只需服务端发布即可生效。

HTML5的应用场景分析

        HTML5是一种互联网技术,其标准并未对应用场景有明确的限定,所以理论上移动互联网的应用需求都可以通过Web App或者Hybrid App方式得到实现。单就金融行业来说,目前HTML5更多地在如下领域得到应用。

        1.互动式的广告营销。当前微信、微博已经成了各商家广告宣传和营销的重要阵地。企业可以利用HTML5技术快速制作互动式营销服务页面,通过微信公众号向粉丝进行推送,再通过朋友圈分享,把广告传播到非粉丝群体中。这得益于利用HTML5制作广告的低门槛:不需编写代码,通过制作工具就能快速制作一份宣传材料。其中,HTML5技术可以将图片、文字、视频、交互等体验方式结合起来,为客户提供一个立体式的体验环境,让客户更好地理解广告内容、产品和服务特点,更可以让客户参与广告中的互动环节,让冰冷生硬的广告变得生动有趣。当前,一些金融机构利用HTML5技术制作的宣传材料已经不限于企业品牌的宣传,更覆盖了对银行复杂的金融产品的宣传和营销。通过立体式宣传材料,不仅能使客户理解金融产品的价值和特点,又能让客户对有趣的内容进行传播。光大银行在进行直销银行“阳光银行”发布前的宣传时,利用HTML5技术制作了阳光银行的征名活动、命名投票活动和吉祥物征集活动等应用。活动持续了15天,一共获得60万阅读量、1万个创意命名、5万余命名投票和上百万个“赞”,对“阳光银行”的发布进行了效果很好的预热。

        2.场景化应用。场景应用是从英文单词“Live App”翻译过来的,它指的是一种现场的、互动的、有生命力的移动应用。它是通过音频、LBS、图文、视频、电话、重力感应、商业智能数据分析识别等技术为客户提供一种互动的、有现场感受和有生命力的移动应用。不需要客户下载,应用制作者只要通过场景服务商提供的平台和工具进行内容制作,制作完成后,将应用发布在云平台上,再向客户分享应用链接地址,客户通过链接地址就可以访问相应的应用。目前HTML5技术是场景应用制作的主要技术之一。

        3.光大银行HTML5技术的实践。目前光大银行的阳光银行、微信银行、微信版瑶瑶缴费产品都是采用HTML5技术进行研发的。阳光直销银行采用Hybrid App开发模式;微信银行和微信版瑶瑶缴费系统使用Web App开发方式;手机银行客户端中与商户合作的产品销售功能通过HTML5技术进行了商户产品展现和交易流程的设计。

        手机银行系统开发之初,原生态开发方式非常流行。HTML5技术成熟后,手机银行客户端升级时在原生态技术框架的基础上增加了对HTML5技术的支持。原有功能使用原生态方式实现,新功能根据功能特性和复杂度,选择原生态或者HTML5方式进行实现。目前系统运行正常,但系统架构复杂,维护成本较高。

        开发微信版瑶瑶缴费和微信银行时,HTML5技术已经较为成熟,而且腾讯公司在微信的开发手册中明确要求通过HTML5技术进行页面开发,所以这两个应用选择利用Web App方式进行开发。就目前的情况来看,功能开发简单、维护成本较低,但与微信系统的耦合度较高,代码调试过程较为复杂。

        阳光直销银行系统在建设之时,工期短、任务重,同时希望系统既具备原生态的相关优势,又要有Web App方式包括维护成本低、开发效率高、部署自由等在内的优势。结合当时HTML5技术成熟和工具丰富的背景,最终选择了Hybrid App开发方式(移动端开发的技术框架请见图2)。同时,为了避免Hybrid App开发方式的缺陷,将版本管理、客户端资源签名验证、客户端数据加密、客户端数据规则认证等安全措施在应用开发框架中进行了实现,强制要求开发人员按照安全方式进行系统开发,保证应用安全有效。阳光直销银行手机版于2015年4月开始实施,当年6月中旬安卓版和iOS版本同时投产发布试运行,两个版本的业务逻辑、系统风格一致。通过采用Hybrid App开发方式,很好地完成了直销银行移动端系统建设的任务。目前系统运行正常,系统维护和发布效率高,有效地支持了阳光直销银行业务的发展。

图片2.jpg
图2 阳光直销银行开发技术框架

总结

        笔者认为HTML5技术与Native技术各有特长,在未来的“移动互联网的生态圈”将会相得益彰,共同发展。目前Hybrid App的开发方式就充分体现了这两种技术的有机融合。但是HTML5技术在未来的发展与应用实践中,定会存在日趋完善的过程,这有待于各方相互协助,相互促进,齐心协力提升HTML5技术工具的有效性和使用的安全性。

        HTML5技术维护成本低、开发效率高、部署自由、技术门槛低等特点能够有效地解决银行在移动端应用开发和维护成本高等问题,必然将给银行系统建设带来有益的变化。所以在今后的移动应用开发中,银行一定会选择使用HTML5技术实现相关的业务需求。至于是采用Hybrid App方式还是Web App方式,需要根据具体应用的特点和使用场景选择合适的开发方式。

(文章来源:《金融电子化》杂志)

扫码即可手机
阅读转发此文

本文评论

相关文章