基于微信的河流水環(huán)境治理互動(dòng)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

梁輝俠+林愛玲+王俊++陳南潮+汪柏樹

摘 要： 在浙江“五水共治”項(xiàng)目中，民眾互動(dòng)是本項(xiàng)目實(shí)施的關(guān)鍵。為促進(jìn)民眾實(shí)時(shí)、實(shí)地參與政府活動(dòng)，設(shè)計(jì)并實(shí)現(xiàn)了基于微信平臺(tái)的河流水環(huán)境互動(dòng)系統(tǒng)。使用微信平臺(tái)開發(fā)者模式，引入百度地圖API實(shí)現(xiàn)GPS投訴定位，并利用Web形式實(shí)現(xiàn)實(shí)時(shí)評(píng)論功能，讓用戶能以多種形式互動(dòng)參與河流水環(huán)境治理活動(dòng)。與現(xiàn)有其他同類系統(tǒng)相比，該系統(tǒng)具有較強(qiáng)的用戶互動(dòng)性。

關(guān)鍵詞： 五水共治； 互動(dòng)； 微信平臺(tái)； 地圖API

中圖分類號(hào)：TP399 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1006-8228（2016）12-57-03

Abstract： The public interaction is the key to the implementation of the Zhejiang provincial "five water governance" project. In order to promote the public to participate in government activities in real time and on real spot， an interactive system for river water environment governance based on WeChat public platform is designed and implemented. The system uses WeChat platform developer mode and Baidu maps API to realize the complaint GPS positioning， and uses Web to realize real-time comment function， so that users can， in a variety of forms， interactively participate in the river water environment governance activities. Compared with other existing similar systems， the system has stronger user interactivity.

Key words： five water governance； interaction； WeChat； maps API

0 引言

自“五水共治”項(xiàng)目開展以來，各地政府開通了微信平臺(tái)為該項(xiàng)目的實(shí)施提供支持。目前的微信平臺(tái)還缺乏互動(dòng)性和引導(dǎo)性，用戶體驗(yàn)差，無法留住用戶。本文探討基于微信平臺(tái)開發(fā)者模式，搭建河流水環(huán)境互動(dòng)系統(tǒng)，實(shí)現(xiàn)“五水共治”資源共享共用，以提高廣大民眾對(duì)公益環(huán)保項(xiàng)目的支持度，為民眾參與政府項(xiàng)目探索新模式，促進(jìn)社會(huì)和諧發(fā)展。

1 微信開發(fā)模式

微信平臺(tái)的迅猛發(fā)展豐富了移動(dòng)和網(wǎng)站接入的渠道，個(gè)人可通過開發(fā)者模式對(duì)微信平臺(tái)進(jìn)行開發(fā)。微信平臺(tái)的開發(fā)者模式為具有開發(fā)能力的公眾號(hào)運(yùn)營(yíng)者提供開發(fā)接口，可以實(shí)現(xiàn)更加個(gè)性化的服務(wù)[2]。

微信開發(fā)技術(shù)的基礎(chǔ)是掌握消息類型的接收回復(fù)。本系統(tǒng)使用SAE新浪云計(jì)算平臺(tái)作為服務(wù)器資源，選擇PHP+MySQL數(shù)據(jù)庫(kù)作為程序運(yùn)行環(huán)境。啟用開發(fā)者模式后，在新浪云后臺(tái)對(duì)XML代碼進(jìn)行修改可以實(shí)現(xiàn)信息回復(fù)。微信平臺(tái)信息交互原理如圖1所示，用戶發(fā)送的信息可以通過微信服務(wù)器來與新浪云服務(wù)后臺(tái)進(jìn)行數(shù)據(jù)交互[3]。

2 設(shè)計(jì)方案

本系統(tǒng)建設(shè)關(guān)鍵在于增加用戶互動(dòng)，包括用戶如何投訴、獲取反饋水文信息等。所以本系統(tǒng)以增加用戶的互動(dòng)性和優(yōu)化用戶體驗(yàn)為切入點(diǎn)，提出以下設(shè)計(jì)方案。

微信平臺(tái)在線投訴，是在接收投訴信息的基礎(chǔ)上配合地理位置服務(wù)和上傳圖片功能來簡(jiǎn)化用戶投訴流程。在信息反饋方面，搭建BBS模式的論壇，使用微信平臺(tái)中的服務(wù)器配置URL（服務(wù)器地址）和Token（令牌）將新浪云SAE搭建的論壇接入微信平臺(tái)，使用戶可以評(píng)論他人的投訴及實(shí)時(shí)獲取官方反饋，反饋的信息借助微信即時(shí)回復(fù)給用戶，極大的增加與用戶的互動(dòng)性。整體系統(tǒng)結(jié)構(gòu)如圖2所示。

微信平臺(tái)以在線投訴與投訴信息反饋為主要功能，使用河流關(guān)鍵字智能提示并定位以改善用戶的投訴體驗(yàn)。當(dāng)用戶的投訴得到解決時(shí)，公眾號(hào)自動(dòng)回復(fù)投訴結(jié)果來優(yōu)化投訴反饋。而微信平臺(tái)本身的定時(shí)推送功能不僅實(shí)現(xiàn)民眾與政府機(jī)構(gòu)的互動(dòng)，拉近了民眾與政府機(jī)構(gòu)的距離，也使得“五水共治”項(xiàng)目獲得更廣泛的關(guān)注[6]。

3 具體實(shí)現(xiàn)

3.1 水情定位實(shí)現(xiàn)

移動(dòng)端的在線投訴功能主要由GPS定位實(shí)時(shí)獲取地理位置信息，可隨時(shí)隨地舉報(bào)污染的河流。利用JavaScript腳本在頁面渲染地圖，將百度地圖API加載到頁面中，并自定義初始化Geolocation地理定位函數(shù)來檢驗(yàn)地理定位是否可在瀏覽器中使用。然后初始化地圖，對(duì)地圖添加定位成功事件，如果檢驗(yàn)返回的狀態(tài)碼是檢索成功的，則在地圖里為該定位的中心點(diǎn)添加標(biāo)注，并將地圖的中心點(diǎn)更改為給定的點(diǎn)。最后對(duì)地圖添加檢索附近河流功能，通過定位反饋的經(jīng)緯度，為中心點(diǎn)添加河流關(guān)鍵字檢索，方便用戶找到所要舉報(bào)的河流，如圖3所示。

官網(wǎng)利用標(biāo)簽展示河流污染狀況，用戶在點(diǎn)擊標(biāo)注后，網(wǎng)頁會(huì)彈出由文本、圖片構(gòu)成的窗口，更直觀地查看投訴信息，如圖4所示。

3.2 用戶互動(dòng)實(shí)現(xiàn)

為了更好地改善用戶體驗(yàn)，自定義服務(wù)器端設(shè)置關(guān)鍵字自動(dòng)回復(fù)功能。微信服務(wù)器解析用戶發(fā)來的信息，響應(yīng)相應(yīng)的操作，回復(fù)用戶所需的圖文或音頻。

標(biāo)簽化展示河流污染狀況的同時(shí)，后臺(tái)也會(huì)定時(shí)審核上傳的投訴信息，選擇有代表性的顯示在投訴信息頁面里，每條投訴會(huì)以一個(gè)版塊的形式出現(xiàn)，用戶可選擇相應(yīng)的版塊，對(duì)投訴信息進(jìn)行評(píng)論，如圖5所示。

4 結(jié)束語

本文基于微信平臺(tái)開發(fā)、地理定位等技術(shù)的應(yīng)用，設(shè)計(jì)并實(shí)現(xiàn)了河流水環(huán)境互動(dòng)系統(tǒng)，系統(tǒng)各個(gè)功能運(yùn)行與使用的效果較好，特別是具有較好的交互性。經(jīng)過了三個(gè)月的測(cè)試及試用，用戶通過微信平臺(tái)實(shí)時(shí)互動(dòng)參與河流水環(huán)境治理，增加了公眾的參與度與粘性。在此基礎(chǔ)上，系統(tǒng)還將進(jìn)一步增加互動(dòng)性方面的功能，比如，在推廣中不斷找出問題，提高公眾號(hào)質(zhì)量來防止用戶流失。定期的用戶互動(dòng)和用戶數(shù)據(jù)行為分析從而實(shí)現(xiàn)個(gè)性化服務(wù)，使系統(tǒng)更合理的實(shí)現(xiàn)用戶互動(dòng)。

參考文獻(xiàn)（Reference）：

[1] 張秋，楊玲，王曼.高校圖書館微信公眾平臺(tái)服務(wù)發(fā)展現(xiàn)狀及

對(duì)策[J].圖書館建設(shè)，2014.2：61-65，69

[2] 趙敬，李貝.微信公眾平臺(tái)發(fā)展現(xiàn)狀初探[J].新聞實(shí)踐，

2013.8：8-10

[3] 蔣紅軍.基于微信的高校師生服務(wù)平臺(tái)的研究與開發(fā)[D].廣

西大學(xué)，2014.

[4] 謝遠(yuǎn)超.微信公眾號(hào)信息服務(wù)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D].中山大

學(xué)，2014.

[5] 岳鵬磊，李連民，李昌清，范伊紅.基于HTML5的網(wǎng)絡(luò)地圖研

究與實(shí)現(xiàn)[J].無線互聯(lián)科技，2015.2：38-40

[6] 謝文亮.移動(dòng)互聯(lián)網(wǎng)時(shí)代學(xué)術(shù)期刊的微信公眾號(hào)服務(wù)模式創(chuàng)

新[J].中國(guó)科技期刊研究，2015.1：65-72