基于微信小程序的签到碎片化学习平台

摘  要：为解决教学过程中签到程序繁琐且不够智能等问题，开发了基于微信小程序的签到碎片化学习平台。将签到打卡、学习和微信小程序完美整合，使得学生可支配时间大大增加，学习效率有效提升;利用二维码和口令的混合式签到，节省了学校教师上课点名查人数的时间，有效地提高了课堂效率，保证课堂教学时间。该平台在上线后会根据学生和教师对签到学习软件的需求进行调整，更加贴合实际。

关键词：碎片化;小程序;混合式签到

中图分类号：TP311.56       文献标识码：A 文章编号：2096-4706（2020）16-0085-03

Sign-in Fragmentation Learning Platform Based on WeChat Applets

XU Hui

（College of Computer Information Engineering，Nanchang Institute of Technology，Nanchang  330044，China）

Abstract：In order to solve the problems of cumbersome and not intelligent check-in procedures in the teaching process，a fragmented learning platform based on Wechat applet was developed，we developed the sign-in fragmented learning platform based on Wechat applet. The trinity of check-in and clock out，learning and Wechat applet has been perfectly integrated，which greatly increases the available time and effectively improves the learning efficiency. And the use of two-dimensional code and password mixed sign-in，save the time of school teachers to check the number of names in class，effectively improve the efficiency of the classroom，ensure the classroom teaching time. After online，it will meet the needs of students and teachers for check-in learning software.

Keywords：fragmentation;applets;mixed sign-in

0  引  言

随着智慧课堂的不断推进，教师的教育教学方式也需要与时俱进。南昌理工学院计算机信息工程学院教师的上课考勤方式还是以纸质名单点名考勤为主，每次点名都会耗费较多时间，影响课堂的教学进度。另外，用这种方法容易出现其他学生代答到的问题，后期整理学生出勤和缺勤数据也浪费时间。为了解决这个问题，作者采用基于GPS的定位算法和二维码生成技术以及微信小程序无需安装的特性，开发了这款基于微信小程序的签到碎片化学习平台，来帮助教师进行签到以及教學。

基于微信小程序的签到学习平台在改变传统教学方式的同时，也打破了传统教学方式的时间束缚，教师能在任何时间、任何地点上传可供学生学习的资料，方便学生利用碎片化时间学习。简易的考勤方式也能帮助教师加快教学进度，按时完成教学任务，减轻教师的教学负担。学生的学习可以不局限在教室与图书馆这些地方，该平台更适合新一代的学习者，他们可以借助移动设备进行自主学习，随时随地地进行碎片化学习，从而提高学生的学习效率。

1  系统架构设计

基于微信小程序的签到碎片化学习平台面向广大在校学生及在校教师。根据对现有业务的详细分析，系统应包含学生和老师共两个角色，为他们分别提供的功能如下：

学生：查看全部课程、选择自己的课程、查询课程及口令和进行签到等功能。

教师：发布课程、查看学生签到情况、开始或者停止签到、生成签到二维码、提供补签二维码、上传学习资料等功能。

系统采用三层架构模型，分别为：

UI层：客户端界面显示，与用户进行交互。

业务逻辑层：UI层与数据层的中间层，用于将数据层的数据传递给UI层，同时对数据进行一定的过滤、处理，使UI层获得更好的展示效果。

数据层：提供数据支持，作为UI层的数据源。

基于微信小程序的签到碎片化学习平台数据存储采用MySQL数据库。三层架构图如图1所示。

2  开发中遇到的难题及解决方案

基于微信小程序的签到碎片化学习平台采用MINA框架和微信平台作为开发基础，以MySQL作为后台数据库，通过JDBC技术连接客户端和数据库，服务器端采用MyEclipse进行开发。在开发基于微信小程序的签到碎片化学习平台过程中，笔者遇到了一些问题，这里仅列举有代表性的几个问题：

（1）如何防止代签。

（2）如何准确定位，不产生误差。

（3）如何防止学生修改定位信息。

（4）如何签到。

（5）学生如何借助该平台进行学习。

解决方案：

（1）关于代签问题，使用微信的OpenID进行解决，每个学生和教师都有一个独一的标志（OpenID），且不能注册多个账号，这样就解决了代签问题，不像传统的纸质名单点名答到时，一个人可以帮几个人答到。

（2）关于定位不准问题，作者利用GPS定位算法获取教师的经纬度和学生的经纬度，计算两点之间的距离，当超过20米时，就会返回签到失败、不在范围内的信息。

（3）关于防止学生修改定位的问题，当微信获取学生位置时，学生位置信息界面不能移动位置定位，学生只能授权，不能更改。

（4）签到采用了口令签到方式，教师发布签到口令，学生输入签到口令，口令一致签到成功，教师页面返回学生的姓名、学号和日期。采用二维码进行补签，教师发布二维码，学生扫描该码进行补签。

（5）关于学生如何借助该平台进行学习，教师在自己发布的课程下上传该课程的学习资料，平台支持多种上传格式，但进行了敏感格式过滤，例如EXE格式的文件不能上传。学生在该课程下，点击资料即可查看、学习。

3  系统核心功能

用户启动平台后，进入首页选择身份，如果没有注册，点击图标跳出信息填写页面，需填写有效信息完成注册。注册过的用户第一次使用手机登录时，该平台会请求录入身份信息权限许可;第二次手机登录时，学生和教师都不需要输入登录信息，平台会直接调转到学生或者教师页面。

图2  教师页面

教师可以在教师页面看到添加课程、发布口令签到、发布二维码签到、二维码补签及上传学习资料等功能模块，如图2所示。

3.1  教师发布口令签到

教师在已登录的状态下，在需要打卡的课程下发布签到口令，如图3所示。平台利用GPS定位学生，然后通过ShowModel弹出信息框，申请获取学生地理位置信息，获取后签到打卡。获取的地理位置是根据经度纬度来确定的，收集到的经度纬度会保存到数据库中，方便定位学生时以确定学生所在位置。

口令签到的部分关键代码如下：

GPSsubmit： function （e） {

this.kaoqin（）;

}，

fail： function （res） {

wx.showModal（{

title： '是否授权位置信息'，

content： '你需要授权位置信息才可以发起签到'，

showCancel： true，

cancelText： "否"，

cancelColor： 'black'，

confirmText： "是"，

confirmColor： 'black'，//确定文字的颜色

R = 6378137; // 地球半径

lat1 = lat1 * Math.PI / 180.0;

lat2 = lat2 * Math.PI / 180.0;

a = lat1 - lat2;

b = （long1 - long2） * Math.PI / 180.0;

double sa2， sb2;

sa2 = Math.sin（a / 2.0）;

sb2 = Math.sin（b / 2.0）;

double d = 2 * R * Math.asin（Math.sqrt（sa2 * sa2 + Math.cos（lat1） * Math.cos（lat2） * sb2 * sb2））;

long res=Math.round（d）;

if（res>160） {

dis=false;

}

return dis;

}

3.2  教師发布二维码签到

教师输入文本内容，二维码生成器将签到的内容转化为二维码。生成的二维码包含着数据信息，学生扫码就可以获取信息，查看二维码的信息就可以签到打卡。

生成二维码的部分核心代码如下：

makeQrcode： function（e） {

this.setData（{

isShowMsg： false，

isShowResult： true，

}）

console.log（this.data.qrMsg + "家"）

if （this.data.qrMsg == ""） {

wx.showToast（{

title： '二维码内容不能为空'，

icon： 'loading'，

duration： 500

}）

return

}

var that = this

wx.navigateTo（{

url： '../main/main？msg=' + that.data.qrMsg，

success： function（res）{

// success

}，

}）

}，

if （this.data['qrMsg'].length > 1） {

this.setData（{

showClear： false

}）

} else { this.setData（{ showClear： true }） }

}，

3.3   教师上传学习资料

教师在已登录的状态下，可以在某个课程页面上传该课程的学习资料。出于安全考虑，平台设置了上传文件格式的白名单，上传格式可以是DOCX、TXT、RAR、ZIP、PPTX等，但不能是EXE、COM、BAT等格式;平台采用微信的wx.chooseMessageFile函数上传文件，上传学习资料页面如图4所示。

3.4  学生端功能

学生端功能有三个选项卡：签到、我的课程和个人中心。在签到选项卡页面中可以口令签到、二维码签到和补签，学生签到选择卡如图5所示。学生可以在输入教师发布的某一课程口令后，点击“口令签到”按钮，出现“签到成功”弹窗表示签到成功;也可以扫描教师发布的二维码进行二维码签到;还可以扫描教师发布的补签二维码进行补签。学生在我的课程选项卡页面中可以学习教师上传的资料，学生可以下载任意课程下教师上传的文件，将其保存在电脑或者手机里后打开查看，进行碎片化学习;学生还可以在个人中心选项卡页面中可以进行个人信息的编辑。

4  结  论

基于微信小程序的签到碎片化学习平台更好地解决了学生考勤以及学生碎片化时间的利用问题，学生可以利用碎片化时间在平台上进行学习，使时间得以充分利用，增加了学生学习的有效时间;平台还为教师实现了信息化考勤功能，便于学生出勤记录长久保存。

参考文献：

[1] 彭涛.基于微信小程序的签到平台的设计与实现 [J].电脑知识与技术，2020，16（12）：64-65+77.

[2] 罗丹.基于微信小程序的大学选修课考勤签到系统设计与开发 [J].电子制作，2020（1）：71-72.

[3] 王芸琦，蔡建平.基于位置的签到微信小程序开发 [J].计算机时代，2019（11）：67-69+73.

作者简介：徐慧（1981—），女，汉族，江西南昌人，讲师，研究生，硕士，研究方向：软件工程。