許小龍 江蘇省廣電有線信息網(wǎng)絡股份有限公司

?

江蘇有線網(wǎng)格化營維一體的移動應用建設

許小龍 江蘇省廣電有線信息網(wǎng)絡股份有限公司

【摘 要】隨著三網(wǎng)融合的深入推進，江蘇有線提出加快建設新型網(wǎng)格化服務營維體系的戰(zhàn)略。為支撐網(wǎng)格化營維體系的建立，公司建設了網(wǎng)格化營維手機客戶端?；谠搼玫慕ㄔO，本文從技術應用、架構設計、功能實現(xiàn)等幾個方面對系統(tǒng)進行介紹。

【關鍵詞】HTML5 MVC 網(wǎng)格化營維

一、引言

隨著三網(wǎng)融合的深入推進，2014年，江蘇有線提出加快建設新型網(wǎng)格化服務營維體系的戰(zhàn)略舉措。新型網(wǎng)格化服務營維體系是將目標市場按照物理和類型等維度進行劃分，以網(wǎng)格為單位開展以客戶為導向的服務銷售，從關注產(chǎn)品和關注客戶兩個維度進行考核指標設置，從而實現(xiàn)團隊協(xié)同作戰(zhàn)的管理模式，是企業(yè)在發(fā)展中進一步細分市場、實現(xiàn)精細化營銷的一種有效方式。為支撐起公司新型網(wǎng)格化服務營銷體系的建設，實現(xiàn)精確化營銷，IT部門從實際需求出發(fā)，著手建設了具有大數(shù)據(jù)分析能力的江蘇有線新型網(wǎng)格化服務營銷支撐系統(tǒng)。

其中，針對社區(qū)工程師長期戶外作業(yè)，無法使用PC 端IT支撐系統(tǒng)的問題，采用HTML5技術開發(fā)了適用于iOS、Android手機的營維服務一體化手機應用，實現(xiàn)了用戶信息在線查詢，安裝維修工單的在線處理，業(yè)務訂購和繳費的在線辦理，有效提高了整體運維質量，縮短了服務響應時間。

二、關鍵技術

2.1HTML5技術

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標準版本。HTML5有兩大特點：首先，強化了Web網(wǎng)頁的表現(xiàn)性能。其次，追加了本地數(shù)據(jù)庫等Web應用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS 和JavaScript在內(nèi)的一套技術組合。它希望能夠減少瀏覽器對于需要插件的豐富性網(wǎng)絡應用服務（plug-inbased rich internet APPlication，RIA），如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，并且提供更多能有效增強網(wǎng)絡應用的標準集。

HTML5作為在移動設備上的開發(fā)工具，其與移動設備的關系主要體現(xiàn)有以下幾個方面：

1）專為移動平臺定制的表單元素

現(xiàn)在流行的移動設備大部分都擁有一個用于輸入的觸摸屏幕，并采用虛擬鍵盤輸入數(shù)據(jù)。由于屏幕的面積有限，所以虛擬鍵盤的按鍵布局的合理性對用戶的使用體驗影響較大。如果可以做到在輸入不同內(nèi)容時顯示相對應的鍵盤，就能節(jié)省虛擬鍵盤需要的顯示面積，同時又提高了輸入的效率。

2）離線緩存為HTML5開發(fā)移動應用提供了基礎

HTML5 Web Storage API可以看做是加強版的cookie，不受數(shù)據(jù)大小限制，有更好的彈性以及架構，可以將數(shù)據(jù)寫入到本機的ROM中，還可以在關閉瀏覽器后再次打開時恢復數(shù)據(jù)，以減少網(wǎng)絡流量。

同時，這個功能算得上是另一個方向的后臺“操作記錄”，而不占用任何后臺資源，減輕設備硬件壓力，增加運行流暢性。

在線APP支持邊使用邊下載離線緩存，或者不下載離線緩存；而離線APP必須是下載完離線緩存才能使用。

3）Canvas繪圖

使用Canvas API可以簡單繪制熱點圖收集用戶體驗資料，支持圖片的移動、旋轉、縮放等常規(guī)編輯。而且也支持2D和3D。

4）音頻、視頻

原生開發(fā)方式對于文字和音視頻混排的多媒體內(nèi)容處理相對麻煩，需要拆分開文字、圖片、音頻、視頻，解析對應的URL并分別用不同的方式處理。 HTML5在這個方面完全不受限制，可以完全放在一起進行處理。

5）地理定位

充分發(fā)揮移動設備對定位上的優(yōu)勢，推動LBS應用發(fā)展?？梢跃C合使用GPS、wifi、手機等方式讓定位更為精準、靈活。地理位置定位，讓定位和導航不再專屬導航軟件，地圖也不用下載非常大的地圖包，可以通過緩存來解決，隨時隨地分享位置。

2.2MVC框架

MVC模式（Model-View-Controller）是軟件工程中的一種軟件架構模式，把軟件系統(tǒng)分為三個基本部分：模型（Model）、視圖（View）和控制器（Controller），它用一種業(yè)務邏輯、數(shù)據(jù)、界面顯示分離的方法組織代碼，將業(yè)務邏輯聚集到一個部件里面，在改進和個性化定制界面及用戶交互的同時，不需要重新編寫業(yè)務邏輯。它強制性的使應用程序的輸入、處理和輸出分開。使用MVC的應用程序被分成三個核心部件：模型、視圖、控制器，它們各自處理自己的任務。視圖是用戶看到并與之進行交互的界面，使用MVC框架的好處是能夠為應用程序處理很多不同的視圖。模型代表的是企業(yè)數(shù)據(jù)和業(yè)務規(guī)則，它在MVC的三個部件中擁有最多的處理任務，能為多個視圖提供數(shù)據(jù)?？刂破髫撠熃邮苡脩舻妮斎氩⒄{(diào)用視圖和模型去完成用戶的請求，當用戶發(fā)出請求時，控制器本身不輸出任何東西和做任務處理，它只是接收用戶請求，并決定調(diào)用哪個模型處理請求，然后確定用哪個視圖來顯示模型處理返回的數(shù)據(jù)。

三、系統(tǒng)架構

營銷運維一體化手機客戶端架構見圖1。

手機客戶端開發(fā)了獨立版本和MBOSS融合版本。提供手機版本的營銷網(wǎng)格系統(tǒng)功能，方便用戶在手機客戶端使用營銷網(wǎng)格的功能，包含營銷視圖、營銷支撐管理、風險預警管理、考核管理、營銷信息錄入、營銷視圖管理、工資查詢等。MBOSS融合版本把網(wǎng)格手機應用和移動BOSS功能整合在一個客戶端下，讓營銷人員實現(xiàn)一站式營銷和業(yè)務訂購工作。

圖1　營銷運維一體化手機客戶端架構圖

四、系統(tǒng)功能

4.1掌上業(yè)績監(jiān)控

展現(xiàn)網(wǎng)格經(jīng)理所屬網(wǎng)格的收入發(fā)展、業(yè)務發(fā)展和客戶發(fā)展的統(tǒng)計信息。展現(xiàn)網(wǎng)格經(jīng)理業(yè)績明細、績效考核情況、目標完成進度信息。

4.2掌上預警

在業(yè)務到期時間、費用信息（數(shù)字和互動基本費用欠費情況、增值賬本余額）、客戶發(fā)展等指標達到閾值時，展現(xiàn)預警信息。提醒信息包括業(yè)務到期用戶提醒、沉默用戶預警、流失用戶預警、欠費用戶預警、客戶生日提醒等。

4.3掌上營銷任務

能夠根據(jù)系統(tǒng)分派的營銷任務，通過手機客戶端提示網(wǎng)格經(jīng)理查看任務的基本信息（包括開始時間、主要內(nèi)容、目標人群等）。

4.4掌上客戶視圖

能夠根據(jù)客戶證號、姓名、聯(lián)系方式、模糊地址匹配等方式查詢客戶用戶信息、業(yè)務信息等。包括：

①客戶基本信息

客戶證號、客戶姓名、聯(lián)系電話、聯(lián)系地址、拆遷標識、稽查標識、網(wǎng)絡接入方式、客戶狀態(tài)、所屬網(wǎng)格、網(wǎng)格經(jīng)理、客戶級別、用戶基本賬本余額、用戶專用賬本余額、是否沉默用戶、智能營銷建議；

②用戶信息

終端類型、終端型號、終端狀態(tài)、終端編號、智能卡號、CM-MAC、機頂盒-MAC、是否互動沉默用戶、入網(wǎng)時間、退網(wǎng)時間、寬帶接入類型、帶寬、、是否云媒體用戶、主副機類型、用戶狀態(tài)；

③客戶業(yè)務信息

當前訂購

終端編號（顯示的內(nèi)容是機頂盒號、寬帶編號）、產(chǎn)品、產(chǎn)品開通時間（生效日期）、產(chǎn)品到期時間（失效日期）、產(chǎn)品訂購渠道；

歷史訂購

終端編號（顯示的內(nèi)容是機頂盒號、寬帶編號）、產(chǎn)品、產(chǎn)品開通時間（生效日期）、產(chǎn)品到期時間（失效日期）產(chǎn)品訂購渠道；

④繳費信息

賬戶編號，賬戶名稱，繳費時間，付款方式，繳費金額，是否催繳、繳費渠道；

⑤賬單信息

賬戶編碼、賬戶名稱、收費賬期（顯示數(shù)據(jù)的月份“YYYYMM”）、發(fā)生金額，賬戶余額。

4.5營銷信息錄入

可由手機端錄入客戶評價信息、客戶營銷建議和競爭對手信息。

五、總結

手機客戶端的開發(fā)是公司網(wǎng)格化營維一體建設的重要組成部分。根據(jù)業(yè)務發(fā)展需要，我們開發(fā)了獨立版本和MBOSS融合版本。提供手機版本的營銷網(wǎng)格系統(tǒng)功能，方便用戶在手機客戶端使用營銷網(wǎng)格的功能，包含營銷視圖、營銷支撐管理、風險預警管理、考核管理、營銷信息錄入、營銷視圖管理、工資查詢等。MBOSS融合版本把網(wǎng)格手機應用和移動BOSS功能整合在一個客戶端下，讓營銷人員實現(xiàn)一站式營銷和業(yè)務訂購工作。

參考文獻

［1］姜風燕，段會川．HTML5新輸入類型及其對RIA界面效率支持研究［J］．計算機技術與發(fā)展，2012，22（5）：137—140．

［2］黃永慧， 陳程凱. HTML5在移動應用開發(fā)上的應用前景［J］. 計算機技術與發(fā)展， 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開發(fā)權威指南［M］. 人民郵電出版社，2011.

［6］ROBERT CLAIR［美］. Objective-C 2.0 Mac和iOS開發(fā)實踐指南［M］. 機械工業(yè)， 2015.

［7］涂強，花泉，袁軼慧，馬文龍，李懷森，黃力. 網(wǎng)格化營銷支撐系統(tǒng)助力打造廣電新型營銷體系［J］. 廣播與電視技術，2013，11：45-49.