基于微信小程序的的工院校園助手系統(tǒng)設(shè)計(jì)

秦晨陽(yáng) 孫飛 鄧天峰 盧東方

摘要：互聯(lián)網(wǎng)和信息傳播技術(shù)的迅速發(fā)展，為加速學(xué)院與學(xué)生交流現(xiàn)代化帶來(lái)了許多便利。本文設(shè)計(jì)了一套基于微信小程序（Mini Program）的數(shù)字化的，以學(xué)生與校園的聯(lián)系為核心的系統(tǒng)，該系統(tǒng)以學(xué)生為核心，建設(shè)起一條架設(shè)在云端的學(xué)生與校園連接的樞紐。用戶(hù)可以通過(guò)小程序端來(lái)實(shí)現(xiàn)查看校園周邊環(huán)境，校內(nèi)媒體推薦，以及學(xué)院官方的查詢(xún)功能等。系統(tǒng)運(yùn)行結(jié)果表明，方案切實(shí)可行，具有一定的實(shí)用價(jià)值。

關(guān)鍵字：微信小程序，數(shù)字化校園，Java

作者簡(jiǎn)介：秦晨陽(yáng)，男，湖北棗陽(yáng)人，本科在讀。研究方向：計(jì)算機(jī)應(yīng)用。

通訊作者：盧東方，男，湖北仙桃人，碩士研究生，副教授。研究方向：計(jì)算機(jī)檢測(cè)、物聯(lián)網(wǎng)應(yīng)用。Email：93323822@qq.com。

基金：長(zhǎng)江大學(xué)工程技術(shù)學(xué)院2019年大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目（S201913245008）

1、前言

數(shù)字化校園建設(shè)是學(xué)校一項(xiàng)基礎(chǔ)性、長(zhǎng)期性和經(jīng)常性的工作，是學(xué)校建設(shè)和人才培養(yǎng)的重要組成部分。當(dāng)前信息技術(shù)飛速發(fā)展，對(duì)學(xué)校教育產(chǎn)生了巨大沖擊，從教育環(huán)境、教育模式到教育理念、教育目標(biāo)，都在這場(chǎng)沖擊中發(fā)生著變革。根據(jù)自身發(fā)展的需要，順應(yīng)信息技術(shù)的發(fā)展潮流，采用先進(jìn)的信息技術(shù)來(lái)構(gòu)建數(shù)字化校園，是各個(gè)學(xué)校應(yīng)當(dāng)順應(yīng)時(shí)代邁出的重要一步。數(shù)字化校園工程又是建設(shè)開(kāi)放性一流學(xué)校的標(biāo)志性工程，是學(xué)校改革與發(fā)展戰(zhàn)略不可缺少的組成部分，數(shù)字化校園建設(shè)不僅僅是實(shí)現(xiàn)教學(xué)、科研、管理及服務(wù)手段的現(xiàn)代化，更重要的是人才培養(yǎng)的觀念和教育理念的異常深刻變革。以互聯(lián)網(wǎng)為基礎(chǔ)，搭建起學(xué)生與校園更好的交流通道，是信息經(jīng)濟(jì)條件下學(xué)校發(fā)展的大勢(shì)所趨勢(shì)。

2、系統(tǒng)功能設(shè)計(jì)

2.1、系統(tǒng)軟件設(shè)計(jì)

這個(gè)項(xiàng)目小程序使用的微信自己開(kāi)發(fā) MINA 框架，提供了視圖層描述語(yǔ)言，WXML 和 WXSS 以及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，可以讓開(kāi)發(fā)者可以方便的聚焦于數(shù)據(jù)與邏輯上。通過(guò)wx.getLocation（OBJECT）獲取當(dāng)前的地理位置、速度接口wx.openLocation（OBJECT），此接口可以實(shí)現(xiàn)一個(gè)自定義的位置展示，而且可以實(shí)現(xiàn)多個(gè)位置點(diǎn)同時(shí)顯示到地圖上。比如：周邊的XXX在通過(guò)地圖的形式展示。map組件-controls實(shí)現(xiàn)地圖內(nèi)的交互場(chǎng)景，點(diǎn)擊地圖右下方的控件執(zhí)行回到當(dāng)前的位置。當(dāng)然也可以換成學(xué)校內(nèi)部或者附近的餐飲、娛樂(lè)、醫(yī)院等。系統(tǒng)設(shè)計(jì)框圖如圖1所示。

程序各模塊功能介紹如下：

（1）校園精準(zhǔn)導(dǎo)航模塊

此模塊主要是用于解決新生剛進(jìn)入校園或者其他不熟悉校園的人進(jìn)入學(xué)校之后對(duì)于學(xué)校內(nèi)的各條線路以及各個(gè)建筑位置不清楚等情況而設(shè)計(jì)的。為了簡(jiǎn)便直接的使用戶(hù)能夠了解校園概況和快速到達(dá)某處地點(diǎn)，設(shè)計(jì)的有三個(gè)功能：

一是規(guī)劃路線功能：通過(guò)獲取當(dāng)前位置和智能AI算法計(jì)算出最優(yōu)最佳的路線，指引用戶(hù)快速到達(dá)目的地，并且提供多條路線供選擇。二是標(biāo)注主要建筑功能：能夠標(biāo)注出校內(nèi)各個(gè)建筑的詳細(xì)位置以及介紹。三是展現(xiàn)整體布局功能：能夠 將學(xué)校整體布局直觀的展現(xiàn)出來(lái)，用戶(hù)可以滑動(dòng)縮放來(lái)查看校園整體或局部的布局。

（2）校內(nèi)活動(dòng)推薦模塊

鑒于學(xué)校有著豐富的各種活動(dòng)以及社團(tuán)等，特意設(shè)計(jì)了此模塊?？梢詭椭脩?hù)更快的融入豐富多彩的校園。主要功能有指引新生報(bào)到功能：能夠?qū)π律雽W(xué)以及到各個(gè)地方報(bào)到進(jìn)行細(xì)致化的指引?；顒?dòng)推廣功能：對(duì)于學(xué)校里的社團(tuán)各種活動(dòng)、會(huì)議以及學(xué)校組織的講座等推廣傳播。會(huì)提醒各類(lèi)其它的注意事項(xiàng)，例如學(xué)校發(fā)的通知，處分通告等。重要事項(xiàng)提醒功能：對(duì)于學(xué)生的期末考試、四六級(jí)考試、考研等學(xué)生參加了的官方考試進(jìn)行提前通知。同時(shí)也可以直接在此小程序上直接查詢(xún)課表，成績(jī)，學(xué)分，績(jī)點(diǎn)等。

（3）校外環(huán)境介紹模塊

針對(duì)于不熟悉學(xué)校周?chē)闆r的用戶(hù)，小程序可以告知用戶(hù)周邊的各類(lèi)場(chǎng)所，

針對(duì)于學(xué)校周邊吃喝住行等地方的詳細(xì)位置及介紹。以及介紹市區(qū)附近的景點(diǎn)，博物館等適合大學(xué)生游玩的場(chǎng)所，方便出行游玩。還能夠附帶提醒學(xué)生出行所需要的東西和需要注意的地方

2.2、系統(tǒng)軟件設(shè)計(jì)

此小程序由Springboot框架結(jié)合微信自己開(kāi)發(fā) MINA 框架設(shè)計(jì)而成。系統(tǒng)后端程序采用Java語(yǔ)言編寫(xiě)，使用了Springboot框架，實(shí)現(xiàn)了前后端分離，程序的Mapper和Service層實(shí)現(xiàn)數(shù)據(jù)的存儲(chǔ)和業(yè)務(wù)邏輯，再由小程序?qū)崿F(xiàn)前端和服務(wù)器之間的數(shù)據(jù)交互。在小程序的視圖渲染上采用了響應(yīng)式開(kāi)發(fā)技術(shù)，適用于各種不同屏幕尺寸的終端。小程序使用的微信自己開(kāi)發(fā)的 MINA 框架，提供了視圖層描述語(yǔ)言，WXML 和 WXSS 以及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，可以讓開(kāi)發(fā)者可以方便的聚焦于數(shù)據(jù)與邏輯上。用戶(hù)首先通過(guò)小程序端獲取所在位置，此后便可以使用各類(lèi)的導(dǎo)航和推薦功能。用戶(hù)登錄之后就可以獲取到自己的各類(lèi)信息，如學(xué)分，績(jī)點(diǎn)等，實(shí)現(xiàn)數(shù)字化校園現(xiàn)代化和智能化，方便廣大學(xué)子。開(kāi)發(fā)環(huán)境如下圖2所示。

2.3、系統(tǒng)運(yùn)行原理

本系統(tǒng)主要以Springboot框架為核心，再合理規(guī)劃小程序頁(yè)面上的各個(gè)按鈕，輸入框等的布局，將完整的后端打包成可以直接運(yùn)行的jar包，放在遠(yuǎn)程服務(wù)器上，通過(guò)服務(wù)器連接至各個(gè)用戶(hù)終端上。定位功能可調(diào)用微信小程序自身的接口實(shí)現(xiàn)，基本的地圖以及導(dǎo)航功能則調(diào)用騰訊地圖的sdk。用戶(hù)登錄后則會(huì)與學(xué)校的官方后臺(tái)接通，從而進(jìn)行查詢(xún)等操作。而每次用戶(hù)登錄后，都會(huì)將個(gè)人信息保存在數(shù)據(jù)庫(kù)中，方便了用戶(hù)以后的使用。

3、系統(tǒng)測(cè)試

首先，將程序打包上傳到遠(yuǎn)程服務(wù)器上，模擬用戶(hù)進(jìn)行定位，導(dǎo)航，登錄，查詢(xún)等操作，查看各項(xiàng)功能再打開(kāi)相應(yīng)頁(yè)面，進(jìn)行功能測(cè)試。為了方便用戶(hù)查看導(dǎo)航結(jié)果，將解析后的道路說(shuō)明渲染到小程序頁(yè)面，以圖和表格的形式展示給用戶(hù)。此外，與學(xué)校官方相關(guān)的查看課表功能，能夠在用戶(hù)登錄后，主動(dòng)的獲取到該生的課表并作以展示，主界面如下圖3所示。

查看成績(jī)功能在用戶(hù)登錄后即可查看，并能計(jì)算出各科目的學(xué)分。

4、結(jié)語(yǔ)

本次項(xiàng)目的研究的主題是以用戶(hù)定位和線路規(guī)劃以及提示構(gòu)建的微信小程序系統(tǒng)。智能手機(jī)現(xiàn)在是非常普遍的，幾乎人手一部，而微信又是大家生活中離不開(kāi)的軟件。通過(guò)手機(jī)定位，用戶(hù)可以非常方便的了解自己所處的位置，小程序通過(guò)GPS獲取到用戶(hù)的位置之后，以及用戶(hù)輸入的目的地，可以通過(guò)后臺(tái)算法快速的結(jié)合多種復(fù)雜的路況推薦出最優(yōu)線路，后期還可以加入AI算法可以更加的智能。而小程序的后臺(tái)通過(guò)json，wxml，wxss與服務(wù)器相連接，可以使處理各種突發(fā)事件更加的靈活，后臺(tái)的擴(kuò)展性也更強(qiáng)。同時(shí)還可以基于此小程序打造出一個(gè)web app項(xiàng)目，可以使此面向于廣大學(xué)生的小程序項(xiàng)目服務(wù)于更多的莘莘學(xué)子們。小程序開(kāi)發(fā)完成投入使用后，可以有效的和微信公眾號(hào)進(jìn)行打通，使小程序能夠傳播的更廣，更便捷服務(wù)于學(xué)生群體。對(duì)我們來(lái)說(shuō)，小程序可以大大降低成本，并且可以獲得更優(yōu)質(zhì)的體驗(yàn)，而且依附微信生態(tài)，可以與微信的整個(gè)生態(tài)完美的結(jié)合，讓更多的學(xué)生去使用。

參考文獻(xiàn)

[1] 羅時(shí)飛.精通Spring[M].電子工業(yè)出版社，2016

[2]劉春華.基于HTML5的移動(dòng)互聯(lián)網(wǎng)應(yīng)用發(fā)展趨勢(shì)[J].移動(dòng)通信，2017（09）：64-68.

[3] 譚云松，史燕.SpringBoot技術(shù)詳解[J]. 計(jì)算機(jī)時(shí)代， 2016，（03） .