基于微信公众平台与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）教学内容素材设计

建立适应微课堂公众号的教学内容素材，是实施教学过程的第一步，具體包括建立基本图文素材、制作微视频音频、建立关键知识点数据库等。基本图文素材可以来源于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.

（编辑：鲁利瑞）