微信小程序線上線下融合教學(xué)平臺設(shè)計與實(shí)現(xiàn)

孔文熙 李曉純 朱景福

摘要：為踐行“停課不停學(xué)”的倡導(dǎo)以及促進(jìn)有序復(fù)課后線上教育和線下教育的積極融合，現(xiàn)為教師與學(xué)生提供一款基于微信小程序的線上線下融合教學(xué)平臺。不僅解決停課帶來的時間地點(diǎn)等環(huán)境的局限問題，在降低教學(xué)成本的同時為師生提供了一款便捷的在線教學(xué)平臺。使用微信小程序結(jié)合Node.js框架Express及數(shù)據(jù)庫技術(shù)MySQL進(jìn)行開發(fā)。主要實(shí)現(xiàn)了教師與學(xué)生之間互動交流的積極促進(jìn)、課程的便捷教與學(xué)、知識反饋的及時傳遞等功能。

關(guān)鍵詞：線上線下融合;教學(xué)平臺;微信小程序

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

文章編號：1009-3044（2021）29-0059-03

Design and Implementation of Online and Offline Integrated Teaching Platform Based on WeChat Mini Program

KONG Wen-xi， LI Xiao-chun， ZHU Jing-fu

（College of Science， Guangdong University of Petrochemical Technology， Maoming 525000， China）

Abstract： In order to practice the advocacy of“no suspension of classes”and promote the positive integration of online education and offline education after the orderly resumption of classes， provide an online and offline integrated teaching platform based on WeChat Mini Program for teachers and students. It not only solves the limitation of time and place caused by class suspension， but also provides a convenient online teaching platform for teachers and students while reducing the teaching cost. Use WeChat Mini Program combined with Node.js framework Express and database technology MySQL to develop. It mainly realizes the active promotion of interaction and communication between teachers and students， the convenient teaching and learning of courses， the timely transmission of knowledge feedback and other functions.

Key words： online and offline integration; teaching platform; WeChat Mini Program

1背景

2020年初由于要保持社交距離和保護(hù)師生健康的原因，從幼兒園到大學(xué)，整個教育系統(tǒng)都無法進(jìn)行正常的教育教學(xué)活動。教育是立國之本，教育部在人民生命至上的疫情防控國策下，為防止疫情在校園蔓延，充分利用互聯(lián)網(wǎng)技術(shù)，提出了“停課不停學(xué)”的教育教學(xué)策略，線上教育教學(xué)就此全面展開。但推廣普及線上教育、適應(yīng)學(xué)習(xí)新的教學(xué)方式也絕非易事[1]，線上教學(xué)模式的踐行，對學(xué)生和教師而言都是巨大的挑戰(zhàn)，而后疫情時代將線上線下教學(xué)融合則可以看作是一個新的教學(xué)模式。

現(xiàn)階段慕課（MOOC）、雨課堂等直播、線上互動教學(xué)模式的涌現(xiàn)[2]，更廣泛地普及了在線教育，使得在線教育的互動性更強(qiáng)。在疫情加速劑的影響下，線上教學(xué)得到迅速發(fā)展。

基于微信小程序的線上線下融合教學(xué)平臺具有操作簡單、界面美觀、用戶體驗(yàn)良好等優(yōu)點(diǎn)。教師與學(xué)生可以通過小程序便捷地進(jìn)行教與學(xué)，反饋與互動交流則更注重疑難問題解答、重點(diǎn)知識傳遞等。

2需求分析

針對線上線下融合教學(xué)平臺的開發(fā)背景和目的，結(jié)合當(dāng)下存在的線上教育類軟件和教師日常教學(xué)需求，小程序需實(shí)現(xiàn)的主要功能有3個：

1）互動交流：用戶進(jìn)行課程疑難問題的提出或解答;

2）便捷教學(xué)：學(xué)生用戶進(jìn)行在線課程的學(xué)習(xí)，教師用戶進(jìn)行課程的管理;

3）及時反饋：學(xué)生用戶完成考試或查看考試結(jié)果，教師用戶發(fā)布或批改試卷。

3系統(tǒng)設(shè)計

3.1總體結(jié)構(gòu)設(shè)計

由需求分析可知，小程序主要涉及學(xué)生用戶和教師用戶。為實(shí)現(xiàn)上述主要功能，現(xiàn)對不同用戶涉及的功能模塊進(jìn)行設(shè)計闡述：

1）互動交流功能主要涉及用戶通用的“消息”模塊;

2）便捷教學(xué)功能主要涉及學(xué)生用戶的“講堂”模塊和教師用戶的“我的講堂”模塊;

3）及時反饋功能主要涉及學(xué)生用戶的“考試情況”模塊和教師用戶的“任務(wù)”模塊。

系統(tǒng)總體結(jié)構(gòu)圖如圖1所示。

3.2數(shù)據(jù)庫設(shè)計

數(shù)據(jù)庫設(shè)計是計算機(jī)軟件系統(tǒng)設(shè)計的重要內(nèi)容之一，同時也是確保計算機(jī)軟件系統(tǒng)正常、穩(wěn)定運(yùn)行的關(guān)鍵[3]。通過描述系統(tǒng)概念數(shù)據(jù)模型的常用E-R方法，能夠較為直觀地反映了實(shí)體與屬性的內(nèi)在聯(lián)系與特點(diǎn)[4]。

本小程序使用的是MySQL數(shù)據(jù)庫，系統(tǒng)E-R模型圖如圖2所示。

3.3功能模塊設(shè)計

1）消息模塊：消息模塊是學(xué)生用戶和教師用戶的通用模塊。消息模塊主要通過問題提出、問題回答兩個功能來促進(jìn)師生交流。

2）講堂模塊：講堂模塊包括查看課程列表和詳情、在線學(xué)習(xí)兩個功能。學(xué)生用戶點(diǎn)擊講堂可以查看已加入的課程列表，點(diǎn)擊選擇進(jìn)入任一課程詳情頁。在課程詳情頁學(xué)生用戶可查看課程基礎(chǔ)信息;可以通過教學(xué)團(tuán)隊查看教師成員列表以及對應(yīng)的教師詳情頁等信息;可以通過在線教程完成課程PPT、視頻等觀看。

3）考試情況模塊：考試情況模塊包括完成考試、查看考試結(jié)果兩個主要功能。學(xué)生用戶在考試情況模塊可查看待考試列表，并選擇進(jìn)入對應(yīng)考試，通過選擇或者上傳圖片的方式完成考試，提交試卷。也可以通過最終成績列表查看按課程評分比例計算出的最終成績。

4）我的講堂模塊：教師用戶在我的講堂模塊可對學(xué)生、教師分別進(jìn)行人員管理，即可以邀請學(xué)生加入課堂以及邀請教師加入團(tuán)隊，并及時反饋管理學(xué)生與教師的加入狀態(tài)。同時可以對課堂進(jìn)行管理，即對開展的課堂進(jìn)行詳情的輸入編輯。

5）任務(wù)模塊：任務(wù)模塊包括發(fā)布、批改試卷兩個主要功能。教師用戶在任務(wù)模塊可進(jìn)入未發(fā)布列表并對狀態(tài)為未發(fā)布的試卷進(jìn)行發(fā)布操作。同時可以查看待改卷列表，并選擇進(jìn)入對應(yīng)考試，通過判斷對錯或輸入分?jǐn)?shù)的方式完成批改。

4功能實(shí)現(xiàn)

線上線下融合教學(xué)平臺的開發(fā)平臺是Windows10操作系統(tǒng)，開發(fā)軟件使用的是微信開發(fā)者工具和Visual Studio Code。小程序采用前后端分離的開發(fā)模式，通過JSON 、Axios等進(jìn)行前后端交互，可獨(dú)立分開部署。前端頁面使用小程序原生開發(fā)以及高質(zhì)量的微信小程序UI組件庫iView Weapp來實(shí)現(xiàn)[5]，后端使用Node.js 的Express框架及數(shù)據(jù)庫技術(shù)MySQL共同開發(fā)。

4.1互動交流功能實(shí)現(xiàn)

用戶進(jìn)入消息-問答頁面，在該頁面可便捷查看與課程相關(guān)疑難問題和問題答案。若問題為未回復(fù)狀態(tài)，點(diǎn)擊問題進(jìn)入問題詳情頁面，進(jìn)行問題詳情查看以及答案輸入。

4.2便捷教學(xué)功能實(shí)現(xiàn)

1）講堂模塊實(shí)現(xiàn)

學(xué)生用戶進(jìn)入課程詳情頁面如圖3所示，在該頁面可以查看課程詳情信息。同時可以通過在線教程頁面如圖4所示選擇對應(yīng)章節(jié)PPT或視頻進(jìn)行在線學(xué)習(xí)。

2）我的講堂模塊實(shí)現(xiàn)

教師用戶進(jìn)入課程設(shè)置頁面如圖5所示。人員管理部分對未加入或已加入課程的學(xué)生和老師進(jìn)行管理，課堂管理部分可對課程詳情進(jìn)行管理，如圖6所示章節(jié)管理頁面可對課程章節(jié)，具體章節(jié)的PPT、視頻、其他詳情信息進(jìn)行編輯操作。

4.3及時反饋實(shí)現(xiàn)

1）考試情況模塊實(shí)現(xiàn)

學(xué)生用戶進(jìn)入考試情況-待考試頁面，選擇并進(jìn)入試卷，通過完成選擇題選擇以及在問答題部分上傳答案照片完成考試。學(xué)生用戶在考試情況-課程成績頁面可以查看最終成績。

2）任務(wù)模塊實(shí)現(xiàn)

教師用戶進(jìn)入任務(wù)-未發(fā)布頁面，可以進(jìn)行試卷的發(fā)布。進(jìn)入任務(wù)-待改卷頁面，進(jìn)行試卷的批改，批改完成后會根據(jù)各題得分自動計算出總分。

5結(jié)束語

本文設(shè)計并實(shí)現(xiàn)的基于微信小程序線上線下教學(xué)平臺是一款能及時反饋、增進(jìn)學(xué)生與老師互動交流、通過演示文稿軟件與視頻側(cè)重知識傳遞的平臺。該小程序現(xiàn)主要按計劃圍繞便捷教學(xué)、互動交流、及時反饋三大功能進(jìn)行了實(shí)現(xiàn)。其余功能模塊仍在開發(fā)、完善優(yōu)化中，爭取能盡快投入使用。參考文獻(xiàn)：

[1]尹嬌陽.后疫情時期在線教育的SWOT分析與應(yīng)對[J].產(chǎn)業(yè)與科技論壇，2021，20（2）：100-102.

[2]邊大成，黃鵬.2020年國內(nèi)在線教育發(fā)展現(xiàn)狀、趨勢及建議[N].中國計算機(jī)報，2020-08-03（14）.

[3]楊彥青，郭獻(xiàn)崇.計算機(jī)軟件數(shù)據(jù)庫設(shè)計中存在的問題及設(shè)計原則[J].無線互聯(lián)科技，2021，18（2）：43-44.

[4]朱珍.基于E-R模型數(shù)據(jù)庫設(shè)計的關(guān)鍵技術(shù)研究[J].電腦編程技巧與維護(hù)，2019（5）：77-79.

[5] iView Weapp官網(wǎng).iView 指南[EB/OL].[2020-12-20].https：// weapp.iviewui.com.

【通聯(lián)編輯：謝媛媛】