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

?

江蘇有線網(wǎng)格化營(yíng)維一體的移動(dòng)應(yīng)用建設(shè)

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

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

【關(guān)鍵詞】HTML5 MVC 網(wǎng)格化營(yíng)維

一、引言

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

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

二、關(guān)鍵技術(shù)

2.1HTML5技術(shù)

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

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

1）專為移動(dòng)平臺(tái)定制的表單元素

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

2）離線緩存為HTML5開(kāi)發(fā)移動(dòng)應(yīng)用提供了基礎(chǔ)

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

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

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

3）Canvas繪圖

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

4）音頻、視頻

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

5）地理定位

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

2.2MVC框架

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

三、系統(tǒng)架構(gòu)

營(yíng)銷運(yùn)維一體化手機(jī)客戶端架構(gòu)見(jiàn)圖1。

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

圖1　營(yíng)銷運(yùn)維一體化手機(jī)客戶端架構(gòu)圖

四、系統(tǒng)功能

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

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

4.2掌上預(yù)警

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

4.3掌上營(yíng)銷任務(wù)

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

4.4掌上客戶視圖

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

①客戶基本信息

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

②用戶信息

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

③客戶業(yè)務(wù)信息

當(dāng)前訂購(gòu)

終端編號(hào)（顯示的內(nèi)容是機(jī)頂盒號(hào)、寬帶編號(hào)）、產(chǎn)品、產(chǎn)品開(kāi)通時(shí)間（生效日期）、產(chǎn)品到期時(shí)間（失效日期）、產(chǎn)品訂購(gòu)渠道；

歷史訂購(gòu)

終端編號(hào)（顯示的內(nèi)容是機(jī)頂盒號(hào)、寬帶編號(hào)）、產(chǎn)品、產(chǎn)品開(kāi)通時(shí)間（生效日期）、產(chǎn)品到期時(shí)間（失效日期）產(chǎn)品訂購(gòu)渠道；

④繳費(fèi)信息

賬戶編號(hào)，賬戶名稱，繳費(fèi)時(shí)間，付款方式，繳費(fèi)金額，是否催繳、繳費(fèi)渠道；

⑤賬單信息

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

4.5營(yíng)銷信息錄入

可由手機(jī)端錄入客戶評(píng)價(jià)信息、客戶營(yíng)銷建議和競(jìng)爭(zhēng)對(duì)手信息。

五、總結(jié)

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

參考文獻(xiàn)

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

［2］黃永慧， 陳程凱. HTML5在移動(dòng)應(yīng)用開(kāi)發(fā)上的應(yīng)用前景［J］. 計(jì)算機(jī)技術(shù)與發(fā)展， 2013， 23（7）：207-210.

［3］潘志宏， 羅偉斌， 柳青. 基于HTML5跨平臺(tái)移動(dòng)應(yīng)用的研究與實(shí)踐［J］. 電腦知識(shí)與技術(shù)， 2013（6X）：3992-3995.

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

［5］ 李寧. Android開(kāi)發(fā)權(quán)威指南［M］. 人民郵電出版社，2011.

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

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