校園巡堂平臺APP的設(shè)計與實現(xiàn)

鄒思昕 丘桂梅 方國鑫 李軍

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

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

中圖分類號：TP311.56 ? ? ?文獻標(biāo)識碼：A 文章編號：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 ?引 ?言

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

1 ?巡堂平臺的需求分析

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

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

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

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

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

2 ?巡堂平臺的設(shè)計與實現(xiàn)

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

2.1 ?客戶端

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

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

客戶端具備的功能有：

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

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

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

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

2.1.1 ?用戶管理模塊

用戶管理是用戶的個人信息管理。第一次登錄巡堂APP都要先進行注冊，如果注冊的賬號已存在則會提示“用戶已存在，請更改賬號名”。為了保障用戶信息的安全性和唯一性，必須輸入真實姓名和手機號，由平臺管理員進行用戶管理。注冊完成后，通過已注冊的賬號登錄，在“我的”界面查看到個人信息。

2.1.2 ?巡堂記錄模塊

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

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

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

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

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

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

2.2 ?后臺管理端

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

巡堂平臺的后臺管理端有三個主要功能：

（1）用戶信息管理：用戶通過客戶端注冊的信息都可在后臺管理端查到，后臺管理可以對用戶信息進行增加、修改、刪除、查詢的操作;

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

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

2.3 ?服務(wù)器端

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

巡堂平臺的服務(wù)器運行流程：

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

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

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

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

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

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

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

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

2.5 ?實現(xiàn)

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

3 ?結(jié) ?論

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

參考文獻：

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

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

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

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

[5] 于曉紅.關(guān)于技師學(xué)院實現(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實踐揭秘 [M].北京：電子工業(yè)出版社，2017：304.

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

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

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