现代教育技术课程微信公众平台设计与开发

林育曼，郑宏鑫，何思敏，刘天宇（.韶关学院教育学院；.韶关学院信息科学与工程学院，广东韶关5005）

现代教育技术课程微信公众平台设计与开发

林育曼1，郑宏鑫2，何思敏2，刘天宇1
（1.韶关学院教育学院；2.韶关学院信息科学与工程学院，广东韶关512005）

分析《现代教育技术》MOOC课程教学需求以及目前授课过程中存在的问题，并在此基础上设计开发了“韶园网络学习”微信公众平台，平台设计了“课程与你”、“前沿资讯”、“活动资讯”3个模块，开发过程解决了不同终端设备的适应问题以及课程资源管理.实践表明该平台不但方便学生随时随地开展学习，而且平台提供的课程学习资源以及学习情况反馈提高了学生的学习积极性和学习效率，更好地督促了学生的网络自主学习.

微信公众平台；移动学习；MOOC

移动互联网正在强烈冲击着传统信息互联网的霸主地位.依托无线移动网络的移动学习已经潜移默化地改变人们传统的学习、生活、娱乐等方式.移动学习摒弃了传统的纸质化学习，打破了时间和空间的限制，真正意义上实现了学习环境、学习资源及学习过程的移动性，同时满足了人们随时随地、自由自在地沟通交流、快速获得知识的需求.学校作为知识传播的主要阵地，正逐步开展有关移动学习的教学改革与探索.

《现代教育技术》课程在传统教学中存在学习内容繁杂、更新较快，而课时相对不足的特点.其次，修学《现代教育技术》课程的学生均较多.从教学的角度来看，该门课程的日常授课通常是教学进度统一、内容一致的大班多媒体教学，且时有跨专业合班的情况，班上同学的信息化能力基础不一致，教师很难照顾学生专业和个体差异，师生、生生之间的课堂交互难于开展，课下交互渠道不便［1］.单靠开展传统的日常授课已经满足不了该门课程的教学需要.

1　存在问题

笔者执教的《现代教育技术》课程除了开展传统的课堂教学与网络课程教学相结合的教学模式改革外，也逐步开始了MOOC课程的试验教学.在课程的试验中也发现了一些问题.

（1）信息的传达不及时，到达率低.《现代教育技术》的MOOC课程基本是全网络化的教学，教师在学生网络学习过程中，布置任务和督促学生完成任务都是通过短信通知班级学委，再由学委进行转达.这种形式存在学生接收任务不够及时，信息到达率低的问题.

（2）课程教学视频访问不便捷.目前我校的网络课程都是通过校园网进行访问，学生多数是通过PC机进行访问，不能随时随地进行学习.

（3）学生对课堂认知度低.目前的教师和学生缺少直接沟通，仅有学委与教师产生直接联系，课程的学习进度反馈不及时［2］，导致学生缺乏学习的积极性.

《现代教育技术》课程服务的主体对象是学生，微信作为时下最流行的社交交流平台，为公众信息交换提供了一个很好的机会，快速实现与广大学生之间的沟通交流，营造良好的学习氛围.

随着微信公众平台的崛起，越来越多的人通过群发文字、图片、语音、视频等渠道快速实现与广大听众的信息传递与沟通.微信公众平台对于教育信息化发展具有积极的意义和价值［3］，主要体现在几个方面.

（1）便捷的信息和服务.相对于PC机而言，手机作为随身携带的移动设备，用户可使用其随时随地接收信息和服务，同时相对于APP而言，微信公众平台的使用由于不需要下载安装，使用更加方便.这些都为快速访问课程提供了基础.

（2）易于分享的富媒体内容.微信公众平台具有富媒体传播、朋友圈内容分享、聊天等特点.而这些特点恰好能满足课程内容传播的需求，使课程内容能够以富媒体的形式进行传播，吸引更多的用户，并可快速分享给更多的用户，以达到教育传播的目的.

（3）主动信息推送及高到达率.用户一旦关注微信公众平台，则能够定期收到平台推送的相关信息和服务.由于信息是直接推送至用户手机，故几乎100%能够被观看［4］.利用微信公众平台不但可促进校内课堂的管理，还可将其作为校内课堂延伸和扩展的阵地.

（4）高互动性.学校课堂可借助微信公众平台提供的互动功能，使得用户与公众号进行互动，降低用户在线学习的孤独感，提高用户学习的积极主动性，同时能利用互动活动提高教育的趣味性.

（5）学习可持续性更强.在目前学校授课情况下，学生离开课堂后，除了电话、短信和QQ，没办法与老师再建立联系，现在把学生聚集到公众平台可向学生不定期推送信息，让学生对课堂认知度越来越深，兴趣越来越浓厚.

笔者在分析了《现代教育技术》的教与学现状的基础上，结合微信平台的特点，设计并开发了微信公众平台——“韶园网络学习”这一移动学习平台，并将其应用于现代教育技术MOOC课程教学.

2　现代教育技术课程微信公众平台——“韶园网络学习”的设计

2.1系统架构

“韶园网络学习”系统采用数据访问层、业务逻辑层、用户界面层的3层体系结构［5］.这种分层的体系结构将数据及其应用分离，方便数据的系统管理，增强了系统的可扩展性和可伸缩性，从而使系统能够更稳定、高效、安全的运行.“韶园网络学习”微信公众平台系统的架构见图1.

在网站安全措施上，采用Microsoft.NET框架的多层安全体系，防范恶意攻击，同时使用CAS限制代码对资源的访问，保证网站的安全性［6］.

2.2系统功能设计

通过分析目前《现代教育技术》MOOC课程教学的需求以及课程授课中存在的问题，在微信公众平台——“韶园网络学习”中设计了“课程与你”、“前沿资讯”、“活动资讯”3个模块见图2，主界面见图3.

图1　“韶园网络学习”系统架构

图2　“韶园网络学习”功能模块

图3　"韶园网络学习"主界面

（1）“课程与你”模块是发布一些与现代教育技术课程学习相关的教学公告与学习内容，此模块包含4个二级菜单，分别是：课程通告、学习任务、微视频、网络课程.

①课程通告：发布近期各类公告.用户按指示向微信平台发送特定的关键字，平台将自动回复相应的公告内容.学生使用此功能可更方便快捷的获取到关于这一门学科学习任务和公告等，与传统的教师通知学习委员任务，再由学习委员转达到全班同学的方式相比，通过微信平台更便捷获取更清晰明了的公告信息.

②学习任务：定期发布每阶段的学习任务，以图文信息展示，点击标题将显示具体内容.内容里会详细的说明每阶段的学习任务的操作流程.使学生清楚了解他在学习任务里需要做些什么，需要完成些什么.

③微视频：是以视频的形式展示网上课堂的教学内容.此功能使网络学习不局限于电脑终端，学子们可随时随地通过手机的移动网络进入该微信公众号的微视频界面观看视频教学内容.意味着学生也可充分的利用生活中零碎的时间来进行系统的学习.

④网络课程：链接到电脑版的网络课程系统，点击标题即可跳转到网络课程系统的登陆界面，通过登陆可提交课程作业.

（2）“前沿资讯”模块会定期为用户推送一些与现代教育技术相关的前沿资讯，该模块下有两个二级菜单，分别是：最新资讯、精彩回顾.用户点击标题最新资讯，平台将会为用户推送一些近期的前沿资讯.若用户想回顾平台曾推送过的精选信息，可点击标题精彩回顾，平台界面就会跳转到查看历史消息界面，即可浏览平台的历史精选资讯.

（3）“活动资讯”模块为用户实时提供一些与现代教育技术学习内容有关的比赛活动.该功能将会给用户展示比赛的详细信息.这使用户不仅在教学中的学习任务中得到锻炼，而且可以学以致用，通过参加比赛，在实际情境中运用所学的知识，达到灵活使用知识的目的.

2.3后台管理功能设计

为了实现前台相关模块信息的有效管理，需要提供功能强大、方便实用的后台管理系统.“韶园网络学习”微信平台的后台主要实现前台相关模块信息的添加、编辑与发布，以及网站基本信息的管理，为保障系统安全，后台管理根据权限不同将后台管理人员分为最高管理员、普通管理员、其他成员，这3类人员的权限及其使用的主要功能模块见图4.

图4　“韶园网络学习”后台管理系统

3　“韶园网络学习”微信公众平台关键技术的实现

3.1页面布局及用户体验问题的解决方案

“韶园网络学习”的用户大部分都是在移动设备上使用的，少部分用户在PC端使用.然而每个用户的移动设备的屏幕分辨率都是不一样的.要考虑到移动端、平板、PC端的适配问题，而且页面结构越复杂，适配考虑的问题就越多，要使用渐进增强的方法构建HTML网页，使用Java script准确判断设备和屏幕分辨率，并对CSS样式进行重构，和各大浏览器之间存在的兼容性问题，造成自由度下降，局限性增大.因此，如何更好的去适应于不同的屏幕分辨率，设计更加舒适的界面，提升用户体验，是该项目主要研究的技术难点之一.

为解决这一问题，“韶园网络学习”采取响应式Web设计［7］来重构项目的页面.响应式Web设计原理是通过Media Query和Fluid Layout等CSS3和HTML5根据屏幕宽度的分辨率dpi，自行调整CSS显示样式、解决各种手机屏幕尺寸之间的适配问题的技术.为使前端开发更加快速，简洁，系统采用了Bootstrap前端开源框架，其包含了丰富的Web组件，可以实现跨平台使用、节省人力开发成本并且使表现力一致，提高开发的专注性，降低长期的维护成本.

3.2课程资源微视频的管理实现

为了方便学生随时随地观看《现代教育技术》MOOC课程的学习资源，在“韶园网络学习”微信公众平台中设计了微视频这一功能，学生无需登陆网络课程即可观看相关的教学视频.微信公众平台中有关课程资源微视频的管理实现代码如下：

4　结　论

“韶园网络学习”移动学习平台已在笔者执教的现代教育技术课程2013级外语专业和2013级汉语言文学专业的班级使用，该平台极大程度的方便了学生实现随时随地对《现代教育技术》课程进行学习.同时也成为师生、生生之间课程学习交流的一大媒介.学生针对自身的学习情况，通过平台获取所需的课程学习资源，提高了学生的学习积极性和学习效率.同时平台能够及时提供学习情况的反馈，弥补了目前《现代教育技术》MOOC课程反馈不足这一问题，更好地督促了学生的网络自主学习.

［1］黄德群.基于高校网络教学平台的混合学习模式应用研究［J］.远程教育杂志，2013，31（3）：64-70.

［2］林育曼.高校网络化自主学习绩效管理探析［J］.高教探索，2011（6）：104-108.

［3］刘孟娟.微信公众平台在移动学习中的运用研究［J］.电脑知识与技术，2015（5）：139-140.

［4］李曦.旅游目的地新媒体整合营销传播研究［D］.天津：南开大学，2014.

［5］李联臣，王晓蒲，霍剑青.基于Web的物理实验信息化教学系统的设计［J］.中国科学技术大学学报，2010，40（3）：245-248.

［6］饶浩.应用对象组件的多层信息系统分析［J］.计算机系统应用，2015，24（4）：261-264.

［7］冯春英.基于响应式Web设计的新型图书馆门户网站构建［J］.图书馆学研究，2015，36（15）：34-40.

Design and Development of Educational Technology Course Learning Platform Based on the Wechat

LIN Yu-man1，ZHENG Hong-xin2，HE Si-min2，LIU Tian-yu1
（1.School of Education；2.School of Information Science and Engineering，Shaoguan University，Shaoguan 512005，Guangdong，China）

The paper analyzed theeducational technologyMOOC course teaching demand and the present teaching problems.Shaoyuan online learning Wechat platform was designed and developed，which included three modules，namely"curriculum"，"information"and"activities".Adaptation problems of different terminal equipment were solved，and the management of curriculum resource was achieved.Practice showed that the platform is convenient for students to carry out the study，with the students'learning motivation enhanced and learning efficiency improved，and the cultivation of student self-learning habits promoted.

Wechat platform；M-Learning；MOOC

TP319

A

1007-5348（2016）06-0009-05

（责任编辑：欧恺）

2016-05-10

广东省哲学社科项目（GD13CJY07）；韶关学院重点教改项目（SYJY20151613）；广东省大学生创新创业项目（201510576055）

林育曼（1978-），女，广东潮安人，韶关学院教育学院副教授，硕士；研究方向：计算机辅助教学.