微信小程序线上线下融合教学平台设计与实现

孔文熙 李晓纯 朱景福

摘要：为践行“停课不停学”的倡导以及促进有序复课后线上教育和线下教育的积极融合，现为教师与学生提供一款基于微信小程序的线上线下融合教学平台。不仅解决停课带来的时间地点等环境的局限问题，在降低教学成本的同时为师生提供了一款便捷的在线教学平台。使用微信小程序结合Node.js框架Express及数据库技术MySQL进行开发。主要实现了教师与学生之间互动交流的积极促进、课程的便捷教与学、知识反馈的及时传递等功能。

关键词：线上线下融合;教学平台;微信小程序

中图分类号：TP311  文献标识码：A

文章編号：1009-3044（2021）29-0059-03

Design and Implementation of Online and Offline Integrated Teaching Platform Based on WeChat Mini Program

KONG Wen-xi， LI Xiao-chun， ZHU Jing-fu

（College of Science， Guangdong University of Petrochemical Technology， Maoming 525000， China）

Abstract： In order to practice the advocacy of“no suspension of classes”and promote the positive integration of online education and offline education after the orderly resumption of classes， provide an online and offline integrated teaching platform based on WeChat Mini Program for teachers and students. It not only solves the limitation of time and place caused by class suspension， but also provides a convenient online teaching platform for teachers and students while reducing the teaching cost. Use WeChat Mini Program combined with Node.js framework Express and database technology MySQL to develop. It mainly realizes the active promotion of interaction and communication between teachers and students， the convenient teaching and learning of courses， the timely transmission of knowledge feedback and other functions.

Key words： online and offline integration; teaching platform; WeChat Mini Program

1背景

2020年初由于要保持社交距离和保护师生健康的原因，从幼儿园到大学，整个教育系统都无法进行正常的教育教学活动。教育是立国之本，教育部在人民生命至上的疫情防控国策下，为防止疫情在校园蔓延，充分利用互联网技术，提出了“停课不停学”的教育教学策略，线上教育教学就此全面展开。但推广普及线上教育、适应学习新的教学方式也绝非易事[1]，线上教学模式的践行，对学生和教师而言都是巨大的挑战，而后疫情时代将线上线下教学融合则可以看作是一个新的教学模式。

现阶段慕课（MOOC）、雨课堂等直播、线上互动教学模式的涌现[2]，更广泛地普及了在线教育，使得在线教育的互动性更强。在疫情加速剂的影响下，线上教学得到迅速发展。

基于微信小程序的线上线下融合教学平台具有操作简单、界面美观、用户体验良好等优点。教师与学生可以通过小程序便捷地进行教与学，反馈与互动交流则更注重疑难问题解答、重点知识传递等。

2需求分析

针对线上线下融合教学平台的开发背景和目的，结合当下存在的线上教育类软件和教师日常教学需求，小程序需实现的主要功能有3个：

1）互动交流：用户进行课程疑难问题的提出或解答;

2）便捷教学：学生用户进行在线课程的学习，教师用户进行课程的管理;

3）及时反馈：学生用户完成考试或查看考试结果，教师用户发布或批改试卷。

3系统设计

3.1总体结构设计

由需求分析可知，小程序主要涉及学生用户和教师用户。为实现上述主要功能，现对不同用户涉及的功能模块进行设计阐述：

1）互动交流功能主要涉及用户通用的“消息”模块;

2）便捷教学功能主要涉及学生用户的“讲堂”模块和教师用户的“我的讲堂”模块;

3）及时反馈功能主要涉及学生用户的“考试情况”模块和教师用户的“任务”模块。

系统总体结构图如图1所示。

3.2数据库设计

数据库设计是计算机软件系统设计的重要内容之一，同时也是确保计算机软件系统正常、稳定运行的关键[3]。通过描述系统概念数据模型的常用E-R方法，能够较为直观地反映了实体与属性的内在联系与特点[4]。

本小程序使用的是MySQL数据库，系统E-R模型图如图2所示。

3.3功能模块设计

1）消息模块：消息模块是学生用户和教师用户的通用模块。消息模块主要通过问题提出、问题回答两个功能来促进师生交流。

2）讲堂模块：讲堂模块包括查看课程列表和详情、在线学习两个功能。学生用户点击讲堂可以查看已加入的课程列表，点击选择进入任一课程详情页。在课程详情页学生用户可查看课程基础信息;可以通过教学团队查看教师成员列表以及对应的教师详情页等信息;可以通过在线教程完成课程PPT、视频等观看。

3）考试情况模块：考试情况模块包括完成考试、查看考试结果两个主要功能。学生用户在考试情况模块可查看待考试列表，并选择进入对应考试，通过选择或者上传图片的方式完成考试，提交试卷。也可以通过最终成绩列表查看按课程评分比例计算出的最终成绩。

4）我的讲堂模块：教师用户在我的讲堂模块可对学生、教师分别进行人员管理，即可以邀请学生加入课堂以及邀请教师加入团队，并及时反馈管理学生与教师的加入状态。同时可以对课堂进行管理，即对开展的课堂进行详情的输入编辑。

5）任务模块：任务模块包括發布、批改试卷两个主要功能。教师用户在任务模块可进入未发布列表并对状态为未发布的试卷进行发布操作。同时可以查看待改卷列表，并选择进入对应考试，通过判断对错或输入分数的方式完成批改。

4功能实现

线上线下融合教学平台的开发平台是Windows10操作系统，开发软件使用的是微信开发者工具和Visual Studio Code。小程序采用前后端分离的开发模式，通过JSON 、Axios等进行前后端交互，可独立分开部署。前端页面使用小程序原生开发以及高质量的微信小程序UI组件库iView Weapp来实现[5]，后端使用Node.js 的Express框架及数据库技术MySQL共同开发。

4.1互动交流功能实现

用户进入消息-问答页面，在该页面可便捷查看与课程相关疑难问题和问题答案。若问题为未回复状态，点击问题进入问题详情页面，进行问题详情查看以及答案输入。

4.2便捷教学功能实现

1）讲堂模块实现

学生用户进入课程详情页面如图3所示，在该页面可以查看课程详情信息。同时可以通过在线教程页面如图4所示选择对应章节PPT或视频进行在线学习。

2）我的讲堂模块实现

教师用户进入课程设置页面如图5所示。人员管理部分对未加入或已加入课程的学生和老师进行管理，课堂管理部分可对课程详情进行管理，如图6所示章节管理页面可对课程章节，具体章节的PPT、视频、其他详情信息进行编辑操作。

4.3及时反馈实现

1）考试情况模块实现

学生用户进入考试情况-待考试页面，选择并进入试卷，通过完成选择题选择以及在问答题部分上传答案照片完成考试。学生用户在考试情况-课程成绩页面可以查看最终成绩。

2）任务模块实现

教师用户进入任务-未发布页面，可以进行试卷的发布。进入任务-待改卷页面，进行试卷的批改，批改完成后会根据各题得分自动计算出总分。

5结束语

本文设计并实现的基于微信小程序线上线下教学平台是一款能及时反馈、增进学生与老师互动交流、通过演示文稿软件与视频侧重知识传递的平台。该小程序现主要按计划围绕便捷教学、互动交流、及时反馈三大功能进行了实现。其余功能模块仍在开发、完善优化中，争取能尽快投入使用。参考文献：

[1]尹娇阳.后疫情时期在线教育的SWOT分析与应对[J].产业与科技论坛，2021，20（2）：100-102.

[2]边大成，黄鹏.2020年国内在线教育发展现状、趋势及建议[N].中国计算机报，2020-08-03（14）.

[3]杨彦青，郭献崇.计算机软件数据库设计中存在的问题及设计原则[J].无线互联科技，2021，18（2）：43-44.

[4]朱珍.基于E-R模型数据库设计的关键技术研究[J].电脑编程技巧与维护，2019（5）：77-79.

[5] iView Weapp官网.iView 指南[EB/OL].[2020-12-20].https：// weapp.iviewui.com.

【通联编辑：谢媛媛】