江苏有线网格化营维一体的移动应用建设

许小龙 江苏省广电有线信息网络股份有限公司



江苏有线网格化营维一体的移动应用建设

许小龙 江苏省广电有线信息网络股份有限公司

【摘 要】随着三网融合的深入推进，江苏有线提出加快建设新型网格化服务营维体系的战略。为支撑网格化营维体系的建立，公司建设了网格化营维手机客户端。基于该应用的建设，本文从技术应用、架构设计、功能实现等几个方面对系统进行介绍。

【关键词】HTML5 MVC 网格化营维

一、引言

随着三网融合的深入推进，2014年，江苏有线提出加快建设新型网格化服务营维体系的战略举措。新型网格化服务营维体系是将目标市场按照物理和类型等维度进行划分，以网格为单位开展以客户为导向的服务销售，从关注产品和关注客户两个维度进行考核指标设置，从而实现团队协同作战的管理模式，是企业在发展中进一步细分市场、实现精细化营销的一种有效方式。为支撑起公司新型网格化服务营销体系的建设，实现精确化营销，IT部门从实际需求出发，着手建设了具有大数据分析能力的江苏有线新型网格化服务营销支撑系统。

其中，针对社区工程师长期户外作业，无法使用PC 端IT支撑系统的问题，采用HTML5技术开发了适用于iOS、Android手机的营维服务一体化手机应用，实现了用户信息在线查询，安装维修工单的在线处理，业务订购和缴费的在线办理，有效提高了整体运维质量，缩短了服务响应时间。

二、关键技术

2.1HTML5技术

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS 和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-inbased rich internet APPlication，RIA），如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

HTML5作为在移动设备上的开发工具，其与移动设备的关系主要体现有以下几个方面：

1）专为移动平台定制的表单元素

现在流行的移动设备大部分都拥有一个用于输入的触摸屏幕，并采用虚拟键盘输入数据。由于屏幕的面积有限，所以虚拟键盘的按键布局的合理性对用户的使用体验影响较大。如果可以做到在输入不同内容时显示相对应的键盘，就能节省虚拟键盘需要的显示面积，同时又提高了输入的效率。

2）离线缓存为HTML5开发移动应用提供了基础

HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。

同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。

在线APP支持边使用边下载离线缓存，或者不下载离线缓存；而离线APP必须是下载完离线缓存才能使用。

3）Canvas绘图

使用Canvas API可以简单绘制热点图收集用户体验资料，支持图片的移动、旋转、缩放等常规编辑。而且也支持2D和3D。

4）音频、视频

原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。 HTML5在这个方面完全不受限制，可以完全放在一起进行处理。

5）地理定位

充分发挥移动设备对定位上的优势，推动LBS应用发展。可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，随时随地分享位置。

2.2MVC框架

MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller），它用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。它强制性的使应用程序的输入、处理和输出分开。使用MVC的应用程序被分成三个核心部件：模型、视图、控制器，它们各自处理自己的任务。视图是用户看到并与之进行交互的界面，使用MVC框架的好处是能够为应用程序处理很多不同的视图。模型代表的是企业数据和业务规则，它在MVC的三个部件中拥有最多的处理任务，能为多个视图提供数据。控制器负责接受用户的输入并调用视图和模型去完成用户的请求，当用户发出请求时，控制器本身不输出任何东西和做任务处理，它只是接收用户请求，并决定调用哪个模型处理请求，然后确定用哪个视图来显示模型处理返回的数据。

三、系统架构

营销运维一体化手机客户端架构见图1。

手机客户端开发了独立版本和MBOSS融合版本。提供手机版本的营销网格系统功能，方便用户在手机客户端使用营销网格的功能，包含营销视图、营销支撑管理、风险预警管理、考核管理、营销信息录入、营销视图管理、工资查询等。MBOSS融合版本把网格手机应用和移动BOSS功能整合在一个客户端下，让营销人员实现一站式营销和业务订购工作。

图1　营销运维一体化手机客户端架构图

四、系统功能

4.1掌上业绩监控

展现网格经理所属网格的收入发展、业务发展和客户发展的统计信息。展现网格经理业绩明细、绩效考核情况、目标完成进度信息。

4.2掌上预警

在业务到期时间、费用信息（数字和互动基本费用欠费情况、增值账本余额）、客户发展等指标达到阈值时，展现预警信息。提醒信息包括业务到期用户提醒、沉默用户预警、流失用户预警、欠费用户预警、客户生日提醒等。

4.3掌上营销任务

能够根据系统分派的营销任务，通过手机客户端提示网格经理查看任务的基本信息（包括开始时间、主要内容、目标人群等）。

4.4掌上客户视图

能够根据客户证号、姓名、联系方式、模糊地址匹配等方式查询客户用户信息、业务信息等。包括：

①客户基本信息

客户证号、客户姓名、联系电话、联系地址、拆迁标识、稽查标识、网络接入方式、客户状态、所属网格、网格经理、客户级别、用户基本账本余额、用户专用账本余额、是否沉默用户、智能营销建议；

②用户信息

终端类型、终端型号、终端状态、终端编号、智能卡号、CM-MAC、机顶盒-MAC、是否互动沉默用户、入网时间、退网时间、宽带接入类型、带宽、、是否云媒体用户、主副机类型、用户状态；

③客户业务信息

当前订购

终端编号（显示的内容是机顶盒号、宽带编号）、产品、产品开通时间（生效日期）、产品到期时间（失效日期）、产品订购渠道；

历史订购

终端编号（显示的内容是机顶盒号、宽带编号）、产品、产品开通时间（生效日期）、产品到期时间（失效日期）产品订购渠道；

④缴费信息

账户编号，账户名称，缴费时间，付款方式，缴费金额，是否催缴、缴费渠道；

⑤账单信息

账户编码、账户名称、收费账期（显示数据的月份“YYYYMM”）、发生金额，账户余额。

4.5营销信息录入

可由手机端录入客户评价信息、客户营销建议和竞争对手信息。

五、总结

手机客户端的开发是公司网格化营维一体建设的重要组成部分。根据业务发展需要，我们开发了独立版本和MBOSS融合版本。提供手机版本的营销网格系统功能，方便用户在手机客户端使用营销网格的功能，包含营销视图、营销支撑管理、风险预警管理、考核管理、营销信息录入、营销视图管理、工资查询等。MBOSS融合版本把网格手机应用和移动BOSS功能整合在一个客户端下，让营销人员实现一站式营销和业务订购工作。

参考文献

［1］姜风燕，段会川．HTML5新输入类型及其对RIA界面效率支持研究［J］．计算机技术与发展，2012，22（5）：137—140．

［2］黄永慧， 陈程凯. HTML5在移动应用开发上的应用前景［J］. 计算机技术与发展， 2013， 23（7）：207-210.

［3］潘志宏， 罗伟斌， 柳青. 基于HTML5跨平台移动应用的研究与实践［J］. 电脑知识与技术， 2013（6X）：3992-3995.

［4］ Jeremy Keith.HTML5 for web designers ［M］.New York：A Book Apart，2010，51-82.

［5］ 李宁. Android开发权威指南［M］. 人民邮电出版社，2011.

［6］ROBERT CLAIR［美］. Objective-C 2.0 Mac和iOS开发实践指南［M］. 机械工业， 2015.

［7］涂强，花泉，袁轶慧，马文龙，李怀森，黄力. 网格化营销支撑系统助力打造广电新型营销体系［J］. 广播与电视技术，2013，11：45-49.