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

江啟煜

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

關鍵詞：微信公眾平臺；HTML5；課外微課堂；教學模式

中圖分類號：G642 文獻標志碼：A 文章編號：1673-8454（2016）24-0073-03

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

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

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

HTML5是一種新的Web2.0技術標準[4]，它主要的特點是賦予了更靈活和豐富的多媒體信息支持。例如新引入的canvas標簽能夠在網頁上自由生成各種圖形圖像，video元素能夠直接支持視頻的播放，audio元素能夠直接支持音頻的播放，這些將使網頁多媒體信息的構建使用大大簡便。微信內置的瀏覽器更是能夠支持瀏覽基于HTML5的Web系統，基于微信公眾平臺與HTML5的課外微課堂的技術框架如圖1所示。

二、課外微課堂的設計與實施

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

1.根據微信公眾平臺與HTML5特點組織合理的教學模式

（1）微視頻音頻教學模式

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

（2）圖文知識點推送教學模式

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

（3）知識點查詢教學模式

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

（4）點對點問答教學模式

除了上述教學模式外，微課堂公眾平臺還支持用戶向平臺管理者單獨發送消息，因此學生可以通過微課堂平臺向教師提問，教師亦能回復相應的消息，實現師生互動的點對點問答教學模式。這不但為師生之間提供了點對點的輔導方式，解答學生的疑難，還為師生之間創造了溝通互動的途徑，使教師能夠及時掌握學生的學習動態與進度，了解學生普遍存在的學習問題，使教師在真實課堂中能更有重點地針對學生的疑難與問題進行講授。

2.教學實施過程

（1）教學內容素材設計

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

（2）推廣公眾號，建立課外學習微課堂

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

三、課外微課堂的優勢與不足

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

四、結束語

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

參考文獻：

[1]王磊，鄒鎧同.微信公眾平臺在高校中的應用[J].電子技術與軟件工程，2014（7）：42.

[2]王曉東，王文燕.Visual Basic程序設計簡明教程[M].北京：中國水利水電出版社，2009.

[3]許新民.教學設計在《VB 語言程序設計》中的運用探討[J].長江大學學報（自然科學版），2011（8）：130-133.

[4]胡建平.Canvas平臺支持下的翻轉課堂實踐探究[J].中國遠程教育，2014（9）：72-77，96.

[5]袁利永，馬永進.VB程序設計基礎慕課建設的一些思考[J].計算機教育，2015（8）：5-7.

[6]穆艷玲.在線學習：慕課的新模式[J].中國教育信息化，2015（3）：18-20.

[7]祁博.微課在計算機基礎教學中的應用[J].計算機教育，2014（24）：82-85.

（編輯：魯利瑞）