admin 管理员组文章数量: 1184232
2024年4月30日发(作者：bordercolor和borderstyle)
信息化教育
信息与电脑
China Computer & Communication
2019年第23期
基于微信小程序的编程学习平台的开发
阮峰奕 朱新伟 赵小宇 陈敬增 胡欣涛
（武汉工程大学邮电与信息工程学院，湖北 武汉 430073）
摘 要：
随着网络与通信技术的发展，智能终端设备改变了传统的教学模式，将智能终端设备与教育相结合的学习
方式越来越受到师生的欢迎。《编程语言》是计算机专业的基础课程，贯穿于整个计算机专业的教学过程中，对整个专
业的学习起到至关重要的作用，所以，通过开发一个基于微信小程序的闯关式编程学习平台，可以实现学生随时随地学
习的目的，不仅能够提高学生对于《编程语言》的学习兴趣，使学习富有创意，而且易于激起学生的探索愿望，提高了
学习的趣味性与竞性。本平台地开发对于计算机专业的学生以及编程爱好者的学习都具有一定的应用价值。
关键词：
微信小程序；移动学习；编程学习
中图分类
号：TP311.56 文献标识码：A 文章编号：1003-9767（2019）23-242-03
Design of Programming Learning Platform Based on WeChat Mini Program
Ruan Fengyi, Zhu Xinwei, Zhao Xiaoyu, Chen Jingzeng, Hu Xintao
Abstract:
With the development of network and communication technology, intelligent terminal equipment has changed the
(The College of Post and Telecommunication of Wuhan Institute of Technology, Wuhan Hubei 430073, China)
traditional teaching mode, and the learning mode combining intelligent terminal equipment with education is more and more popular.
anywhere, improve their interest in programming language learning, inspire learning creativity, arouse students
’
desire for exploration,
science and the programming enthusiasts.
Key words:
WeChat mini programs; mobile learning; programming learning
以更好地推动教学工作的开展。这种将教育与移动终端结合
的学习方式使《编程语言》的学习变得更加具有趣味性和高
Programming language is the basic course of computer science, which runs through the teaching process and plays an important role
in the studying process. Therefore, by developing a learning platform based on wechat mini program, students can learn anytime and
and improve the interest and competitiveness of learning. It has a certain application value for the students majoring in computer
0 引言
随着信息技术与通信技术的发展，智能终端系统广泛运
用于各个行业，智能终端设备的性能得到了很大提高，在教
育方面得到了很大的推广，各种各样与教育有关的APP如雨
后春笋般涌现，将传统的教室上课方式改变为随时随地的课
程学习模式，提高了教育的交互性和实时性，并通过各种游
戏的方式进行学习，提高了学习的趣味性与竞争性。
移动学习平台实现了在任何地方、任何时间都可以进行
学习的目标
[1]
。近年来，随着智能终端设备的发展，智能手
机除了可以进行通话和发送信息，还可以发送视频、图像、
语音等数据。学生的学习和生活越来越离不开智能手机，但
是在课堂上使用智能手机将会影响教师的正常教学过程，基
于这个特点，将智能终端设备变为学生学习的辅助工具，可
效性。因此，通过微信小程序设计一个功能完备的《编程语言》
移动学习平台，可以吸引学生实现碎片化学习、自主学习、
互助学习
[2]
，具有较强的应用价值。
1 移动学习平台的闯关式学习特点
1.1 移动学习平台的特点
传统的移动学习平台的开发基于B/S架构，需要经过用
户的注册、登录、退出等操作。随着智能终端设备的发展，
移动学习平台开始变为独立的APP的开发模式，APP的开
发模式，需要用户下载程序、安装、登录以及卸载等操作。
2017年9月1日，微信小程序正式上线，它是基于微信开发
基金项目：
湖北高校2018年省级大学生创新创业训练计划项目（项目编号：2）。
作者简介：
阮峰奕(1997—)，男，湖北黄石人，本科在读。研究方向：程序开发。
— 242 —
2019年第23期
信息与电脑
China Computer & Communication
信息化教育
的新兴软件模式，不需要下载安装即可使用，能够实现触手
可及的便捷，避免多余APP占用手机内存。对于开发者而言，
微信小程序开发门槛低、难度小，可以实现消息通知、线下
扫码、公众号关联等功能，公众号关联更能实现微信小程序
与微信公众号的跳转
[3-4]
。
基于微信小程序的编程学习平台的开发，主要包括学习
路线、练手项目、高效工具、文章精选的应用。其中学习路
线部分介绍编程学习从入门到精通的学习过程及相关资料，
练手项目可以随时随地进行各种编程相关题目的练习，高效
工具提供各种编程软件的下载，文章精选部分更新编程相关
的文章。通过移动学习平台的开发，学生可以通过课堂学习
以及上机实践的方式进行学科，还可以通过智能终端进行自
主学习和练习，加强记忆达到巩固学习的目的，同时增加的
讨论功能改变了传统的作业反馈方式，更有效地了解学生的
问题，加强师生之间的交互。
1.2 闯关式学习的特点
教师要指导学生的学习，首先应激发学生的学习兴趣，
帮助学生形成学习动机。如果学生对学习充满兴趣并愿意自
主学习，愿意自发探讨和研究，那么其对学到的知识将会牢
记于心。建构主义理论的核心是以学生为中心，强调学生对
知识的主动探索、主动发现和对所学知识意义的主动构建
[5]
。
《编程语言》是计算机专业非常重要的基础课，贯穿整
个计算机专业的教学，主要培养学生的编程能力和逻辑思维
能力。通过测试题闯关的方式能使学习富有创意，易于激起
学生的探索愿望。闯关式学习方式可以使学习者时刻保持竞
技状态，加深竞赛过程的失误印象，易于激发学生的学习动
力，并会在课堂上注意游戏竞技过程错误的问题，吸收相关
知识点，以便应对下一次的挑战。
基于微信小程序的编程学习平台的开发，提供了各种
编程语言的题库，如C++语言、Java语言、JavaScript等，
学生只需选择相关的语言就可以进行练习，不需要分别下载
APP或者打开不同的微信小程序。通过在此平台上进行自主
学习以及闯关练习，学生可以保持对编程语言的学习兴趣和
学习热情，加强对知识点的记忆，从而达到较好的学习效果。
首页、分类及个人中心3个部分的界面设计，如图1所示，
数据库设计包括素材、题库及个人信息管理。
图１ 移动学习平台界面
前端界面主要功能如下。
（1）学习路线：整理出从入门到精通的专业相关知识
模块，分为前端开发、后端开发、移动开发、计算机基础以
及数据库等知识，用户通过相应模块进行自主学习，根据学
习时长进行积分的累积；
（2）练手项目：通过模拟测试题生成测试卷的形式对
知识掌握程度进行检测。根据难易程度对题目进行分类，采
用选择题和判断题的形式，生成不同难度的测试题。对于测
试结果进行分析，测试结果为“通过”的可以进行进阶训练，
测试结果为“不通过”的只能进行巩固训练；
（3）高效工具：汇总各开发环境的安装程序及安装方法，
通过云盘链接的方式提供给用户进行下载使用；
（4）文章精选：根据行业动态，定期更新行业发展的
资讯文章提供用户阅读；
（5）分类：罗列各方向课程的教材、参考书，提供相
关视频学习；
（6）个人中心：可以进行账号的注册和登录，账号信
息的修改、积分查看、阅读历史、闯关记录及个人喜好查看等。
2.2 学习平台的实现
微信小程序学习平台采用MINA技术框架进行开发，包
括视图层、逻辑层和系统层。其中视图层采用类似HTML标
签的语言及一系列基础组件。逻辑层由微信客户端启用异步
线程单独加载运行，使用JavaScript编写交互逻辑、网络请
求及数据处理。系统层包括微信能力、离线存储、网络请求
等功能，利用各种API接口进行调用，实现网络通信、数据
存储等功能。因此，在微信小程序学习平台的设计中，视图
层对前端页面进行渲染，逻辑层和系统层进行网络通信、数
据存储和页面交互。
服务器端选用腾讯云服务器与小程序进行数据通信，服
务器采用PHP+Apache+MySQL的组合配置方式。根据学习平
2 学习平台的设计与实现
基于微信小程序的移动学习平台的开发，为学生提供了
一个兼具指导性和灵活性的学习环境，学生可以不受时间、
地点的限制，充分利用碎片化的时间进行学习。特别是随着
高校翻转课堂的教学方法的实施，辅助微信小程序平台将课
程学习资料和学科相关精选文章提供学生自主学习，并通过
小测试进行知识巩固。
2.1 功能模块的设计
本文设计的移动学习平台主要分成两个部分：前端小程
序界面设计和后台服务器数据库设计。前端设计包括小程序
— 243 —
信息化教育
信息与电脑
China Computer & Communication
2019年第23期
台的需要，MySQL数据库中创建知识模板表、文章精选表、
题库表和个人信息表。信息交互时，小程序客户端调用微信提
供的t方法与服务器端的JS脚本进行交互，从而操
作数据库。“练手项目”和“个人中心”界面如图2和图3所示。
台的限制，其前端采用微信小程序WXML+WXSS+JS技术，
服务器端采用PHP+Apache+MySQL技术，界面交互简单、
便捷，可以成为日常教学的辅助工具，推动了翻转课堂教学
方式的改革。此外，通过闯关式的练手项目进行知识的巩固，
能够激发学习热情，促进编程能力的不断提高。
参考文献
[1]杨方琦,杨改学.近十年我国移动学习学术期刊论文的
内容分析研究[J].远程教育杂志,2016(6):39-45.
[2]牛琳,吴琳.基于微信小程序的移动学习平台的设计与
实现[J].软件工程，2018(9):15-17,7.
[3]李旭,王岩松,孙莉焰,等.基于微信小程序的开放实验
室管理模式探索[J].实验技术与管理,2018,35(3):248-251,255.
[4]柏超宇,顾怡,杨丽雯,等.智慧校园微信小程序云服务
开发与构建[J].电子技术与软件工程,2018(19):72-73.
图２ 练手项目界面 图３ 个人中心界面
[5]刘志锋,魏振华,蒋年德,等.闯关游戏思想在C/C++
语言程序设计课程教学中的应用研究[J].东华理工大学学报:社
会科学版,2014,33(4):390-393.
3 结 语
基于微信小程序的编程学习平台脱离了传统APP对于平
（上接第241页）
同时院校数据框架建立能提供数据流转通道和数据应用框架，
结合元数据、数据目录管理、专题应用、分析算法，为学院数
据应用提供无限发展空间和应用效果，以更加有效地提高校务
管理决策水平，指导教学改革的方向，真正实现个性化教学。
2.6 加强教学的信息化规划
为更好地培养技能型、应用型人才，高职院校应从实现
高职院校教学信息化有序发展的教学目标出发，结合当前教
育教学实况，对信息化教学实行统一规划。信息化建设是一
项系统工程，为从根本上最大限度地实现科学性和优化性，
避免资源浪费。一方面，在硬件的资金投入方面，教育工作
者要坚持“先进性、标准性、开放性”相结合的原则，在保
障硬件实用性的基础上，实现硬件投入的最优化；另一方面，
在软件的引入方面，高职院校要将投入重心放在共享上，即
确保软件统一化和规范化目标的实现，进而为高职院校信息
技术管理集成平台的构建奠定良好基础。
2.7 建立完善的教育信息化项目建设评价体系
教育信息化是一个复杂的系统工程，评估是其中的一个
重要环节
[5]
。高职院校不仅要对信息化建设的过程监督到位，
对从立项到验收的种种环节进行规范，还要着眼于建成后的
绩效。高职院校还应重视项目完成后的监督，督促建设单位
充分利用项目成果，发挥其长期效益，防止投资后、建成后
使用率低下，甚至弃用的情况。
3 结 语
高职院校的信息化建设仍在继续深入推进，应给予高度
重视，对于建设中出现的问题和优秀的经验应做好总结记录，
不断反思、优化。通过科学、系统的长期规划，培养高素质
的信息化队伍。统一标准体系，整合全校的资源，利用项目
评价体系加强监督，以发挥出信息化建设应有的效益。
参考文献
[1]郭晓明,张巍.高校信息化建设中公共数据平台的探讨
[J].中国教育信息化,2015(10):69-72.
[2]梁爱民.以标准规范为基础引领信息化发展[J].信息
化建设,2010(11):35-36.
[3]吴淑珍.高校教育信息化建设面临的问题和对策研究
[J].电脑知识与技术,2015,11(24):192-194.
[4]杨宗凯,吴砥.教育信息化可持续发展能力建设问题[J].
现代远程教育研究,2013(2):3-9.
[5]吴砥,余丽芹,李枞枞,等发达国家教育信息化政策的
推进路径及启示[J].电化教育研究,2017(9):7-15,30.
— 244 —
版权声明：本文标题：基于微信小程序的编程学习平台的开发 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1714484530a682214.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论