基于微信小程序的教学评价平台设计与实现

2022.06.14

张俊李潇潇安镇宙

摘要：目前，玉溪师范学院使用PC机进行教学质量评价时，在学生评价和教师查询上存在诸多不便。根据玉溪师范学院教师教学质量评价需求，结合学校评教实际情况，运用微信小程序、Spring Boot、Spring Security等技术设计并实现一套规范、高效、易于扩展且实用性强的教学评价平台。在玉溪师范学院推广使用教学评价平台小程序，学生评价参与度和教师对教学评价结果的查询率均有较大提升，为学校教学质量改革、教学部门管理和教师教学工作开展提供了重要数据支撑。

关键词：教学质量评价;微信小程序;Spring;教学评价平台;教育信息化

DOI：10. 11907/rjdk. 202155????????????????????????????????????????????????????????????????? 开放科学（资源服务）标识码（OSID）：

中图分类号：TP319 ? 文献标识码：A ??????????????? 文章编号：1672-7800（2020）011-0106-04

Design and Implementation of Teaching Evaluation Platform

Based on WeChat Mini Program

ZHANG Jun1， LI Xiao-xiao2， AN Zhen-zhou1

（1. College of Mathematics and Information Technology， Yuxi Normal University;

2. College of Chinese Language and Literature， Yuxi Normal University， Yuxi 653100， China）

Abstract：At present， it is inconvenient for Yuxi Normal University to use PC to make studentsand teaching quality evaluation. According to the needs of Yuxi Normal University Teachers teaching quality evaluation， and combined with the actual situation in the process of teaching evaluation， a set of standardized， efficient， easy to expand and practical teaching evaluation platform is designed and implemented by using Wechat applet， Spring Boot， Spring Security and other technologies. Through the promotion and use of teaching evaluation platform small program in Yuxi Normal University， the participation degree of students evaluation has increased from about 60% to more than 90%， and teachers query of teaching evaluation results has increased from 30% to nearly 80%. Therefore， it provides important data support for the reform of teaching quality， the management of teaching departments and the clarification of teachers teaching work.

Key Words：teaching quality evaluation; WeChat applet; Spring; teaching evaluation platform; educational informationization

0 引言

課堂教学评价是提升教学质量、深化教学改革的重要举措，也是影响我国教育发展与变革的关键环节[1]。教师教学质量评价（以下简称评教）是一个多因素、宽视角的复杂系统工程，根据学生的反馈结果，教师及时反思教学工作中存在的问题，为学校教学质量改革、教学部门管理和教师教学工作开展提供依据[2]。传统教学评价方式包括向学生发放纸质问卷方式或者让学生通过PC端网页登录方式进行课堂教学评价[3]。

在“互联网+”背景下，传统教学评价方式已无法适应新时代要求。教育管理信息化已成为“互联网+教育”的发展方向之一[4]。在教学评价过程中，由于PC机的不便捷性，导致使用PC机进行评教存在诸多不便。因此，目前大部分教学评教系统都基于移动终端平台实现[5]。基于移动终端平台下的教学评价系统的技术实现方面，主要以Jquery Mobile为首的移动Web开发框架和传统的APP开发技术为主[6]。在使用Jquery Mobile移动Web开发框架时，处理不同大小的移动终端设备屏幕界面适配问题就变得很繁琐，从而影响开发效率;传统的APP开发技术，如：Android和IOS，存在开发效率低和成本高等弊端。而本文选择微信小程序实现教学评价系统[7]。微信如今已覆盖即时通讯、社交服务、信息传播、移动支付等多个领域，社会各行各业也借助微信的影响力拓展各自业务。微信小程序由腾讯公司于2017年1月正式推出，是一种无需安装即可使用的应用，具有开发成本低、社交分享功能突出、使用便捷等优势，手机上安装了微信就可以使用微信小程序[8]。

为此，本文依据玉溪师范学院教师教学质量评价需求，设计并实现了一套规范、高效、易于扩展且实用性强的教学评价小程序。该小程序可以让学生自己在手机上完成评教，系统自动汇总并将结果反馈给教师，为学校的教学质量改革、教学部门管理和教师教学工作开展提供依据。

1 系统支撑环境

教学评价小程序在整体系统架构上分为前端和后端，该小程序以前端和后端为基础，采用展现层、通讯层、服务层和数据层四层架构对系统进行设计。整体框架如图1所示。

展现层部分，即前端，此部分主要使用的技术有：微信小程序和Restful接口。微信小程序主要用于系统客户端的页面呈现，由于微信小程序是从微信内部衍生出来的应用，因此无需下载，可随时调用。教学评价小程序也因为微信小程序的特点和优势而得到了很好的推广。确定在前端界面展示技术后，为使客户端与服务器之间更好地传递资源，本系统选用了Restful接口架构。Restful接口是获取数据资源的一套接口标准规范，使资源传递能够更好地统一[9]。

通讯层、服务层和数据层，即后端。通讯层所涉及的CDN、SLB、HTTP、HTTPS技术均可提高网络数据流量、网络性能和系统并发量。在服务层，Spring Boot基于“约定优于配置”的思想，弥补了Spring中需要在配置与业务逻辑之间进行思维切换的缺点。在项目中使用Spring Boot，使得开发者更加专注于业务逻辑，从而提高开发效率，缩短开发周期[10]。Spring Security则是本系统中的安全框架，Spring Security充分利用了Spring的三大核心思想：IOC（控制反转）、DI（依赖注入）和AOP（面向切面编程）为本系统提供了声明式的安全访问控制功能[11]。Spring Data JPA是Spring在JPA规范下，基于Hibernate框架開发的一个框架。它可以直接继承Repository接口，并通过JPA注解扫描进行持久层开发，从而提高了持久层开发效率。通过Spring Boot、Spring Security和Spring Data JPA三大框架技术整合，为本系统在服务层的稳固奠定了扎实基础。在数据层，使用MySQL关系型数据库，MySQL数据库具有开源免费、功能完善、性能较高等优点[12]。

2 系统设计

2.1 系统功能设计

为了满足学校师生对教学评价小程序的要求，该系统功能设计的核心主要包含登录、教师端和学生端3部分。其中，每部分又包括相应核心模块，各部分重点功能模块如图2所示。

2.1.1 登录

（1）用户认证。基于系统的安全性和便捷性，在使用教学评价小程序时，如果用户为首次使用或者未绑定微信，系统将通过Spring Security安全框架中所提供的加密算法对用户所输入的账号和密码进行加密传输和验证。通过Spring Security安全框架的验证后，系统将获取用户的OpenID实现账号与微信绑定，解决了重复登录问题，进一步增强了用户系统使用的便捷性。

（2）权限获取。当用户成功登录后，教学评价小程序的后端将获取到账号信息，并根据账号信息进行业务逻辑的判断和处理。如果该账号为教师的工号，系统将会加载教师端界面;如果账号为学生的学号，系统将会加载学生端的界面。

2.1.2 教师端

教师端的核心功能为评价反馈。教师进入教学评价小程序首页后，可以按照学年筛选教师本人的课程教学评价信息，如：课程名、课程编号、综合成绩、各教学类别成绩、评价统计和学生留言等。该功能是面向教师的，原来在PC机上操作的教学评价查询实时性不突出，导致教师获取评价信息滞后。教师通过该小程序可以实时查看所授课的评价信息，及时了解到学生反馈情况，进而提高课程教学质量。

2.1.3 学生端

学生端的核心功能为教学评价。教学评价主要面向学生，学校原来的评教是在PC机上进行，但在PC机上的评教受地点限制，导致学生参与度不够，使得课程评教没有达到应有效果。系统将教学评价功能在移动端进行呈现，不仅降低了教学评价成本，也提升了学生对教学评价的参与度，为后期对评教数据的分析积累了信息。进入教学评价小程序后，学生按照学年和学期对未评价的课程进行评价，也可以依据学年学期对已评价的课程信息进行查询。

2.2 数据库表结构设计

根据本系统实际需求，选用PowerDesigner和MySQL对数据库进行严密设计。为了突出教学评价的核心业务，本文选取3张核心数据表进行描述。

（1）教学班评价体系信息表。用于存放教学班的评价状态和结果。该表包含了评价体系编号、教学班编号、评价结果、评价状态等相关字段信息。

（2）教学班评价信息表。用于存放每位学生的评价状态和评价分数。该表包含了教学班评价体系关联编号、学号、评价状态和评价分数等相关字段信息。

（3）教学班评价详情信息表。用于存放每位学生在评价过程中的详细信息。该表包含了指标编号、指标类型、指标结果和处理结果学号等相关字段信息。

3 系统开发实现

在微信公众号平台上完成教学评价小程序部署后，核心功能实现包括教师端评价反馈和学生端教学评价，具体效果如图3—图6所示。

当登录用户为教师时，教学评价小程序将加载教师端页面，首页呈现效果如图3所示。在该界面，教师可以直观地了解到本学年所授课程基本信息，如：课程编号、课程名称和评价综合成绩。当教师需要详细了解某门课程时，可以通过点击该门课程获取本门课程的详细评价反馈信息，呈现效果如图4所示。在课程评价反馈的详细界面中，可以了解到所点击课程的各项指标分数、评分信息统计和学生留言信息。当登录用户为学生时，教学评价小程序将加载学生端页面，首页呈现效果如图5所示。该界面分为未评价和已评价两个面板，点击后相互之间可以切换。在已评价的面板中，学生可以根据学年和学期查看已评价的课程，并点击课程名称对已评课程进行详细查询，效果如图6所示。接下来将描述“评价反馈”和“教学评价”两项核心功能具体实现。

3.1 评价反馈

评价反馈功能中相对重要的部分是课程评价结果详情。在实现课程评价结果详情功能时，较为复杂的就是数据整合。由于该功能所涉及的数据在数据库中存在于教学班评价信息表、教学班评价详细信息表和教学班评价体系关联信息表3张表中。教学班评价详细信息表记录了每位学生对于每门课程每条评价的详细信息，教学班评价信息表记录了每位学生针对每门课评价的整体信息，教学班评价体系关联信息表记录了每门课程的评价结果。为了能让任课教师获取到所教授课程的详细评价结果，需要对3张表的数据按照课程进行统计分析。具体代码如下：

for （JgJxbpjxqxxb row ： resultList）{

if（teachAttitude.contains（row.getZbbh（）））{

teachAttitudeScore += row.getZbdf（）;

arr.add（row.getZbdf（））;

} else if（teachContent.contains（row.getZbbh（）））{

teachContentScore += row.getZbdf（）;

arr.add（row.getZbdf（））;

}else if（teachMethod.contains（row.getZbbh（）））{

teachMethodScore += row.getZbdf（）;

arr.add（row.getZbdf（））;

}else if（teachResult.contains（row.getZbbh（）））{

teachResultScore += row.getZbdf（）;

arr.add（row.getZbdf（））;

}

Collections.sort（arr， new Comparator（） {

@Override

public int compare（Double o1， Double o2） {

if（o1 > o2）return 0;

return -1;}}）;

…

List leaveWords= queryFactory.selectDistinct（

Projections.constructor（NameAndWords.class，qJcXsxxb.xm， qJgJxbpjxqxxb.zbjg））

.from（qJcXsxxb，qJgJxbpjxxb，qJgJxbpjxqxxb， qJgJxbpjtxglxxb）

.where（qJcXsxxb.xh.in（everyEvalutionStuNumber）

.and（qJcXsxxb.xh.eq（qJgJxbpjxxb.xh））

.and（qJgJxbpjxxb.xh.in（everyEvalutionStuNumber））

.and（qJgJxbpjxxb.jxbpjbh.eq（qJgJxbpjxqxxb.jgJxbpjxxb.jxbpjbh））

.and（qJgJxbpjxqxxb.zblx.eq（“2”））

.and（qJgJxbpjxqxxb.zbjg.isNotEmpty（）.or（qJgJxbpjxqxxb.zbjg.isNotNull（）））

.and（qJgJxbpjxqxxb.zbjg.notEqualsIgnoreCase（“”））

.and（qJgJxbpjtxglxxb.jcJxbxxb.jxbbh.eq（courseId））

.and（qJgJxbpjtxglxxb.jxbpjtxglbh.eq（qJgJxbpjxxb.jgJxbpjtxglxxb.jxbpjtxglbh）））

.fetch（）;

3.2 教學评价

该功能主要用于学生对课程进行评教，当学生进入到课程评教界面时，每页仅显示一条评价指标，通过左右滑动手机屏幕进行评价指标切换。在实现左右滑动功能时，还需要考虑下面两种特殊情况：①评价指标为第一条时，不允许向右滑动;②评价指标为最后一条时，不允许向左滑动。

具体代码如下：

…

swiperChange（event） {

var me = this;

if（event.detail.source == ‘touch）{

me.setData（{

current： event.detail.currentItemId

}）;

}

4 結语

“互联网+”时代下，信息技术发展迅猛，其在高校教学评价中的应用也日益深入。微信小程序是信息时代发展大潮中的新事物，本文借助微信小程序实现了教学评价平台小程序开发，并在玉溪师范学院部署使用。基于微信小程序开发的教学评价平台为学校教学评价带来了全新变革，促使教学评价变得更加便捷，为教师教学质量提升提供了数据支撑。由于微信小程序即用即走的特性，用户在已安装微信App的前提下无需再安装其它App，教师可以随时从教学评价平台小程序中查看自己课程的评价结果，学生可以使用碎片化时间对课程进行评价。目前，教学评价小程序在功能方面较为单一，后续将对其进行扩展，将教学评价中适合在小程序下开展的业务逐渐从PC端移植到小程序中，从而进一步提升教学评价小程序在教学评价过程中的重要性。

参考文献：

[1] 邢红军，田望璇. 课堂教学评价理论：反思与建构[J]. 课程·教材·教法，2020，40（6）：53-58

[2] 葛毅. 基于Web的教学质量评价系统的设计与实现分析[J]. 科教导刊（电子版）， 2018， 15（2）：53.

[3] 陈苗，马燕. 基于移动平台的高校教学评价系统设计与实现[J]. 科学家，2016，32（18）：49-52.

[4] 张利满. 微信小程序在汉语国际推广领域的应用分析[J]. 出版广角，2018，24（11）：70-72.

[5] 周巧婷，王晓玲. 基于S2SH架构的教学质量评价系统设计与实现[J]. 软件导刊，2017，16（7）：109-113.

[6] 杨寅，卫敏.? Jquery Mobile框架在教学质量评价系统中的应用研究[J]. 太原学院学报：自然科学版， 2018，36（3）：59-64.

[7] 高迎雪，聂佳琦. 基于Android的课堂教学质量评价系统[J]. 福建电脑，2018， 34（1）：127-128.

[8] 赵智敏，李俊峤，谢涛，等. 基于微信小程序云开发的客观题练习程序设计与开发[J]. 电子世界，2020，41（16）：66-67.

[9] 吴晓一. DASP——一种基于前后端分离架构的产品设计模式[J]. 软件，2020，19（8）：175-179.

[10] 刘樱，杨明，王锐，等. 基于 Spring Boot 框架的气象风参数查询服务平台设计与实现[J]. 软件导刊，2019，18（5）：116-119.

[11] 王悦，张雷，钱英军. 基于SpringBoot微服务的Spring Security身份认证机制研究[J]. 电脑编程技巧与维护，2019，26（8）：64-65.

[12] 蒋睿.? MySQL数据库安全研究[J]. 电脑知识与技术：学术版，2020，16（9）：3-4，21.

（责任编辑：孙娟）