基于微信小程序的编程学习平台的开发

信息与电脑China Computer & Communication2019年第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年省级大学生创新创业训练计划项目（项目编号：201813239002）。

作者简介：阮峰奕(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 & Communication2019年第23期

台的需要，MySQL数据库中创建知识模板表、文章精选表、题库表和个人信息表。信息交互时，小程序客户端调用微信提供的wx.request方法与服务器端的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 —