江啟煜

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

基于微信公眾平臺與HTML5的課外微課堂

江啟煜

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

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

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

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

一、微信公眾平臺與HTML5簡介

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

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

圖1 技術(shù)框架

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)束語

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

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

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

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

[4]胡建平.Canvas平臺支持下的翻轉(zhuǎn)課堂實(shí)踐探究[J].中國遠(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].中國教育信息化,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