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

關(guān)鍵詞：導學單；學習平臺；課堂質(zhì)效；小程序

中圖分類號：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? 引? 言

導學單是引導學生學習的重要工具，它通過引導學生進行有意識的預習，形成閱讀、收集、整理的習慣，并以實踐促學習，以學習強實踐。學生在學習目標的指引下，明確了自身的學習方向，達到事半功倍的效果?；谶@樣的認識，我們將“自主性”學習和過程引導有機地結(jié)合起來，形成明確的課外學習目標和實踐任務，從而提高學生的自主學習能力。事實上，很多導學單都是通過紙質(zhì)資料傳遞給學生，學生需翻閱書本，完成相關(guān)學習任務，這種學習方式，沒有充分利用現(xiàn)代信息技術(shù)的高效性和智能性，也不利于教師個性化教學的實施，因此，導學單線上學習平臺具有較大的需求空間。

1? 平臺開發(fā)研究的現(xiàn)狀及背景

傳統(tǒng)導學單都是老師依據(jù)學生學情以紙質(zhì)版的形式下發(fā)給學生，紙質(zhì)導學單從教學資源開發(fā)、制作、印制、下發(fā)到收集等環(huán)節(jié)占據(jù)教師很多的寶貴時間，而學生領(lǐng)取整理、翻閱學習、上交作業(yè)也是一個很耗時的過程。采用導學單教材可以避免上述問題，但又不便于教師個性化教學的實施，雖然教學中可以采用很多軟件，但它們功能復雜、操作煩瑣，導致導學過程無法充分體現(xiàn)其教學目標，所帶來的直接影響是導學主體的缺失，學習效率低下。因此，本文提出了導學單線上學習平臺的開發(fā)與制作。

網(wǎng)絡導學單的功能主要體現(xiàn)在以下三個方面：

（1）讓學生對所學內(nèi)容有一個清晰的認識。

（2）對學生進行科學性的引導。利用網(wǎng)上教學導學表，實現(xiàn)了教學任務的合理編排和學生的問卷調(diào)查。

（3）在線教學是一種以短片、語音為主的教學方式，它改變了傳統(tǒng)的教學模式，提高了課堂教學質(zhì)效；同時，網(wǎng)上指導能夠及時地對所收集的學生信息進行反饋，提高了評價工作的效率。

2? 平臺開發(fā)的技術(shù)難點及解決路徑

基于導學單的作用，有效地提高學習效率及應用效率，實現(xiàn)即學即用的目標，這就要求開發(fā)者在平臺開發(fā)、時間設(shè)置及學習評價上進行合理的設(shè)置。主要有以下三個難點需要突破。

2.1? 開發(fā)平臺的選取

微信小程序具有泛在學習的特點，讓學生想學就學，隨時隨地可學，這是一種新型的學習手段，學習不再受時間和空間的限制。同時，微信小程序全新的學習方式，有效地提高了學生的學習興趣，有利于發(fā)揮學生的主觀能動性，營造個性化的學習氛圍。微信小程序還具有云數(shù)據(jù)庫即數(shù)據(jù)后臺服務系統(tǒng)，可以搭建教學信息庫，輕松實現(xiàn)信息資源的調(diào)用。因此，本平臺采用微信開發(fā)者工具開發(fā)制作，直接在微信小程序端打開即可使用。

2.2? 自動設(shè)置學習內(nèi)容

由于微信小程序位于后臺云數(shù)據(jù)庫，因此，在進行軟件制作時，可以在后臺云數(shù)據(jù)庫中設(shè)置學習資源的時間節(jié)點，在前端顯示時，只需調(diào)用時間節(jié)點查找相應教學資源庫即可。這樣，學習者只需在微信小程序界面打開，即可以直奔今日學習內(nèi)容。

2.3? 學習成果上傳

認同理論認為，練習過程需要認同，認同對個體有非常顯著的影響。學習者究竟學到什么程度，需要進行信息采集并將采集結(jié)果提供給教師或其他學生予以鑒別。學習者可以通過上傳一段話、一張圖片、一個視頻等形式來展示自己的學習成果，這就需要有一個程序提供學習成果上傳功能。在小程序開發(fā)中，可以通過圖片及視頻文件上傳指令將文件上傳到云數(shù)據(jù)庫，以此實現(xiàn)這一目的。需要查看時，可以通過指令讀取云數(shù)據(jù)庫，查詢數(shù)據(jù)并在前端進行顯示。

3? 平臺開發(fā)技術(shù)的實施路徑

3.1? 平臺整體功能的開發(fā)

依據(jù)導學單的內(nèi)容，平臺功能包括學習引導（學習目標及學習主要內(nèi)容展示）、視頻學習、分組安排及成果制作、成果上傳四個主要功能。在微信開發(fā)者工具中，可以通過小程序開發(fā)功能“全局配置”中的app.json文件，設(shè)置四個功能頁面文件的路徑、窗口表現(xiàn)、tab等（見下方“tabBar”程序設(shè)置示例）；同時在app.json文件中設(shè)置好各個頁面page（見下方“pages”程序設(shè)置示例）。這種設(shè)置的開發(fā)技術(shù)并不復雜，開發(fā)者只需按照開發(fā)模版復制程序代碼即可，最終在平臺下方形成“首頁、學習、查看、成果”導航欄，點擊各名稱或圖標即可實現(xiàn)頁面間跳轉(zhuǎn)。核心代碼如下：

"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? 學習要求（首頁）界面的開發(fā)

3.2.1? 學習目標及內(nèi)容的設(shè)置

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

在后臺的建設(shè)中，必須提供學習視頻，落實學習目標、學習內(nèi)容（包含章節(jié)），同時提供學習效果評測等功能，可在微信內(nèi)容管理CMS數(shù)據(jù)庫平臺后端設(shè)置學習內(nèi)容。為了讓學習者迅速進入學習內(nèi)容界面，采用學習日期設(shè)置是較好的思路。因此，在制作學習平臺內(nèi)容模型時，可增設(shè)學習日期這一數(shù)據(jù)項，日期項的格式為時間存儲格式，如圖1所示。在實際的學習展示中，可通過變更學習日期，下發(fā)學習內(nèi)容的方式，保證學習平臺應用的廣度及持續(xù)性，既可用于不同班級不同時段的預習，又方便下一年級學生的繼續(xù)應用，如圖2所示。

3.2.2? 學習目標及內(nèi)容的展示

學習內(nèi)容展示需要進行數(shù)據(jù)庫調(diào)用并在手機前端展示，開發(fā)者可在微信開發(fā)者工具wxml中進行界面內(nèi)容設(shè)計，在wxss中實施樣式設(shè)計，在js中實施交互設(shè)計。界面內(nèi)容及樣式設(shè)計不太復雜，也有很多的參考樣式，js交互設(shè)計要考慮的實施內(nèi)容有：如何迅速展示今日學習內(nèi)容；當今日無學習內(nèi)容時如何展示；當要回看學習內(nèi)容時如何展示。針對以上問題，在界面設(shè)計中，要增加“今日學習”“學習回看”切換按鈕，在交互設(shè)計中，要根據(jù)切換按鈕后取得的后臺數(shù)據(jù)“學習日期”進行前臺呈現(xiàn)展示內(nèi)容，當讀取“學習日期”不存在時，前端學習內(nèi)容呈現(xiàn)空白，如圖3所示，當讀取到“學習日期”值時，根據(jù)具體學習日期數(shù)據(jù)進行檢索呈現(xiàn)，如圖4所示。

3.2.3? 學習目標及內(nèi)容數(shù)據(jù)調(diào)用

采用微信云開發(fā)函數(shù)實施數(shù)據(jù)庫調(diào)用，為了迅速準確呈現(xiàn)今日學習內(nèi)容，必須應用“當日日期”作為云開發(fā)函數(shù)入?yún)?shù)據(jù)，因此，“當日日期”的數(shù)值換算及格式轉(zhuǎn)換就成為首要考慮的問題，交互程序示例如下：

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）;

有了當日時間，再采用云函數(shù)實施調(diào)用，并實施數(shù)據(jù)展示即可，交互程序示例如下：

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

.where（{

date：timeTamp

}）

.get（）

.then（res => {? …

3.2.4? 學習目標及內(nèi)容數(shù)據(jù)切換

學習目標及內(nèi)容數(shù)據(jù)調(diào)用中，采用“學習回看”和“今日學習”按鈕實施回看，如圖5所示，點擊“學習回看”按鈕，進入學習章節(jié)及內(nèi)容選擇，如圖6所示，選擇不同章節(jié)，即可實現(xiàn)學習內(nèi)容回看。章節(jié)選擇頁提供了章、節(jié)、學習日期三項內(nèi)容，便于學生系統(tǒng)地查看學習知識框架。如若想回到今日學習內(nèi)容，點擊“今日學習”按鈕即可。

章節(jié)選擇內(nèi)容展示，也是通過微信云函數(shù)的方式從后臺數(shù)據(jù)庫中以聚合方式調(diào)用數(shù)據(jù)，并在前端采用wx：for循環(huán)展示，其js交互中采用limit及get指令實施調(diào)用，交互程序示例如下：

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

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

為了實現(xiàn)學習回看功能，在wx：for循環(huán)中綁定事件處理函數(shù)，當學生點擊各章節(jié)內(nèi)容時，綁定事件處理函數(shù)將對應的學習日期賦值給一個全局變量并實施界面跳轉(zhuǎn)，交互程序示例如下：

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（{ //界面跳轉(zhuǎn)

url： '/pages/index/index'，

}）

}

界面跳轉(zhuǎn)后采用onshow實施延遲再次讀取數(shù)據(jù)庫，實現(xiàn)前端展示。

onShow： function （） { //onshow實現(xiàn)延遲

this.setData（{

date： app.globalData.date //讀取全局變量到本頁數(shù)據(jù)

}）

console.log（this.data.date）

if（

app.globalData.date>0

）{

wx.cloud.database（）.collection（'JXJCXXPT'）//讀取日期對應數(shù)據(jù)值

.where（{

date：app.globalData.date

}）

.get（）

.then（res => {

3.3? 學習界面的開發(fā)

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

3.4? 準備界面的開發(fā)

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

3.5? 學習成果界面的開發(fā)

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

4? 結(jié)? 論

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

參考文獻：

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

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

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

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

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

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

收稿日期：2022-09-19