基于HTML5和JAVA的學生智能考勤小程序設計與實現

李吉 唐竹韻 劉通 李林燕 譚文菁

【摘 要】隨著信息技術和移動設備的不斷發展，信息技術在教育管理領域起到的作用愈發重要，信息技術與教學管理的結合對高校來說是一個全新而必須的發展方向。最開始的考勤工作都是由人工完成的，這不僅浪費人力與物力，還無法保證其準確性和透明度，同時如何保存這些數據也是一些難題，更無法進行數據分析。之后考勤系統的發展有所突破，各種不同類型的考勤系統出現在市場上，如人臉識別考勤系統、指紋識別考勤系統和非接觸IC卡考勤系統等，但它們在功能上存在投入成本大或干擾因素多或數據不易采集等問題，使用起來并不是很便利。如今基本每個人都擁有自己的移動設備，移動設備的功能非常強大，如果利用移動設備來實現學生的考勤管理，這樣既減少了投入成本，也提高了考勤效率。

【關鍵詞】智能考勤;考勤小程序;智慧教學管理

一、引言

隨著信息技術和移動設備的不斷發展，信息技術在教育管理領域起到的作用愈發重要，信息技術與教學管理的結合對高校來說是一個全新而必須的發展方向。課程考勤管理是一項繁瑣而又細致的工作，考勤作為教師對學生的基本管理需求，在高校教學管理中至關重要。當前，大部分高校教學管理的考勤主要通過手工記錄、紙質文件的記錄來進行管理，實時性較差。這不僅浪費人力與物力，還無法保證其準確性和透明度，同時如何保存這些數據也是一些難題，更無法進行數據分析。

隨著技術的發展，考勤信息系統的發展有所突破，各種不同類型的考勤系統出現在市場上，如人臉識別考勤系統、指紋識別考勤系統和非接觸IC卡考勤系統等，但它們在功能上存在投入成本大、干擾因素多或數據不易采集等問題，使用起來不太便捷。隨著移動互聯網的發展，基本每個學生都在使用智能手機，如果利用移動智能手機來實現學生的考勤管理，既減少了投入成本，也提高了考勤效率。本項目的研究主要針對學生考勤數據不及時、數據綜合查詢困難、數據實時統計難等現狀問題，考慮如何構建一個具有簡單方便、操作快捷、數據查詢等特性，可供學生、教師、輔導員、院系領導、管理員等多方人員快速查詢、有效決策的考勤系統，以實現學生智能考勤的需求。

基于HTML5程序和JAVA語言的學生智能考勤小程序，利用HTML5技術和JAVA語言開發滿足考勤管理需求的智能小程序，面向隨時隨地、方便應用的需求，除了在電腦端進行使用，還可在移動終端、大屏幕端進行使用，開發成本低、使用簡單方便，易于推廣，對高校教學過程的日常管理來說具有重大的意義。

二、系統構建

目前的互聯網不僅僅是傳統意義上面的互聯網，所有的傳統應用和模式正在向著更加移動和便捷發展，人們可能通過手機、平板電腦等各類移動設備來獲取信息和使用更加豐富的應用。HTML5是近十年來Web標準發展巨大的跨越，與之前HTML3、HTML4等版本相比，HTML5不僅可用來表示Web內容，還將Web引入一個比較成熟的應用平臺，視頻、音頻、圖像和動畫等都以標準化形式與電腦進行交互。研究利用HTML5這種技術體系來嘗試做學生考勤程序，實現電腦端、移動端的跨屏訪問，也是對新技術的一次最佳實踐和學習。JAVA語言是當前計算機語言中應用非常廣泛的一種面向對象語言，其大眾化的特點、簡單易操作的功能，使系統開發建設和運行維護都較為容易。

本系統考慮到移動設備和移動應用平臺的多樣性，選擇了具有跨平臺開發特性的HTML5技術和JAVA語言，實現學生考勤程序，完成教師、輔導員、院系領導對高校教學日常管理的應用，方便班級考勤負責人隨時隨地進行課堂考勤信息的記錄上報。

（一）系統業務流程需求分析

本程序的開發是為了滿足高校教師、輔導員、院系領導對于學生課堂考勤的需求，需要從學生、教師、輔導員、管理員、院系領導的角度來進行應用需求的分析，從而滿足學生智能考勤小程序的開發目標。如下圖1所示，學生、教師、輔導員、管理員、院系領導各模塊的需求主要包括：

（1）學生模塊：包含系統登錄、系統首頁、簽到打卡、簽到查詢、消息公告、請假申請等功能;

（2）教師模塊：包含系統登錄、系統首頁、發布簽到、考勤統計、消息公告、查看請假等功能;

（3）輔導員模塊：包含系統登錄、系統首頁、簽到查詢、考勤統計、消息公告、請假處理等功能;

（4）管理員模塊：包含系統登錄、系統首頁、注冊管理、人員管理、信息發布、簽到查詢、考勤統計、數據分析等功能;

（5）院系領導模塊：包含系統登錄、系統首頁、簽到查詢、考勤統計等功能。

（二）系統技術路線

本系統采用SOA的架構設計，基于J2EE平臺進行開發，采用HTML5進行前端頁面開發，數據庫采用MySQL數據庫，系統技術路線圖如下圖2所示。

（三）系統實現架構

系統實現面向移動端應用、WEB端應用的需求利用http、https服務來進行訪問認證的接入服務請求，在服務器路由接收到外部的http、https請求時，通過服務路由的微服務進入到消息中間件實現與服務器進行通信，從而實現學生智能考勤小程序的考勤管理、課程管理等系列管理服務，如下圖3所示。

三、系統實現

為了驗證程序的實用性，利用Eclipse、Sublime text、MySQL等軟件開發實現了學生考勤、數據上報、考勤數據查詢、考勤數據統計、信息維護以及數據導出等功能，并在學院20個班級進行了系統使用，能完全滿足學生、教師、輔導員、學院領導及管理員各方的應用需求，能較好地實現課堂智能考勤，進行數據分析。

如下圖4所示為學生考勤綜合管理，系統不僅展示了學生個人考勤情況，還可進行數據的查詢搜索，也可進行學生考勤數據的歷史數據查看，并能將選擇的考勤數據進行導出，滿足管理需求。

如下圖5所示為班級考勤上報管理功能，可實時查看各個班級上報的考勤數據，還可對不同狀態的班級考勤數據利用課程名稱、上課地點、時間等基本信息進行綜合查詢，可為高校教師、輔導員、院系領導等精準考勤管理提供數據支撐。

如下圖6 所示為后臺的信息維護功能，管理員可對班級信息、課程信息、學生信息、考勤負責人信息、教師信息、輔導員信息等系統使用數據進行維護調整，包括數據的增、刪、改、查等操作。

如下圖7所示為學生應用移動端考勤，考勤人員進行登錄后，即可通過后臺對應的班級、課程、班級選課信息、班級學生信息、教師信息等數據的關聯對應，將當前正在進行的課程信息、教師信息及班級學生信息自動呈現出來，通過選擇、填寫等方式將課程考勤需要的數據進行完善，然后將所有學生的考勤狀態進行完善，進行提交即可將學生課程考勤信息推送至服務器，然后教師、輔導員、院級領導等人員登錄平臺，即可進行相應考勤數據的查詢、統計等操作。

四、結束語

本系統結合HTML5、CSS3、JAVA、MySQL以及計算機技術，設計和開發了可滿足實際需要的基于HTML5和JAVA的學生智能考勤小程序系統，本系統已基于20個班級進行試運行，通過考勤負責人對班級考勤信息的上報，實現后臺數據實時共享，在數據查詢的實時性、便捷性、環保性方面有較大的積極作用，滿足了教師、輔導員、院系領導、管理員對考勤信息的實時掌握和決策。

【參考文獻】

[1] 徐釬力，嚴張凌. 基于Android的學生智能考勤系統的設計與實現[J]. 信息與電腦（理論版）， 2020，32（14）： 92-94.

[2]梁曉琦，戴永輝，藏鴻雁. 基于雙重定位技術的智能考勤系統. 計算機與現代化， 2020，（01）：58-62+80.

[3]鄭華昌. 基于智能移動終端的人臉識別技術在高校課堂考勤中的應用研究——以江門職業技術學院為例. 計算機產品與流通，2019，（10）：222.

[4]趙子民，明陽，劉卓，侯愛琴.校園智能考勤系統設計與實現.物聯網技術. 2019，9（09）：52-53+56.

[5]劉湘煜. 課堂考勤系統移動端的設計與實現.互聯網天地，現代計算機. 2019，（15）：87-92.

[6]曹潤強. 基于互聯網的校園考勤系統在智慧教室中的應用.攀枝花學院學報. 2019，36（02）：57-62.