基于H5的第二课堂小程序的研究与设计

王伟 伍德英 杨会 陆孟

摘要：随着智能手机的普及以及互联网的迅速发展及平时社交方式的进步，相继出现了许多移动学习的方式，但由于目前移动学习的环境复杂多变，导致学习效率大大降低。为了使学习者有更好的学习体验，利用碎片化时间，响应学校第二课堂的安排，并结合不同专业知识的特点，文章基于H5开发技术设计一款第二课堂小程序，功能包括首页、每日一练、试题管理、编程训练。以多元化的学习方式来提高学生的自主学习能力，通过编程来激发同学们对专业知识的兴趣，使碎片化时间学习成为日常生活的一部分。

关键词：小程序;第二课堂;H5;碎片化时间

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

文章编号：1009-3044（2022）05-0085-03

1 引言

现如今，传统学习模式已不能完全满足人们现阶段的学习需求，碎片化时间占据了人们的大部分时间，所以如何利用好碎片化时间成为师生时间管理的一个重点，而如今大学生每天使用手机的时间日益增加，据调查：大学生手机使用时间普遍较长。每天手机屏幕使用时长在1小时以内的占4.3%，在1～3小时的占25.6%，在3小时以上的占70.1%[1]。所以手机可以成为人们碎片化时间的利用点，但由于移动学习的环境的复杂，导致一些学生无法找到适合自己的学习内容，使得学习效率大大降低。以此为背景我们基于六盘水师范学院数计学院设计了一款适用于专业自身的移动学习小程序——第二课堂小程序。

基于信息时代的生活方式无时无刻不在变化，使用移动终端可以不受时间和空间限制，随时随地了解学习内容，选择适合的学习内容进行课程的预习以及复习[2]。如何利用好大学生课余的碎片化时间成为如何实现移动学习的关键，有调查显示关于“周一至周五大学生每日课余可支配时间“1～2小时”的为12% ，“2～4小时”的为58%，“4～6小时”的为21%，“6～8小时”的为7%，“大于8小时”的为2%”。从调查结果来看，多数大学生在接受传统的课堂教育及完成规定作业之后仍有一定量的自由时间可以支配[3]。相比于繁忙紧张的高中生活，大学生拥有更多的自由时间，这给碎片化学习提供了时间保证，也给第二课堂小程序有了用武之地。教师和学习者可以进行双向通信。建立符合自身发展需要的知识结构。学生可以根据自己的专业、兴趣和职业目标来构建知识结构。可以通过学习软件让学生能够深入地了解理论知识，提高学生的动手编程能力。小程序里面还有各个专业各个科目的练习题以及知识点供学生学习，结合学校老师的教学内容，注重对知识的储备，构建牢固的基础。学生们要尽量拓宽自己的知识面，在专业知识以外，注重积累，博览群书，对各方面都有所了解。该款软件秉承移动学习、泛在学习、碎片化学习等学习理念、加强学生对于碎片化时间的利用。

2 需求分析

2.1 技术分析

开发小程序的前端技术主要有JavaScript，WXML，HTML，WXSS这些都是当前社会已经十分成熟的技术，对于软件开发技术需求来是完全够用，对于软件开发人员来说也十分容易上手，并且学校都有对应的课程，大大减少了开发人员的学习成本。

前端使用微信小程序开发工具进行开发，其中主目录小程序.js文件负责全局逻辑设计， 小程序.json文件负责全局页面布局，小程序.wxss文件负责全局样式设置。各个具体页面均采用四文件形式，即js文件控制页面逻辑，json文件进行页面配置，wxml文件布置页面结构，wxss文件设置页面样式[4]。

本系统使用的是Mysql数据库，Mysql数据库相比于SQLServer要小很多，安装使用都较为方便。

第二课堂小程序，使用微信小程序搭建，开发工具为“微信开发者工具”。官网即可下载，获取方便，简单易学。无论是在技术上，还是操作上，都具备较强的可行性（使用人员为数计学院学生）。本小程序在前台页面及后台页面都具有操作可行性，前台页面操作简单，易上手，页面简单而不烦琐，让用户在使用过程中舒适地进行操作。后台页面中，功能需求直观，使管理员操作简单化。

2.2 需求分析

本系统根据需求共定义两个角色，分别是学生、管理员（老师）。

2.2.1 学生功能需求分析

基于学生角色对用户进行面向对象的功能需求分析，学生可以进行登录注册，在小程序做题，搜索题目以及向后台反馈等操作，如发现题目有错或其他问题，可以反馈给后台，由后台管理员处理。

2.2.2 管理员功能需求分析

管理员可以对学生信息进行管理，对题目进行增删改查，更新批改学生的作业，对学生的信息进行管理，对学生反馈到后台的信息进行处理。

2.3 功能分析

基于微信小程序的第二课堂小程序功能分为四个大的模块，分别为每周一练模块、考试大纲模块、题目检索模块和个人中心模块。每周一练模块，可快速为用户提供及时复习的条件及对知识的一个框架整理;考试大纲模块，该模块整理出重难点知识，让用户对知识点有针对性地进行复习;题目检索模块，为用户提供了快速定位知识点功能;个人中心模块：方便用户查看个人信息及做题过程中自己的失误点。这四个大模块又细分为几个具体小模块，如图2所示。

每周一练：主要功能包括知识点巩固、编程练习。

考试大纲： 主要功能包括往年例题、高频例题。

题目检索： 主要功能包括關键字检索、科目检索。

个人中心： 主要功能包括微信授权登录、查看错题、信息管理、选择课程。

2.4 详细设计

2.4.1 学生管理：

用户在进入小程序时，即可看到首页界面，但想进行一系列的后续操作，例如每周一练等，查看考试大纲等功能性操作，还需进行登录注册，注册完毕之后，才能进入系统进行答题，提交答案之后可以看到所获得的分数以及错题。

在学生模块执行登录操作时，如果用户还未注册账号，那么就跳转到注册界面进行注册信息填写，然后再进行登录。

2.4.2 后台管理

后台管理端的流程主要包括登录，学生信息管理、习题信息管理，系统管理如图3所示：

题目管理流程描述：后台管理员在进入题目管理页面之后，可以通过判断请求类型分别对题目进行题目的增加、删除题目、修改题目以及查看题目等操作，系统将对管理员选择的操作做出相应的提示信息，管理员可继续进行其他的功能或退出管理系统。

系统管理流程描述：后台管理员成功进入到系统管理模块之后，管理员可以进行公告添加、公告修改，轮播图的添加和修改等操作。

学生管理流程描述：后台管理员点击学生管理页面，然后系统可以通过判断所选择的功能分别对学生进行增加、删除、修改、查看基本操作，系统会响应管理员的操作，完成相关操作后，管理员可选择浏览其他管理模块或退出管理系统。

2.5 数据库设计

在管理信息系统开发中，数据库设计的目标是建立DBMS能识别的关系数据模型.而关系数据模型建立的基础是首先建立E-R模型，通过E-R模型才能轉换为关系数据模型.如何建立E-R模型以及如何将E-R模型转换为关系数据模型，是管理信息系统开发中数据库设计的关键[5]。对于本程序，我们对需求分析对象的关系进行了分析，确定实体，属性，制作ER图。了解实体与属性之间的关系，实体与实体的关系，才能去更好地建立更加清晰的数据库。

学生用户E-R图应包含用户名称、密码、学号、分数、联系方式等。

小程序后台管理人员（老师）E-R图应包含管理人员名称、联系方式、账号密码、题目属性等。

3 系统实现

3.1 用户功能模块

3.1.1 登录和注册功能详情

用户在进入小程序时会显示注册界面，若用户没有账号，则会提示用户进行注册。用户注册成功后就可以进入登录页面。

用户输入正确的账号和密码并点击登录按钮时，用户会自动进入到小程序主界面。

3.1.2 每周一练功能详情

进入主界面后点击每周一练，进入答题程序，每周通过后台上传习题给学生练习，当全部答完题后会显示错题集，点击即可以进入复习之前的错题。

3.1.3 考试大纲功能详情

该功能模块可以直观显示出不同科目的不同知识点，往年考试的真题，考试的重点内容，供用户学习参考。

3.1.4 个人中心功能详情

个人中心可以修改用户名，密码，等更改个人信息选项，以及对收到的信息进行回复反馈。

3.2 后台管理模块

管理员功能模块主要包括习题内容管理、用户信息管理管理。这部分功能模块属于本系统的后端内容。管理员功能模块的页面展现形式是网页的形式。技术实现是通过微信云开发，云数据库。管理员可以通过后台数据库添加学习数据。

4 总结

本小程序以微信小程序的形式呈现，小程序是一种无须安装，即可使用的手机“应用”。在使用方式上，让学习者随时打开随时使用，相较于其他移动学习小程序，优势在于不占内存、方便快捷、更加灵活、触手可及。在学习内容上，更加具有针对性，根据学习者的需求，可检索不同的科目，具有每周一练等功能，有利于学习者的及时复习和对知识框架的整理，以多元化的方式来激发学习者对专业知识的学习兴趣。在后期的改进中，会根据用户的检索目录去添加更多的内容，并不断地创新添加小程序的功能，让第二课堂的内容更加丰富。

参考文献：

[1] 王哲，徐嘉佳，刘玉.大学生手机使用情况分析及建议——以华北理工大学为例[J].商讯，2020（4）：21.

[2] 胡煜民.利用微信平台实现高中线上互助学习[J].电子技术与软件工程，2017（1）：64.

[3] 王绍臻，江春如.大学生碎片化学习的现状及教学改革路径[J].安徽广播电视大学学报，2020（2）：48-51.

[4] 周家骎，龚兰兰，冯杰，等.基于微信小程序的校友会系统的设计与实现[J].工业控制计算机，2019，32（11）：128-129，160.

[5] 杨中书，刘臣宇.基于E-R模型的关系数据库设计方法[J].价值工程，2014，33（30）：242-243.

【通联编辑：梁书】

收稿日期：2021-08-26

作者简介：王伟（1999—），男，贵州六盘水人，在校学生，研究方向为java。