H5微信公众号开发

近年来，网络社交工具应用越来越多，比如QQ、微博、微信、MSN等等，这些社交工具无疑席卷了现代社会，已经走进每个人的生活、工作和学习，教育领域也受到强烈影响。

一方面，网络社交中存在大量不良信息的传播，对青少年的危害很大,严重影响学生的健康成长。另一方面，网络社交工具存在积极的有利的因素，可以促进教育教学的改革增效。比如，笔者通过调查发现微信公众号在教育领域的应用场景就越来越多，很多学校、老师尝试使用微信公众号进行教育、教学、宣传、推广工作，取得了可喜的成绩。

但微信公众号在教育领域的应用目前还处于一种自发的状态，也存在很多不确定的问题。因此，兴利除弊，因势利导将网络变成一个有利于大学生成长的工具就是本项目研究所要达到的目标。

一、微信公众号需求分析

当前，高职院校内已经部署有网络中心、电子教室、多媒体教室和实验室等信息化教育教学环境，在这种条件下只需要再部署移动网络即可以实现移动校园内场景的学习。然后在软件环境上实现平台的搭建，可以实现学生随时随地利用自己的移动网络进行学习。

通过调研发现，本项目所研究的基于HTML5和微信公众号的直播课堂需要解决一下问题：

1)移动端应用，系统不需要安装，直接通过微信公众号进行访问。2)针对不同手机平台，只需开发一套。3)版本不需要时常更新，服务器更新代码，所有客户访问即可更新。4)可实现客户实时流与直播服务器传输。5)可实现直播服务器流的转发与中继。6)白板和文档演示。7)视频流、音频流、白板信息、文档信息同步。8)直播数据的云存储与云播放。9)满足轻量级的在线直播服务。

二、微信公众号系统设计

系统设计的主要理论依据是软件工程原理、加涅的九段教学策略、建构主义学习理论、教学传播优化原理中的重复作用和共同经验原理。根据设计需求可以将平台功能分为三大部分：教学信息发布、交流反馈、辅助平台学习。根据教学内容、教学环节、教学安排等情况可以进一步细分为：预习、讲授、复习、拓展、总结、交互和考核7个功能模块。

预习：主要是让学生了解学习目标、学习重点、学习难点、学习方法等。

讲授：可以是直播讲授，也可以是微课、MOOC等制作好的课程资源讲授。

复习：主要是巩固重点知识，解决难点问题，加深记忆和理解。

拓展：提供拓展资源，拓宽学生视野，激发学生思维，促进知识向应用转化。

总结：通过提炼内容框架，让学习者掌握知识的脉络，自我评测、自主建构知识体系。

考核：提供考核资源，自动组卷，自主检测，也可统一考核。

交互：主要是师生间答疑解惑，学习交流，资源共享。

预习、讲授、复习、拓展、总结、交互、考核等7个模块相辅相成，构成一个学习过程的完整闭环，可激发学习动机，明确学习目标，巩固学习基础，拓宽学习视野，建构学习体系，交流学习经验，共享学习资源，考核学习成效。

三、微信公众号开发和应用

该平台主要解决教育教学场景下的如下问题：①教学内容发布，可以在平台上发布通知、消息、学习资料，学习资料可以是文本、图片、PPT、录音、微课、MOOC、源程序等，用于学生的课前课后自主学习。②个性化设置，公众平台可以用关键字实现“对话即搜索”的服务，也可以通过用户设置，实现自动回复。③留言板管理，在平台上开辟出留言板区域，可以实现发布交流主题或者就某些问题提问、发表自己的看法，实现问题的深层次、多用户交流。④应用情况统计，如用户人数、交流主题数、点赞人数等，用图表形式展示。⑤资源管理，资源库分为教学资源库、拓展资源库、考核资源库，资源提前放置到管理库中。⑥用户管理，可以对用户进行分级、分组，用户自己也可以修改某些信息等。根据公众号和我们要求的功能，要实现需求，结合实际情况我们选择以下技术的支持。

1、RTSP

RTSP（Real Time Streaming Protocol），RFC2326，实时流传输协议。该协议定义了一对多应用程序如何有效地通过IP网络传送多媒体数据。该协议有如下特点：①传输方式灵活，RTSP在体系结构上位于RTP和RTCP之上，可以根据网络情况选择TCP或UDP完成数据传输。②双向请求，HTTP与RTSP相比，HTTP请求由客户机发出，服务器作出响应；使用RTSP时，客户机和服务器可以双向请求。③多媒体流，RTSP是用来控制声音或影像的多媒体串流协议，并允许同时多个串流需求控制。④支持多方视频应用，允许同时多个串流需求控制可以降低服务器端的网络用量，支持多方视频应用。该技术和项目的应用场景高度契合，非常适合分布式教育应用，可实现单播和组播，现场数据和存储剪辑数据的应用。

2、Webrtc

WebRTC实现了基于网页的视频会议，标准是WHATWG协议。项目的最终目的主要是让Web开发者能够基于浏览器快捷开发出丰富的实时多媒体应用，而无需下载安装任何插件。

①该协议功能强大，提供了视频会议的核心技术，包括音视频的采集、编解码、网络传输、显示等功能。②并且还支持跨平台：windows，linux，mac，android。便利的交互体验，丰富的产品功能。③支持大规模观看可以在全球范围内进行音视频高清、大规模、稳定的直播教学。④丰富的课件类型除传统的静态课件，还支持动态ppt课件。支持全格式多媒体的播放，支持本地文件直接推流，秒级打开，流畅还原。

3、HTML5

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改即为HTML5。HTML5的设计目的是为了在移动设备上支持多媒体。用HTML5的优点主要是可以进行跨平台的使用。另外，它是一种自适应网页设计技术，可以根据不同大小的屏幕，自动调整布局。正是这些优点，本项目在web技术上选择HTML5。

项目完成后，经过动漫软件与教育学院软件16级和17级师生的应用验证。在实践中，通过手机等移动式设备随时进行学习，使学习不受时空的限制。在这种学习方式下，学生互动得到激励，教师利用微信公众号推送学习内容，学生参加在线讨论，帮助学生积累知识，优化知识结构，学生的学习积极性得到显著提高，学习成效显著。同时，微信公众号作为师、生、家长间有效的沟通工具，开创了一种新的交往模式，给人们之间的交往活动提供了许多便利，实现三方的有效沟通，能够及时了解和掌握学生的学习情况，并使资源通过网络实现利益最大化。

平台满足各类教室的需求允许创建各类教室，支持课前暖场，现场排麦，录播课。丰富的互动功能支持各种常用的授课功能，聊天问答，桌面共享，点名签到，抽奖投票等。支持桌面，区域，程序等屏幕共享手段。服务器端录制、回放支持服务器端1080P高清录制，自动生成回放，可上传下载。针对回放亦可进行二次编辑，生成定制的录制件。开放的接口，网页互动直播全终端覆盖，支持网页和客户端，PC（MAC）和移动端。

总结

通过项目开发和实践应用，基于微信公众平台的直播课堂能够激发学习者的学习兴趣，可以使学习者反复练习和巩固，夯实基础，拓展提高，学习效果提升明显。实践结果表明基于HTML5的微信公众平台直播课堂简单易用，快速直连，场景多样化满足直播课堂、学术讲座、公开课等各类大规模教学场景的应用需求，是教育教学手段的有益补充，在条件允许的情况下可以推广使用。

以上就是我们深圳市组创微电子有限公司为您介绍的基于HTML5微信公众号的直播课堂设计方法。如果您有智能电子产品的软硬件功能开发需求，可以放心交给我们，我们有丰富的电子产品定制开发经验，可以尽快评估开发周期与IC价格，也可以核算PCBA报价。我们是多家国内外芯片代理商，有MCU、语音IC、蓝牙IC与模块、wifi模块。我们的拥有硬件设计与软件开发能力。涵盖了电路设计、PCB设计、单片机开发、软件定制开发、APP定制开发、微信公众号开发、语音识别技术、蓝牙wifi开发等。还可以承接智能电子产品研发、家用电器方案设计、美容仪器开发、物联网应用开发、智能家居方案设计、TWS方案开发、蓝牙音频开发、儿童玩具方案开发、电子教育产品研发。