基于微信的河流水環境治理互動系統設計與實現

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

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

關鍵詞： 五水共治； 互動； 微信平臺； 地圖API

中圖分類號：TP399 文獻標志碼：A 文章編號：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 引言

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

1 微信開發模式

微信平臺的迅猛發展豐富了移動和網站接入的渠道，個人可通過開發者模式對微信平臺進行開發。微信平臺的開發者模式為具有開發能力的公眾號運營者提供開發接口，可以實現更加個性化的服務[2]。

微信開發技術的基礎是掌握消息類型的接收回復。本系統使用SAE新浪云計算平臺作為服務器資源，選擇PHP+MySQL數據庫作為程序運行環境。啟用開發者模式后，在新浪云后臺對XML代碼進行修改可以實現信息回復。微信平臺信息交互原理如圖1所示，用戶發送的信息可以通過微信服務器來與新浪云服務后臺進行數據交互[3]。

2 設計方案

本系統建設關鍵在于增加用戶互動，包括用戶如何投訴、獲取反饋水文信息等。所以本系統以增加用戶的互動性和優化用戶體驗為切入點，提出以下設計方案。

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

微信平臺以在線投訴與投訴信息反饋為主要功能，使用河流關鍵字智能提示并定位以改善用戶的投訴體驗。當用戶的投訴得到解決時，公眾號自動回復投訴結果來優化投訴反饋。而微信平臺本身的定時推送功能不僅實現民眾與政府機構的互動，拉近了民眾與政府機構的距離，也使得“五水共治”項目獲得更廣泛的關注[6]。

3 具體實現

3.1 水情定位實現

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

官網利用標簽展示河流污染狀況，用戶在點擊標注后，網頁會彈出由文本、圖片構成的窗口，更直觀地查看投訴信息，如圖4所示。

3.2 用戶互動實現

為了更好地改善用戶體驗，自定義服務器端設置關鍵字自動回復功能。微信服務器解析用戶發來的信息，響應相應的操作，回復用戶所需的圖文或音頻。

標簽化展示河流污染狀況的同時，后臺也會定時審核上傳的投訴信息，選擇有代表性的顯示在投訴信息頁面里，每條投訴會以一個版塊的形式出現，用戶可選擇相應的版塊，對投訴信息進行評論，如圖5所示。

4 結束語

本文基于微信平臺開發、地理定位等技術的應用，設計并實現了河流水環境互動系統，系統各個功能運行與使用的效果較好，特別是具有較好的交互性。經過了三個月的測試及試用，用戶通過微信平臺實時互動參與河流水環境治理，增加了公眾的參與度與粘性。在此基礎上，系統還將進一步增加互動性方面的功能，比如，在推廣中不斷找出問題，提高公眾號質量來防止用戶流失。定期的用戶互動和用戶數據行為分析從而實現個性化服務，使系統更合理的實現用戶互動。

參考文獻（Reference）：

[1] 張秋，楊玲，王曼.高校圖書館微信公眾平臺服務發展現狀及

對策[J].圖書館建設，2014.2：61-65，69

[2] 趙敬，李貝.微信公眾平臺發展現狀初探[J].新聞實踐，

2013.8：8-10

[3] 蔣紅軍.基于微信的高校師生服務平臺的研究與開發[D].廣

西大學，2014.

[4] 謝遠超.微信公眾號信息服務平臺的設計與實現[D].中山大

學，2014.

[5] 岳鵬磊，李連民，李昌清，范伊紅.基于HTML5的網絡地圖研

究與實現[J].無線互聯科技，2015.2：38-40

[6] 謝文亮.移動互聯網時代學術期刊的微信公眾號服務模式創

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