基于微信小程序的大學(xué)體育教學(xué)平臺設(shè)計與實(shí)現(xiàn)

鄒軍華 鄭筱釩 黃佳樂

摘? 要 為推動體育教育信息化向縱深發(fā)展，設(shè)計開發(fā)出基于微信小程序的大學(xué)體育教學(xué)平臺，主要包括課程管理、練習(xí)管理以及用戶管理三個功能模塊。微信小程序操作方便、系統(tǒng)兼容性好且便于維護(hù)，在滿足師生線上教學(xué)需求的同時，可為體育教學(xué)融合線上優(yōu)質(zhì)課程資源提供參考。

關(guān)鍵詞 微信小程序;大學(xué)體育;在線學(xué)習(xí);教學(xué)平臺;MINA框架

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

文章編號：1671-489X（2020）24-0040-03

Design and Implementation of Sports Teaching System in Uni-versities based on Wechat Mini Program//ZOU Junhua， ZHNG Xiaofan， HUANG Jiale

Abstract In order to promote the development of PE informatiza-tion， this research has developed a university PE platform based on?WeChat Mini Program. This platform mainly includes three functio-nal modules： curriculum management， exercise management and user management. The WeChat Mini Program is more applicable， and easy to operate and maintain. It can meet the online teaching needs of teachers and students， and can also provide a reference for the integration of online teaching resources in PE.

Key words WeChat mini program; university PE; e-learning; teaching platform; MINA framework

1 前言

在新冠肺炎疫情的影響下，《教育部關(guān)于2020年春季學(xué)期延期開學(xué)的通知》中鼓勵各地利用互聯(lián)網(wǎng)和信息化教育資源為學(xué)生提供學(xué)習(xí)支持，保證“停課不停教、停課不停學(xué)”[1]。由于體育教學(xué)與常規(guī)課程教學(xué)不同，學(xué)生在進(jìn)行體育鍛煉時對人體能量需求高、需氧量高、呼吸速度快，佩戴口罩較為困難，因此，在突發(fā)公共衛(wèi)生事件情境下如何保證體育教學(xué)的正常推進(jìn)，已經(jīng)成為普通高校教學(xué)工作的重中之重。為此，本文結(jié)合體育學(xué)科的教學(xué)特點(diǎn)，研究基于微信小程序的大學(xué)體育教學(xué)平臺的設(shè)計與開發(fā)，為完成大學(xué)體育課程在線教學(xué)目標(biāo)提供有力保障。

2 微信小程序與大學(xué)體育教學(xué)

微信小程序（WeChat Mini Program）是騰訊公司于2017年1月9日推出的免下載安裝即可使用的輕型應(yīng)用，具有無須安裝、觸手可及、用完即走、無須卸載等特點(diǎn)，用戶可通過多種快捷方式直接進(jìn)入小程序，使用十分便捷。

隨著在線學(xué)習(xí)的多元發(fā)展，微信小程序應(yīng)用于教學(xué)的研究也越來越深入。例如：張國杰、吳杰峰等人基于微信小程序開發(fā)了數(shù)字化社區(qū)學(xué)習(xí)地圖，提供更好的學(xué)習(xí)資源，可以邀請好友共同學(xué)習(xí)，滿足學(xué)習(xí)者互動的需求，在互相競爭和交流中獲得學(xué)習(xí)動力和成就感[2]。陳宏揚(yáng)與龍雨妃從教育游戲的角度出發(fā)，利用高校的學(xué)習(xí)資源設(shè)計了闖關(guān)類的微信小程序，以游戲競爭來激發(fā)學(xué)生的挑戰(zhàn)心，增強(qiáng)學(xué)習(xí)者在線學(xué)習(xí)參與度[3]。

微信小程序在高校體育教學(xué)中的應(yīng)用主要集中于體育運(yùn)動資源的智慧化管理。例如：張曉萍與盧三妹等人利用微信小程序等技術(shù)系統(tǒng)完成了大學(xué)體育運(yùn)動資源的科學(xué)、有效分配，同時研發(fā)了大學(xué)生體育運(yùn)動記錄體系，為提升大學(xué)生體質(zhì)、增強(qiáng)大學(xué)生體魄創(chuàng)造了基礎(chǔ)條件[4];吳俊杰則基于微信小程序?qū)崿F(xiàn)了高校體育館的場地管理、用戶管理、訂場管理等功能模塊設(shè)計，提高了場館訂場管理的質(zhì)量和效率[5]。

綜合來看，“微信小程序+教學(xué)”的發(fā)展已為教學(xué)工具類應(yīng)用注入新的活力，但相對文化類課程來說，大學(xué)體育信息化教學(xué)的發(fā)展較為遲緩，目前尚未發(fā)現(xiàn)可直接應(yīng)用于體育教學(xué)的微信小程序。不難看出，借助微信平臺龐大的用戶群體和巨大的市場潛力，微信小程序在未來體育教學(xué)領(lǐng)域?qū)⒕哂蟹浅V闊的發(fā)展前景。

3 基于微信小程序的大學(xué)體育教學(xué)平臺的設(shè)計與開發(fā)原則

無限存儲空間? 大學(xué)體育教學(xué)類目眾多，數(shù)量龐大的教學(xué)視頻需要巨大的存儲空間，因此，開發(fā)者必須考慮視頻資料存儲空間的容量問題。任何軟件或平臺的開發(fā)都存在一定的局限性，在設(shè)計體育教學(xué)平臺時要充分考慮教學(xué)資源的存儲空間以及平臺內(nèi)容的可擴(kuò)展性，不僅要高效有序地存儲和管理大容量的數(shù)據(jù)資源，提高優(yōu)質(zhì)教學(xué)資源的利用效率和共享程度，還要在現(xiàn)有功能的基礎(chǔ)上考慮平臺在未來的維護(hù)以及擴(kuò)展方案，為實(shí)現(xiàn)以后資源擴(kuò)充以及功能完善的不斷發(fā)展提供技術(shù)支撐。因此，在充分考慮教學(xué)資源存儲空間的問題后，本研究選擇微信小程序作為開發(fā)平臺。

交互性? 在線學(xué)習(xí)較之傳統(tǒng)教學(xué)的一大特點(diǎn)就是時空分離、師生分離、生生分離，師生長時間處于物理層面的分離狀態(tài)，而這種師生時空分離的狀態(tài)會影響師生心理和情感的距離，消極的交互距離將會導(dǎo)致學(xué)生和教師彼此隔離，放大學(xué)生的孤獨(dú)感，從而影響學(xué)習(xí)效率[6]。良好的交互設(shè)計可以加強(qiáng)學(xué)生之間的信息交流和情感支持，調(diào)動他們參與學(xué)習(xí)的積極性，增加學(xué)習(xí)中的情感投入，從而對學(xué)習(xí)效果起到促進(jìn)作用。因此，在體育教學(xué)平臺的設(shè)計與開發(fā)過程中要充分考慮到學(xué)生與平臺、教師及其他學(xué)生的交互需求。

科學(xué)性? 任何教學(xué)平臺開發(fā)設(shè)計都要基于相應(yīng)的學(xué)科特性來進(jìn)行，教學(xué)平臺需要充分考慮學(xué)科的定位、課程的培養(yǎng)目標(biāo)、學(xué)生的基本特征等綜合因素，科學(xué)設(shè)計平臺功能。因此，在設(shè)計教學(xué)平臺時要注重體育學(xué)科的定向性，用戶界面、課程內(nèi)容以及功能需求都要圍繞大學(xué)體育的學(xué)科價值及教學(xué)目標(biāo)，以促進(jìn)學(xué)生身心健康為目標(biāo)，以各類體育課程教學(xué)內(nèi)容為依據(jù)，基于學(xué)科特征進(jìn)行科學(xué)設(shè)計。

實(shí)用性? 教學(xué)平臺不同于電商平臺等互聯(lián)網(wǎng)金融產(chǎn)品，設(shè)計開發(fā)要以實(shí)用化的功能設(shè)置為導(dǎo)向，遵循簡約化的UI設(shè)計理念，設(shè)置各功能模塊時要優(yōu)選優(yōu)化，以學(xué)生為本，將滿足學(xué)生需求作為首要開發(fā)任務(wù)，充分發(fā)揮平臺對線上教學(xué)的重要支持作用。

4 微信小程序設(shè)計

小程序開發(fā)框架設(shè)計? 本文所設(shè)計的大學(xué)體育教學(xué)小程序采用MINA（Multipurpose Infrastructure for Net-work Applications）開發(fā)框架。MINA框架主要分為描述語言WXML和WXSS的視圖層（View）以及基于JavaScript的邏輯層（App Service）兩部分，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，盡可能利用這種簡單高效的方式讓開發(fā)者基于微信平臺開發(fā)具有原生APP體驗(yàn)的服務(wù)。大學(xué)體育教學(xué)小程序所采用的MINA框架如圖1所示。

小程序數(shù)據(jù)庫設(shè)計? 微信小程序提供的云開發(fā)服務(wù)可以讓開發(fā)者只專注于業(yè)務(wù)邏輯的實(shí)現(xiàn)，而無須理會服務(wù)器搭建、域名注冊、后端數(shù)據(jù)接口實(shí)現(xiàn)等繁雜步驟，開發(fā)門檻更低、效率更高[7]。在微信開發(fā)者工具中，開發(fā)者無須自建服務(wù)器和數(shù)據(jù)庫，云開發(fā)提供完整的JSON數(shù)據(jù)庫支持，數(shù)據(jù)庫信息的增刪查改可在小程序前端操作，也能在云端進(jìn)行讀寫。通過對大學(xué)體育教學(xué)小程序的需求分析，設(shè)計出體育線上學(xué)習(xí)系統(tǒng)的數(shù)據(jù)庫表結(jié)構(gòu)和數(shù)據(jù)模型關(guān)系，如表1所示。

小程序功能模塊設(shè)計與實(shí)現(xiàn)? 大學(xué)體育教學(xué)小程序目前共有三個功能模塊，分別是課程管理模塊、練習(xí)管理模塊以及用戶管理模塊。

1）課程管理模塊。大學(xué)體育課程項(xiàng)目繁多，所有課程的視頻資料匯總起來數(shù)量龐大，需要極大的存儲空間，對云存儲后臺造成的存儲壓力是開發(fā)者迫切需要解決的問題。微信小程序提供的云存儲、云數(shù)據(jù)庫以及云函數(shù)等基礎(chǔ)資源在一定的額度內(nèi)是免費(fèi)的，若要存儲數(shù)量龐大的資源，則需要付費(fèi)使用。為解決數(shù)量龐大的視頻資料所面臨的教學(xué)資源存儲問題，本研究中的體育教學(xué)小程序在視頻管理模塊調(diào)用“騰訊視頻”插件，借用騰訊視頻資源庫存儲教學(xué)資料，而后在小程序端調(diào)用插件播放教學(xué)視頻。

第一步，資源存儲。教師或管理員可在騰訊視頻客戶端→個人中心頁面上傳各類體育課程的教學(xué)資料，上傳成功后播放該視頻，在視頻頁面上“右擊→視頻信息”，獲取該視頻的vid，也可以從https路徑中獲取該視頻的vid。

第二步，資源調(diào)用。在使用“騰訊視頻”插件前，首先登錄小程序管理后臺，在“小程序管理后臺→設(shè)置→第三方服務(wù)→插件管理”中搜索“騰訊視頻”插件，添加插件之后方可在小程序中調(diào)用相關(guān)資源。在視頻播放頁面video-

player.wxml插入視頻元素時，需要輸入視頻的vid，開發(fā)者可將上一步從騰訊視頻客戶端獲取到的vid插入，其代碼如下：

此外，使用“騰訊視頻”插件前，需要在app.json中聲明該插件，代碼如圖2所示。同時需要在播放頁面的video-player.json文件中定義“騰訊視頻”插件，使用plugin：//協(xié)議指明插件的引用名和組件名，此處的版本號如圖3所示。

2）練習(xí)管理模塊。練習(xí)管理模塊主要包括上傳視頻、評論、點(diǎn)贊等功能，學(xué)生對小程序授權(quán)登錄后便可進(jìn)行體驗(yàn)。例如，當(dāng)學(xué)完某小節(jié)瑜伽課程后，學(xué)生可通過小程序上傳自己的練習(xí)視頻并發(fā)布在“廣場”上，其他學(xué)生可對其發(fā)布的視頻點(diǎn)贊、評論，教師也可根據(jù)學(xué)生的技能展示給予指導(dǎo)評價。

學(xué)生上傳視頻時，系統(tǒng)調(diào)用wx.cloud.uploadFile方法（如圖4所示），將學(xué)生錄制的練習(xí)視頻上傳至云存儲空間中的videos表中，而后調(diào)用get方法獲取該表中的記錄，將練習(xí)視頻展示于“廣場”之上。

學(xué)生添加評論時，小程序會將獲取評論內(nèi)容、課程ID以及用戶信息等組合成data對象，通過在Comments集合對象上調(diào)用add方法向該集合中插入一條新的評論記錄，再調(diào)用云開發(fā)數(shù)據(jù)庫操作中的Collection.count（）方法統(tǒng)計評論記錄數(shù)量以及get方法獲取評論具體內(nèi)容。點(diǎn)贊功能的實(shí)現(xiàn)與評論功能類似。

3）用戶管理模塊。用戶管理模塊主要涉及學(xué)習(xí)者個人的賬號信息、課程信息、收藏信息以及反饋建議。課程管理模塊用以展示學(xué)生參加的課程信息，而收藏頁面將調(diào)用微信小程序云開發(fā)中數(shù)據(jù)庫操作的Collection.get（）方法以顯示學(xué)生在學(xué)習(xí)過程中收藏的視頻列表。此外，反饋建議功能用于接收用戶反饋信息，改進(jìn)并完善小程序功能。

5 結(jié)語

目前，基于微信小程序的大學(xué)體育教學(xué)平臺已開發(fā)完成，學(xué)生“打開即學(xué)、學(xué)完即走”，已形成一個較為完善的線上體育教學(xué)體系。本文基于微信小程序所搭建的大學(xué)體育教學(xué)平臺，借助微信平臺的特有優(yōu)勢，功能模塊的設(shè)計開發(fā)著眼于師生教與學(xué)的實(shí)際需求，為大學(xué)體育課程的線上教學(xué)提供技術(shù)支持和保障。該系統(tǒng)現(xiàn)已投入使用，在后續(xù)的實(shí)踐應(yīng)用中將根據(jù)師生的反饋建議不斷改進(jìn)并完善相關(guān)功能，希望在未來的優(yōu)化過程中為用戶提供更加優(yōu)良的使用體驗(yàn)。

參考文獻(xiàn)

[1]教育部關(guān)于2020年春季學(xué)期延期開學(xué)的通知[EB/OL].[2020-01-27].http：//www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202001/t20200127_416672.html.

[2]張國杰，吳杰峰，劉路莎，等.基于微信小程序的數(shù)字化社區(qū)學(xué)習(xí)地圖開發(fā)[J].廣州大學(xué)學(xué)報（社會科學(xué)版），2017（11）：57-63.

[3]陳宏揚(yáng)，龍雨妃.基于微信小程序的“闖關(guān)游戲式”學(xué)習(xí)平臺的研究與設(shè)計[J].無線互聯(lián)科技，2018（5）：75-77.

[4]張曉萍，盧三妹，王躍亭，等.基于云平臺的體育運(yùn)動資源智慧化管理系統(tǒng)[J].運(yùn)動，2019（6）：133-134，90.

[5]吳俊杰.基于微信小程序的高校體育場館訂場管理系統(tǒng)的應(yīng)用[J].智庫時代，2020（5）：243-244.

[6]田靜.遠(yuǎn)程教育中交互影響距離理論的擴(kuò)展應(yīng)用與啟示[J].中國電化教育，2010（9）：53-57.

[7]“小程序·云開發(fā)”重磅上線讓小程序開發(fā)更高效[EB/OL].[2018-09-12].http：//tech.qianlong.com/2018/0912/2827293.shtml.