基于微信小程序的“C 语言”移动学习平台设计与实现

张晓兰，陈 奋

C 语言是一种重要的编程语言，具有语言功能丰富、表达力强，使用灵活、可移植性好等优点，使得其成为诸多高校计算机类专业首选的入门语言.而在实际教学中，该课程教学存在着以下问题：①学习者基础比较薄弱.本课程主要在第一学期开设，多数学习者属于零起点学习该门语言，编程基础比较薄弱.②教学方法陈旧.在教学过程中，基本上是以教师讲授为主，结合信息化的手段少之又少.因此，难以调动学习者学习的积极性.③教学内容缺乏实用性和趣味性.教师在教学中大多采用纯数学案例进行讲解，如求最大值、求素数等，知识相对抽象，学习者较难理解和把握，导致教学效果不佳，学习者学习兴趣下降，学习动力不足［1］.

随着移动互联网技术的迅猛发展，基于移动终端的学习平台愈来愈受到人们的重视和喜爱.微信作为一种为智能终端提供即时通信服务的免费应用程序，已经广泛地应用在智能手机上.而随着“跳一跳”小游戏的推出，小程序很快就火爆起来，并凭借其不用下载、使用便捷、运行速度快、应用广泛等优点，吸引了海量用户［2］.

基于上述分析，把课程学习和火爆的小程序有机结合，从而调动学习者学习的积极性，具有重要的研究意义.笔者结合多年“C语言”课程教学积累，对学习者移动终端使用情况、上网时间、移动学习现状和兴趣等进行调查分析，借助小程序的优点，从总体结构设计、功能设计、关键技术等方面入手，构建基于微信小程序的移动学习平台，实现课程资源管理、在线学习、闯关测试等功能，让学习者随时随地都能够打开手机微信进行学习，使碎片化的时间得到更好地利用，提高学习者的学习效率.

1 基于微信小程序的移动学习平台设计

1.1 平台总体结构设计

开发基于微信小程序的移动学习平台需要完成：①搭建基于Web 的在线学习平台.该平台拥有一个ICP 备案的域名，并获取、下载和安装好SSL 证书.②利用微信开发者工具编写JavaScript 脚本代码，从而调用微信小程序的API 接口.该接口向Web 服务器发起网络https 请求，Web 服务器接收到请求后再向数据库获取数据，最终将获取的数据以Json 的形式返回给微信小程序［3］.基于上述任务，该平台的总体结构设计如图1 所示.

图1 学习平台总体结构

1.2 平台功能设计

学习平台包括登录验证、课程资源和闯关测试三个模块，登录验证模块是针对“闯关测试”环节设计，“闯关测试”需进行用户验证，验证通过后用户方可进行闯关测试.课程资源是本平台的核心部分，分为课程说明、学习建议、任务学习、微课视频等.课程说明对课程情况进行简要介绍；学习建议是对学习者学习“C 语言”提供一些指导性的建议，指导学习者如何学好该门课程；任务学习是根据课程章节知识点划分相应的学习子任务；微课视频是以学习子任务为单位进行制作，具有时间短、制作简单、容量小、易传播的特点，适合学习者利用片段化的时间进行移动学习.闯关测试模块可按各章节知识点、难易度、题量来设置，从而组成不同的闯关测试任务.学习者通过挑战不同级别的闯关任务获取积分，并巩固学习内容.平台的功能设计框架如图2 所示.

图2 Web 在线学习平台功能

2 基于微信小程序的移动学习平台实现

该学习平台基于.NET 技术开发，采用DAL、BLL、UI 三层架构模式，选用SQL Server 数据库服务器，Web 服务器使用IIS 技术，服务器既可接入云端，也可以自行搭建.

2.1 微信小程序访问Web 服务器数据接口

微信小程序不能直接访问后台数据库，需向Web 服务器发起网络https 请求，Web 服务器接收到该请求后再向数据库获取数据，将获取的数据返回给微信小程序客户端.基于上述情况，需开发微信小程序访问Web 服务器的访问接口［4］.

具体操作如下：

在Visual Studio 2008 中新建文件GetJson-Data.ashx，添加如下代码：

2.2 微信端获取Json 数据的实现方法

微信端向Web 服务器发起网络https 请求，例如获取a、b、c、d 四个选项，则需要传递题号、类型和用户名等参数，Web 服务器端文件GetJsonData.ashx 接收参数，以Json 格式将结果输送给微信端，在开发测试阶段Web 服务器可以用本地做测试.js 的部分关键代码如下：

2.3 渲染微信前端页面组件

在组件label 上使用wx：for 控制属性绑定一个从Web 服务器端返回过来的Json 数组list，使用数组list 中各项的数据重复渲染该组件，主要wxml 代码如下：

3 平台应用效果分析

3.1 应用效果分析

为更好掌握平台使用效果，课题组成员在云计算技术与应用专业2018 级三个班级使用该平台进行“C 语言”教学，测试时间为一个月.在教学实践结束后，为了解学习者使用该平台的情况，采用问卷调查方式对学习者使用该平台的满意度和使用前后对比效果情况进行统计.此次调查共发放问卷126 份，回收有效问卷125 份.通过问卷调查，发现大多数同学对使用该平台的学习效果比较满意.其中有33.6%的学习者表示非常满意，49.6%的学习者表示满意，11.2%的学习者表示效果一般，还有5.6%的学习者表示不太满意.基于微信小程序的移动学习平台开展的教学模式与传统的教学模式相比，有87.2%的学习者认为前者比传统教学模式学习效果更好.

问卷调查结果中极少数学习者对使用该平台的学习效果不太满意，主要原因是不适应基于移动端开展的学习.今后笔者将进一步完善该平台，增加互动模块（如互动论坛），建立班级微信群，增加师生、生生之间的互动和人文关怀，让学习者在学习过程中不再感到孤单，逐渐适应基于该平台开展的学习，从而提高学习者的学习满意度.

平台最终实现效果如图3 所示.

图3 学习平台效果图

3.2 较之传统教学模式存在优势分析

通过对问卷调查数据进行统计分析，笔者发现使用基于小程序的移动学习平台开展的教学较之传统教学模式存在以下优势：

（1）资源丰富，学习效果更显著.传统教学模式中学习者获取学习资源主要依托纸质教材、电子课件等，资源呈现的方式比较单一；而基于微信小程序的移动学习平台资源更加丰富多元，包括微课视频、实训指导书、闯关游戏等.［5］

（2）学习者学习积极性和参与度更高.该平台能够很好地满足学习者对移动学习的需求，充分利用移动客户端拓展课程学习的时间和空间，让学习者把大量的“零碎”时间利用起来，取得事半功倍的效果.同时，学习平台设置的闯关游戏，让学习者在由易入难的各类闯关挑战中体验掌握知识的成就感和愉悦感，从而提升学习者的学习兴趣和参与度.另外，微信自带的用户流量属性，能够让学习平台更快地在不同学习者之间传播［6］.

（3）平台轻便易访问.小程序自身具有无需下载安装、随用随点、操作简单、使用方便，并且不会占用内存空间等优点.学习者利用手机、Ipad 等移动设备就可随时随地访问该平台，极大提升了学习者学习的便利性和灵活性.

总之，随着移动通信技术的高速发展和微信小程序的大量普及，合理利用基于微信小程序开发的学习平台，可以让学习者借助智能手机等移动设备随时随地进行线上学习，拓展了学习的空间，有效地提高了学习者的学习效率和学习能力.