校園巡堂平臺(tái)APP的設(shè)計(jì)與實(shí)現(xiàn)

鄒思昕 丘桂梅 方國(guó)鑫 李軍

摘 ?要：隨著中等職業(yè)學(xué)校招生規(guī)模的擴(kuò)大，中等職業(yè)學(xué)校的教育質(zhì)量能否得到保障，直接關(guān)系到學(xué)校的發(fā)展與生存，建立適合中等職業(yè)學(xué)校的教育質(zhì)量保證與監(jiān)督體系，引起中等職業(yè)學(xué)校的重視。本文利用移動(dòng)互聯(lián)網(wǎng)技術(shù)，結(jié)合MariaDB數(shù)據(jù)庫(kù)，運(yùn)用Beego和Vue架構(gòu)，提出共享巡堂APP系統(tǒng)的設(shè)計(jì)方案，開發(fā)了實(shí)時(shí)交互式的巡堂APP系統(tǒng)，系統(tǒng)在廣州某中職學(xué)校實(shí)現(xiàn)了試運(yùn)行。

關(guān)鍵詞：Android;MariaDB數(shù)據(jù)庫(kù);巡堂平臺(tái)APP;中等職業(yè)學(xué)校

中圖分類號(hào)：TP311.56 ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2019）18-0059-03

Abstract：With the enlargement of the enrollment scale of secondary vocational schools，whether the education quality of secondary vocational schools can be guaranteed or not is directly related to the development and survival of schools. The establishment of a quality assurance and supervision system suitable for secondary vocational schools has attracted the attention of secondary vocational schools. In this paper，using mobile internet technology，combined with MariaDB database，using Beego and Vue architecture，the design scheme of shared patrol APP system is proposed，and a real-time interactive patrol APP system is developed. The system has been tested in a secondary vocational school in Guangzhou.

Keywords：Android;MariaDB database;classroom patrol platform APP;secondary vocational school

0 ?引 ?言

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展，智能移動(dòng)設(shè)備能夠?qū)崿F(xiàn)計(jì)算機(jī)的基本功能：隨時(shí)隨地與他人聯(lián)系、查詢所需的信息、體驗(yàn)各種移動(dòng)娛樂(lè)軟件、處理各項(xiàng)工作。如今，移動(dòng)智能設(shè)備已日趨普及，各個(gè)學(xué)校也開始使用APP應(yīng)用軟件，校園APP應(yīng)用多樣化[1]。一般分為兩類：一類是專門為學(xué)生提供的APP應(yīng)用，功能有校園新聞、課程表、成績(jī)查詢等。另一類是學(xué)校管理部門用來(lái)管理學(xué)生或教師的APP應(yīng)用，功能有師生信息管理、課堂情況登記、值日生安排等。本文設(shè)計(jì)的巡堂APP屬于后者[2]，教學(xué)管理者可以通過(guò)該APP記錄課堂巡查的情況。

1 ?巡堂平臺(tái)的需求分析

目前的課堂巡查采用傳統(tǒng)的人工方法，教學(xué)管理人員巡查課堂教學(xué)過(guò)程的情況，用筆記在一張紙上，回到辦公室再將數(shù)據(jù)錄入電腦。一般學(xué)校會(huì)有幾十間或以上的教室，需要巡查的教室多，巡查的時(shí)間較長(zhǎng)，回到辦公室再進(jìn)行統(tǒng)計(jì)匯總，工作的效率低，且不能及時(shí)發(fā)現(xiàn)情況。

巡堂管理是教學(xué)質(zhì)量管理信息系統(tǒng)中的一個(gè)部分，巡堂平臺(tái)的設(shè)計(jì)使巡堂信息在采集、處理、存儲(chǔ)過(guò)程中實(shí)現(xiàn)信息化[3-5]。巡堂管理的信息化具體體現(xiàn)在三個(gè)方面：

（1）信息收集，通過(guò)智能平臺(tái)收集巡堂信息，如利用手機(jī)、平板、電腦等智能設(shè)備記錄巡堂信息，實(shí)現(xiàn)無(wú)紙化記錄信息;

（2）信息處理，通過(guò)計(jì)算機(jī)輔助技術(shù)對(duì)巡堂收集到的信息進(jìn)行處理，如通過(guò)Excel、SPSS等數(shù)據(jù)分析軟件對(duì)巡堂信息進(jìn)行匯總、分析;

（3）信息存儲(chǔ)，將收集到的數(shù)據(jù)存儲(chǔ)到服務(wù)器端或云端，有利于數(shù)據(jù)的持久保存。

2 ?巡堂平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

本文設(shè)計(jì)的巡堂平臺(tái)，通過(guò)完善現(xiàn)有的巡堂信息內(nèi)容，結(jié)合信息技術(shù)搭建巡堂平臺(tái)來(lái)輔助巡堂管理。巡堂平臺(tái)由三個(gè)部分組成：客戶端，后臺(tái)管理端，服務(wù)器端，其組成圖如圖1所示。

2.1 ?客戶端

客戶端有四個(gè)模塊：用戶管理、查詢、巡堂記錄、數(shù)據(jù)統(tǒng)計(jì)。客戶端使用Vue架構(gòu)來(lái)搭建底層框架，Vue是一套構(gòu)建用戶界面的漸進(jìn)式框架，采用自底向上逐層開發(fā)的設(shè)計(jì)方式[6]。Vue是輕量級(jí)框架，核心庫(kù)只需要關(guān)注視圖層。Vue的優(yōu)勢(shì)是運(yùn)行速度快，使數(shù)據(jù)和結(jié)構(gòu)分離，同時(shí)數(shù)據(jù)的雙向綁定減少了DOM操作，并做到組件化和響應(yīng)式設(shè)計(jì)等[7]。因?yàn)閂ue具有各種優(yōu)勢(shì)且簡(jiǎn)單易學(xué)，所以備受市場(chǎng)青睞。

客戶端的前端設(shè)計(jì)中使用了Mint UI，Mint UI是基于Vue移動(dòng)端的UI框架。Mint UI包含了CSS和JS組件，能快速搭建出規(guī)范的移動(dòng)端界面。Mint UI的優(yōu)勢(shì)是按需加載組件，通過(guò)CSS3來(lái)處理各種動(dòng)態(tài)效果，基于Vue的組件化方案，真正做到了輕量化，以及最大化地使用戶獲得流暢的體驗(yàn)。

客戶端具備的功能有：

（1）用戶管理：教學(xué)管理人員巡查的賬號(hào)，具有用戶登錄、用戶注冊(cè)與用戶管理功能;

（2）查詢：通過(guò)選擇巡堂時(shí)間、巡堂節(jié)次、巡堂班級(jí)，查找到相應(yīng)的巡堂教室;

（3）巡堂記錄：記錄巡堂情況是否存在異常，以及存在異常的詳細(xì)情況;

（4）數(shù)據(jù)統(tǒng)計(jì)：查看班級(jí)情況正常與異常的數(shù)據(jù)。

2.1.1 ?用戶管理模塊

用戶管理是用戶的個(gè)人信息管理。第一次登錄巡堂APP都要先進(jìn)行注冊(cè)，如果注冊(cè)的賬號(hào)已存在則會(huì)提示“用戶已存在，請(qǐng)更改賬號(hào)名”。為了保障用戶信息的安全性和唯一性，必須輸入真實(shí)姓名和手機(jī)號(hào)，由平臺(tái)管理員進(jìn)行用戶管理。注冊(cè)完成后，通過(guò)已注冊(cè)的賬號(hào)登錄，在“我的”界面查看到個(gè)人信息。

2.1.2 ?巡堂記錄模塊

通過(guò)主界面選擇相應(yīng)要巡堂的教室，進(jìn)入該教室的巡堂信息記錄界面。該界面分為三個(gè)模塊：樓層模塊、教室模塊、記錄信息模塊。

樓層模塊：該模塊顯示當(dāng)前的時(shí)間段，按照“星期幾-上午或下午-第幾節(jié)”格式顯示，同時(shí)顯示各樓層的巡堂情況，分為未開始巡堂、正在巡堂、已巡堂完畢與無(wú)需巡堂。未開始巡堂，表明該樓層的教室都還未被巡堂過(guò);正在巡堂，表明該樓層的部分教室已被巡堂過(guò);已巡堂完畢，表明該樓層的教室都巡堂完畢;無(wú)需巡堂，表明該樓層沒(méi)有需要巡堂的教室。通過(guò)選擇相應(yīng)的樓層進(jìn)入該樓層的教室模塊。

教室模塊：該模塊顯示教室地點(diǎn)和時(shí)間段，時(shí)間段顯示樓層模塊所顯示的時(shí)間，并按照“星期幾-上午或下午-第幾節(jié)”的格式顯示，教室地點(diǎn)是要記錄巡堂信息的教室號(hào)，同時(shí)教室號(hào)下方會(huì)顯示相應(yīng)的三種情況：未巡堂、正常、異常情況信息，未巡堂表明該教室還未被巡查，正常表明該教室已被巡查且情況為正常，異常表明該教室已被巡查且情況為異常。

記錄信息模塊：該模塊默認(rèn)項(xiàng)是時(shí)間和地點(diǎn)，時(shí)間是教室模塊所顯示的時(shí)間，地點(diǎn)是在教室模塊所選擇要巡堂的教室。記錄內(nèi)容分為兩種情況：第一種情況是課堂情況正常，則無(wú)需再記錄其他項(xiàng);第二種情況是課堂情況異常，則要記錄具體異常的事件：學(xué)生課堂情況異常的人數(shù)記錄、教師課堂異常行為記錄以及課堂環(huán)境情況異常的記錄。當(dāng)記錄完巡堂信息后，點(diǎn)擊保存按鈕，該巡堂記錄信息則會(huì)儲(chǔ)存到數(shù)據(jù)庫(kù)里。

2.1.3 ?數(shù)據(jù)統(tǒng)計(jì)

數(shù)據(jù)統(tǒng)計(jì)功能是管理人員查看巡堂數(shù)據(jù)的功能，點(diǎn)擊底部菜單的統(tǒng)計(jì)按鈕，即可進(jìn)入到數(shù)據(jù)統(tǒng)計(jì)界面。顯示時(shí)間日期，該部分會(huì)顯示今天的日期，在日期的下方會(huì)顯示今日已巡堂的教室數(shù)量。選擇排序的方式，點(diǎn)擊一次則自動(dòng)轉(zhuǎn)換成另一個(gè)排序方式，有按教室排序和按時(shí)間排序兩種選擇：按教室排序能很明顯得知已巡堂的教室，同時(shí)也容易發(fā)現(xiàn)未巡堂的教室有哪幾間;按時(shí)間排序可以明顯看到在同一節(jié)課巡堂的教室有哪幾間。巡堂情況顯示，按照“教室號(hào)-第幾節(jié)”顯示，并顯示巡堂情況是正常還是異常。如果是異常，則點(diǎn)擊情況異常按鍵，會(huì)彈出課堂情況異常的具體情況信息內(nèi)容。

2.2 ?后臺(tái)管理端

后臺(tái)管理端的Web端設(shè)計(jì)中使用了Element-UI，它是基于Vue的PC端UI框架。Element-UI操作流程的設(shè)計(jì)簡(jiǎn)潔直觀，常用業(yè)務(wù)組件全面，功能豐富，生態(tài)齊全，支持文件處理。用戶可以自由地進(jìn)行操作，包括撤銷、回退和終止當(dāng)前操作等，并且語(yǔ)言表述清晰，能讓用戶快速理解而作出決策。

巡堂平臺(tái)的后臺(tái)管理端有三個(gè)主要功能：

（1）用戶信息管理：用戶通過(guò)客戶端注冊(cè)的信息都可在后臺(tái)管理端查到，后臺(tái)管理可以對(duì)用戶信息進(jìn)行增加、修改、刪除、查詢的操作;

（2）巡堂信息管理：在后臺(tái)管理端能看到用戶的巡堂記錄的信息，也能輸入相應(yīng)時(shí)間段進(jìn)行在該時(shí)間段內(nèi)的巡堂記錄信息搜索，后臺(tái)管理員能對(duì)巡堂信息進(jìn)行增加、修改、刪除、查詢的操作;

（3）數(shù)據(jù)分析：通過(guò)云計(jì)算，將巡堂數(shù)據(jù)進(jìn)行統(tǒng)計(jì)分析，并在后臺(tái)呈現(xiàn)出來(lái)，實(shí)現(xiàn)在零投入的基礎(chǔ)上給用戶帶來(lái)較高的計(jì)算能力。

2.3 ?服務(wù)器端

巡堂平臺(tái)的服務(wù)器部署在騰訊云上，云服務(wù)器（Elastic Compute Service，ECS）能降低運(yùn)維的難度和整體IT成本，管理方式簡(jiǎn)單高效。

巡堂平臺(tái)的服務(wù)器運(yùn)行流程：

（1）服務(wù)器啟動(dòng)后先監(jiān)聽端口;

（2）然后等待客戶端連接;

（3）將接收到的數(shù)據(jù)進(jìn)行安全檢查;

（4）進(jìn)行業(yè)務(wù)邏輯處理，例如將過(guò)往的巡堂記錄進(jìn)行處理分析;

（5）將數(shù)據(jù)的處理結(jié)果返回給客戶端，然后繼續(xù)執(zhí)行監(jiān)聽，直到進(jìn)程被終止。如果進(jìn)程被終止則關(guān)閉套接字，結(jié)束進(jìn)程。

2.4 ?數(shù)據(jù)庫(kù)

巡堂平臺(tái)使用了兩個(gè)數(shù)據(jù)庫(kù)Redis和MariaDB。Redis是內(nèi)存型數(shù)據(jù)庫(kù)，用Redis數(shù)據(jù)庫(kù)來(lái)存放緩存數(shù)據(jù)，主要用于存儲(chǔ)用戶信息。MariaDB是關(guān)系型數(shù)據(jù)庫(kù)，用來(lái)存放落地?cái)?shù)據(jù)，主要用于存放巡堂平臺(tái)的核心數(shù)據(jù)。將數(shù)據(jù)分別存入兩個(gè)數(shù)據(jù)庫(kù)能使巡堂平臺(tái)更高效地運(yùn)行。

巡堂平臺(tái)關(guān)于數(shù)據(jù)庫(kù)設(shè)計(jì)重點(diǎn)在于MariaDB數(shù)據(jù)表的設(shè)計(jì)，以及數(shù)據(jù)表之間的關(guān)聯(lián)。巡堂平臺(tái)的MariaDB數(shù)據(jù)庫(kù)內(nèi)設(shè)計(jì)了8個(gè)基本數(shù)據(jù)表，分別是：用戶信息表、教學(xué)樓屬性表、樓層屬性表、教師屬性表、教室屬性表、時(shí)間段屬性表、事件屬性表、巡堂記錄表。

2.5 ?實(shí)現(xiàn)

運(yùn)用Beego和Vue架構(gòu)技術(shù)，結(jié)合MariaDB數(shù)據(jù)庫(kù)，在手機(jī)上實(shí)現(xiàn)了交互式巡堂APP系統(tǒng)的運(yùn)行。

3 ?結(jié) ?論

用移動(dòng)技術(shù)實(shí)現(xiàn)的課堂教學(xué)過(guò)程巡查的巡堂平臺(tái)，代替?zhèn)鹘y(tǒng)的紙質(zhì)記錄方式，減少了教學(xué)管理人員的工作量，提高了課堂教學(xué)過(guò)程的效率[8，9]。通過(guò)安排校級(jí)干部和教學(xué)教務(wù)管理人員巡堂，用巡堂平臺(tái)APP記錄課堂教學(xué)過(guò)程，可以及時(shí)掌握課堂教學(xué)情況，發(fā)現(xiàn)教學(xué)過(guò)程中的閃光點(diǎn)，幫助青年教師解決課堂中存在的問(wèn)題，對(duì)提高課堂教學(xué)質(zhì)量有積極的促進(jìn)作用。

參考文獻(xiàn)：

[1] 呂羅昊.基于移動(dòng)設(shè)備的遠(yuǎn)程智能監(jiān)控管理系統(tǒng)的研究 [D].昆明：昆明理工大學(xué)，2016.

[2] 朱曉華.淺議教學(xué)質(zhì)量監(jiān)控重要途徑：巡堂 [J].現(xiàn)代企業(yè)教育，2010（8）：179.

[3] 王永光.基于移動(dòng)終端的智慧校園一站式服務(wù)平臺(tái)的研究與實(shí)現(xiàn) [D].北京：北京交通大學(xué)，2015.

[4] 賀秋芳，李青.課堂教學(xué)質(zhì)量評(píng)價(jià)與監(jiān)控信息化平臺(tái)建設(shè)與實(shí)施——以廣東輕工職業(yè)技術(shù)學(xué)院為例 [J].職業(yè)技術(shù)教育，2015，36（17）：56-58.

[5] 于曉紅.關(guān)于技師學(xué)院實(shí)現(xiàn)教學(xué)質(zhì)量管理現(xiàn)代化的探討 [J].職業(yè)，2016（14）：35-36.

[6] 朱二華.基于Vue.js的Web前端應(yīng)用研究 [J].科技與創(chuàng)新，2017（20）：119-121.

[7] 梁睿坤.Vue2實(shí)踐揭秘 [M].北京：電子工業(yè)出版社，2017：304.

[8] 王兆云.移動(dòng)智能設(shè)備監(jiān)控系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [D].沈陽(yáng)：東北大學(xué)，2016.

[9] 丁正邦.紹興文理學(xué)院校園視頻監(jiān)控系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) [D].成都：電子科技大學(xué)，2016.

作者簡(jiǎn)介：鄒思昕（1993.04-），女，漢族，廣東梅州人，碩士研究生，研究方向：教育信息化;丘桂梅（1973.08-），女，漢族，廣東梅州人，高級(jí)教師，碩士，研究方向：教育信息化;方國(guó)鑫（1975.11-），男，漢族，浙江紹興人，工程師，總經(jīng)理，學(xué)士學(xué)位，研究方向：教育信息化;通訊作者：李軍（1964.11-），女，漢族，浙江臨海人，教授，碩士，研究方向：教育信息化。