大學(xué)校園生活微信小程序的設(shè)計(jì)和實(shí)現(xiàn)

莊澤莎 陳浩 高志雄 陳藝瀚 鮮征征

摘? 要： 互聯(lián)網(wǎng)大環(huán)境下，人們?cè)絹?lái)越習(xí)慣互聯(lián)網(wǎng)帶來(lái)的便捷方式。校園生活也是社會(huì)生活的一部分，完善校園生活線上產(chǎn)品是便利師生生活的必然趨勢(shì)?；谖⑿判〕绦颍疚脑O(shè)計(jì)并實(shí)現(xiàn)了一個(gè)能夠提供宿舍電控查詢、自習(xí)室攻略和課表查詢等功能的大學(xué)生活綜合性服務(wù)平臺(tái)。通過(guò)微信小程序“金院Life”在校內(nèi)推廣，結(jié)果表明該平臺(tái)該程序已經(jīng)得到大部分師生用戶的認(rèn)可，可以為校內(nèi)師生查詢校園信息等相關(guān)業(yè)務(wù)提供高效便捷的服務(wù)。

關(guān)鍵詞： 互聯(lián)網(wǎng);校園信息;微信小程序;服務(wù)平臺(tái)

中圖分類號(hào)： TP391.1 ???文獻(xiàn)標(biāo)識(shí)碼： B??? DOI：10.3969/j.issn.1003-6970.2020.07.015

本文著錄格式：莊澤莎，陳浩，高志雄，等. 大學(xué)校園生活微信小程序的設(shè)計(jì)和實(shí)現(xiàn)[J]. 軟件，2020，41（07）：76-80+90

Design and Implementation of University Campus Life WeChat Small Program

ZHUANG Ze-sha， CHEN Hao， GAO Zhi-xiong， CHEN Yi-han， XIAN Zheng-zheng^*

（Department of Internet Finance and Information Engineering， Guang Dong University of Finance， Guangzhou， 51052）

【Abstract】： Under the Internet environment， people are more and more accustomed to the convenient way brought by the Internet. Campus life is also a part of social life， and improving campus life online products is an inevitable trend to facilitate the lives of teachers and students. Based on the WeChat small program， this paper designs and implements a comprehensive service platform of university life which can provide dormitory electronic inquiry， study room strategy and class schedule inquiry. Through the promotion of WeChat mini-program "Jinyuan Life" on the campus， the results show that this platform and program have been recognized by most teachers and students， and can provide efficient and convenient services for teachers and students to inquire campus information and other related businesses.

【Key words】： Internet; Campus information; WeChat applet; The service platform

0? 引言

2012年3月，中華人民共和國(guó)教育部通過(guò)教育信息化發(fā)展規(guī)劃（2011-2020年）提出實(shí)施“中國(guó)數(shù)字教育2020行動(dòng)計(jì)劃”^[1]。2015年3月召開(kāi)的十二屆全國(guó)人大三次會(huì)議上，李克強(qiáng)總理在政府工作報(bào)告中首次提出“互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃^[2]。隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，我國(guó)數(shù)字化教育也需要上升一個(gè)新的層次。

隨著我國(guó)高等教育信息化進(jìn)程的不斷推進(jìn)實(shí)施，國(guó)內(nèi)不少高校已經(jīng)基本實(shí)現(xiàn)了“數(shù)字校園”的建設(shè)和投入使用，如北京航空航天大學(xué)^[3]、鄭州輕工業(yè)大學(xué)^[4]、浙江中醫(yī)藥大學(xué)^[5]等。但與國(guó)外高校智慧校園建設(shè)相比，當(dāng)前國(guó)內(nèi)不少高校在數(shù)字化校園建設(shè)中存在著智慧校園管理困境的難題。

如今，智能手機(jī)已經(jīng)滲透到我們生活、學(xué)習(xí)和工作的方方面面。2017年微信小程序上線，實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想^[6]。從用戶角度，微信小程序是輕型APP，“悅讀”體驗(yàn)與APP等值，APP的用戶體驗(yàn)比手機(jī)網(wǎng)頁(yè)和電腦網(wǎng)頁(yè)更便捷^[7]。從開(kāi)發(fā)者角度，小程序開(kāi)發(fā)門檻、開(kāi)發(fā)成本、推廣成本都相對(duì)較低，而且也能滿足簡(jiǎn)單的基礎(chǔ)應(yīng)用。此外，微信小程序還能實(shí)現(xiàn)消息通知、線下掃碼、公眾號(hào)關(guān)聯(lián)等眾多實(shí)用性功能，極大方便了用戶和開(kāi)發(fā)者。可見(jiàn)，小程序促進(jìn)了新的互聯(lián)網(wǎng)生態(tài)的形成^[8]。

在微信小程序普及之前，眾多高校線上校園服務(wù)的產(chǎn)品絕大部分是以微信公眾號(hào)的形式發(fā)布。微信小程序是一種不用下載就能使用的移動(dòng)應(yīng)用，體現(xiàn)“用完即走”的理念。與公眾號(hào)相比，它因?yàn)楣δ芮逦医缑娌僮饔押?、無(wú)需關(guān)注等特點(diǎn)更具有吸引力。2018年，微信小程序獲得“世界互聯(lián)網(wǎng)領(lǐng)先科技成果”，累計(jì)至2019年11月，小程序數(shù)量超過(guò)450萬(wàn)^[9]，由此可見(jiàn)，微信小程序的應(yīng)用范圍廣，服務(wù)領(lǐng)域大。

在大學(xué)校園生活中幾乎每位師生都有手機(jī)以及微信號(hào)，微信小程序在校園中也得到了廣泛應(yīng)用，如大學(xué)校園社團(tuán)管理^[10]、食堂點(diǎn)餐^[11]、校園導(dǎo)航^[12]、掃碼考勤^[13]、校園服務(wù)^[14]等，均給廣大師生帶來(lái)了極大便利。針對(duì)校園設(shè)計(jì)并開(kāi)發(fā)出一款功能相對(duì)齊全的校園生活服務(wù)微信小程序，是高校校園生活的必然趨勢(shì)。

本文針對(duì)建設(shè)數(shù)字校園問(wèn)題，提出設(shè)計(jì)一款具有校園宿舍電費(fèi)查詢服務(wù)、自習(xí)攻略、圖書(shū)館借閱信息查詢服務(wù)等功能的微信小程序，旨在不僅為廣大師生提供校園生活服務(wù)、方便高效地提高解決師生校園生活相關(guān)業(yè)務(wù)的速度，而且為校園服務(wù)類商家提供一個(gè)推廣平臺(tái)，實(shí)現(xiàn)校園師生和服務(wù)類商家互利雙贏。

1? 大學(xué)校園生活微信小程序的設(shè)計(jì)

1.1? 本程序的功能設(shè)計(jì)

1.1.1? 功能框架

該微信小程序功能主要包含五大模塊：公告欄服務(wù)、宿舍服務(wù)、自習(xí)服務(wù)、圖書(shū)館服務(wù)和商家合作。功能總體框架如圖1所示。

1.1.2? 功能描述

針對(duì)圖1的功能設(shè)計(jì)框架，下面將對(duì)各功能模塊進(jìn)行詳細(xì)的描述。

一、公告欄服務(wù)模塊

（1）信息發(fā)布：輸入校園卡必要信息發(fā)布拾/失卡信息。

（2）發(fā)布刪除：刪除用戶發(fā)布的拾/失卡信息。

二、宿舍服務(wù)模塊

（1）宿舍綁定：查詢宿舍電費(fèi)情況需先進(jìn)行綁定用戶宿舍號(hào)。

（2）電費(fèi)查詢：查詢宿舍電費(fèi)剩余情況，宿舍每日用電情況，宿舍電費(fèi)最近充值情況。

三、自習(xí)服務(wù)模塊

（1）空教室查詢：當(dāng)用戶想走出宿舍自習(xí)的時(shí)候可以通過(guò)查詢迅速找到指定時(shí)間，指定教學(xué)樓的空教室情況。

（2）課表查詢：當(dāng)課表更新時(shí)或者是不清楚課表情況，上課地點(diǎn)燈可以查詢個(gè)人學(xué)期理論課表。

（3）成績(jī)查詢：在期末考試之后可以進(jìn)行成績(jī)的查詢。

四、圖書(shū)館服務(wù)模塊

（1）借閱信息查詢：查詢個(gè)人已借書(shū)單信息，還書(shū)日期。

（2）館藏信息查詢：查詢圖書(shū)館館藏圖書(shū)詳情，包括書(shū)名，作者，館藏編號(hào)等。

五、商家合作模塊

（1）商家合作展覽：小程序主界面banner輪播圖展示商家合作內(nèi)容。

（2）反饋：用戶在使用微信小程序時(shí)遇到任何問(wèn)題都可以通過(guò)反饋提交意見(jiàn)等給開(kāi)發(fā)者。

1.1.3? 本程序的主界面設(shè)計(jì)

本程序的主界面設(shè)計(jì)如圖2所示。

1.2 ?小程序的數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)

本程序設(shè)計(jì)的數(shù)據(jù)表包括：用戶表、宿舍用電信息表、校園卡丟失信息表、反饋信息表、和宿舍信息表等。由于篇幅有限，在此僅給出用戶表、宿舍用電信息表和校園卡丟失信息表，分別如表1-表3所示。

2 ?大學(xué)校園生活微信小程序的實(shí)現(xiàn)

根據(jù)本程序的功能設(shè)計(jì)框架（圖1），針對(duì)主要功能模塊（包括宿舍電費(fèi)模塊、公告欄模塊功能模塊和圖書(shū)借閱信息查詢模塊）的實(shí)現(xiàn)，本章將給出詳細(xì)的流程分析、主要界面的設(shè)計(jì)以及所定義的關(guān)鍵函數(shù)。

2.1? 宿舍電費(fèi)模塊功能的實(shí)現(xiàn)

2.1.1? 邏輯流程分析

宿舍電費(fèi)模塊的邏輯流程分析如圖3所示。該功能需要在用戶授權(quán)登陸進(jìn)入首頁(yè)之后驗(yàn)證是否已綁定宿舍號(hào)，若未綁定則輸入宿舍信息進(jìn)行綁定，綁定成功然后進(jìn)行用電情況/購(gòu)電情況查詢;若已綁定宿舍與綁定成功之后同樣的流程。

2.1.2? 界面設(shè)計(jì)

在本程序的主界面上選擇“電控查詢”，進(jìn)入查詢界面，如圖4所示。

2.1.3? 關(guān)鍵函數(shù)的描述

實(shí)現(xiàn)本模塊功能的關(guān)鍵技術(shù)是綁定宿舍以及查詢宿舍電費(fèi)。實(shí)現(xiàn)該功能的方法如下所述：

（1）public Object powerBind （String openid， String building， String roomName， StringbuildingId， String password， String pwtype）

描述：綁定宿舍。

參數(shù)：小程序用戶的唯一標(biāo)識(shí)，宿舍樓，宿舍號(hào)，宿舍樓ID。

返回值：若輸入?yún)?shù)為空，返回json.put （"errmsg"， VerifyStateEnum.Invalid）;

json.put（"success"， VerifyStateEnum.Fail）;

若用戶不存在，返回json.put（"errmsg"， VerifyStateEnum.Invalid）;

綁定成功返回json.put（"success"， VerifyStateEnum. Success）;

綁定失敗返回json.put（"success"， VerifyStateEnum.Fail）;

（2）public Object powerData（String openid， String attribute， String page）

描述：獲取電費(fèi)數(shù)據(jù)。

參數(shù)：小程序用戶的唯一標(biāo)識(shí)。

返回值：不成功返回json.put（"errmsg"， VerifyStateEnum.Invalid）;

成功則返回購(gòu)電/用電數(shù)據(jù)。

2.2? 公告欄模塊功能的實(shí)現(xiàn)

2.2.1? 邏輯流程分析

公告欄模塊的邏輯流程分析如圖5所示。該功能需要在用戶授權(quán)登陸進(jìn)入首頁(yè)選擇進(jìn)入找飯卡板塊，獲取公告欄公告信息，點(diǎn)擊發(fā)布拾/失卡信息然后輸入發(fā)布詳情提交信息，發(fā)布成功之后返回查看公告欄公告信息。

2.2.2? 界面設(shè)計(jì)

在本程序主界面的底部導(dǎo)航欄選擇“找飯卡”，點(diǎn)擊“發(fā)布信息”，進(jìn)入發(fā)布信息界面，如圖6所示。

2.2.3? 關(guān)鍵技術(shù)實(shí)現(xiàn)

實(shí)現(xiàn)本功能模塊的關(guān)鍵技術(shù)是發(fā)布拾/失卡信息以及查看拾/失卡公告欄。實(shí)現(xiàn)該功能的方法如下所述：

（1）public Object LostReporter（String openid， String owner， String account， String department， String ctway， String message， String attribute）

描述：發(fā)布拾/失卡信息。

參數(shù)：小程序用戶的唯一標(biāo)識(shí)，校園卡主人，校園卡賬號(hào)，院系，聯(lián)系方式，備注信息，拾/失卡屬性。

返回值：參數(shù)值為空返回json.put（"errmsg"， VerifyStateEnum.Invalid）;

json.put（"success"， VerifyStateEnum.Fail）;

屬性值非法返回json.put（"errmsg"， VerifyStateEnum.IllegalType）;

發(fā)布失敗返回json.put（"success"， VerifyStateEnum. Fail）;

發(fā)布成功則返回json.put（"success"， VerifyStateEnum.Success）;

（2）public Object LostBarStringopenid， String attribute， String page）

描述：查看公告欄信息

參數(shù)：小程序用戶的唯一標(biāo)識(shí)，拾/失卡屬性

返回值：參數(shù)值為空返回json.put（"errmsg"， VerifyStateEnum.Invalid）;

json.put（"success"， VerifyStateEnum.Fail）;

屬性值非法返回json.put（"errmsg"， VerifyStateEnum.IllegalType）;

查看成功返回拾/失卡信息。

（3）public Object selectReportAll（String openid）

描述：獲取發(fā)布信息

參數(shù)：小程序用戶的唯一標(biāo)識(shí)

返回值：參數(shù)值為空返回json.put（"errmsg"， VerifyStateEnum.Invalid）;

json.put（"success"， VerifyStateEnum.Fail）;

查看成功返回所有發(fā)布過(guò)的信息。

2.3? 圖書(shū)借閱信息查詢模塊功能的實(shí)現(xiàn)

2.3.1? 邏輯流程分析

圖書(shū)借閱信息查詢模塊的邏輯流程分析如圖7所示。該功能需要在用戶授權(quán)登陸進(jìn)入首頁(yè)之后驗(yàn)證是否已登陸圖書(shū)館賬號(hào)，若是未登陸則提醒進(jìn)行登陸，登陸成功之后獲取借閱信息，獲取成功之后點(diǎn)擊具體圖書(shū)查看借閱詳情;若已登陸則和登陸成功之后的流程一致。

2.3.2? 界面設(shè)計(jì)

在本程序的主界面選擇“借閱信息”，進(jìn)入圖書(shū)館借閱信息查詢結(jié)果界面，如圖8所示。

2.3.3? 關(guān)鍵技術(shù)實(shí)現(xiàn)

實(shí)現(xiàn)本模塊功能的關(guān)鍵技術(shù)是登陸圖書(shū)館系統(tǒng)、查詢用戶圖書(shū)借閱信息。實(shí)現(xiàn)該功能的方法如下所述：

（1）function checkLogin（username， password）

描述：登陸圖書(shū)館系統(tǒng)。

參數(shù)：圖書(shū)在館序列號(hào)。

返回值：查詢失敗返回new Error（"連接登陸服務(wù)器失敗"）。

查詢成功返回用戶登陸成功。

（2）function getBorrow（username， password）

描述：獲取用戶圖書(shū)借閱信息

參數(shù)：用戶圖書(shū)館賬號(hào)信息

返回值：用戶圖書(shū)館賬號(hào)信息錯(cuò)誤返回reject（"賬號(hào)密碼錯(cuò)誤"）。

查詢失敗返回reject（new Error（"查詢借閱記錄失敗"））。

查詢成功返回用戶借閱圖書(shū)列表。

由于篇幅有限，本程序的自習(xí)服務(wù)、商家合作模塊，以及圖書(shū)館服務(wù)中的續(xù)借圖書(shū)申請(qǐng)功能的實(shí)現(xiàn)在此不再贅述。

3? 大學(xué)校園生活微信小程序的應(yīng)用推廣

本款微信小程序（名為“金院Life”）操作簡(jiǎn)單、界面友好。在上線之后受到本校師生的歡迎。同時(shí)通過(guò)微信群聊推廣、朋友圈推廣，本款微信小程序自2018年4月上線至今，累積用戶達(dá)到1萬(wàn)7千多，微信小程序評(píng)分為3.7分，三顆半星。截至2019年7月，用戶滿意程度調(diào)查報(bào)告顯示用戶滿意達(dá)到49%，非常滿意達(dá)到15%。用戶滿意程度調(diào)查結(jié)果如圖9所示。

從圖9的調(diào)查結(jié)果可見(jiàn)，該程序已經(jīng)得到大部分用戶的認(rèn)可。不斷提升用戶滿意度，將成為本程序進(jìn)一步完善的動(dòng)力。

4? 結(jié)束語(yǔ)

本程序的核心理念是設(shè)計(jì)出一款不被打擾、界面友好、能夠提供校園生活服務(wù)的微信小程序。2018年4月，該程序上線了校園卡服務(wù)模塊，提供拾/丟卡信息發(fā)布，2019年3月，更新增加了電費(fèi)查詢、成績(jī)查詢、自習(xí)室查詢、圖書(shū)館借閱信息/圖書(shū)信息查詢以及商家合作等服務(wù)，不僅方便校園管理，而且給師生生活提供便利。通過(guò)在本校推廣，該程序受到了廣大師生的青睞，目前已經(jīng)擁有1萬(wàn)7千多個(gè)用戶。

接下來(lái)將會(huì)繼續(xù)完善該款小程序的開(kāi)發(fā)，如：完善界面設(shè)計(jì)，優(yōu)化查詢速度。此外也會(huì)推廣到其他學(xué)校，讓更多學(xué)校擁有一款功能更加齊全、界面友好的線上校園服務(wù)產(chǎn)品，從而建設(shè)人性化校園，方便后勤服務(wù)，提高經(jīng)濟(jì)效益和社會(huì)效益。

參考文獻(xiàn)

1. 教育信息化十年發(fā)展規(guī)劃（2011—2020年）[J]. 2013.

2. 寧家駿. “互聯(lián)網(wǎng)+”行動(dòng)計(jì)劃的實(shí)施背景、內(nèi)涵及主要內(nèi)容[J]. 電子政務(wù)， 2015（6）： 31-38.

3. 徐青山， 張建華， 楊立華. 高校智慧校園建設(shè)的頂層設(shè)計(jì)及實(shí)踐應(yīng)用——以“智慧北航”為例[J]. 現(xiàn)代教育技術(shù)， 2016， 26（12）： 112-118.

4. 李霞， 甘琤， 程源， 等. 高校智慧校園的建設(shè)： 技術(shù)、內(nèi)容和服務(wù)*——以鄭州輕工業(yè)大學(xué)為例[J]. 現(xiàn)代教育技術(shù)， 2019， 29（9）： 80-85.

5. 馬亮， 王曉東， 賴小波. 智慧校園網(wǎng)絡(luò)與信息安全防護(hù)的實(shí)施——以浙江中醫(yī)藥大學(xué)為例[J]. 中國(guó)醫(yī)學(xué)教育技術(shù)， 2019， 33（6）： 711-714.

6. 劉紅衛(wèi). 微信小程序應(yīng)用探析[J]. 無(wú)線互聯(lián)科技， 2016（23）： 11-12， 40.

7. 田志友， 周元敏， 田雨. 微信小程序的媒體價(jià)值[J]. 新媒體研究， 2018， 4（1）： 47-49.

8. 張麗萍， 楊啟. 從互聯(lián)網(wǎng)生態(tài)看微信小程序的發(fā)展[J]. 新聞?wù)搲?2017， 2（6）： 22-24.

9. 2019年小程序互聯(lián)網(wǎng)發(fā)展白皮書(shū)[J]. 2020.

10. 閆佳怡， 王文彬， 彭海靜. 基于微信小程序的社團(tuán)管理平臺(tái)的分析與設(shè)計(jì)[J]. 電子商務(wù)， 2019（12）： 50-51.

11. 韋娟， 張瑞娟， 孫兆豐. 基于微信小程序的食堂點(diǎn)餐系統(tǒng)的設(shè)計(jì)[J]. 電子世界， 2019（22）： 147-148.

12. 雷英才. 基于微信小程序的校園導(dǎo)覽系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 中國(guó)地質(zhì)大學(xué)（北京）， 2019.

13. 朱麗進(jìn). 基于微信小程序掃碼考勤系統(tǒng)設(shè)計(jì)[J]. 電腦知識(shí)與技術(shù)， 2019， 15（33）： 55-56.

14. 饒新， 馬振勛， 蔣永嘉， 等. 基于微信小程序在校園服務(wù)平臺(tái)上的應(yīng)用[J]. 中外企業(yè)家， 2019（21）： 75-76.