基于微信公眾平臺(tái)的輔助教學(xué)系統(tǒng)的設(shè)計(jì)與開發(fā)

牛琳 吳琳 楊柳

摘 要： 依托于微信公眾平臺(tái)，在云數(shù)據(jù)庫以及WAMP環(huán)境下，開發(fā)出一個(gè)便捷有效的輔助教學(xué)系統(tǒng)。系統(tǒng)的主要功能模塊有：微視頻、上傳下載、簽到、綁定、在線答疑等。微視頻模塊利用Dreamweaver設(shè)計(jì)視頻播放網(wǎng)頁從而使得微視頻的播放方式多樣，除了在線觀看以外，還與FTP服務(wù)器關(guān)聯(lián)，具備視頻的上傳和下載功能，點(diǎn)對點(diǎn)的直接傳輸方式也使得文件傳輸效率和安全性有所提升。

關(guān)鍵詞： 微信公眾平臺(tái)； 輔助教學(xué)系統(tǒng)； 微視頻； 系統(tǒng)設(shè)計(jì)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1006-8228（2018）10-29-03

Abstract： Relying on the WeChat public platform， in the cloud database and WAMP environment， a convenient and effective auxiliary teaching system is developed. The main functional modules of the system include： micro video， uploading and downloading， check-in， binding， and online answering. The micro video module uses Dreamweaver to design video playback web pages to make micro video playback diverse. In addition to online viewing， it is also associated with FTP servers and has video uploading and downloading capabilities. Point-to-point direct transmission also improves file transmission efficiency and security.

Key words： WeChat public platform； auxiliary teaching system； micro video； system design

0 引言

在信息化飛速發(fā)展的契機(jī)下，高校不斷推出新的教學(xué)模式、教學(xué)方法，如翻轉(zhuǎn)課堂、微課、PBL等。這些新型的教學(xué)模式、教學(xué)方法需要借助便捷有效的平臺(tái)來開展教學(xué)。為廣大教師和學(xué)生搭建一個(gè)合適的移動(dòng)學(xué)習(xí)平臺(tái)，一方面可以達(dá)到充分吸引學(xué)生，實(shí)現(xiàn)碎片化學(xué)習(xí)、自主學(xué)習(xí)、互動(dòng)學(xué)習(xí)的目的；另一方面也為教師應(yīng)用、推廣新的教學(xué)模式、教學(xué)方法提供平臺(tái)。具有較強(qiáng)的實(shí)用價(jià)值。

目前，移動(dòng)互聯(lián)網(wǎng)端教育平臺(tái)主要以微信課堂及獨(dú)立開發(fā)APP教育平臺(tái)兩種形式出現(xiàn)[1]。2015年，上海交通大學(xué)移動(dòng)學(xué)習(xí)網(wǎng)設(shè)計(jì)和開發(fā)了基于IOS和Android的移動(dòng)學(xué)習(xí)平臺(tái)，實(shí)現(xiàn)了課程學(xué)習(xí)、視頻學(xué)習(xí)、在線答疑、課程現(xiàn)場直播等功能[2]。2015年，藍(lán)墨科技推出一款移動(dòng)教學(xué)助手App--藍(lán)墨云班課，利用移動(dòng)智能設(shè)備開展課堂內(nèi)外即時(shí)反饋互動(dòng)教學(xué)的云服務(wù)平臺(tái)。通過獨(dú)立開發(fā)APP教育平臺(tái)的模式開發(fā)出的教育平臺(tái)，雖然可以定制完善功能，但其重復(fù)的登陸、退出、安裝、卸載等給用戶帶來的繁冗工作也是非常重要的問題。隨著微信等軟件的發(fā)展，基于第三方的輕量級(jí)應(yīng)用正在成為一種發(fā)展迅速的應(yīng)用方式，并將對移動(dòng)開發(fā)領(lǐng)域帶來積極的影響[3]。微信公眾平臺(tái)跨平臺(tái)性好，開發(fā)成本低，運(yùn)行耗費(fèi)流量少，占用內(nèi)存資源少，依托微信平臺(tái)的龐大用戶數(shù)量推廣性好。本文設(shè)計(jì)的輔助教學(xué)系統(tǒng)即是基于微信公眾平臺(tái)的輕量級(jí)應(yīng)用。

1 系統(tǒng)架構(gòu)設(shè)計(jì)

系統(tǒng)將充分利用計(jì)算機(jī)、Internet等資源，建立一個(gè)以學(xué)生自主學(xué)習(xí)為中心的齊全、精良、可靠和健康的微信輔助教學(xué)系統(tǒng)。

本設(shè)計(jì)的整體設(shè)計(jì)架構(gòu)設(shè)為三層。

環(huán)境層：

⑴ 通過Dreamweaver的PHP模塊搭建PHP的開發(fā)環(huán)境，進(jìn)而編寫輔助教學(xué)系統(tǒng)的Web模塊功能部分，為建立Http站點(diǎn)設(shè)計(jì)基礎(chǔ)環(huán)境。

⑵ 開啟微信公眾平臺(tái)的開發(fā)者模式。

⑶ 在云數(shù)據(jù)庫建立后臺(tái)關(guān)系型數(shù)據(jù)庫，設(shè)立其關(guān)聯(lián)所必須的網(wǎng)絡(luò)秘鑰以及token編碼。

⑷ 在云服務(wù)器利用wamp sever搭載開發(fā)環(huán)境，裝載IIS以及服務(wù)器管理器。

界面層：

⑴ 通過微信公眾平臺(tái)開發(fā)者模式對微信公眾平臺(tái)的自定義菜單進(jìn)行編輯，把微信平臺(tái)的自定義菜單作為系統(tǒng)實(shí)現(xiàn)功能的主界面。

⑵ 利用開發(fā)者模式下的開發(fā)者文檔，開啟關(guān)鍵詞回復(fù)、第三方對接接口、以及第三方網(wǎng)站以及平臺(tái)的對接token和密鑰。

邏輯功能層：

邏輯功能層包括各個(gè)環(huán)境下的相應(yīng)功能開發(fā)以及最后功能模塊與主界面的關(guān)聯(lián)。

⑴ 利用云數(shù)據(jù)庫技術(shù)作為系統(tǒng)后臺(tái)數(shù)據(jù)庫，用于存儲(chǔ)用戶信息以及功能信息，再利用微信平臺(tái)開發(fā)端口將Dreamweaver編寫完成的Web模塊與云數(shù)據(jù)庫相關(guān)聯(lián)，并將Web站點(diǎn)上傳至云服務(wù)器，使系統(tǒng)具備Web模塊下的基礎(chǔ)功能，此時(shí)，輔助教學(xué)系統(tǒng)的功能已經(jīng)可以通過Web實(shí)現(xiàn)一部分。

⑵ 通過微信Web開發(fā)工具在開發(fā)者模式與云服務(wù)器的Web模塊對接。

2 系統(tǒng)功能設(shè)計(jì)

系統(tǒng)應(yīng)該總體分為教師模塊、學(xué)生模塊和管理員模塊，教師模塊功能：主要包括教師綁定、簽到、發(fā)布資源（包括學(xué)習(xí)資源、PBL資源）、發(fā)布作業(yè)、發(fā)布微測試、發(fā)布微視頻、在線答疑。學(xué)生模塊功能：主要包括學(xué)生綁定、簽到、查看資源（包括學(xué)習(xí)資源、PBL資源）、查看作業(yè)、查看微測試、查看微視頻、在線提問。以下詳細(xì)介紹比較有特色的相關(guān)模塊。

2.1 微視頻模塊設(shè)計(jì)

傳統(tǒng)的微信平臺(tái)僅僅支持在線觀看，而且平臺(tái)本身不支持下載也不具備上傳功能。本系統(tǒng)的微視頻模塊具有3個(gè)特色。

2.1.1 基于FTP站點(diǎn)的實(shí)時(shí)上傳和下載功能

實(shí)時(shí)上傳功能，需要保證其穩(wěn)定性和足夠的空間，以往的QQ群分享方式不足以滿足整個(gè)系統(tǒng)龐大用戶量的需求，因此本設(shè)計(jì)在云服務(wù)器建立一個(gè)24小時(shí)實(shí)時(shí)開啟的云FTP站點(diǎn)。FTP站點(diǎn)建立完成后，用戶通過我的電腦輸入云服務(wù)器IP，將獲取的Admin賬號(hào)密碼輸入，即可開啟實(shí)時(shí)上傳與下載功能。下載方式有別于web站點(diǎn)的下載方式，F(xiàn)TP作為用戶傳輸協(xié)議，可以實(shí)現(xiàn)服務(wù)器與用戶之間點(diǎn)對點(diǎn)的文件直接傳送。只需要將文件拖拽或者復(fù)制即可實(shí)現(xiàn)上傳與下載功能。教師用戶便是通過該FTP站點(diǎn)進(jìn)行微視頻上傳，由管理員進(jìn)行分類添加，學(xué)生用戶利用該站點(diǎn)進(jìn)行微視頻的下載與學(xué)習(xí)資料的上傳。另外，為了方便手機(jī)用戶使用，在定義菜單中加入了百度云盤的外鏈，并向用戶共享了同一個(gè)百度云賬號(hào)，不同的用戶可以登錄同一個(gè)賬號(hào)分享自己的資源或者下載別人的資源。點(diǎn)對點(diǎn)的直接傳輸方式也使得文件傳輸效率有效提高，且沒有中間網(wǎng)絡(luò)服務(wù)器緩存，文件僅在云服務(wù)器與用戶計(jì)算機(jī)之間存在，提升了安全性。

2.1.2 支持更多樣的播放方式

利用Dreamweaver設(shè)計(jì)視頻播放網(wǎng)頁從而使得微視頻的播放方式多樣，具備更強(qiáng)的可塑性。

2.1.3 指定用戶的視頻課程推送

本系統(tǒng)將微信平臺(tái)視頻功能與自動(dòng)回復(fù)功能、自定義菜單、素材庫、群發(fā)消息相結(jié)合，可以實(shí)現(xiàn)指定用戶的視頻課程推送，相關(guān)口令視頻課程的自動(dòng)回復(fù)等。用戶可以直接發(fā)送相應(yīng)視頻課程口令獲取視頻課程，也可以在平臺(tái)下方的自定義菜單點(diǎn)擊視頻課程按鈕。

2.2 實(shí)時(shí)問答模塊設(shè)計(jì)

教師可以利用微信平臺(tái)隨時(shí)關(guān)注學(xué)生互動(dòng)，答疑解惑。在測試了眾多第三方APP以及微信自帶的微信平臺(tái)助手后，選擇了“微信公眾號(hào)助手”來進(jìn)行第三方端口的授權(quán)，從而實(shí)現(xiàn)任意微信平臺(tái)的在線實(shí)時(shí)問答功能。

2.3 簽到模塊設(shè)計(jì)

通過一定范圍內(nèi)簽到功能，監(jiān)督學(xué)生考勤。用戶使用攝像頭掃描后，利用第三方平臺(tái)的動(dòng)態(tài)二維碼系統(tǒng)監(jiān)督學(xué)生的簽到行為，防止簽到作弊，該系統(tǒng)為第三方提供，掃描時(shí)需要驗(yàn)證微信登錄，大概每八秒更換一次動(dòng)態(tài)二維碼。之后將制作的web頁面的http鏈接嵌入微信新平臺(tái)即可獲得用戶反饋頁面。簽到完成顯示簽到成功，當(dāng)日無法二次簽到。

2.4 綁定功能設(shè)計(jì)

為了防止其他人員關(guān)注平臺(tái)后獲取綁定權(quán)限，影響教學(xué)系統(tǒng)安全性，綁定功能設(shè)計(jì)為人工審核模式。即通過用戶上傳個(gè)人信息至公眾平臺(tái)，從而給于適當(dāng)?shù)慕壎?quán)限，包括上傳下載教學(xué)資料的Admin賬號(hào)以及密碼，簽到微信動(dòng)態(tài)二維碼的地址以及微視頻上傳權(quán)限等。

3 結(jié)論

本文設(shè)計(jì)并實(shí)現(xiàn)的輔助教學(xué)系統(tǒng)是基于微信公眾平臺(tái)開發(fā)的，在常規(guī)功能基礎(chǔ)上，根據(jù)需求設(shè)計(jì)了微視頻實(shí)時(shí)上傳和下載功能、實(shí)時(shí)問答功能、防作弊簽到功能、用戶綁定功能。其中，微視頻模塊具有三個(gè)特色：基于FTP站點(diǎn)的實(shí)時(shí)上傳和下載功能；利用Dreamweaver設(shè)計(jì)視頻播放網(wǎng)頁，使得微視頻的播放方式多樣；指定用戶的視頻課程推送。

該輔助教學(xué)公眾號(hào)在近300名學(xué)生中試用，根據(jù)問卷調(diào)查結(jié)果顯示，對該輔助學(xué)習(xí)小助手非常滿意的學(xué)生達(dá)到26%，滿意的為61%，不滿意的為12%，1%為無效的反饋。

4 結(jié)束語

本文設(shè)計(jì)的基于微信公眾平臺(tái)的輔助教學(xué)系統(tǒng)，適合翻轉(zhuǎn)課堂、微課、PBL等新的教學(xué)模式、教學(xué)方法在教學(xué)中的運(yùn)用。該系統(tǒng)目前已經(jīng)在實(shí)際教學(xué)中試用，學(xué)生反饋效果較好，也發(fā)現(xiàn)了一些使用上不夠完善的地方，還需要細(xì)化相關(guān)的業(yè)務(wù)流程，進(jìn)一步提升用戶體驗(yàn)。另外，隨著微信小程序的快速發(fā)展，本設(shè)計(jì)將會(huì)嘗試采用關(guān)聯(lián)小程序的方式進(jìn)一步優(yōu)化。

參考文獻(xiàn)（References）：

[1] 劉萍，丁萍莉.基于微信小程序的互聯(lián)網(wǎng)+教育學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)[J].內(nèi)江科技，2016.12：45-46

[2]呂偉.基Android的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[D].南京師范大學(xué)，2013：3-5

[3] 賀佳佳，何頂新.微信公共平臺(tái)的OTA系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦，2015.7：12-14，16