基于微信小程序的教室預(yù)約系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

黎子達(dá)　鄧清華

摘要：針對(duì)高校師生經(jīng)常需要在課外時(shí)間申請(qǐng)使用教室的這一需求，設(shè)計(jì)并開(kāi)發(fā)了基于微信小程序的教室預(yù)約系統(tǒng)，使得教室申請(qǐng)者能夠方便快捷地申請(qǐng)到教室，教室審批各個(gè)環(huán)節(jié)的管理人員也能夠隨時(shí)隨地進(jìn)行審批，真正做到全程無(wú)紙化的辦公，簡(jiǎn)化申請(qǐng)流程，提高工作效率。

關(guān)鍵詞：高校;教室;預(yù)約系統(tǒng);管理系統(tǒng);微信小程序

中圖分類號(hào)：TP311 ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）13-0088-04

1 引言

高校教室不僅是開(kāi)展教學(xué)活動(dòng)的場(chǎng)所，同時(shí)也是學(xué)生、教師組織課外活動(dòng)的主要場(chǎng)地[1]。高校作為人才培養(yǎng)的基地，除了開(kāi)展日常教學(xué)活動(dòng)，還經(jīng)常會(huì)舉辦一些有利于培養(yǎng)學(xué)生專業(yè)素質(zhì)和綜合素質(zhì)的課外活動(dòng)，因此，關(guān)于課外活動(dòng)的教室申請(qǐng)也是高校的一項(xiàng)經(jīng)常性事務(wù)。目前，許多高校的課外使用教室的申請(qǐng)流程基本上還離不開(kāi)紙質(zhì)申請(qǐng)，未能做到完全的無(wú)紙化辦公。以我校為例，師生課外使用教室的申請(qǐng)流程為：學(xué)生通過(guò)網(wǎng)絡(luò)平臺(tái)填寫(xiě)教室申請(qǐng)，然后由活動(dòng)所屬單位的輔導(dǎo)員老師審批，審核通過(guò)后，再由負(fù)責(zé)教室管理的教務(wù)處依據(jù)教室使用情況及申請(qǐng)信息進(jìn)行審核，審核通過(guò)后，則由申請(qǐng)人打印出申請(qǐng)流程單，并提前交到教室所屬教學(xué)樓的管理員處。教室管理員將根據(jù)申請(qǐng)時(shí)間及教室號(hào)按時(shí)打開(kāi)多媒體設(shè)備，以便申請(qǐng)人組織開(kāi)展活動(dòng)。這種工作流程因不能完全做到無(wú)紙化辦公，因此，不可避免地存在浪費(fèi)紙張的現(xiàn)象，費(fèi)時(shí)費(fèi)力，效率也比較低。因此，開(kāi)發(fā)一款完全無(wú)紙化的教室申請(qǐng)平臺(tái)，提高教室申請(qǐng)的效率對(duì)于高校發(fā)展具有一定的實(shí)踐意義。

微信小程序作為一種新興的應(yīng)用程序載體，依托于大眾喜聞樂(lè)見(jiàn)的微信軟件，具有使用簡(jiǎn)便、無(wú)需安裝、方便傳播、用戶量大等特點(diǎn)。因此，本文選取微信小程序作為教室預(yù)約系統(tǒng)的實(shí)現(xiàn)載體，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于微信小程序的教室預(yù)約系統(tǒng)來(lái)簡(jiǎn)化申請(qǐng)教室的流程，讓全體師生可以方便地查看各教室使用情況，并根據(jù)自己的需求進(jìn)行教室預(yù)約，無(wú)需提交紙質(zhì)材料;教室審核人員可以隨時(shí)隨地對(duì)教室申請(qǐng)進(jìn)行審核，同時(shí)也便于教學(xué)樓管理人員管理各個(gè)教室，合理分配教室資源，大大提高工作效率。

2 微信小程序介紹

微信小程序是由騰訊公司于2017年1月19日發(fā)布一種新型輕量型應(yīng)用[2]。用戶只需要掃描二維碼或是直接用微信搜索就能打開(kāi)應(yīng)用，無(wú)需額外下載;使用過(guò)一次，它就會(huì)保留在微信經(jīng)常使用小程序的列表中，以便下次使用，并且還不占用手機(jī)存儲(chǔ)空間?；谏鲜鰞?yōu)勢(shì)，微信小程序從一誕生，就受到廣大程序員和手機(jī)用戶的青睞。據(jù)統(tǒng)計(jì)，截至2018年5月份，使用微信的用戶已接近十個(gè)億，其中主要的用戶群體是年輕人，約占總用戶數(shù)的百分之六十[3]。同時(shí)，年輕群體也是使用小程序的主要用戶。因此，開(kāi)發(fā)基于微信小程序的應(yīng)用系統(tǒng)已成為應(yīng)用開(kāi)發(fā)的主流趨勢(shì)。

微信小程序采用的是MINA開(kāi)發(fā)框架，提供WXML、WXSS等視圖層描述語(yǔ)言，在基于Java Script的邏輯層框架與視圖層之間提供數(shù)據(jù)傳輸和事件系統(tǒng)，方便開(kāi)發(fā)者處理數(shù)據(jù)和邏輯[4]。

區(qū)別與傳統(tǒng)應(yīng)用軟件，微信小程序有以下幾個(gè)優(yōu)勢(shì)：

1）使用方便、簡(jiǎn)單。得益于微信小程序隨時(shí)可用的賣點(diǎn)，用戶只需掃一掃或搜一搜便能打開(kāi)小程序，沒(méi)有額外煩瑣的安裝步驟;小程序不占用手機(jī)存儲(chǔ)空間，所以使用完后也無(wú)需卸載。

2）運(yùn)行速度快。傳統(tǒng)應(yīng)用軟件的運(yùn)行速度很大程度上取決于智能手機(jī)的配置和性能，而微信小程序的運(yùn)行速度依賴于微信軟件的運(yùn)行，占用手機(jī)的內(nèi)存較小，所以受手機(jī)性能的影響較小，運(yùn)行速度普遍比傳統(tǒng)應(yīng)用軟件快。

3）開(kāi)發(fā)維護(hù)成本低。除了用戶使用簡(jiǎn)單，微信小程序?qū)τ陂_(kāi)發(fā)者的要求也比較低，開(kāi)發(fā)門(mén)檻較低于傳統(tǒng)應(yīng)用軟件。同時(shí)，微信小程序一套代碼可以多端使用，大大降低開(kāi)發(fā)周期[4]，提高效率，有效降低開(kāi)發(fā)和后期維護(hù)的成本。

教師與學(xué)生在高校的日常生活中已經(jīng)幾乎離不開(kāi)微信，他們通過(guò)微信進(jìn)行溝通交流，教師用微信布置課后作業(yè)、安排教學(xué)工作，學(xué)生通過(guò)微信獲取學(xué)校通知，互相交流?？梢哉f(shuō)微信是如今高校生活中必不可少的工具，而微信又作為微信小程序的接入口，可以大大提高微信小程序的使用率，所以設(shè)計(jì)基于微信小程序的教室預(yù)約系統(tǒng)在推廣應(yīng)用上也是十分便利的。

3 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

3.1系統(tǒng)需求分析

傳統(tǒng)的跑腿式教室預(yù)約流程十分煩瑣，所以教室預(yù)約系統(tǒng)的目的是實(shí)現(xiàn)傳遞流程的無(wú)紙化和便捷性[5]。出于對(duì)系統(tǒng)安全性的考慮，需要給不同的使用者分配相對(duì)應(yīng)的權(quán)限，使用者只能在此權(quán)限內(nèi)進(jìn)行操作[6]。通過(guò)對(duì)使用教室的申請(qǐng)流程的調(diào)查了解，再根據(jù)本校實(shí)際情況，對(duì)教室申請(qǐng)者（以下稱為用戶）和教室管理者（以下稱為管理員）賦予以下功能需求：

1）用戶：用戶登錄系統(tǒng)后可以查詢教室使用情況，根據(jù)需要填寫(xiě)申請(qǐng)信息并提交申請(qǐng);提交申請(qǐng)后可以查看目前審核情況。

2）管理員：管理員登錄系統(tǒng)后可以查看到目前空教室的基本信息、申請(qǐng)理由、申請(qǐng)狀態(tài)，對(duì)已提交申請(qǐng)的教室進(jìn)行審核。

此外，系統(tǒng)界面必須簡(jiǎn)潔美觀，交互操作必須簡(jiǎn)單方便，核心功能要放在顯眼的位置[7]。

3.2系統(tǒng)功能模塊及實(shí)現(xiàn)

依據(jù)上述系統(tǒng)需求分析，確定系統(tǒng)功能模塊設(shè)計(jì)如圖1所示：

1）登錄認(rèn)證模塊。用戶需要通過(guò)賬戶密碼進(jìn)行登錄，方可使用系統(tǒng)進(jìn)行操作，以確保系統(tǒng)使用的安全性。具體實(shí)現(xiàn)效果如圖2、圖3所示。

2）教室預(yù)約模塊。用戶登錄后進(jìn)入系統(tǒng)首頁(yè)，點(diǎn)擊“教室預(yù)約”可進(jìn)入教室預(yù)約頁(yè)面。教室預(yù)約頁(yè)面顯示當(dāng)前可用教室，點(diǎn)擊“預(yù)約”后進(jìn)入預(yù)約二級(jí)頁(yè)面，輸入基本信息再按“確定預(yù)約”即可完成教室預(yù)約操作。具體實(shí)現(xiàn)效果如圖4、圖5所示。

3）預(yù)約管理模塊。用戶登錄后進(jìn)入系統(tǒng)首頁(yè)，點(diǎn)擊“我的預(yù)約”可進(jìn)入預(yù)約管理頁(yè)面。頁(yè)面顯示個(gè)人已預(yù)約的教室的基本信息以及審核情況，點(diǎn)擊可進(jìn)入預(yù)約詳情二級(jí)頁(yè)面，此頁(yè)面內(nèi)可查看已預(yù)約教室的詳細(xì)信息，點(diǎn)擊“取消預(yù)約”可取消對(duì)此教室的預(yù)約。此外，預(yù)約管理頁(yè)面內(nèi)點(diǎn)擊“+”按鈕亦可進(jìn)入預(yù)約二級(jí)頁(yè)面。具體實(shí)現(xiàn)效果如圖6、圖7所示。

4）教室查詢模塊。點(diǎn)擊首頁(yè)下方的“查詢”按鈕即可進(jìn)入教室查詢頁(yè)面。在此頁(yè)面內(nèi)可以按樓層選擇并點(diǎn)擊相應(yīng)教室，進(jìn)入下一二級(jí)頁(yè)面查看教室可預(yù)約的時(shí)間段。具體實(shí)現(xiàn)效果如圖8、圖9所示。

5）查詢篩選模塊。用戶在教室預(yù)約界面下方可以點(diǎn)擊“篩選”按鈕，對(duì)教室樓層、容納人數(shù)、教室設(shè)備、使用時(shí)長(zhǎng)等因素進(jìn)行選擇，系統(tǒng)會(huì)按所選條件顯示符合要求的教室。具體實(shí)現(xiàn)效果如圖10所示。

6）個(gè)人信息模塊。點(diǎn)擊首頁(yè)下方的“個(gè)人”按鈕即可進(jìn)入個(gè)人中心頁(yè)面。此頁(yè)面顯示了用戶的頭像、用戶名、性別、郵箱、聯(lián)系方式、學(xué)號(hào)等基本信息，點(diǎn)擊“切換賬號(hào)”或“退出登錄”即可執(zhí)行對(duì)應(yīng)操作。具體實(shí)現(xiàn)效果如圖11、圖12所示。

7）預(yù)約管理模塊。管理員使用管理員賬號(hào)可進(jìn)入預(yù)約審核首頁(yè)，點(diǎn)擊“預(yù)約審核”進(jìn)入教室預(yù)約審核頁(yè)面，管理員在此頁(yè)面中可以查看已提交預(yù)約申請(qǐng)的待審核名單，選擇教室點(diǎn)擊“審核”進(jìn)入預(yù)約審核二級(jí)頁(yè)面，在此可查看該教室的申請(qǐng)信息，點(diǎn)擊下方“審核通過(guò)”或“審核不通過(guò)”可執(zhí)行相應(yīng)審核操作。具體實(shí)現(xiàn)效果如圖13、圖14、圖15所示。

4 總結(jié)

基于微信小程序的教室預(yù)約系統(tǒng)可以避免紙張浪費(fèi)，實(shí)現(xiàn)無(wú)紙化辦公;同時(shí)學(xué)校師生可以更方便、快捷地申請(qǐng)到需要使用的教室，而教室管理員可以隨時(shí)隨地對(duì)教室申請(qǐng)進(jìn)行審核;小程序簡(jiǎn)化了煩瑣的教室預(yù)約流程，省去了不必要的麻煩，大大提高了辦公效率。

然而，該系統(tǒng)在功能上仍存在一些需要完善和改進(jìn)的地方。例如，出于對(duì)安全性的考慮，系統(tǒng)沒(méi)有加入注冊(cè)功能，所有用戶信息需要系統(tǒng)管理員統(tǒng)一錄入并管理，操作較為煩瑣、費(fèi)時(shí)費(fèi)力。目前系統(tǒng)僅支持一些比較簡(jiǎn)單的基礎(chǔ)功能，期待以后能加入一些高級(jí)功能，比如教師調(diào)課互換教室[8]、管理員設(shè)置好審核條件進(jìn)行自動(dòng)審核等。

參考文獻(xiàn)：

[1]吳博文，譚朔，張城，廖維，等.基于微信公眾號(hào)的多媒體教室預(yù)約系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].中國(guó)教育信息化，2018（17）：94-96.

[2]王婷婷.微信小程序開(kāi)發(fā)[J].信息技術(shù)與信息化，2018（12）：62-63.

[3]楊毅，李兆瑞.微信小程序在高校圖書(shū)館中的創(chuàng)新實(shí)踐[J].信息記錄材料，2019，20（2）：68-70.

[4]曾郁，丘愛(ài)誼.基于微信小程序的多媒體設(shè)備管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦：理論版，2018（23）：63-64，67.

[5]韓淏軒，王巖.教室資源預(yù)約系統(tǒng)的設(shè)計(jì)與研究[J].衛(wèi)生職業(yè)教育，2018，36（4）：29-31.

[6]鄒清泉.高校教室預(yù)約系統(tǒng)的研究與應(yīng)用[J].信息與電腦：理論版，2016（14）：93-94.

[7]梁英偉.基于HTML5的教室使用預(yù)約系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].科技經(jīng)濟(jì)導(dǎo)刊，2017（11）：28，26.

[8]任曉磊.基于PHP技術(shù)開(kāi)發(fā)多媒體教室調(diào)換課與預(yù)約管理系統(tǒng)的研究[J].信息通信，2017（5）：144-145.

【通聯(lián)編輯：王力】