基于微信及微网站的高职院校移动学习平台设计与实现

宋永生

摘要：在微信及微网站的基础上，设计并实现了移动学习平台。该学习平台结合视频直播，视频点播等技术为高职院校学生提供了便利的移动学习平台。学生可以随时随地的利用碎片化时间，自主搜索并选择感兴趣的课程进行学习。该系统自然直观、简便易用。

关键词：微信；微网站；高职院校；学习平台

中图分类号：TP393 文献标识码：A 文章编号：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

随着移动互联网的不断发展及智能手机的大量普及，越来越多的人喜欢用手机上网和使用微信等社交软件。根据腾讯公司发布的2016中期报告显示，微信的月活跃用户数达到8.06亿，同比增长34%。微信的传播具有移动性、社交性、定制性、多媒体性等特征，利用在高职院校学生中高普及率的智能手机和微信一起构建教学互动平台，把传统教学方式的优势与移动互联网的学习优势结合起来，是一个很有价值的研究[1]。

微网站源于APP和网站的融合创新，兼容iOS、Android、WP等各大操作系统，可以方便的与微信、微博等应用的链接，满足移动终端对浏览体验与交互性能要求的新一代网站。只需要简单的扫描一下二维码即可在手机上浏览到一个页面排版精致的网站。它既有APP的优点，又可以快速开发和更迭。

本文在微信和微网站的基础上，设计并实现了高职院校移动学习平台，课程以视频为主要呈现方式，学生可以自主搜索并选择感兴趣的课程进行学习。

1 系统总体架构

微信公众平台处理程序及微网站采用C#语言开发，开发环境选择Visual Studio 2010 SP1，.net 4.0，数据库采用SQL Server 2008，Web应用服务器采用IIS 7.0。

移动学习平台主要包括：通知推送、课程推荐、课程查询、课程直播、课程点播、在线测验和交流讨论七个子模块。

关注移动学习平台的微信公众号以后，老师可以通过微信公众号群发通知和推荐的课程信息，学生通过微信公众号的自定义菜单即可进入微网站进行课程的查询，课程的在线直播学习、课程的点播学习，并可以在线测验，检验学习效果，针对学习中遇到的问题，可以在该课程的微信群中交流讨论。

系统的总体架构如图1所示：

2 关键技术

2.1 微信公众平台

微信公众平台是一个给个人、企业和组织提供具有业务服务与用户管理能力的全新服务平台。微信公众号分为订阅号、服务号和企业号，具有群发推送、自动回复和服务定制等功能，只要学生关注移动学习平台的微信公众号，就可以接受老师推送的课程信息，课程信息中可以包括PPT、视频等多媒体数字学习资源。

从微信客户端发送请求，到公众号的接受与响应，中间会通过微信服务器的处理[2]，并最终将返回的内容发送至微信客户端，整个信息的交互流程如图2所示：

2.2 微信群

老师创建所授网络课程的微信群，学生可以加入到该课程的微信群进行交流讨论。微信群给师生的交流、讨论带来了极大的方便，具有相当强的实时性，互动性。学生可以在微信群中提出课程相关的问题，发表自己的看法及提交作业，老师可以随时随地的进行在线答疑，针对普遍存在的问题，老师可以通过语音群聊进行答疑。微信群中传播的文字、图片、语音、视频等信息相对零散，缺乏组织性、系统性，这个问题可以通过HTML5微网站解决。

2.3 HTML 5技术

HTML 5是HTML（超文本标示语言）的第五次重大修改。HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。HTML5具有非常好的跨平台性和浏览器兼容性，所以对移动设备支持好。现在微信中的很多邀请函、小游戏、产品介绍和活动宣传页等就是HTML5网页作品[3]。HTML5网页可以将文字、图片、声音、视频等信息有机的组合在一起，作为一个完整系统的作品可以通过为微信公众平台或者微信群进行发布。HTML5微网站与微信公众平台、微信群相结合，将为移动学习平台注入强大的活力。

2.4 视频直播

课程的音视频采集需要通过连接在电脑上的麦克风、摄像头等输入设备；音视频编码可采用Adobe Media Encoder 软件。Adobe Media Encoder 是一款由Adobe公司开发的视频与音频编码工具，可针对不同的应用，以多种分发格式对音频和视频文件进行编码。将麦克风、摄像头采集的音视频信息按照一定的格式编码成音视频流，采用边录制边上传的形式实时上传至流媒体服务器[4]。

流媒体服务器采用Adobe Flash Media Server软件进行搭建，Adobe Flash Media Server是知名的高性能流媒体服务器软件，采用RTMP协议传输音频和视频流[5]，它是一个存放音频和视频媒体文件的网络中心。要访问音视频时，播放器生成一个请求并通过RTMP协议发送请求，定位媒体文件，进而加载到播放器中。音频和视频文件一旦抵达运行着Flash Player插件的浏览器就开始播放，文件不需要下载到浏览器的缓存中。

RTMP协议是采用传输控制协议实现Flash Player和Flash媒体播放器之间数据包传递的私有协议，它是用来传输视频、音频文件到SWF文件，而此SWF文件可以内嵌到一个网页中。课程直播网页中嵌入的视频播放器选择CKplayer播放器。CKplayer播放器是一款用于网页上播放视频的软件，兼容Flash与Html5，支持Http协议下的Flv，F4v和Mp4格式，同时支持RTMP视频流格式播放。

2.5 视频点播

老师可以将剪辑好的课程视频文件或直播中生成的视频文件通过Flash Media Server或Helix Server 等流媒体服务软件进行发布，学生通过内嵌CKplayer播放器的网页观看课程视频点播。

自行搭建视频点播服务不仅要求服务器要有足够的硬盘空间，较强的处理能力，而且对网络带宽要求较高，成本较大。可以借助于现有的网络视频平台，如优酷、土豆、爱奇艺、酷6等，通过比较，选择在优酷网上发布教学视频，可以为教学视频设置密码，便于视频知识产权的保护。课程视频在优酷上发布后，将该视频的通用分享代码嵌入到视频点播Html5网页中，学生就可以通过微网站点播教学视频了。在观看教学视频的时候，学生只有输入正确的密码才可以观看。

3 平台实现

实验选用的手机为红米 3S，Android版本为6.0.1 ，手机上安装微信APP客户端的版本为6.3.25，直播中PC端音视频编码软件选择Flash Media Live Encoder 3.2，流媒体服务器软件选择Adobe Flash Media Server 4.5，视频直播微网站中的网页内嵌播放器选择CKplayer 6.8，视频点播中视频的发布网站选择优酷网。

老师首先关注移动学习平台的微信公众号（如图3所示），通过微信公众平台推送通知公告及课程信息等，在微网站上以视频直播或录播的方式创建课程；老师可以在课程微信群中布置作业，引导学生复习，查看评价及对学生课后辅导等。如果是需要学生付费才能学习的课程，可设置观看视频的密码。

学生通过关注移动学习平台的微信公众号，进入学习平台，查询了解课程及老师信息，可以随时随地的观看教学视频进行学习（如图4所示）或进行在线测验（如图5所示），还可以通过微信群与老师、其他学生等进行在线交流互动，加深对学习内容的理解。

4 结束语

本文在微信及微网站的基础上，设计并实现了高职院校的移动学习平台，学生可以随时随地通过安装有微信客户端的移动设备，搜索并选择自己感兴趣的课程进行学习，打破了传统学习方式对时间和场所的限制，极大地提升了学习的便捷性。该学习平台简单易用，为高职院校学生外出顶岗实习期间的学习不便提供了很好的解决方案。

如何提高学习平台的活力是下一步研究的重要内容。学习平台目前的收入主要来自广告。为了保证学习平台的可持续发展，老师在分享课程视频时，可以设置自己的课程价格，学生可以利用微信进行支付，平台和老师按照约定进行分成。这样老师才有动力制作视频课程，学生也将会更加珍惜学习的机会，平台也有了维护和发展的动力。

参考文献：

[1] 韩璐. 基于微信公众号开展教学的思考[J]. 商， 2015（26）： 205-207.

[2] 刘捷. 微信公众平台企业应用开发实战[M]. 北京： 电子工业出版社， 2015.

[3] 刘勇， 余剑波. 常用HTML5互动网页创作平台及其教育应用[J]. 发明与创新：教育信息化， 2016（1）： 59-61.

[4] 杨名阳， 张志刚， 叶保留. 一种基于Android手机的移动视频直播系统的设计与实现[J]. 微电子学与计算机， 2013， 3（4）： 164-168.

[5] 闫俊伢. 基于Flash Media Server技术的远程视频教学系统[J]. 内蒙古师范大学学报：自然科学汉文版， 2016， 45（1）： 98-103.