孫洪迪 賈民政 楊民峰

(北京工業(yè)職業(yè)技術(shù)學院 電氣與信息工程學院，北京 100042)

0 引言

隨著智能手機的普及，微信已經(jīng)成為人們生活中使用頻率最高的APP之一。智研咨詢發(fā)布的《2020—2026年中國微信公眾號行業(yè)市場經(jīng)營風險及投資戰(zhàn)略規(guī)劃分析報告》顯示：從2011年開始持續(xù)使用到今年的微信月活躍用戶數(shù)量已經(jīng)突破了11 億，全國14 億人口，微信月活躍用戶就達到了11 億，是中國用戶量最大的APP[1]。2017年1月9日，張小龍在2017微信公開課Pro上發(fā)布的微信小程序正式上線。微信小程序是小程序的一種，英文名為Wechat Mini Program，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用[2]，避免了APP繁瑣的下載注冊等諸多不便，真正做到了用完即走的理念，用戶不用擔心手機安裝過多的軟件，以及內(nèi)存占用問題。

目前高校校園里，每位師生都在使用智能手機和微信。微信小程序在校園中也得到廣泛使用，如微課堂[3]、宿舍查寢[4]、校園服務(wù)[5]、考勤簽到[6-10]。目前學生使用的今日校園APP只有公共場所登記的功能，教師使用的學習通等APP可以完成學生上課簽到功能，但沒有記錄學生進出校園公共場所的登記功能，班主任也不能通過這些APP實時查詢學生上課簽到情況。針對這種情況，筆者設(shè)計一款“校園公共場所訪問登記系統(tǒng)”，該系統(tǒng)可以提供學生進出校園公共場所登記、上課簽到、晚間宿舍歸寢簽到的功能，任課教師可以查詢統(tǒng)計學生上課簽到情況，班主任可以查詢統(tǒng)計學生上課出勤和晚間宿舍歸寢情況。

1 校園公共場訪問登記系統(tǒng)的設(shè)計

1.1 系統(tǒng)架構(gòu)分析

為了讓用戶擁有良好的體驗同時使系統(tǒng)開發(fā)高效和便捷，該系統(tǒng)采用微信小程序原生框架進行編寫：服務(wù)器采用PHP編寫，功能主要是對數(shù)據(jù)進行存儲、加工，處理后反饋給客戶端進行展示；客戶端視圖層則由微信小程序自帶的WXML與WXSS 2種語言編寫，功能主要是將數(shù)據(jù)展示在界面上。使用MySQL數(shù)據(jù)庫，數(shù)據(jù)庫包括10張數(shù)據(jù)表。該系統(tǒng)功能的實現(xiàn)及具體算法如下：

(1)通過網(wǎng)頁版坐標拾取器獲取各個標注地點的經(jīng)緯度坐標，并匹配相應(yīng)地點的名稱和描述，將其打包存入js文件中；(2)結(jié)合騰訊地圖API采用輪詢調(diào)用wx.getLocation()方法完成對用戶個人定位；(3)利用marker組件，在用戶界面中展示地圖上標記的位置，完成簽到功能。

1.1.1 系統(tǒng)功能框架

該系統(tǒng)實現(xiàn)的主要功能包括:(1)學生根據(jù)地理位置，完成出入校園公共場所登記、上課簽到、晚間宿舍歸寢簽到，查詢統(tǒng)計自己上課簽到的歷史信息和晚間宿舍歸寢簽到的歷史信息；(2)班主任實時查看學生上課簽到信息、晚間宿舍歸寢信息，查詢統(tǒng)計學生上課簽到歷史信息和晚間宿舍歸寢簽到歷史信息；(3)任課教師實時查詢授課班級學生上課簽到情況，查詢統(tǒng)計所教授課程學生的上課簽到歷史信息；(4)樓宇管理員實時查詢當前樓宇內(nèi)的學生人數(shù)和學生信息，以及學生出入樓宇的歷史信息。該系統(tǒng)實現(xiàn)的功能如圖1所示。

圖1 校園公共區(qū)域訪問登記系統(tǒng)功能結(jié)構(gòu)圖

1.1.2 系統(tǒng)管理員操作界面

系統(tǒng)管理員負責對數(shù)據(jù)庫信息進行更新維護，其操作界面如圖2所示。

圖2 系統(tǒng)管理員操作界面

1.2 系統(tǒng)數(shù)據(jù)庫設(shè)計

根據(jù)該系統(tǒng)的實際需求，使用MySQL數(shù)據(jù)庫。數(shù)據(jù)庫包括10張數(shù)據(jù)表，數(shù)據(jù)表具體信息如表1所示。

表1 數(shù)據(jù)表統(tǒng)計表

2 校園公共場所訪問登記系統(tǒng)的實現(xiàn)

2.1 樓宇管理員模塊

樓宇管理員通過學生簽到來統(tǒng)計當前樓宇內(nèi)學生數(shù)量以及學生相關(guān)信息。

2.1.1 流程分析

樓宇管理員可以對所管理的樓宇進行實時的信息查詢，也可以查詢樓宇的歷史登記記錄。樓宇管理員模塊系統(tǒng)流程圖如圖3所示。

圖3 樓宇管理員模塊系統(tǒng)流程圖

2.1.2 界面設(shè)計

樓宇管理員可以查詢進入自己所負責樓宇的學生信息。查詢方式包括：查詢當前時刻樓宇內(nèi)學生信息以及進入樓宇學生的歷史記錄?？梢圆樵兊男畔ǎ簩W生姓名、班級和簽到時間。樓宇管理員查詢界面如圖4所示。

圖4 樓宇管理員查詢界面

2.1.3 關(guān)鍵函數(shù)實現(xiàn)

// 獲得樓宇的簽到情況

function getBuildingCheckin($buildingName){

$checkTime=$this->getTime();

$roomList=$this->DBUtils->query("buildings"

, array("buildingadministrator_id","name")

, array($this->classroomAdministrator[0]["id"],$buildingName)

, array("id","location"));

$len=count($roomList);

}

2.2 班主任模塊

班主任登錄該系統(tǒng)可以實時查詢自己班級學生上課出勤情況及晚間宿舍歸寢情況。班主任登錄系統(tǒng)后，顯示自己名下所帶班級列表。選擇要查詢班級后，顯示當前班級的課程列表，以課程為單位顯示班級學生簽到情況。晚間宿舍歸寢也被規(guī)定成一門課程，呈現(xiàn)在課程列表里。學生根據(jù)課程安排，在規(guī)定時間和地點上課，課堂上即可完成簽到。晚間宿舍歸寢，每天晚間設(shè)定一個固定時間段，學生在宿舍內(nèi)及規(guī)定時間內(nèi)完成簽到，既完成晚間宿舍歸寢簽到。該系統(tǒng)方便班主任實時查詢統(tǒng)計學生的簽到信息，第一時間掌握學生出勤情況。同時班主任還可以查詢學生簽到的歷史信息，方便班主任的管理工作。

2.2.1 流程分析

班主任可以實時查詢、統(tǒng)計學生上課簽到和晚間宿舍歸寢簽到的信息及歷史簽到信息。班主任模塊系統(tǒng)流程圖如圖5所示。

圖5 班主任模塊系統(tǒng)流程圖

2.2.2 界面設(shè)計

班主任可以查詢自己班學生上課簽到情況，如圖6所示。

圖6 班主任查詢學生簽到結(jié)果界面

2.2.3 關(guān)鍵函數(shù)實現(xiàn)

//獲取班主任管理班級課程

function getClassCourses($classId){

$coursesList=$this->DBUtils->getNewTable(

"SELECT DISTINCT courses.name

FROM courses, syllabus

WHERE syllabus.class_id='".$classId."'

AND syllabus.course_id=courses.id");

return $coursesList;

}

2.3 任課教師模塊

任課教師手動點名，效率低且容易出現(xiàn)登記、統(tǒng)計錯誤。登錄該系統(tǒng)后，任課教師可以看到自己所教授的課程列表，點擊課程名字可以看到該課程對應(yīng)班級。選擇相應(yīng)班級后，如果該班級當前是上課時間，則可以查詢當前課堂學生簽到情況，對沒有簽到的學生名單一目了然。對以往上課簽到的歷史信息，任課教師也可以根據(jù)班級查詢，方便教師統(tǒng)計。在學生簽到過程中，除了學生要基于位置完成簽到以外，教師還設(shè)置了學生簽到的有效時間，兩者都符合條件，才能成功簽到。

2.3.1 流程分析

任課教師可以實時查詢和統(tǒng)計授課班級學生上課簽到信息及學生歷史簽到信息。任課教師模塊程序流程，如圖7所示。

圖7 任課教師模塊系統(tǒng)流程圖

2.3.2 界面設(shè)計

任課教師查詢自己所教授課程學生上課簽到情況，如圖8所示。

圖8 任課教師查詢結(jié)果界面

2.3.3 關(guān)鍵函數(shù)實現(xiàn)

//獲取當前課程簽到記錄

function getClassCheckinRecord(){

$courseTime = $this->getTime();

$res = $this->DBUtils->getNewTable(

"SELECT students.truename AS truename, classes.name AS class_name, checkin_time

FROM classes, students, checkin, syllabus

WHERE classes.id = students.class_id

AND students.id = checkin.student_id

AND checkin.having_class_id = syllabus.id

AND syllabus.course_time = '".$courseTime."'" );

return $res;

}

2.4 學生模塊

學生使用該系統(tǒng)完成上課簽到和晚間歸寢簽到工作。上課簽到時，學生在手機微信小程序里打開該系統(tǒng)，系統(tǒng)調(diào)用微信提供的騰訊地圖，通過教室GPS數(shù)據(jù)和學生所持手機GPS數(shù)據(jù)對比，在規(guī)定范圍內(nèi)，則可簽到成功；若不在規(guī)定范圍內(nèi)，則系統(tǒng)提示不在簽到范圍內(nèi)，不能完成簽到工作。簽到成功后，會記錄簽到學生姓名、學號、班級及簽到具體時間。學生可以查詢自己的歷史簽到信息，歷史信息里記錄了學生信息及簽到課程和簽到時間。學生還可以選擇查詢時間，來精確查詢某時間段內(nèi)的簽到信息。晚間宿舍歸寢簽到被規(guī)定成一門課程，所以功能實現(xiàn)與上課簽到相同。

2.4.1 流程分析

學生可以通過該系統(tǒng)完成進出校園公共場所登記、上課簽到、晚間宿舍歸寢簽到，并可以查詢統(tǒng)計自己的上課簽到和晚間宿舍歸寢簽到信息及歷史簽到信息。學生模塊系統(tǒng)流程圖如圖9所示。

圖9 學生模塊系統(tǒng)流程圖

2.4.2 界面設(shè)計

學生簽到是基于手機地理位置信息，在教室有效范圍內(nèi)才可以成功完成簽到， 晚間宿舍歸寢亦是同樣情況。如果學生手機不在有效地理范圍內(nèi)和有效時間內(nèi)，則不能完成簽到任務(wù)。學生成功簽到，如圖10所示。

圖10 學生成功簽到界面

學生可以查詢自己簽到的歷史信息，如圖11所示。

圖11 學生查詢簽到歷史信息界面

2.4.3 關(guān)鍵函數(shù)實現(xiàn)

//簽到函數(shù)

onTap:function(){

//獲取當前手機的地理位置

wx.getLocation({

type: "wgs84",

success: function(res){

var latitude=res.latitude;

var longitude=res.longitude;

//上傳簽到數(shù)據(jù)

});

}

3 結(jié)論

基于微信小程序的校園公共場所訪問登記系統(tǒng)，可以提供學生進出校園公共場所登記、上課簽到、晚間宿舍歸寢簽到的功能，提供班主任和任課教師對學生上課簽到、晚間宿舍歸寢簽到情況的實時查詢及簽到歷史信息查詢統(tǒng)計功能。該系統(tǒng)可以提高工作效率，降低錯誤率，學生和教師都無需考慮設(shè)備兼容問題，操作簡單、方便實用。