基于微信公眾平臺(tái)與HTML5的課外微課堂

江啟煜

（廣州中醫(yī)藥大學(xué)醫(yī)學(xué)信息工程學(xué)院，廣東 廣州510006）

基于微信公眾平臺(tái)與HTML5的課外微課堂

江啟煜

（廣州中醫(yī)藥大學(xué)醫(yī)學(xué)信息工程學(xué)院，廣東 廣州510006）

為了提高大學(xué)生的課外學(xué)習(xí)自主性，彌補(bǔ)課堂教學(xué)的不足，提出一種基于微信公眾平臺(tái)與HTML5的課外微課堂，在其技術(shù)應(yīng)用特點(diǎn)基礎(chǔ)上設(shè)計(jì)了相應(yīng)的圖文知識(shí)點(diǎn)推送、知識(shí)點(diǎn)查詢(xún)、微視音頻教學(xué)、點(diǎn)對(duì)點(diǎn)問(wèn)答等教學(xué)模式，以《Visual Basic程序設(shè)計(jì)》為例，介紹了各種模式下的具體示例，并闡述了教學(xué)內(nèi)容素材的建設(shè)方法以及微課堂公眾號(hào)推廣管理等具體教學(xué)實(shí)施過(guò)程。此外，對(duì)課外微課堂公眾平臺(tái)的優(yōu)勢(shì)與不足亦進(jìn)行了相應(yīng)的探討。

微信公眾平臺(tái)；HTML5；課外微課堂；教學(xué)模式

在大學(xué)教育中，培養(yǎng)大學(xué)生的自我學(xué)習(xí)和接受知識(shí)的能力非常重要，這將有賴(lài)于學(xué)生課外學(xué)習(xí)的自覺(jué)性和興趣性。然而，單純的課后作業(yè)和練習(xí)平臺(tái)可能已經(jīng)難以提高新生代大學(xué)生的自學(xué)主動(dòng)性。如果能結(jié)合當(dāng)代大學(xué)生的興趣特點(diǎn)，與時(shí)俱進(jìn)地設(shè)計(jì)學(xué)生容易接受的課外微課堂平臺(tái)，將顯著有助于提高學(xué)生課外學(xué)習(xí)的主觀能動(dòng)性，提高課程的學(xué)習(xí)效率。隨著互聯(lián)信息技術(shù)的發(fā)展，微信及其公眾平臺(tái)[1]已經(jīng)成為學(xué)生群體中必不可少的通訊與交流工具，這將為基于微信公眾平臺(tái)打造師生溝通的課外微課堂提供可行的基礎(chǔ)。本文將以《Visual Basic程序設(shè)計(jì)》[2][3]為例，針對(duì)微信公眾平臺(tái)的特點(diǎn)，設(shè)計(jì)相應(yīng)的圖文知識(shí)點(diǎn)推送、知識(shí)點(diǎn)查詢(xún)、微視音頻教學(xué)、點(diǎn)對(duì)點(diǎn)問(wèn)答等教學(xué)模式，并闡述圖文素材、教學(xué)微視頻音頻、知識(shí)點(diǎn)數(shù)據(jù)庫(kù)等教學(xué)內(nèi)容的建立方法，并對(duì)如何具體實(shí)施基于公眾號(hào)的互動(dòng)教學(xué)過(guò)程進(jìn)行詳細(xì)的探討。

一、微信公眾平臺(tái)與HTML5簡(jiǎn)介

微信公眾平臺(tái)是一種基于微信軟件的公眾推廣平臺(tái)，申請(qǐng)者通過(guò)申請(qǐng)驗(yàn)證后，可以在公眾號(hào)的后臺(tái)進(jìn)行圖文的編輯等若干功能的控制設(shè)置，用戶(hù)只需通過(guò)搜索或二維碼關(guān)注該公眾號(hào)后即可接收該公眾號(hào)推送的消息，并可以向該公眾號(hào)發(fā)送關(guān)鍵詞獲取相應(yīng)的自動(dòng)回復(fù)，或者向該公眾號(hào)的管理者發(fā)送各種消息。微信公眾平臺(tái)的管理模式包括編輯模式以及開(kāi)發(fā)模式，前者只需要在管理后臺(tái)直接編輯消息和設(shè)置即可，后者可以靈活地使用PHP等語(yǔ)言進(jìn)行微信公眾號(hào)json數(shù)據(jù)包的接口開(kāi)發(fā)，設(shè)計(jì)個(gè)性的Web系統(tǒng)與之連接，因此可以實(shí)現(xiàn)數(shù)據(jù)庫(kù)的查詢(xún)、數(shù)據(jù)的自動(dòng)處理運(yùn)算等。此外，微信公眾平臺(tái)后臺(tái)還提供了菜單的添加設(shè)置功能，能夠使用戶(hù)方便地鏈接到特定的微網(wǎng)頁(yè)或各種移動(dòng)Web上。

HTML5是一種新的Web2.0技術(shù)標(biāo)準(zhǔn)[4]，它主要的特點(diǎn)是賦予了更靈活和豐富的多媒體信息支持。例如新引入的canvas標(biāo)簽?zāi)軌蛟诰W(wǎng)頁(yè)上自由生成各種圖形圖像，video元素能夠直接支持視頻的播放，audio元素能夠直接支持音頻的播放，這些將使網(wǎng)頁(yè)多媒體信息的構(gòu)建使用大大簡(jiǎn)便。微信內(nèi)置的瀏覽器更是能夠支持瀏覽基于HTML5的Web系統(tǒng)，基于微信公眾平臺(tái)與HTML5的課外微課堂的技術(shù)框架如圖1所示。

圖1 技術(shù)框架

二、課外微課堂的設(shè)計(jì)與實(shí)施

面向非計(jì)算機(jī)專(zhuān)業(yè)的學(xué)生講授《Visual Basic程序設(shè)計(jì)》，由于學(xué)生的非專(zhuān)業(yè)性，往往對(duì)該門(mén)課程不感興趣，學(xué)習(xí)效率較低，對(duì)于數(shù)理邏輯的理解能力也較低，所以生動(dòng)形象地講解，使學(xué)生有興趣地接受，是提高學(xué)習(xí)效率的關(guān)鍵。下面闡述如何基于微信公眾平臺(tái)與HTML5實(shí)現(xiàn)《Visual Basic程序設(shè)計(jì)》課外微課堂。

1.根據(jù)微信公眾平臺(tái)與HTML5特點(diǎn)組織合理的教學(xué)模式

（1）微視頻音頻教學(xué)模式

在圖1所示的技術(shù)框架中，可知微信公眾平臺(tái)的功能可以實(shí)現(xiàn)菜單鏈接的Web系統(tǒng)，用戶(hù)可以通過(guò)微信的內(nèi)置瀏覽器瀏覽相應(yīng)的音視頻，因此可以實(shí)現(xiàn)課外微課堂的“微視頻音頻”教學(xué)模式。在此模式中，教師可以選取課堂上不容易理解的重點(diǎn)和難點(diǎn)知識(shí)點(diǎn)，對(duì)整個(gè)知識(shí)流程進(jìn)行操作視頻演示，并且可以錄制相應(yīng)的音頻進(jìn)行旁白講解。對(duì)于程序設(shè)計(jì)而言，具體的形式可以是板書(shū)運(yùn)算演示，程序代碼的運(yùn)行與比較等。例如通過(guò)不同的代碼演示IF….THEN語(yǔ)句少了END IF結(jié)構(gòu)在何種情況下是正確及錯(cuò)誤，演示結(jié)果將會(huì)直觀容易接受。再例如FOR……NEXT循環(huán)，演示每一次循環(huán)過(guò)程中循環(huán)變量的變化、循環(huán)的流程以及循環(huán)體的運(yùn)算結(jié)果，這將有利于學(xué)生對(duì)循環(huán)結(jié)構(gòu)流程運(yùn)行的理解。尤其是對(duì)于程序設(shè)計(jì)的初學(xué)者而言，一步步的代碼書(shū)寫(xiě)與調(diào)試演示，將能夠彌補(bǔ)書(shū)本知識(shí)純理論的枯燥與抽象難懂。學(xué)生通過(guò)觀看演示視頻，通過(guò)直觀體會(huì)和模仿，能夠快速建立程序設(shè)計(jì)的成就感，從而提高學(xué)習(xí)的積極性。

（2）圖文知識(shí)點(diǎn)推送教學(xué)模式

圖文推送是微信公眾平臺(tái)的首要功能，主要由作者、標(biāo)題、文本、圖片、封面組成。在此教學(xué)模式中，可以使用多個(gè)圖片配合簡(jiǎn)短的文字把知識(shí)點(diǎn)轉(zhuǎn)化為簡(jiǎn)潔易懂的微型“畫(huà)冊(cè)”，這將使許多知識(shí)點(diǎn)生動(dòng)形象化，能夠大大提高學(xué)生的閱讀學(xué)習(xí)興趣，降低學(xué)生學(xué)習(xí)時(shí)的理解難度。例如Visual Basic界面設(shè)計(jì)中，常用控件的常用屬性、方法對(duì)于初學(xué)者而言可能不容易記憶，如果使用此圖文推送模式，可以對(duì)容易混淆的屬性進(jìn)行反復(fù)強(qiáng)調(diào)對(duì)比，對(duì)難以理解的屬性盡量形象化。如圖2所示的圖文推送消息中，在一個(gè)窗體圖中同時(shí)顯示了控件的幾個(gè)常用屬性：Top、Left、Width、Height、ScaleWidth、ScaleHeight、ScaleTop、ScaleLeft。這些屬性中主要包括了兩組屬性，前四個(gè)屬性是描述控件的寬度高度以及在窗體中的定位，而后四個(gè)屬性描述的是窗體的自定義坐標(biāo)系統(tǒng)的參數(shù)，在實(shí)際教學(xué)過(guò)程中，學(xué)生往往不容易記憶區(qū)分。而在此圖文設(shè)計(jì)中，通過(guò)在窗體控件圖中直觀標(biāo)畫(huà)出這些屬性的含義，配以簡(jiǎn)要文字說(shuō)明，兩組屬性區(qū)分明顯。

圖2 手機(jī)微信公眾號(hào)圖文消息示例

（3）知識(shí)點(diǎn)查詢(xún)教學(xué)模式

微信公眾平臺(tái)能夠設(shè)置關(guān)鍵詞自動(dòng)回復(fù)，這將為微課堂提供方便的知識(shí)點(diǎn)查詢(xún)教學(xué)模式。教師為每個(gè)知識(shí)點(diǎn)提取合適的關(guān)鍵詞，并為每個(gè)知識(shí)點(diǎn)錄入合適的文字講義或圖文講義。學(xué)生用戶(hù)可以針對(duì)自己的學(xué)習(xí)情況，對(duì)想了解的知識(shí)點(diǎn)發(fā)送合適的關(guān)鍵詞進(jìn)行查詢(xún)，系統(tǒng)將匹配的知識(shí)點(diǎn)講義返回給學(xué)生用戶(hù)。例如用戶(hù)發(fā)送“MID”或“MID函數(shù)”，微課堂將會(huì)返回Visual Basic中MID函數(shù)的各個(gè)參數(shù)含義，具體用法以及代碼示例。教師通過(guò)將很多零散的知識(shí)點(diǎn)存儲(chǔ)于微課堂公眾平臺(tái)中，學(xué)生用戶(hù)將能夠隨時(shí)根據(jù)自己的學(xué)習(xí)需要查詢(xún)不同的知識(shí)點(diǎn)，靈活地進(jìn)行鞏固復(fù)習(xí)。

（4）點(diǎn)對(duì)點(diǎn)問(wèn)答教學(xué)模式

除了上述教學(xué)模式外，微課堂公眾平臺(tái)還支持用戶(hù)向平臺(tái)管理者單獨(dú)發(fā)送消息，因此學(xué)生可以通過(guò)微課堂平臺(tái)向教師提問(wèn)，教師亦能回復(fù)相應(yīng)的消息，實(shí)現(xiàn)師生互動(dòng)的點(diǎn)對(duì)點(diǎn)問(wèn)答教學(xué)模式。這不但為師生之間提供了點(diǎn)對(duì)點(diǎn)的輔導(dǎo)方式，解答學(xué)生的疑難，還為師生之間創(chuàng)造了溝通互動(dòng)的途徑，使教師能夠及時(shí)掌握學(xué)生的學(xué)習(xí)動(dòng)態(tài)與進(jìn)度，了解學(xué)生普遍存在的學(xué)習(xí)問(wèn)題，使教師在真實(shí)課堂中能更有重點(diǎn)地針對(duì)學(xué)生的疑難與問(wèn)題進(jìn)行講授。

2.教學(xué)實(shí)施過(guò)程

（1）教學(xué)內(nèi)容素材設(shè)計(jì)

建立適應(yīng)微課堂公眾號(hào)的教學(xué)內(nèi)容素材，是實(shí)施教學(xué)過(guò)程的第一步，具體包括建立基本圖文素材、制作微視頻音頻、建立關(guān)鍵知識(shí)點(diǎn)數(shù)據(jù)庫(kù)等。基本圖文素材可以來(lái)源于PPT課件、網(wǎng)絡(luò)素材、教材、教學(xué)參考書(shū)等，也可以是教師自行制作的解說(shuō)圖文，以簡(jiǎn)潔易懂、學(xué)生容易接受為原則。微視頻音頻可以通過(guò)屏幕錄制軟件制作演示過(guò)程，或通過(guò)簡(jiǎn)便的攝像錄影器材進(jìn)行教學(xué)過(guò)程的錄制，由于視頻短小，質(zhì)量要求不高，學(xué)生能清晰觀看即可，因此制作過(guò)程相對(duì)容易。知識(shí)點(diǎn)數(shù)據(jù)庫(kù)由教學(xué)大綱中需掌握和理解的知識(shí)點(diǎn)凝練而成，每條數(shù)據(jù)庫(kù)記錄包括知識(shí)點(diǎn)內(nèi)容、關(guān)鍵詞等信息組成，教師需要對(duì)每條知識(shí)點(diǎn)提取若干關(guān)鍵詞，使學(xué)生能夠通過(guò)微課堂公眾號(hào)查詢(xún)。以《Visual Basic程序設(shè)計(jì)》為例，由于其是一門(mén)注重實(shí)踐和理解的編程課程，在微課堂公眾號(hào)上建立眾多的解說(shuō)和界面圖文，制作充分的代碼演示視頻，并建立函數(shù)和語(yǔ)句用法知識(shí)點(diǎn)數(shù)據(jù)庫(kù)，將能夠使學(xué)生更容易理解該課程，產(chǎn)生自主學(xué)習(xí)興趣。

（2）推廣公眾號(hào)，建立課外學(xué)習(xí)微課堂

在創(chuàng)建微課堂公眾號(hào)并完成素材制作錄入的基礎(chǔ)上，即可向教學(xué)班級(jí)推廣普及微課堂公眾號(hào)，建立師生之間的課外學(xué)習(xí)聯(lián)系。學(xué)生直接掃描二維碼或者在微信中搜索微課堂公眾號(hào)的名稱(chēng)，即可關(guān)注微課堂公眾號(hào)。教師在管理公眾號(hào)的過(guò)程中，每天在微課堂后臺(tái)推送一條不同的圖文知識(shí)點(diǎn)，激發(fā)學(xué)生主動(dòng)學(xué)習(xí)的興趣。教師在后臺(tái)能夠看到每一條圖文知識(shí)點(diǎn)被學(xué)生閱讀的次數(shù)，以及關(guān)注公眾號(hào)的學(xué)生數(shù)量，能及時(shí)把握學(xué)生對(duì)每一個(gè)知識(shí)點(diǎn)學(xué)習(xí)的進(jìn)度。在學(xué)習(xí)一段時(shí)間后，教師還可以發(fā)送測(cè)試題目，要求學(xué)生作答回復(fù)，以了解學(xué)習(xí)的效果。此外，學(xué)生通過(guò)直接向微課堂公眾號(hào)發(fā)送學(xué)習(xí)過(guò)程中遇到的疑難問(wèn)題，教師能夠在后臺(tái)中單獨(dú)做出相應(yīng)的回答，實(shí)現(xiàn)師生之間的點(diǎn)對(duì)點(diǎn)互動(dòng)問(wèn)答。

三、課外微課堂的優(yōu)勢(shì)與不足

基于微信公眾號(hào)與HTML5的課外微課堂，是大學(xué)課堂外教學(xué)的有機(jī)補(bǔ)充，其主要優(yōu)勢(shì)特點(diǎn)是將課程知識(shí)融合于當(dāng)代大學(xué)生普遍使用的通訊交流平臺(tái)中，增強(qiáng)學(xué)生的學(xué)習(xí)主動(dòng)性和學(xué)習(xí)興趣，提高學(xué)生的學(xué)習(xí)效率。微課堂公眾號(hào)自身可作為一種廣義的“慕課”，“慕課”的主要特點(diǎn)是提供一個(gè)學(xué)習(xí)的網(wǎng)絡(luò)平臺(tái)[5][6]，只是教學(xué)模式上有所差異。而微課堂公眾號(hào)中的微視音頻教學(xué)，與傳統(tǒng)的“微課”[7]資源相似，可以作為微課的補(bǔ)充。學(xué)生能夠隨時(shí)接收教師主動(dòng)推送的“知識(shí)點(diǎn)”，能夠通過(guò)平臺(tái)隨時(shí)以關(guān)鍵詞查詢(xún)各種知識(shí)點(diǎn)甚至咨詢(xún)老師，這是“微課”和“慕課”所沒(méi)有的。當(dāng)然微課堂公眾號(hào)也存在不足之處，例如教師要花一定的時(shí)間與精力去建設(shè)教學(xué)內(nèi)容素材，也要管理公眾號(hào)及主動(dòng)推送消息，這確實(shí)增加了教師的工作量，可對(duì)于這種創(chuàng)新的課外微課堂來(lái)說(shuō)，教師所做的這些工作是為了方便學(xué)生能更好更高效率地學(xué)習(xí)，是教學(xué)精神的體現(xiàn)，同時(shí)也間接提高了課堂內(nèi)教學(xué)的成效。

四、結(jié)束語(yǔ)

隨著信息技術(shù)的發(fā)展與課堂外學(xué)習(xí)方式的靈活化，各種課外學(xué)習(xí)資源不斷涌現(xiàn)。本文基于微信公眾平臺(tái)與HTML5提出一種新的課外微課堂教學(xué)平臺(tái)，設(shè)計(jì)了圖文知識(shí)點(diǎn)推送、知識(shí)點(diǎn)查詢(xún)、微視音頻教學(xué)、點(diǎn)對(duì)點(diǎn)問(wèn)答等微課堂公眾平臺(tái)教學(xué)模式，并以《Visual Basic程序設(shè)計(jì)》為例，介紹了各種模式下的具體示例，并闡述了教學(xué)素材的設(shè)計(jì)以及微課堂公眾號(hào)的建立推廣。本平臺(tái)對(duì)教師而言，能夠在課外進(jìn)一步督促大學(xué)生自主學(xué)習(xí)，對(duì)于學(xué)生而言，能夠顯著提高學(xué)習(xí)的興趣和效果，具有“教”、“學(xué)”相長(zhǎng)的作用。此外，該平臺(tái)具有一定的創(chuàng)新性與實(shí)用性，能夠應(yīng)用于各種大學(xué)課程，容易推廣普及于大學(xué)生群體。因此，這種課外微課堂公眾號(hào)具有一定的推廣價(jià)值和意義。

[1]王磊,鄒鎧同.微信公眾平臺(tái)在高校中的應(yīng)用[J].電子技術(shù)與軟件工程,2014(7):42.

[2]王曉東,王文燕.Visual Basic程序設(shè)計(jì)簡(jiǎn)明教程[M].北京：中國(guó)水利水電出版社,2009.

[3]許新民.教學(xué)設(shè)計(jì)在《VB語(yǔ)言程序設(shè)計(jì)》中的運(yùn)用探討[J].長(zhǎng)江大學(xué)學(xué)報(bào)(自然科學(xué)版),2011(8):130-133.

[4]胡建平.Canvas平臺(tái)支持下的翻轉(zhuǎn)課堂實(shí)踐探究[J].中國(guó)遠(yuǎn)程教育,2014(9):72-77,96.

[5]袁利永,馬永進(jìn).VB程序設(shè)計(jì)基礎(chǔ)慕課建設(shè)的一些思考[J].計(jì)算機(jī)教育,2015(8):5-7.

[6]穆艷玲.在線學(xué)習(xí):慕課的新模式[J].中國(guó)教育信息化,2015(3):18-20.

[7]祁博.微課在計(jì)算機(jī)基礎(chǔ)教學(xué)中的應(yīng)用[J].計(jì)算機(jī)教育,2014(24):82-85.

（編輯：魯利瑞）

G642

A

1673-8454（2016）24-0073-03