宋國柱

摘要：微課是大學(xué)生首選的在線學(xué)習(xí)方式之一，微信是網(wǎng)絡(luò)社交軟件中下載量最高的軟件。為了適應(yīng)現(xiàn)代大學(xué)生混合式學(xué)習(xí)方式，設(shè)計并實現(xiàn)一款基于微信小程序的在線微課系統(tǒng)。論文首先分析了用戶角色及學(xué)習(xí)流程，其次從技術(shù)架構(gòu)、主要功能、數(shù)據(jù)庫及用戶界面等方面進(jìn)行了設(shè)計，然后搭建了相關(guān)的開發(fā)平臺進(jìn)行了編碼及測試。同時將該系統(tǒng)應(yīng)用于軟件操作類課程數(shù)字圖像處理的實驗教學(xué)中，應(yīng)用效果表明混合式學(xué)練結(jié)合的教學(xué)模式能有效提升學(xué)習(xí)效果。

關(guān)鍵詞：微課；混合式學(xué)習(xí)；微信小程序

中圖分類號：TP311? ? ? 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2023）36-0049-04

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）

0引言

隨著“互聯(lián)網(wǎng)+”與教學(xué)的深度融合，教育界已基本達(dá)成共識，混合式教學(xué)將成為未來教育的“新常態(tài)”[1]。混合式教學(xué)已超越技術(shù)融合層面發(fā)展到教學(xué)內(nèi)容與效果改進(jìn)層面[2]。目前混合式學(xué)習(xí)在教學(xué)設(shè)計上大部分采用的課前、課中、課后三段式實施流程，在學(xué)習(xí)資源設(shè)計上大部分是基于知識章節(jié)及要點來整合視頻、課件等資源。針對課程教學(xué)目標(biāo)的差異性進(jìn)行精準(zhǔn)設(shè)計不夠，同時對學(xué)生個性化學(xué)習(xí)需求考慮不足?；谖⑿判〕绦虻脑诰€微課是有效解決這些問題的方法之一，首先微課是經(jīng)過精心設(shè)計以流媒體形式展示的內(nèi)容精簡的教學(xué)活動，深受大學(xué)生的歡迎。其次，微信小程序具有操作便利快捷、延展性豐富等特點，是更適合大學(xué)生個性化學(xué)習(xí)的服務(wù)平臺。采用基于微信小程序的在線微課系統(tǒng)能夠為教師的教學(xué)活動創(chuàng)造多元化的教學(xué)模式，同時在軟件操作類實驗課程中更加有效地進(jìn)行學(xué)練結(jié)合。

1 理論基礎(chǔ)

1.1混合式學(xué)習(xí)

大部分學(xué)者認(rèn)為混合式教學(xué)是線上與線下相結(jié)合的一種教學(xué)模式，其發(fā)展經(jīng)歷了以技術(shù)為中心、以教師為中心和以學(xué)生為中心三個階段[2]。Baragash等認(rèn)為混合式教學(xué)已超越技術(shù)融合層面發(fā)展到教學(xué)內(nèi)容與效果改進(jìn)層面[3]?；旌鲜浇虒W(xué)在目標(biāo)定位上應(yīng)遵循“金課”的兩性一度（高階性、創(chuàng)新性、挑戰(zhàn)度）。混合式教學(xué)需要把線上線下學(xué)習(xí)優(yōu)勢結(jié)合起來進(jìn)行整體統(tǒng)籌。在教學(xué)設(shè)計目標(biāo)上要有逆向思維、策略上要貫穿全過程、內(nèi)容上注重搭建支架[4]。

1.2移動學(xué)習(xí)

移動學(xué)習(xí)是指基于移動設(shè)備支持環(huán)境下，突破時空區(qū)域限制，能夠自由、自主、自覺開展的學(xué)習(xí)模式。它的形態(tài)表現(xiàn)為終端（如手機(jī)和平板電腦等）、內(nèi)容資源（如MOOC、云課堂、App）和活動三個要素。通過移動通信技術(shù)來實現(xiàn)學(xué)習(xí)的空間網(wǎng)絡(luò)化、內(nèi)容整合化、平臺移動化，進(jìn)而構(gòu)建了資源提供精準(zhǔn)、學(xué)習(xí)接入無縫、溝通反饋及時的學(xué)習(xí)模式。目前隨著智能手機(jī)的普及，數(shù)字化學(xué)習(xí)資源的豐富。移動學(xué)習(xí)已逐漸成為當(dāng)前大學(xué)生學(xué)習(xí)的重要方式。如何利用移動學(xué)習(xí)4A（Anyone、Anytime、Anywhere、Anystyle）特征，發(fā)揮手機(jī)便于攜帶、交互性強(qiáng)、數(shù)字資源豐富等優(yōu)勢。讓學(xué)生信息化環(huán)境下，廣泛應(yīng)用數(shù)字化教學(xué)資源。將移動云課堂融入課堂教學(xué)的每個環(huán)節(jié)，讓學(xué)生更加自由而充分地學(xué)習(xí)，是目前教育與教學(xué)中有待實證的問題。

2 需求分析

2.1 微信小程序開發(fā)流程分析

微信小程序具有無須安裝、即開即用、不占內(nèi)存、反應(yīng)迅速的特點。微信小程序之所以能快速發(fā)展，其開發(fā)流程快捷方便是重要的原因之一。微信小程序可利用微信開發(fā)者工具與其他集成開發(fā)環(huán)境進(jìn)行開發(fā)，可以實現(xiàn)跨平臺開發(fā)是其特征之一。開發(fā)微信小程序的流程一般是在線注冊，選擇適當(dāng)?shù)募晒ぞ咴O(shè)計并編寫代碼，經(jīng)過官方審核后即可上線發(fā)布。其開發(fā)流程如圖1所示。

2.2角色及流程分析

軟件操作類課程與其他實驗課程有不同的地方在于學(xué)生在了解實驗原理的同時，需要在大量的驗證性實驗操作過程中掌握基本技能和方法。在此基礎(chǔ)上才可以達(dá)到應(yīng)用創(chuàng)新的水平。傳統(tǒng)的教學(xué)模式是以老師演示講解，然后學(xué)生操作練習(xí)的講練結(jié)合的方式。驗證型實驗項目的操作步驟難免煩瑣，學(xué)生無法完全記憶并理解。而在教師課堂上輔助的精力及時間有限，導(dǎo)致學(xué)生在自我探究練習(xí)的過程中整體學(xué)習(xí)效果不如預(yù)期。如何利用智能設(shè)備讓學(xué)生在課內(nèi)外更好地進(jìn)行混合式全過程探究學(xué)習(xí)，提升教學(xué)質(zhì)量是有待深入探討的問題。該系統(tǒng)有用戶（學(xué)習(xí)者）和管理員（教師）兩種角色，學(xué)習(xí)者在移動端登錄小程序進(jìn)行學(xué)習(xí)。小程序管理員登錄系統(tǒng)后臺進(jìn)行賬號及課程管理。管理員主要包含登錄、添加課程基本信息以及上傳微課視頻等基本操作。管理員添加課程流程如圖2所示。學(xué)習(xí)者進(jìn)入在線微課微信小程序時，主要包含登錄、選擇課程進(jìn)行學(xué)習(xí)以及評論（師生交流答疑）等操作，用戶學(xué)習(xí)流程如圖3所示。

2.3功能及其他需求

根據(jù)角色及流程分析，學(xué)習(xí)者在功能上包括用戶登錄注冊、在線學(xué)習(xí)模塊等。管理員（教師）主要功能包括賬號管理、用戶賬號管理和課程管理等。用戶登錄時具有自動填充功能，無須輸入賬戶密碼驗證。管理員管理包括對二者信息的查看、添加、刪除和恢復(fù)。后臺管理頁面的所有賬號密碼采用MD5加密技術(shù)，確保用戶信息安全。在非功能性方面本系統(tǒng)注重界面簡潔，易于操作、便于擴(kuò)充及維護(hù)等需求。

3 在線微課系統(tǒng)的設(shè)計

3.1 整體技術(shù)架構(gòu)

在技術(shù)架構(gòu)上本系統(tǒng)采用Python Flask輕量級的Web應(yīng)用程序框架，F(xiàn)lask是一款輕便的WSGI Web應(yīng)用框架，主要依賴工具集Werkzeug和Jinia2模板引擎。由于Flask具有易于使用、可擴(kuò)展和輕量級等特點，它被廣泛應(yīng)用于Web應(yīng)用程序和API的開發(fā)。而實現(xiàn)在線微信微課小程序所應(yīng)用的開發(fā)方式是求助于WSGI接口。WSGI接口幫助實現(xiàn)對HTTP請求的接收、解析、發(fā)送等功能，開發(fā)者可以專心于用Python編寫Web業(yè)務(wù)。使用該接口實現(xiàn)底層功能后，程序?qū)⒁粋€視圖函數(shù)分配給一個URL，每當(dāng)用戶訪問這個URL時，系統(tǒng)就會執(zhí)行給該URL分配好的視圖函數(shù)，獲取函數(shù)的返回值并將其顯示到瀏覽器上。整體技術(shù)架構(gòu)嚴(yán)格遵守MVC模式，Models里存放了controllers控制層文件，并且通過ORM框架將數(shù)據(jù)庫表的行與相應(yīng)的對象建立關(guān)聯(lián)。系統(tǒng)整體架構(gòu)如圖4所示。

3.2 整體功能設(shè)計

用戶角色的主要功能包括用戶登錄、在線學(xué)習(xí)與用戶評論模塊。當(dāng)用戶進(jìn)入首頁時，可以選擇課程進(jìn)行學(xué)習(xí)，在微課學(xué)習(xí)完成后，可在下方用戶評論模塊進(jìn)行師生交流互動。管理員角色的主要功能包括賬號管理、課程管理及用戶管理模塊。其中課程管理模塊可以添加、刪除課程，并對課程進(jìn)行描述及分類管理。系統(tǒng)的主要功能模塊如圖5所示。

3.3數(shù)據(jù)庫與界面設(shè)計

通過對系統(tǒng)的需求分析及功能設(shè)計后，通過對該系統(tǒng)的數(shù)據(jù)庫分析和設(shè)計，可以得出每一類數(shù)據(jù)對象的實體、實體屬性以及實體之間的關(guān)系，小程序中的實體有管理員、用戶、課程等。系統(tǒng)使用MySQL數(shù)據(jù)庫針對在線學(xué)習(xí)設(shè)計了一系列數(shù)據(jù)表，主要實現(xiàn)了用戶在小程序端的微課學(xué)習(xí)和后臺管理員管理，包括用戶觀看微課、發(fā)表評論以及管理員管理賬號信息、用戶信息和課程管理等?？傮w主要數(shù)據(jù)表如表1所示。

其中課程信息表（class）：記錄了課程的id號、課程名稱、主圖、描述、狀態(tài)、總瀏覽次數(shù)、總評論量、最后一次更新時間、插入時間。課程數(shù)據(jù)具體設(shè)計如表2所示。

在界面設(shè)計上，登錄界面設(shè)計整個系統(tǒng)以綠色為主基調(diào)。小程序的首頁設(shè)計圖片滾動效果，搜索功能和全部的課程展示。在底下的導(dǎo)航欄分為“首頁”和“我的”兩個板塊。在后臺管理員首頁設(shè)計上以綠色為主色調(diào)，包括導(dǎo)航欄、logo、頭部標(biāo)題等，保持簡約實用的風(fēng)格。

4 在線微課系統(tǒng)的實現(xiàn)

4.1 系統(tǒng)開發(fā)平臺的搭建

在線微課微信小程序是基于Python語言開發(fā)的，首先安裝Python解釋器及相關(guān)的插件，然后安裝第三方開發(fā)工具PyCharm作為系統(tǒng)的開發(fā)平臺。同時下載安裝微信開發(fā)者工具，該工具內(nèi)含模擬器可以顯示小程序?qū)崟r狀態(tài)，一般用作為功能測試使用。同時使用MySQL數(shù)據(jù)庫及其圖形化管理工具SQLyog用于數(shù)據(jù)庫開發(fā)。開發(fā)平臺整體需求如圖6所示。

4.2 主要功能模塊的實現(xiàn)

在課程管理模塊的實現(xiàn)方面，當(dāng)用戶在導(dǎo)航請求課程管理頁面set.html時，系統(tǒng)的控制層文件給寫入方法set，在方法中調(diào)用數(shù)據(jù)庫中的數(shù)據(jù)并操作，執(zhí)行完方法后返回set.html文件和數(shù)據(jù)給用戶，用戶就可以在前端頁面看到顯示的數(shù)據(jù)。根據(jù)程序運行的流程，在課程管理界面的下拉菜單中有從數(shù)據(jù)庫傳來的課程分類名稱，如教育學(xué)、教育技術(shù)學(xué)等。點擊之后從本地文件選擇封面圖即可上傳至數(shù)據(jù)庫。課程管理界面如圖7所示。

在在線學(xué)習(xí)模塊實現(xiàn)方面，用戶在首頁選擇課程后進(jìn)入課程詳情頁，在該頁面上傳的微課視頻是從本地上傳到微信小程序的。因此想要在微信小程序中使用，需要通過wxParse來實現(xiàn)。wxParse是一個目前唯一可以轉(zhuǎn)化HTML到小程序識別的富文本解析組件。在線學(xué)習(xí)模塊實現(xiàn)效果如圖8所示。

當(dāng)系統(tǒng)編碼完成后，需要進(jìn)行部署并運行。通過在微信開發(fā)者工具部署運行該系統(tǒng)，所有頁面呈現(xiàn)及功能均運行正常。在智能手機(jī)上部署該系統(tǒng)，測試登錄、在線微課學(xué)習(xí)、評論等功能運行正常，頁面反應(yīng)速度流暢。課程詳情界面如圖9所示。管理員在后臺登錄、課程管理、學(xué)習(xí)者管理等功能模塊的數(shù)據(jù)進(jìn)行修改，數(shù)據(jù)庫都會實時更新。經(jīng)測試基于微信小程序的在線微課系統(tǒng)可以滿足功能需求。

5 系統(tǒng)的應(yīng)用效果及分析

本研究在準(zhǔn)備階段制作了一系列微課并上傳到該系統(tǒng)中。同時將該系統(tǒng)應(yīng)用于某高校教育技術(shù)學(xué)專業(yè)數(shù)字圖像處理課程實驗教學(xué)活動過程中。為了檢測系統(tǒng)的應(yīng)用效果，筆者選取了學(xué)習(xí)程度相當(dāng)?shù)拇蠖蓚€班學(xué)生作為研究對象，每班30人。其中1班作為實驗組采用基于在線微課的多元互嵌的混合式教學(xué)模式，2班作為對照組采用演示與練習(xí)相結(jié)合的教學(xué)方式。此外兩個班的授課教師、學(xué)習(xí)內(nèi)容、教學(xué)時長均相同。在一學(xué)期的教學(xué)活動結(jié)束后，筆者從興趣偏好、對知識與技能的學(xué)習(xí)效果、基于成績的課程目標(biāo)達(dá)成度評價等方面進(jìn)行了問卷和數(shù)據(jù)統(tǒng)計。統(tǒng)計結(jié)果圖10、圖11、表3所示。

從圖10中可以看出兩組學(xué)生認(rèn)為該課程教學(xué)符合自主學(xué)習(xí)的要求，但在“教學(xué)形式符合需求”“便于掌握操作步驟，提升技能”兩項內(nèi)容上實驗組明顯高于對照組。表明基于微課的混合式學(xué)習(xí)更符合軟件操作類課程的需求。從圖11看實驗組對學(xué)習(xí)效果的自我評價更優(yōu)于對照組，表明實驗組學(xué)生學(xué)習(xí)效果更好。從表3來看經(jīng)過一學(xué)期的教學(xué)實踐，實驗組課程目標(biāo)達(dá)成度評價值明顯高于對照組，表明在線微課系統(tǒng)的應(yīng)用能提升學(xué)習(xí)效果。

6 結(jié)束語

在線微課系統(tǒng)為基于微課的混合式學(xué)習(xí)提供了有力的數(shù)字化工具支持。本文從系統(tǒng)的開發(fā)上融合了軟件工程的理念，在系統(tǒng)的應(yīng)用上為軟件操作類課程全過程混合式學(xué)習(xí)提供了可參考路徑。系統(tǒng)基本滿足學(xué)生的自主學(xué)習(xí)需求，基于該系統(tǒng)的混合式教學(xué)模式能有效提升學(xué)生的學(xué)習(xí)效果。同時系統(tǒng)的功能上還不夠豐富，如師生互動、知識導(dǎo)圖、分類查找課程等功能尚有待持續(xù)改進(jìn)。

參考文獻(xiàn)：

[1] PORTER W W，GRAHAM C R，SPRING K A，et al.Blended learning in higher education：institutional adoption and implementation[J].Computers & Education，2014，75：185-195.

[2] 馮曉英，王瑞雪，吳怡君.國內(nèi)外混合式教學(xué)研究現(xiàn)狀述評——基于混合式教學(xué)的分析框架[J].遠(yuǎn)程教育雜志，2018，36（3）：13-24.

[3] BARAGASH R S，AL-SAMARRAIE H.Blended learning：investigating the influence of engagement in multiple learning delivery modes on students’ performance[J].Telematics and Informatics，2018，35（7）：2082-2098.

[4] 劉徽，滕梅芳，張朋.什么是混合式教學(xué)設(shè)計的難點？——基于Rasch模型的線上線下混合式教學(xué)設(shè)計方案分析[J].中國高教研究，2020（10）：82-87，108.

[5] 王竹立，李小玉，林津.智能手機(jī)與“互聯(lián)網(wǎng)+”課堂——信息技術(shù)與教學(xué)整合的新思維、新路徑[J].遠(yuǎn)程教育雜志，2015，33（4）：14-21.

[6] 王馨玉.基于ADDIE模式的高中信息技術(shù)課程微課設(shè)計與實施[D].武漢：華中師范大學(xué)，2020.

[7] 趙濤.智慧技術(shù)支持下混合式學(xué)習(xí)模式建構(gòu)與實踐研究[J].中國電化教育，2021（9）：137-142.

[8] 趙雪芹，王少春.微信小程序用戶持續(xù)使用意愿的影響因素探究[J].現(xiàn)代情報，2019，39（6）：70-80，90.

[9] 馮曉英，吳怡君，曹潔婷，等.“互聯(lián)網(wǎng)+” 時代混合式學(xué)習(xí)活動設(shè)計的策略[J].中國遠(yuǎn)程教育，2021（6）：60-67，77.

[10] 茍睿，陳曉慧，楊鑫.智媒時代的教育短視頻：內(nèi)涵、類型及應(yīng)用途徑[J].遠(yuǎn)程教育雜志，2022，40（6）：103-110.

【通聯(lián)編輯：王 力】