基于微信及微網(wǎng)站的高職院校移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

宋永生

摘要：在微信及微網(wǎng)站的基礎(chǔ)上，設(shè)計(jì)并實(shí)現(xiàn)了移動(dòng)學(xué)習(xí)平臺(tái)。該學(xué)習(xí)平臺(tái)結(jié)合視頻直播，視頻點(diǎn)播等技術(shù)為高職院校學(xué)生提供了便利的移動(dòng)學(xué)習(xí)平臺(tái)。學(xué)生可以隨時(shí)隨地的利用碎片化時(shí)間，自主搜索并選擇感興趣的課程進(jìn)行學(xué)習(xí)。該系統(tǒng)自然直觀、簡便易用。

關(guān)鍵詞：微信；微網(wǎng)站；高職院校；學(xué)習(xí)平臺(tái)

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）27-0173-03

Abstract： A Mobile Learning platform is designed and implemented based on WeChat and micro-site. The learning platform combined with live video， video on demand and other technologies to provide a convenient mobile learning platform for students in Higher Vocational Colleges. Students can make use of the fragmentation of time anywhere， autonomous search and choose the courses of interest to learn. The system is naturally intuitive and easy to use.

Key words： WeChat； Micro-site； Higher Vocational Colleges； learning platform

隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展及智能手機(jī)的大量普及，越來越多的人喜歡用手機(jī)上網(wǎng)和使用微信等社交軟件。根據(jù)騰訊公司發(fā)布的2016中期報(bào)告顯示，微信的月活躍用戶數(shù)達(dá)到8.06億，同比增長34%。微信的傳播具有移動(dòng)性、社交性、定制性、多媒體性等特征，利用在高職院校學(xué)生中高普及率的智能手機(jī)和微信一起構(gòu)建教學(xué)互動(dòng)平臺(tái)，把傳統(tǒng)教學(xué)方式的優(yōu)勢(shì)與移動(dòng)互聯(lián)網(wǎng)的學(xué)習(xí)優(yōu)勢(shì)結(jié)合起來，是一個(gè)很有價(jià)值的研究[1]。

微網(wǎng)站源于APP和網(wǎng)站的融合創(chuàng)新，兼容iOS、Android、WP等各大操作系統(tǒng)，可以方便的與微信、微博等應(yīng)用的鏈接，滿足移動(dòng)終端對(duì)瀏覽體驗(yàn)與交互性能要求的新一代網(wǎng)站。只需要簡單的掃描一下二維碼即可在手機(jī)上瀏覽到一個(gè)頁面排版精致的網(wǎng)站。它既有APP的優(yōu)點(diǎn)，又可以快速開發(fā)和更迭。

本文在微信和微網(wǎng)站的基礎(chǔ)上，設(shè)計(jì)并實(shí)現(xiàn)了高職院校移動(dòng)學(xué)習(xí)平臺(tái)，課程以視頻為主要呈現(xiàn)方式，學(xué)生可以自主搜索并選擇感興趣的課程進(jìn)行學(xué)習(xí)。

1 系統(tǒng)總體架構(gòu)

微信公眾平臺(tái)處理程序及微網(wǎng)站采用C#語言開發(fā)，開發(fā)環(huán)境選擇Visual Studio 2010 SP1，.net 4.0，數(shù)據(jù)庫采用SQL Server 2008，Web應(yīng)用服務(wù)器采用IIS 7.0。

移動(dòng)學(xué)習(xí)平臺(tái)主要包括：通知推送、課程推薦、課程查詢、課程直播、課程點(diǎn)播、在線測(cè)驗(yàn)和交流討論七個(gè)子模塊。

關(guān)注移動(dòng)學(xué)習(xí)平臺(tái)的微信公眾號(hào)以后，老師可以通過微信公眾號(hào)群發(fā)通知和推薦的課程信息，學(xué)生通過微信公眾號(hào)的自定義菜單即可進(jìn)入微網(wǎng)站進(jìn)行課程的查詢，課程的在線直播學(xué)習(xí)、課程的點(diǎn)播學(xué)習(xí)，并可以在線測(cè)驗(yàn)，檢驗(yàn)學(xué)習(xí)效果，針對(duì)學(xué)習(xí)中遇到的問題，可以在該課程的微信群中交流討論。

系統(tǒng)的總體架構(gòu)如圖1所示：

2 關(guān)鍵技術(shù)

2.1 微信公眾平臺(tái)

微信公眾平臺(tái)是一個(gè)給個(gè)人、企業(yè)和組織提供具有業(yè)務(wù)服務(wù)與用戶管理能力的全新服務(wù)平臺(tái)。微信公眾號(hào)分為訂閱號(hào)、服務(wù)號(hào)和企業(yè)號(hào)，具有群發(fā)推送、自動(dòng)回復(fù)和服務(wù)定制等功能，只要學(xué)生關(guān)注移動(dòng)學(xué)習(xí)平臺(tái)的微信公眾號(hào)，就可以接受老師推送的課程信息，課程信息中可以包括PPT、視頻等多媒體數(shù)字學(xué)習(xí)資源。

從微信客戶端發(fā)送請(qǐng)求，到公眾號(hào)的接受與響應(yīng)，中間會(huì)通過微信服務(wù)器的處理[2]，并最終將返回的內(nèi)容發(fā)送至微信客戶端，整個(gè)信息的交互流程如圖2所示：

2.2 微信群

老師創(chuàng)建所授網(wǎng)絡(luò)課程的微信群，學(xué)生可以加入到該課程的微信群進(jìn)行交流討論。微信群給師生的交流、討論帶來了極大的方便，具有相當(dāng)強(qiáng)的實(shí)時(shí)性，互動(dòng)性。學(xué)生可以在微信群中提出課程相關(guān)的問題，發(fā)表自己的看法及提交作業(yè)，老師可以隨時(shí)隨地的進(jìn)行在線答疑，針對(duì)普遍存在的問題，老師可以通過語音群聊進(jìn)行答疑。微信群中傳播的文字、圖片、語音、視頻等信息相對(duì)零散，缺乏組織性、系統(tǒng)性，這個(gè)問題可以通過HTML5微網(wǎng)站解決。

2.3 HTML 5技術(shù)

HTML 5是HTML（超文本標(biāo)示語言）的第五次重大修改。HTML5將會(huì)取代1999年制定的HTML 4.01、XHTML 1.0標(biāo)準(zhǔn)，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求，為桌面和移動(dòng)平臺(tái)帶來無縫銜接的豐富內(nèi)容。HTML5具有非常好的跨平臺(tái)性和瀏覽器兼容性，所以對(duì)移動(dòng)設(shè)備支持好。現(xiàn)在微信中的很多邀請(qǐng)函、小游戲、產(chǎn)品介紹和活動(dòng)宣傳頁等就是HTML5網(wǎng)頁作品[3]。HTML5網(wǎng)頁可以將文字、圖片、聲音、視頻等信息有機(jī)的組合在一起，作為一個(gè)完整系統(tǒng)的作品可以通過為微信公眾平臺(tái)或者微信群進(jìn)行發(fā)布。HTML5微網(wǎng)站與微信公眾平臺(tái)、微信群相結(jié)合，將為移動(dòng)學(xué)習(xí)平臺(tái)注入強(qiáng)大的活力。

2.4 視頻直播

課程的音視頻采集需要通過連接在電腦上的麥克風(fēng)、攝像頭等輸入設(shè)備；音視頻編碼可采用Adobe Media Encoder 軟件。Adobe Media Encoder 是一款由Adobe公司開發(fā)的視頻與音頻編碼工具，可針對(duì)不同的應(yīng)用，以多種分發(fā)格式對(duì)音頻和視頻文件進(jìn)行編碼。將麥克風(fēng)、攝像頭采集的音視頻信息按照一定的格式編碼成音視頻流，采用邊錄制邊上傳的形式實(shí)時(shí)上傳至流媒體服務(wù)器[4]。

流媒體服務(wù)器采用Adobe Flash Media Server軟件進(jìn)行搭建，Adobe Flash Media Server是知名的高性能流媒體服務(wù)器軟件，采用RTMP協(xié)議傳輸音頻和視頻流[5]，它是一個(gè)存放音頻和視頻媒體文件的網(wǎng)絡(luò)中心。要訪問音視頻時(shí)，播放器生成一個(gè)請(qǐng)求并通過RTMP協(xié)議發(fā)送請(qǐng)求，定位媒體文件，進(jìn)而加載到播放器中。音頻和視頻文件一旦抵達(dá)運(yùn)行著Flash Player插件的瀏覽器就開始播放，文件不需要下載到瀏覽器的緩存中。

RTMP協(xié)議是采用傳輸控制協(xié)議實(shí)現(xiàn)Flash Player和Flash媒體播放器之間數(shù)據(jù)包傳遞的私有協(xié)議，它是用來傳輸視頻、音頻文件到SWF文件，而此SWF文件可以內(nèi)嵌到一個(gè)網(wǎng)頁中。課程直播網(wǎng)頁中嵌入的視頻播放器選擇CKplayer播放器。CKplayer播放器是一款用于網(wǎng)頁上播放視頻的軟件，兼容Flash與Html5，支持Http協(xié)議下的Flv，F(xiàn)4v和Mp4格式，同時(shí)支持RTMP視頻流格式播放。

2.5 視頻點(diǎn)播

老師可以將剪輯好的課程視頻文件或直播中生成的視頻文件通過Flash Media Server或Helix Server 等流媒體服務(wù)軟件進(jìn)行發(fā)布，學(xué)生通過內(nèi)嵌CKplayer播放器的網(wǎng)頁觀看課程視頻點(diǎn)播。

自行搭建視頻點(diǎn)播服務(wù)不僅要求服務(wù)器要有足夠的硬盤空間，較強(qiáng)的處理能力，而且對(duì)網(wǎng)絡(luò)帶寬要求較高，成本較大?？梢越柚诂F(xiàn)有的網(wǎng)絡(luò)視頻平臺(tái)，如優(yōu)酷、土豆、愛奇藝、酷6等，通過比較，選擇在優(yōu)酷網(wǎng)上發(fā)布教學(xué)視頻，可以為教學(xué)視頻設(shè)置密碼，便于視頻知識(shí)產(chǎn)權(quán)的保護(hù)。課程視頻在優(yōu)酷上發(fā)布后，將該視頻的通用分享代碼嵌入到視頻點(diǎn)播Html5網(wǎng)頁中，學(xué)生就可以通過微網(wǎng)站點(diǎn)播教學(xué)視頻了。在觀看教學(xué)視頻的時(shí)候，學(xué)生只有輸入正確的密碼才可以觀看。

3 平臺(tái)實(shí)現(xiàn)

實(shí)驗(yàn)選用的手機(jī)為紅米 3S，Android版本為6.0.1 ，手機(jī)上安裝微信APP客戶端的版本為6.3.25，直播中PC端音視頻編碼軟件選擇Flash Media Live Encoder 3.2，流媒體服務(wù)器軟件選擇Adobe Flash Media Server 4.5，視頻直播微網(wǎng)站中的網(wǎng)頁內(nèi)嵌播放器選擇CKplayer 6.8，視頻點(diǎn)播中視頻的發(fā)布網(wǎng)站選擇優(yōu)酷網(wǎng)。

老師首先關(guān)注移動(dòng)學(xué)習(xí)平臺(tái)的微信公眾號(hào)（如圖3所示），通過微信公眾平臺(tái)推送通知公告及課程信息等，在微網(wǎng)站上以視頻直播或錄播的方式創(chuàng)建課程；老師可以在課程微信群中布置作業(yè)，引導(dǎo)學(xué)生復(fù)習(xí)，查看評(píng)價(jià)及對(duì)學(xué)生課后輔導(dǎo)等。如果是需要學(xué)生付費(fèi)才能學(xué)習(xí)的課程，可設(shè)置觀看視頻的密碼。

學(xué)生通過關(guān)注移動(dòng)學(xué)習(xí)平臺(tái)的微信公眾號(hào)，進(jìn)入學(xué)習(xí)平臺(tái)，查詢了解課程及老師信息，可以隨時(shí)隨地的觀看教學(xué)視頻進(jìn)行學(xué)習(xí)（如圖4所示）或進(jìn)行在線測(cè)驗(yàn)（如圖5所示），還可以通過微信群與老師、其他學(xué)生等進(jìn)行在線交流互動(dòng)，加深對(duì)學(xué)習(xí)內(nèi)容的理解。

4 結(jié)束語

本文在微信及微網(wǎng)站的基礎(chǔ)上，設(shè)計(jì)并實(shí)現(xiàn)了高職院校的移動(dòng)學(xué)習(xí)平臺(tái)，學(xué)生可以隨時(shí)隨地通過安裝有微信客戶端的移動(dòng)設(shè)備，搜索并選擇自己感興趣的課程進(jìn)行學(xué)習(xí)，打破了傳統(tǒng)學(xué)習(xí)方式對(duì)時(shí)間和場(chǎng)所的限制，極大地提升了學(xué)習(xí)的便捷性。該學(xué)習(xí)平臺(tái)簡單易用，為高職院校學(xué)生外出頂崗實(shí)習(xí)期間的學(xué)習(xí)不便提供了很好的解決方案。

如何提高學(xué)習(xí)平臺(tái)的活力是下一步研究的重要內(nèi)容。學(xué)習(xí)平臺(tái)目前的收入主要來自廣告。為了保證學(xué)習(xí)平臺(tái)的可持續(xù)發(fā)展，老師在分享課程視頻時(shí)，可以設(shè)置自己的課程價(jià)格，學(xué)生可以利用微信進(jìn)行支付，平臺(tái)和老師按照約定進(jìn)行分成。這樣老師才有動(dòng)力制作視頻課程，學(xué)生也將會(huì)更加珍惜學(xué)習(xí)的機(jī)會(huì)，平臺(tái)也有了維護(hù)和發(fā)展的動(dòng)力。

參考文獻(xiàn)：

[1] 韓璐. 基于微信公眾號(hào)開展教學(xué)的思考[J]. 商， 2015（26）： 205-207.

[2] 劉捷. 微信公眾平臺(tái)企業(yè)應(yīng)用開發(fā)實(shí)戰(zhàn)[M]. 北京： 電子工業(yè)出版社， 2015.

[3] 劉勇， 余劍波. 常用HTML5互動(dòng)網(wǎng)頁創(chuàng)作平臺(tái)及其教育應(yīng)用[J]. 發(fā)明與創(chuàng)新：教育信息化， 2016（1）： 59-61.

[4] 楊名陽， 張志剛， 葉保留. 一種基于Android手機(jī)的移動(dòng)視頻直播系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 微電子學(xué)與計(jì)算機(jī)， 2013， 3（4）： 164-168.

[5] 閆俊伢. 基于Flash Media Server技術(shù)的遠(yuǎn)程視頻教學(xué)系統(tǒng)[J]. 內(nèi)蒙古師范大學(xué)學(xué)報(bào)：自然科學(xué)漢文版， 2016， 45（1）： 98-103.