2024年1月11日发(作者:)

Software Development

软件开发•基于微信“摇一摇”课堂考勤系统的设计与实现文/余海洋 朱莹莹摘

要结合现有Web版教务管理系统,基于iBeacon设备的定位技术和微信“摇一摇”,设计与实现一种智能型课堂考勤系统。该系统实现与学校现有教务系统对接,能够将学生签到信息录入到教务服务器,方便对考勤情况的查询、统计、汇总和分析。【关键词】iBeacon设备 微信“摇一摇” 课堂考勤图1:微信“摇一摇”课堂考勤系统架构设计图1 引言

为突破传统的人工签到形式,以适应现代化数字校园建设,更好地为教学整改提供实时动态数据,结合移动互联网和智能手机的应用,提出一种新型的课堂考勤系统,利用iBeacon

蓝牙设备,学生手机启动蓝牙功能,登录微信,在指定范围内使用微信“摇一摇”,当界面出现教室列表时,即可选择自己所在的教室,然后点击“签到”按钮实现考勤签到。

2 系统设计本系统包括iBeacon设备、服务器端、客户端和企业微信号模块。采用市售的iBeacon蓝牙设备,服务器包括搭载微网站的web服务器和存储考勤数据的教务服务器,客户端采用带蓝牙功能的智能手机,企业微信号模块设置在企业微信号平台上。iBeacon设备与客户端之间通过蓝牙方式连接。服务器与客户端通过移动互联网连接,通过webservice接口实现数据交互。在教务服务器中设有考勤信息基础表、iBeacon设备信息基础表、蓝牙设备信息表、教室信息等。学生在考勤模块签到后,系统将学生的签到信息(客户端号、iBeacon设备名称和当前时间)存入教务服务器上的考勤数据库,以做进一步的统计分析和考勤处理。教师在使用考勤系统时,可以通过手机端或电脑端查看考勤情况,还可以对签到情况修改、进行后续补签,以及对事假、病假、旷课等做出处理。系统架构设计如图1所示。图2:企业微信号设备页面配置中已预先生成设备列表,且iBeacon设备中所配置的参数也是根据微信所提供的设备列表进行写入的,所以微信企业号中的虚拟设备信息已绑定了实际的iBeacon设备,系统只需为每一个设备配置一个摇一摇之后所触发的访问页面即可,具体配置如图2所示,配置页面的主标题为教室名称,URL为微网站签到页面地址。

(2)配置iBeacon 设备。iBeacon 设备需要自行配置三个标识参数:UUID 、Major 、Minor,其参数与微信平台中申请的设备ID 必须一致。iBeacon 设备配置完成后即启用,会不断地向外发送信号,信号内容包括UUID、Major、Minor 参数,用户手机可以接收和反馈iBeacon 设备发射的信号。iBeacon设备具体配置界面如图3所示。3.2 考勤信息接收在需要考勤的教室内放置iBeacon设备,学生到达教室后,打开手机蓝牙功能,进入手机微信,使用“发现”-“摇一摇”,摇动手机,即会接收到iBeacon设备发射的信号,显示出教室信息列表(如图4所示),点击所在教室,显示出“摇一摇签到”页面(如图5所示),点击“签到”按钮,Web服务器会将学生的请求签到信息推送给教务服务器。

3.3 考勤信息发送学生在手机微信中摇到考勤iBeacon 设备后,微信客户端会把这个事件推送到微信公众号的后台。微信后台接收到手机微信客户端发送过来的消息后,处理页面调用微信平台的接口,先判断该学生是否关注了该公众号,如果没有,则提示关注该公众号,如果已经关注过了,则直接获取相关的学生信息,调用微信平台的“获取学生基本信息”接口,根据UserID 获取学生信息,如果获取到匹配信息,则考勤有效,将学生信息及相应的考勤数据存入教务服务器上的考勤数据库,如果未获取到信息,则提示学生签到有误,需重新签到。3 系统实现3.1 系统初始化配置(1)在微信公众平台申请一个微信企业号,对微信企业号设备进行配置,由于企业号●校教改立项课题(GJY13020040); 大学生科技创新基金资助项目(ZMF17020018)。Electronic Technology & Software Engineering

电子技术与软件工程• 57

软件开发

Software Development图3:iBeacon设备配置图4:教室列表页面图5:微信”摇一摇”签到图6:手机微信考勤查看页面页面图7:电脑端考勤查看页面3.4 考勤信息查看已签到。如图6 所示。3.4.1 手机微信考勤查看页面若有学生因各种原因无法通过“摇一摇”进行签到(含病假、事假),可以点击学生头教师关注微信企业号后,登录微信,打像分情况选择学生名单,然后点击操作按钮进开学院的微信考勤系统界面,点击“课堂考勤”入手工签到界面,点击对应的考勤按钮,完成打开课表,选择相应的课程,查看签到状况,考勤。(页面底端“未签全选”按钮可便捷选进入本节课程的考勤界面,考勤界面可以看到择所有未签的学生,也可通过单独点击学生头学生头像,头像暗的是未签到的,头像亮的是像对个别学生进行操作。)58 •电子技术与软件工程