校車(chē)需求實(shí)時(shí)反饋的微信小程序設(shè)計(jì)與實(shí)現(xiàn)

章文慧，王玉燕，吳俊男，曹 敏

(南京師范大學(xué)地理科學(xué)學(xué)院，江蘇 南京 210023)

0 引 言

便捷的網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人們生活的方方面面，但繁多的軟件加重了設(shè)備負(fù)擔(dān)，微信小程序輕便的特殊屬性使得其可利用價(jià)值較傳統(tǒng)APP空前提高，應(yīng)用于各領(lǐng)域的小程序?qū)映霾桓F。據(jù)統(tǒng)計(jì)，自2017年初微信小程序正式向用戶開(kāi)放以來(lái)，至今小程序數(shù)量已超過(guò)兩百萬(wàn)[1]。校車(chē)是師生校內(nèi)出行的主要交通工具之一，但在高校校車(chē)管理方面還普遍存在有校車(chē)調(diào)度與乘客需求的矛盾，迫切需要設(shè)計(jì)基于微信小程序的校車(chē)需求實(shí)時(shí)反饋系統(tǒng)。

目前，高校校車(chē)信息化方面，許多學(xué)者就校車(chē)最優(yōu)調(diào)度方案進(jìn)行探究，有研究提出基于Web或微信小程序的預(yù)約訂座與線上支付平臺(tái)[2-3]；有學(xué)者開(kāi)發(fā)了面向高校學(xué)生與教師的Android系統(tǒng)APP，該APP使用手機(jī)GPS與車(chē)載GPS定位終端實(shí)現(xiàn)校車(chē)實(shí)時(shí)定位[4-5]。此類(lèi)應(yīng)用雖然對(duì)校車(chē)調(diào)度進(jìn)行了優(yōu)化且能查詢校車(chē)實(shí)時(shí)位置，但不能直觀地顯示站點(diǎn)實(shí)時(shí)候車(chē)情況和站點(diǎn)人數(shù)統(tǒng)計(jì)圖表，也不能對(duì)站點(diǎn)歷史候車(chē)數(shù)據(jù)進(jìn)行記錄和分析。此外很多實(shí)時(shí)校車(chē)及公交的APP均需要下載，不如小程序更加簡(jiǎn)便快捷。目前有關(guān)校車(chē)需求實(shí)時(shí)反饋的微信小程序鮮有研究，校車(chē)類(lèi)小程序?qū)τ谠崎_(kāi)發(fā)的應(yīng)用更是稀少。

本文結(jié)合現(xiàn)有公交信息化平臺(tái)開(kāi)發(fā)經(jīng)驗(yàn)與校車(chē)調(diào)度、定位研究，設(shè)計(jì)了一款基于微信小程序平臺(tái)的，使用云開(kāi)發(fā)功能進(jìn)行后端數(shù)據(jù)管理以實(shí)現(xiàn)校車(chē)需求實(shí)時(shí)反饋、校車(chē)實(shí)時(shí)定位、信息查詢、意見(jiàn)反饋等功能的校車(chē)類(lèi)小程序，開(kāi)發(fā)一套應(yīng)用于高校師生日常校車(chē)出行的微信小程序系統(tǒng)。利用小程序優(yōu)勢(shì)，拓寬用戶與運(yùn)營(yíng)者之間的信息交流渠道。

1 校內(nèi)校車(chē)需求分析與小程序設(shè)計(jì)

以南京師范大學(xué)仙林校區(qū)校內(nèi)校車(chē)為例，針對(duì)學(xué)生對(duì)校車(chē)的需求及意見(jiàn)進(jìn)行一次問(wèn)卷調(diào)查，設(shè)計(jì)小程序的相關(guān)功能。

1.1 需求調(diào)查分析

1.1.1 校車(chē)站點(diǎn)與時(shí)刻安排

校車(chē)站點(diǎn)主要設(shè)置在教學(xué)樓、校門(mén)以及食堂等學(xué)生主要活動(dòng)地點(diǎn)，如學(xué)行樓、世紀(jì)廣場(chǎng)、西區(qū)食堂等地。校車(chē)時(shí)刻安排主要與學(xué)生流動(dòng)時(shí)間相關(guān)聯(lián)，分不等間隔發(fā)車(chē)，其中以早上第一節(jié)課前半小時(shí)與中午午休前半小時(shí)的車(chē)次較為密集。此外，周六、周日校車(chē)發(fā)車(chē)次數(shù)較工作日而言大大減少。

1.1.2 學(xué)生對(duì)校車(chē)滿意度調(diào)查

為了解校車(chē)的優(yōu)化配置情況，主要圍繞校車(chē)滿意度、校車(chē)?yán)寐室约靶＼?chē)運(yùn)營(yíng)方與學(xué)生溝通渠道這三個(gè)問(wèn)題設(shè)計(jì)了調(diào)查問(wèn)卷。由于校車(chē)的主要服務(wù)對(duì)象是學(xué)生，所以問(wèn)卷調(diào)查側(cè)重學(xué)生。在發(fā)放問(wèn)卷后，共得到125份有效問(wèn)卷。根據(jù)問(wèn)卷調(diào)查結(jié)果，可以得出以下結(jié)論：

(1)現(xiàn)有的校車(chē)時(shí)刻安排不能滿足近四成學(xué)生的出行需要。有39%的人認(rèn)為校車(chē)不能滿足其校內(nèi)出行需要，近半數(shù)的人出現(xiàn)過(guò)乘客人數(shù)較多而不能乘坐校車(chē)的情況。根據(jù)意見(jiàn)反饋可以看到，雖然在學(xué)生跨區(qū)活動(dòng)的高峰期校車(chē)發(fā)車(chē)輛數(shù)多，但沒(méi)有完全滿足學(xué)生出行需要。

(2)周六、周日以及節(jié)假日的校車(chē)安排不能滿足近半數(shù)學(xué)生的需要。79%的學(xué)生認(rèn)為應(yīng)該在這種時(shí)間機(jī)動(dòng)安排校車(chē)班次。

(3)校車(chē)的利用率較低。與乘客過(guò)多而不能乘坐校車(chē)的情況相比，也有學(xué)生反映校車(chē)會(huì)出現(xiàn)滿座率低的情況。

(4)校車(chē)運(yùn)營(yíng)方與學(xué)生之間缺少穩(wěn)定的溝通渠道。有38%的學(xué)生不能及時(shí)得到校車(chē)的相關(guān)消息。超過(guò)90%的人認(rèn)為應(yīng)該設(shè)置校車(chē)運(yùn)營(yíng)方發(fā)布消息與學(xué)生反饋意見(jiàn)的穩(wěn)定渠道。

1.2 微信小程序功能設(shè)計(jì)

結(jié)合南京師范大學(xué)仙林校區(qū)站點(diǎn)安置、校車(chē)運(yùn)行情況、校車(chē)存在的問(wèn)題及學(xué)生們的乘車(chē)需求，對(duì)小程序的組織結(jié)構(gòu)、模塊劃分、功能分配等作出了設(shè)計(jì)規(guī)劃。針對(duì)目前校車(chē)方面的相關(guān)問(wèn)題，小程序在應(yīng)用中應(yīng)當(dāng)具有實(shí)時(shí)準(zhǔn)確，操作便捷，互動(dòng)可持續(xù)等特點(diǎn)[6]。針對(duì)校車(chē)乘客與校車(chē)駕駛員兩種主要用戶，分別設(shè)計(jì)小程序的功能(圖1)。

圖1 系統(tǒng)功能圖

1.2.1 乘客功能

乘客通過(guò)校車(chē)時(shí)刻表查看校車(chē)發(fā)車(chē)班次時(shí)間，對(duì)等車(chē)時(shí)間進(jìn)行預(yù)判，根據(jù)需求選擇是否需要等車(chē)。如果選擇等車(chē)，可以查看校車(chē)實(shí)時(shí)位置。在等車(chē)時(shí)，乘客可以上傳所在校車(chē)站點(diǎn)、乘車(chē)方向、日期時(shí)間等信息至小程序后臺(tái)，為校車(chē)時(shí)刻表的更改提供依據(jù)，這樣校車(chē)運(yùn)營(yíng)方可以制定出更加符合乘客需求的校車(chē)時(shí)刻表，從而提高乘客滿意度和校車(chē)?yán)寐省Ｍ瑯?，在周六、周日及?jié)假日等特殊時(shí)間，校車(chē)運(yùn)營(yíng)方可以以此收集乘客的出行需求，機(jī)動(dòng)安排校車(chē)班次，進(jìn)一步滿足特殊時(shí)間里學(xué)生的校內(nèi)出行需要。乘客可以接收校車(chē)運(yùn)營(yíng)方發(fā)布的校車(chē)相關(guān)消息，也可以提交對(duì)校車(chē)、小程序的意見(jiàn)。這些意見(jiàn)會(huì)上傳至后臺(tái)數(shù)據(jù)庫(kù)，供程序運(yùn)營(yíng)者查看。對(duì)于入校新生以及外來(lái)游客，他們可以通過(guò)小程序校園地圖界面查詢校內(nèi)的食堂、宿舍、教學(xué)樓、超市等地點(diǎn)的具體位置，方便出行。

1.2.2 駕駛員功能

乘客相關(guān)的功能無(wú)須注冊(cè)即可使用，而駕駛員及校車(chē)管理人員方面的功能需要注冊(cè)后使用，注冊(cè)時(shí)要輸入特定的邀請(qǐng)碼，避免人人都可注冊(cè)。注冊(cè)后，可以在用戶界面查看校車(chē)各站點(diǎn)等車(chē)人數(shù)的實(shí)時(shí)折線統(tǒng)計(jì)圖。校車(chē)管理人員方面還可以發(fā)布校車(chē)相關(guān)通知，并通過(guò)小程序向乘客推送。此外，校車(chē)駕駛員在校車(chē)行駛前通過(guò)小程序點(diǎn)擊上傳位置信息按鈕，使小程序可以不斷獲取校車(chē)的位置信息并顯示在校園站點(diǎn)地圖上以供乘客查看。

2 微信小程序?qū)崿F(xiàn)

2.1 微信小程序框架與技術(shù)架構(gòu)設(shè)計(jì)

基于微信小程序的校車(chē)需求反饋系統(tǒng)以便利師生校內(nèi)出行為目的，從師生用戶、駕駛員及校車(chē)管理層等不同角度設(shè)計(jì)了該系統(tǒng)。如圖2所示，該系統(tǒng)包括信息錄入與信息反饋系統(tǒng)兩部分。信息錄入部分需要乘客在站點(diǎn)等車(chē)時(shí)上傳其所在站點(diǎn)名稱、乘車(chē)方向等信息數(shù)據(jù)到小程序中；信息反饋部分，這些信息會(huì)被存儲(chǔ)于后臺(tái)數(shù)據(jù)庫(kù)中，對(duì)于數(shù)據(jù)庫(kù)中的數(shù)據(jù)可進(jìn)行增刪改查等操作，且能夠?qū)?shù)據(jù)導(dǎo)出做后續(xù)處理。校車(chē)管理層可根據(jù)這些數(shù)據(jù)進(jìn)行更加合理的校車(chē)調(diào)度安排。此外，由駕駛員在開(kāi)車(chē)前點(diǎn)擊小程序上的上傳信息按鈕可實(shí)現(xiàn)將其實(shí)時(shí)的坐標(biāo)數(shù)據(jù)上傳到小程序后臺(tái)中的功能，在經(jīng)處理后可將校車(chē)實(shí)時(shí)位置信息呈現(xiàn)在小程序的校車(chē)站點(diǎn)地圖模塊中，以供乘客查看校車(chē)的實(shí)時(shí)位置。

圖2 校車(chē)需求實(shí)時(shí)反饋的小程序基本框架

圖3 總體技術(shù)架構(gòu)圖

如圖3所示，對(duì)于小程序的系統(tǒng)架構(gòu)，該小程序系統(tǒng)包括了應(yīng)用層、接口層、數(shù)據(jù)層和支撐層。支撐層主要包括軟硬件環(huán)境，軟件環(huán)境指的是小程序的客戶端與云服務(wù)器后臺(tái)，用戶通過(guò)客戶端進(jìn)行小程序各種功能的使用，各種數(shù)據(jù)信息則存儲(chǔ)在云服務(wù)器中的數(shù)據(jù)庫(kù)中。硬件環(huán)境則是指乘客通過(guò)手機(jī)等智能設(shè)備進(jìn)入到小程序中。同時(shí)還需要網(wǎng)絡(luò)環(huán)境，即在聯(lián)網(wǎng)下小程序才能被使用。在數(shù)據(jù)層中，存儲(chǔ)了小程序的各種數(shù)據(jù)，包括乘客上傳的需求信息數(shù)據(jù)、用戶注冊(cè)后存留的身份信息數(shù)據(jù)、發(fā)布的通知公告信息數(shù)據(jù)等。接口層則與小程序各種功能的實(shí)現(xiàn)有關(guān)。小程序自帶Web API接口，從中可以實(shí)現(xiàn)包括用戶信息獲取等功能，還使用了wxcharts插件來(lái)實(shí)現(xiàn)在小程序中加載圖表的功能，并使用了ColorUI組件庫(kù)的組件使小程序的界面更加美觀。此外，還運(yùn)用了一些小程序自帶組件與自定義組件實(shí)現(xiàn)小程序的各種功能。

2.2 小程序功能實(shí)現(xiàn)

微信小程序作為4G時(shí)代誕生的一種新型應(yīng)用服務(wù)方式，它可以在微信中便捷的傳播與使用，主要采用 JavaScript、WXML、WXSS 進(jìn)行開(kāi)發(fā)[7]，Javascript是一種基于對(duì)象和事件驅(qū)動(dòng)的客戶端腳本語(yǔ)言，可用來(lái)進(jìn)行小程序中事件的響應(yīng)交互等。用于微信框架設(shè)計(jì)的是一套微信標(biāo)簽語(yǔ)言 (WeiXin Markup Language, WXML)，微信小程序官方為其提供有豐富的模板、組件等，便利用戶構(gòu)建小程序頁(yè)面結(jié)構(gòu)。微信樣式表(WeiXin Style Sheets，WXSS)是用于描述 WXML 的組件樣式。后端則采用了小程序自帶的云開(kāi)發(fā)，云開(kāi)發(fā)提供了JSON數(shù)據(jù)庫(kù)，可直接對(duì)云存儲(chǔ)進(jìn)行數(shù)據(jù)的增刪改查[8]。開(kāi)發(fā)人員使用云開(kāi)發(fā)直接訪問(wèn)云端，以此解決搭建外部服務(wù)器、數(shù)據(jù)庫(kù)、儲(chǔ)存等問(wèn)題，大大降低小程序開(kāi)發(fā)門(mén)檻，同時(shí)減少程序開(kāi)發(fā)成本。

小程序的首頁(yè)界面如圖4所示，在界面上方采用了輪播圖設(shè)計(jì)，自動(dòng)循環(huán)播放南師校園的景觀圖片，使得用戶可以領(lǐng)略南師的優(yōu)美風(fēng)光。下方則是針對(duì)乘客用戶所設(shè)計(jì)的功能列表。點(diǎn)擊底部導(dǎo)航菜單中不同按鈕可分別跳轉(zhuǎn)到首頁(yè)、校園地圖界面和用戶登錄界面。

圖4 小程序首頁(yè)

2.2.1 校車(chē)實(shí)時(shí)定位功能實(shí)現(xiàn)

駕駛員在成功登錄小程序后進(jìn)行坐標(biāo)數(shù)據(jù)的上傳，坐標(biāo)上傳功能要打開(kāi)手機(jī)中的GPS設(shè)置，并且GPS處于可用狀態(tài)，這樣駕駛員乘車(chē)時(shí)的經(jīng)緯度位置信息被上傳到云數(shù)據(jù)庫(kù)中，之后再?gòu)脑茢?shù)據(jù)庫(kù)中獲取實(shí)時(shí)數(shù)據(jù)的經(jīng)緯度，并將其位置顯示在小程序的地圖上，可在小程序界面看到校車(chē)的實(shí)時(shí)軌跡。

通過(guò)小程序的map組件實(shí)現(xiàn)了校車(chē)站點(diǎn)地圖的顯示，通過(guò)map組件的marker控件標(biāo)注出了校車(chē)各個(gè)站點(diǎn)位置及名稱，并以紅色虛線標(biāo)注出了校車(chē)的行駛路線。圖5中紅色小車(chē)代表了校車(chē)當(dāng)前的地理位置。

圖5 行車(chē)路線圖

2.2.2 校園地圖瀏覽功能實(shí)現(xiàn)

考慮到校園范圍較大，校園內(nèi)部教學(xué)樓、宿舍樓、食堂、超市等地理位置錯(cuò)綜復(fù)雜，對(duì)于剛?cè)雽W(xué)的新生及家長(zhǎng)等對(duì)學(xué)校不熟悉的外來(lái)人員有許多不便之處[8]。為了使其更加了解學(xué)校內(nèi)部情況，在小程序中利用map組件展示校園地圖，并在地圖中標(biāo)注出了宿舍、教學(xué)樓、超市、食堂等地點(diǎn)位置，使得用戶可清楚知道校園主要建筑的位置。

在校園地圖界面，通過(guò)使用cover-image組件，顯示出了地圖界面下方的一排圖標(biāo)，并在每個(gè)圖標(biāo)上都綁定了點(diǎn)擊事件，點(diǎn)擊相應(yīng)圖標(biāo)即可在地圖上標(biāo)示出相應(yīng)的食堂、教學(xué)樓、大門(mén)、宿舍樓等位置。

2.2.3 站點(diǎn)人數(shù)統(tǒng)計(jì)圖表功能

乘客在等車(chē)時(shí)可進(jìn)入小程序上傳信息界面，填寫(xiě)當(dāng)前所在站點(diǎn)，等待車(chē)次時(shí)間以及乘車(chē)方向等，點(diǎn)擊提交按鈕后，云函數(shù)db.collection.add()的使用信息會(huì)被上傳保存到相應(yīng)的云數(shù)據(jù)庫(kù)中，通過(guò)實(shí)時(shí)從數(shù)據(jù)庫(kù)請(qǐng)求數(shù)據(jù)，在統(tǒng)計(jì)圖表界面生成相應(yīng)等車(chē)人數(shù)情況的統(tǒng)計(jì)圖，統(tǒng)計(jì)圖表的實(shí)現(xiàn)使用了微信小程序圖表插件wxcharts,部分代碼如下：

var lineChart = new wxCharts({

canvasId: 'lineCanvas',

type: 'line',

categories: categories,

animation: true,

series: [{

name: '新北->茶苑',

data: data1,

format: function (val, name) {

return val ;

}

}

……

}],

……

});

圖6 各站點(diǎn)候車(chē)人數(shù)統(tǒng)計(jì)圖

圖6為利用基于canvas的微信小程序統(tǒng)計(jì)圖表插件得到的折線統(tǒng)計(jì)圖，其縱軸還能隨著數(shù)據(jù)的變化而做出相應(yīng)調(diào)整變化，更具有實(shí)用性，得到的折線圖清晰明了。通過(guò)點(diǎn)擊刷新按鈕，可更新得到最新的數(shù)據(jù)并顯示在統(tǒng)計(jì)圖中。

3 結(jié) 語(yǔ)

微信小程序的出現(xiàn)對(duì)傳統(tǒng)APP市場(chǎng)造成了一大沖擊，在未來(lái)更快更輕的5G時(shí)代，小程序憑借其便捷的特性必將具備更大的利用價(jià)值與發(fā)展空間。本文在已有的交通查詢與反饋軟件基礎(chǔ)上，結(jié)合小程序便捷優(yōu)勢(shì)，提出了便利高校師生校內(nèi)出行的校車(chē)類(lèi)微信小程序。實(shí)現(xiàn)乘客查看校園地圖與校車(chē)時(shí)刻表、查詢校車(chē)實(shí)時(shí)位置、查看校車(chē)相關(guān)通知、進(jìn)行意見(jiàn)反饋等功能，拓寬用戶與校車(chē)運(yùn)營(yíng)者交流的渠道，促進(jìn)校方優(yōu)化校車(chē)安排，從而解決高校校車(chē)需求與安排沖突問(wèn)題，提高校內(nèi)交通效率與乘客乘車(chē)體驗(yàn)，使校車(chē)運(yùn)營(yíng)更加信息化、便捷化。