基于微信小程序的导学单线上学习平台开发研究

2023-06-21张广军

现代信息科技 2023年1期

摘要：导学单在学生的预习中发挥着至关重要的作用，开发导学单线上学习平台，对激发学生的学习兴趣，提高教学资源利用率和教学管理水平有着重要的意义。然而，当前有很多的学习平台功能复杂、操作繁琐，缺乏导学单的针对性和快捷性，为此，文章从导学单线上学习平台的现状及背景分析出发，提出平台开发的技术假设及技术解决路径，最终实现了导学单线上学习平台的构建，实现了平台的“展示学习内容、知识学习、学习准备、成果上传”功能。

关键词：导学单；学习平台；课堂质效；小程序

中图分类号：TP311 文献标识码：A 文章编号：2096-4706（2023）01-0123-04

Research on the Development of Guided Learning Sheet Online Learning Platform Based on WeChat Applet

ZHANG Guangjun

（Jiangsu Taixing Secondary Specialized School， Taizhou 225400， China）

Abstract： The guided learning sheet plays a vital role in students' preview. The development of the guided learning sheet online learning platform is of great significance to stimulate students' interest in learning， improve the utilization of teaching resources and the level of teaching management. However， there are many learning platforms with complex functions and complicated operations at present， lacking the pertinence and rapidity of the guided learning sheet. Therefore， this paper proposes the technical assumptions and technical solution path for platform development from the analysis of the current situation and background of the guided learning sheet online learning platform， and finally realizes the construction of the guided learning sheet online learning platform， realizing the platform's functions of “displaying learning content， knowledge learning， learning preparation， and uploading results”.

Keywords： guided learning sheet; learning platform; classroom quality and efficiency; applet

0 引言

导学单是引导学生学习的重要工具，它通过引导学生进行有意识的预习，形成阅读、收集、整理的习惯，并以实践促学习，以学习强实践。学生在学习目标的指引下，明确了自身的学习方向，达到事半功倍的效果。基于这样的认识，我们将“自主性”学习和过程引导有机地结合起来，形成明确的课外学习目标和实践任务，从而提高学生的自主学习能力。事实上，很多导学单都是通过纸质资料传递给学生，学生需翻阅书本，完成相关学习任务，这种学习方式，没有充分利用现代信息技术的高效性和智能性，也不利于教师个性化教学的实施，因此，导学单线上学习平台具有较大的需求空间。

1 平台开发研究的现状及背景

传统导学单都是老师依据学生学情以纸质版的形式下发给学生，纸质导学单从教学资源开发、制作、印制、下发到收集等环节占据教师很多的宝贵时间，而学生领取整理、翻阅学习、上交作业也是一个很耗时的过程。采用导学单教材可以避免上述问题，但又不便于教师个性化教学的實施，虽然教学中可以采用很多软件，但它们功能复杂、操作烦琐，导致导学过程无法充分体现其教学目标，所带来的直接影响是导学主体的缺失，学习效率低下。因此，本文提出了导学单线上学习平台的开发与制作。

网络导学单的功能主要体现在以下三个方面：

（1）让学生对所学内容有一个清晰的认识。

（2）对学生进行科学性的引导。利用网上教学导学表，实现了教学任务的合理编排和学生的问卷调查。

（3）在线教学是一种以短片、语音为主的教学方式，它改变了传统的教学模式，提高了课堂教学质效；同时，网上指导能够及时地对所收集的学生信息进行反馈，提高了评价工作的效率。

2 平台开发的技术难点及解决路径

基于导学单的作用，有效地提高学习效率及应用效率，实现即学即用的目标，这就要求开发者在平台开发、时间设置及学习评价上进行合理的设置。主要有以下三个难点需要突破。

2.1 开发平台的选取

微信小程序具有泛在学习的特点，让学生想学就学，随时随地可学，这是一种新型的学习手段，学习不再受时间和空间的限制。同时，微信小程序全新的学习方式，有效地提高了学生的学习兴趣，有利于发挥学生的主观能动性，营造个性化的学习氛围。微信小程序还具有云数据库即数据后台服务系统，可以搭建教学信息库，轻松实现信息资源的调用。因此，本平台采用微信开发者工具开发制作，直接在微信小程序端打开即可使用。

2.2 自动设置学习内容

由于微信小程序位于后台云数据库，因此，在进行软件制作时，可以在后台云数据库中设置学习资源的时间节点，在前端显示时，只需调用时间节点查找相应教学资源库即可。这样，学习者只需在微信小程序界面打开，即可以直奔今日学习内容。

2.3 学习成果上传

认同理论认为，练习过程需要认同，认同对个体有非常显著的影响。学习者究竟学到什么程度，需要进行信息采集并将采集结果提供给教师或其他学生予以鉴别。学习者可以通过上传一段话、一张图片、一个视频等形式来展示自己的学习成果，这就需要有一个程序提供学习成果上传功能。在小程序开发中，可以通过图片及视频文件上传指令将文件上传到云数据库，以此实现这一目的。需要查看时，可以通过指令读取云数据库，查询数据并在前端进行显示。

3 平台开发技术的实施路径

3.1 平台整体功能的开发

依据导学单的内容，平台功能包括学习引导（学习目标及学习主要内容展示）、视频学习、分组安排及成果制作、成果上传四个主要功能。在微信开发者工具中，可以通过小程序开发功能“全局配置”中的app.json文件，设置四个功能页面文件的路径、窗口表现、tab等（见下方“tabBar”程序设置示例）；同时在app.json文件中设置好各个页面page（见下方“pages”程序设置示例）。这种设置的开发技术并不复杂，开发者只需按照开发模版复制程序代码即可，最终在平台下方形成“首页、学习、查看、成果”导航栏，点击各名称或图标即可实现页面间跳转。核心代码如下：

"tabBar"： {

"selectedColor"："#7CCD7C"，

"list"： [

{

"selectedIconPath"： "images/zhuye1.jpg"，

"iconPath"： "images/zhuye2.jpg"，

"pagePath"： "pages/index/index"，

"text"： "目标"

}，…

"pages"： [

"pages/index/index" ，

"pages/index1/index1" ，

"pages/index2/index2" ，

"pages/index3/index3" ，

"pages/index4/index4"，

"pages/index5/index5"

]，

3.2 学习要求（首页）界面的开发

3.2.1 学习目标及内容的设置

线上学习内容的意义在于预习及复习巩固知识。混合式教学更提倡课前预习及学习单的重要性，因此，构建课前预习线上学习平台更符合平台开发的目标。在本平台的开发中，既要展示学习的内容，又要系统提示学习的章节，让学习者对知识结构的脉络有一个清晰的认识。

在后台的建设中，必须提供学习视频，落实学习目标、学习内容（包含章节），同时提供学习效果评测等功能，可在微信内容管理CMS数据库平台后端设置学习内容。为了让学习者迅速进入学习内容界面，采用学习日期设置是较好的思路。因此，在制作学习平台内容模型时，可增设学习日期这一数据项，日期项的格式为时间存储格式，如图1所示。在实际的学习展示中，可通过变更学习日期，下发学习内容的方式，保证学习平台应用的广度及持续性，既可用于不同班级不同时段的预习，又方便下一年级学生的继续应用，如图2所示。

3.2.2 学习目标及内容的展示

学习内容展示需要进行数据库调用并在手机前端展示，开发者可在微信开发者工具wxml中进行界面内容设计，在wxss中实施样式设计，在js中实施交互设计。界面内容及样式设计不太复杂，也有很多的参考样式，js交互设计要考虑的实施内容有：如何迅速展示今日学习内容；当今日无学习内容时如何展示；当要回看学习内容时如何展示。针对以上问题，在界面设计中，要增加“今日学习”“学习回看”切换按钮，在交互设计中，要根据切换按钮后取得的后台数据“学习日期”进行前台呈现展示内容，当读取“学习日期”不存在时，前端学习内容呈现空白，如图3所示，当读取到“学习日期”值時，根据具体学习日期数据进行检索呈现，如图4所示。

3.2.3 学习目标及内容数据调用

采用微信云开发函数实施数据库调用，为了迅速准确呈现今日学习内容，必须应用“当日日期”作为云开发函数入参数据，因此，“当日日期”的数值换算及格式转换就成为首要考虑的问题，交互程序示例如下：

var timestamp = Date.parse（new Date））;

var date = new Date（timestamp）;

console.log（new Date（timestamp））

//获取年份

var Y =date.getFullYear（）;

//获取月份

var M = （date.getMonth（） + 1 < 10 ？ '0' + （date.getMonth（） + 1）： date.getMonth（） + 1）;

//获取当日日期

var D = date.getDate（） < 10 ？ '0' + date.getDate（）： date.getDate（）;

console.log（"当前时间：" + Y + '-' + M+ '-' + D）;

this.setData（{

date： Y + '-' + M+ '-' + D

}）

console.log（this.data.date）

var repTime = this.data.date.replace（/-/g， '/'）;

var timeTamp = Date.parse（repTime）;

有了当日时间，再采用云函数实施调用，并实施数据展示即可，交互程序示例如下：

wx.cloud.database（）.collection（'JXJCXXPT'）

.where（{

date：timeTamp

}）

.get（）

.then（res => { …

3.2.4 學习目标及内容数据切换

学习目标及内容数据调用中，采用“学习回看”和“今日学习”按钮实施回看，如图5所示，点击“学习回看”按钮，进入学习章节及内容选择，如图6所示，选择不同章节，即可实现学习内容回看。章节选择页提供了章、节、学习日期三项内容，便于学生系统地查看学习知识框架。如若想回到今日学习内容，点击“今日学习”按钮即可。

章节选择内容展示，也是通过微信云函数的方式从后台数据库中以聚合方式调用数据，并在前端采用wx：for循环展示，其js交互中采用limit及get指令实施调用，交互程序示例如下：

wx.cloud.database（）.collection（'JXJCXXPT'）.limit（50）

.get（）.then（res => { …

为了实现学习回看功能，在wx：for循环中绑定事件处理函数，当学生点击各章节内容时，绑定事件处理函数将对应的学习日期赋值给一个全局变量并实施界面跳转，交互程序示例如下：

tiaozhuan（e）{

console.log（e.currentTarget.dataset.lindex）

app.globalData.date=e.currentTarget.dataset.lindex //赋值给全局变量

console.log（app.globalData.date）

// wx.setStorageSync（"xxcs"，e.currentTarget.dataset.lindex）

wx.switchTab（{ //界面跳转

url： '/pages/index/index'，

}）