查寢打卡微信小程序的設(shè)計(jì)與實(shí)現(xiàn)＊

閔 慧，李 鵬，劉 婷，章宜玉

(1.湖南信息職業(yè)技術(shù)學(xué)院軟件學(xué)院，湖南 長(zhǎng)沙 410200；2.湖南中醫(yī)藥大學(xué)信息科學(xué)與工程學(xué)院)

0 引言

校園安全是順利開展學(xué)校教育活動(dòng)的基礎(chǔ)，而定時(shí)查寢是學(xué)校的一種常態(tài)化的安全管理方式。除了學(xué)校宿管的定期查寢，各個(gè)二級(jí)學(xué)院也有查寢任務(wù)。大多數(shù)二級(jí)學(xué)院的查寢，是由學(xué)生會(huì)或班主任、輔導(dǎo)員去執(zhí)行。學(xué)生會(huì)查寢提前發(fā)布查寢通知，然后走訪所有的寢室。由于人力、物力的原因，不可能每天都進(jìn)行一次大規(guī)模的查寢。在這個(gè)科技如此發(fā)達(dá)的時(shí)代，機(jī)器、程序可以去做很多繁瑣和復(fù)雜的事物。本款小程序意在幫助老師及學(xué)生會(huì)成員更好的管理學(xué)生的出勤狀況，提高學(xué)生打卡的興致，提高管理人員查寢的效率，節(jié)省人力物力成本。

1 開發(fā)、測(cè)試環(huán)境及相關(guān)技術(shù)

本系統(tǒng)采用前、后端分離的方式開發(fā)，分為微信小程序前端和服務(wù)器后端兩個(gè)技術(shù)端。在微信小程序端，綜合使用了微信小程序原生組件進(jìn)行布局，使用組件庫進(jìn)行優(yōu)化，使用微信小程序原生API進(jìn)行功能的實(shí)現(xiàn)。后端使用Node.js 結(jié)合Express 框架進(jìn)行開發(fā)，姿勢(shì)和手勢(shì)的識(shí)別采用了百度AI技術(shù)。使用MySQL數(shù)據(jù)庫存儲(chǔ)數(shù)據(jù)。系統(tǒng)采用的開發(fā)與測(cè)試環(huán)境如表1所示。

表1 開發(fā)與測(cè)試環(huán)境

1.1 Node.js技術(shù)

Node.js是一個(gè)開源跨平臺(tái)的服務(wù)器端Java Script運(yùn)行環(huán)境，它以Google Chrome V8 解析引擎為基礎(chǔ)，采用類似Nginx的以事件循環(huán)驅(qū)動(dòng)的異步I/O模型提高運(yùn)行效率，Node.js的核心優(yōu)勢(shì)在于通用、靈活、高性能。

1.2 Express框架

Express 是一個(gè)簡(jiǎn)潔而靈活的Node.js Web 應(yīng)用框架，提供了一系列強(qiáng)大的功能，能夠幫助人們創(chuàng)建各種Web應(yīng)用。

1.3 微信小程序開發(fā)

微信小程序是一種無需下載即可使用的應(yīng)用，它依托于微信，可跨安卓和iOS 平臺(tái)使用，開發(fā)成本低，操作簡(jiǎn)單，微信客戶可以通過微信聊天進(jìn)入小程序，也可以在使用小程序時(shí)方便切換到聊天界面，靈活快捷。基于小程序的諸多優(yōu)點(diǎn)，小程序的線上線下推廣十分普遍。

1.4 百度智能云手勢(shì)識(shí)別技術(shù)

百度AI技術(shù)擁有語音技術(shù)、圖像技術(shù)、文字識(shí)別、人臉與人體識(shí)別、視頻技術(shù)等多種人工智能技術(shù)解決方案。手勢(shì)識(shí)別技術(shù)是其中的一種，它可識(shí)別圖片中的手部位置和手勢(shì)類型，可識(shí)別包括拳頭、比心、祈禱、點(diǎn)贊等24種常見手勢(shì)。本文中的手勢(shì)和姿勢(shì)識(shí)別調(diào)用的就是百度AI中的相關(guān)API接口實(shí)現(xiàn)。

2 系統(tǒng)總體功能

查寢打卡小程序中擁有管理員、學(xué)生兩種角色。管理端主要用于學(xué)院管理，供學(xué)生會(huì)、老師等管理員角色使用，用于管理學(xué)生的日常出勤。學(xué)生端主要是學(xué)生角色使用，用于打卡簽到。此系統(tǒng)是基于校園層次上的學(xué)生簽到打卡系統(tǒng)，能便捷、高效的檢查出勤狀況，能夠系統(tǒng)、完整的顯示學(xué)生簽到情況。系統(tǒng)靈活性較高，操作簡(jiǎn)單快捷，而且不受時(shí)間和地域的限制。管理員在管理員端可新增學(xué)生、一鍵發(fā)布簽到任務(wù)，學(xué)生就可以在學(xué)生端收到打卡推送，只要學(xué)生在宿舍，能按時(shí)按照指定的要求完成指定的動(dòng)作，完成打卡即可。系統(tǒng)具體的功能結(jié)構(gòu)如圖1所示。

圖1 查寢打卡微信小程序功能結(jié)構(gòu)

3 數(shù)據(jù)庫設(shè)計(jì)

數(shù)據(jù)庫在整個(gè)系統(tǒng)設(shè)計(jì)開發(fā)流程中有著至關(guān)重要的作用，數(shù)據(jù)庫的設(shè)計(jì)直接影響整個(gè)系統(tǒng)的運(yùn)行效率。本小程序使用MySQL8.0.12 進(jìn)行開發(fā)，共設(shè)計(jì)了包括學(xué)校表、班級(jí)表、宿舍表、學(xué)生表、樓棟表、簽到表、手勢(shì)表等在內(nèi)的14張表。

4 系統(tǒng)功能實(shí)現(xiàn)

查寢打卡小程序?qū)碛袃煞N角色，管理員角色和學(xué)生角色。管理員角色可以添加學(xué)生、發(fā)起簽到、請(qǐng)假審批和查看簽到詳情，每一個(gè)功能對(duì)應(yīng)的界面效果圖2(a)～圖2(d)所示。學(xué)生角色可以進(jìn)行簽到打卡和請(qǐng)假提交。

圖2 管理員功能

4.1 管理員添加學(xué)生功能

打卡小程序因?yàn)樾枰M(jìn)行人臉對(duì)比，初次進(jìn)入時(shí)數(shù)據(jù)庫中無學(xué)生的數(shù)據(jù)，需要管理員登錄管理員賬號(hào)，進(jìn)入添加學(xué)生頁面，添加待管理的學(xué)生信息。添加學(xué)生信息界面如圖2(a)所示。

4.2 管理員發(fā)起簽到功能

管理員可以選擇修改簽到的開始時(shí)間和結(jié)束時(shí)間、動(dòng)作和手勢(shì)，發(fā)起簽到。如果當(dāng)前時(shí)間段已經(jīng)發(fā)起過簽到，則發(fā)起簽到失敗；如果當(dāng)前時(shí)間段沒有發(fā)起過簽到，反之則發(fā)起簽到成功，允許接收訂閱消息的學(xué)生將會(huì)收到簽到提示。這里用到了微信云函數(shù)推送消息來通知各個(gè)學(xué)生。學(xué)生在登錄小程序允許授權(quán)后，會(huì)將openid 存入數(shù)據(jù)庫，管理員發(fā)起簽到，根據(jù)數(shù)據(jù)庫存儲(chǔ)的openid，給學(xué)生推送消息。發(fā)起簽到界面如圖2(b)所示。

4.3 管理員請(qǐng)假審批功能

管理員登錄之后選擇右下邊個(gè)人中心，點(diǎn)擊查看請(qǐng)假申請(qǐng)，能看到今天需要申請(qǐng)請(qǐng)假的人數(shù)，通過點(diǎn)擊申請(qǐng)記錄可以查看請(qǐng)假詳情。管理員可以根據(jù)請(qǐng)假理由和相關(guān)證明，進(jìn)行批假或者打回。請(qǐng)假審批界面如圖2(c)所示。

4.4 管理員查看簽到功能

管理員可以查看學(xué)生的簽到情況。小程序前端向后臺(tái)提交請(qǐng)求并帶上院系id、日期和簽到次數(shù)（如無日期和當(dāng)日發(fā)起簽到次數(shù)，默認(rèn)查詢最新數(shù)據(jù)），后臺(tái)查詢出已簽學(xué)生信息和未簽學(xué)生信息，返回給小程序前端。查看簽到界面如圖2(d)所示。

4.5 學(xué)生簽到打卡功能

學(xué)生登錄成功后，進(jìn)入簽到頁面。第一次登錄的學(xué)生需要給小程序授權(quán)，方便后面簽到通知的發(fā)送。簽到頁面的正中間是一個(gè)醒目的相機(jī)圖標(biāo)，點(diǎn)擊該圖標(biāo)就可以進(jìn)行簽到。簽到時(shí)需要拍攝自己的臉部及管理員指定地具體的動(dòng)作或者手勢(shì)，才能簽到成功。具體簽到打卡頁面效果如圖3所示。

圖3 學(xué)生簽到

4.6 學(xué)生請(qǐng)假提交功能

學(xué)生如果有事或生病可以提交請(qǐng)假申請(qǐng)。請(qǐng)假經(jīng)過審批之后便無需簽到；如果請(qǐng)假未通過，則還需要學(xué)生去簽到或者再次提交相關(guān)信息進(jìn)行重新申請(qǐng)。在遞交請(qǐng)假申請(qǐng)時(shí)，需要選擇請(qǐng)假類型，填寫請(qǐng)假理由，上傳相關(guān)證明，比如病假就需要上傳病歷單。

5 結(jié)束語

本文設(shè)計(jì)并實(shí)現(xiàn)了一款查寢打卡微信小程序，系統(tǒng)采用微信云開發(fā)技術(shù)、Node.js 技術(shù)、Express 框架技術(shù)、百度AI手勢(shì)識(shí)別技術(shù)、MySQL 數(shù)據(jù)庫技術(shù)等多種技術(shù)實(shí)現(xiàn)。小程序目前擁有24 種固定手勢(shì)和6 種手繪姿勢(shì)，識(shí)別能力具有一定的限制，下一步研究重點(diǎn)是將打卡形式多樣化，進(jìn)一步提高手勢(shì)、姿勢(shì)識(shí)別的正確率。