基于微信小程序的導學單線上學習平臺開發研究

摘? 要：導學單在學生的預習中發揮著至關重要的作用，開發導學單線上學習平臺，對激發學生的學習興趣，提高教學資源利用率和教學管理水平有著重要的意義。然而，當前有很多的學習平臺功能復雜、操作繁瑣，缺乏導學單的針對性和快捷性，為此，文章從導學單線上學習平臺的現狀及背景分析出發，提出平臺開發的技術假設及技術解決路徑，最終實現了導學單線上學習平臺的構建，實現了平臺的“展示學習內容、知識學習、學習準備、成果上傳”功能。

關鍵詞：導學單；學習平臺；課堂質效；小程序

中圖分類號：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? 學習目標及內容的設置

線上學習內容的意義在于預習及復習鞏固知識?；旌鲜浇虒W更提倡課前預習及學習單的重要性，因此，構建課前預習線上學習平臺更符合平臺開發的目標。在本平臺的開發中，既要展示學習的內容，又要系統提示學習的章節，讓學習者對知識結構的脈絡有一個清晰的認識。

在后臺的建設中，必須提供學習視頻，落實學習目標、學習內容（包含章節），同時提供學習效果評測等功能，可在微信內容管理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'，

}）

}

界面跳轉后采用onshow實施延遲再次讀取數據庫，實現前端展示。

onShow： function （） { //onshow實現延遲

this.setData（{

date： app.globalData.date //讀取全局變量到本頁數據

}）

console.log（this.data.date）

if（

app.globalData.date>0

）{

wx.cloud.database（）.collection（'JXJCXXPT'）//讀取日期對應數據值

.where（{

date：app.globalData.date

}）

.get（）

.then（res => {

3.3? 學習界面的開發

學習界面主要采用視頻學習方式，通過微信平臺提供的視頻組件來構建界面，通過后臺讀取“對應日期”的視頻實現學生的學習。在視頻下方有發布彈幕功能，用以提高學生的學習參與性，如圖7所示。

3.4? 準備界面的開發

準備界面主要是為課堂教學服務而設立的，實施團隊協作完成學習目標制作。分組安排也是通過后臺讀取“對應日期”的分組內容并在前端進行展示，如圖8所示。學習者可根據分組內容，依據視頻學習知識，選擇適合自身的展示方式進行學習內容重構，在課堂教學時予以展示，提升學生的學習主體性，提高課堂質效。

3.5? 學習成果界面的開發

學習成果界面主要是實現學生學習成果圖片、視頻、文件等的上傳、查看及刪除，如圖9所示，這一部分的JS設計網絡有很多的開發程序案例，在這里不做贅述。

4? 結? 論

個性化小程序的開發能夠體現不同的場景需求，教育的場景需求是多樣的，需要開發者依據教育特征及規律實施學習平臺的設計與開發。本文主要是對導學單線上學習平臺的特征、主要功能及核心開發技術進行了解析，希望能為相關研究者提供一定的參考。

參考文獻：

[1] 陳思帆.基于微信公眾平臺的移動教學設計研究——以《火場供水》為例 [J].湖北開放職業學院學報，2019，32（5）：150-153.

[2] 楊恒驍.移動互聯網應用程序的安全檢測和防護技術概述 [J].網絡安全技術與應用，2022（12）：59-60.

[3] 胡姝帆. 基于用戶體驗的微信應用小程序設計 [D].武漢：湖北工業大學，2021.

[4] 黃鐵娜，戴文靜，曹君.基于Spark框架的圖書館微信服務平臺設計研究 [J].現代電子技術，2021，44（15）：99-103.

[5] 張楊帆，郝鈺鑫，李隱峰，等.基于圖像識別的失物招領微信小程序設計 [J].電子科技，2022，35（10）：33-38.

作者簡介：張廣軍（1982.03—）男，漢族，江蘇泰興人，講師，本科，研究方向：計算機仿真。

收稿日期：2022-09-19