H5微信公眾號(hào)開發(fā)

近年來，網(wǎng)絡(luò)社交工具應(yīng)用越來越多，比如QQ、微博、微信、MSN等等，這些社交工具無疑席卷了現(xiàn)代社會(huì)，已經(jīng)走進(jìn)每個(gè)人的生活、工作和學(xué)習(xí)，教育領(lǐng)域也受到強(qiáng)烈影響。

一方面，網(wǎng)絡(luò)社交中存在大量不良信息的傳播，對(duì)青少年的危害很大,嚴(yán)重影響學(xué)生的健康成長。另一方面，網(wǎng)絡(luò)社交工具存在積極的有利的因素，可以促進(jìn)教育教學(xué)的改革增效。比如，筆者通過調(diào)查發(fā)現(xiàn)微信公眾號(hào)在教育領(lǐng)域的應(yīng)用場(chǎng)景就越來越多，很多學(xué)校、老師嘗試使用微信公眾號(hào)進(jìn)行教育、教學(xué)、宣傳、推廣工作，取得了可喜的成績。

但微信公眾號(hào)在教育領(lǐng)域的應(yīng)用目前還處于一種自發(fā)的狀態(tài)，也存在很多不確定的問題。因此，興利除弊，因勢(shì)利導(dǎo)將網(wǎng)絡(luò)變成一個(gè)有利于大學(xué)生成長的工具就是本項(xiàng)目研究所要達(dá)到的目標(biāo)。

一、微信公眾號(hào)需求分析

當(dāng)前，高職院校內(nèi)已經(jīng)部署有網(wǎng)絡(luò)中心、電子教室、多媒體教室和實(shí)驗(yàn)室等信息化教育教學(xué)環(huán)境，在這種條件下只需要再部署移動(dòng)網(wǎng)絡(luò)即可以實(shí)現(xiàn)移動(dòng)校園內(nèi)場(chǎng)景的學(xué)習(xí)。然后在軟件環(huán)境上實(shí)現(xiàn)平臺(tái)的搭建，可以實(shí)現(xiàn)學(xué)生隨時(shí)隨地利用自己的移動(dòng)網(wǎng)絡(luò)進(jìn)行學(xué)習(xí)。

通過調(diào)研發(fā)現(xiàn)，本項(xiàng)目所研究的基于HTML5和微信公眾號(hào)的直播課堂需要解決一下問題：

1)移動(dòng)端應(yīng)用，系統(tǒng)不需要安裝，直接通過微信公眾號(hào)進(jìn)行訪問。2)針對(duì)不同手機(jī)平臺(tái)，只需開發(fā)一套。3)版本不需要時(shí)常更新，服務(wù)器更新代碼，所有客戶訪問即可更新。4)可實(shí)現(xiàn)客戶實(shí)時(shí)流與直播服務(wù)器傳輸。5)可實(shí)現(xiàn)直播服務(wù)器流的轉(zhuǎn)發(fā)與中繼。6)白板和文檔演示。7)視頻流、音頻流、白板信息、文檔信息同步。8)直播數(shù)據(jù)的云存儲(chǔ)與云播放。9)滿足輕量級(jí)的在線直播服務(wù)。

二、微信公眾號(hào)系統(tǒng)設(shè)計(jì)

系統(tǒng)設(shè)計(jì)的主要理論依據(jù)是軟件工程原理、加涅的九段教學(xué)策略、建構(gòu)主義學(xué)習(xí)理論、教學(xué)傳播優(yōu)化原理中的重復(fù)作用和共同經(jīng)驗(yàn)原理。根據(jù)設(shè)計(jì)需求可以將平臺(tái)功能分為三大部分：教學(xué)信息發(fā)布、交流反饋、輔助平臺(tái)學(xué)習(xí)。根據(jù)教學(xué)內(nèi)容、教學(xué)環(huán)節(jié)、教學(xué)安排等情況可以進(jìn)一步細(xì)分為：預(yù)習(xí)、講授、復(fù)習(xí)、拓展、總結(jié)、交互和考核7個(gè)功能模塊。

預(yù)習(xí)：主要是讓學(xué)生了解學(xué)習(xí)目標(biāo)、學(xué)習(xí)重點(diǎn)、學(xué)習(xí)難點(diǎn)、學(xué)習(xí)方法等。

講授：可以是直播講授，也可以是微課、MOOC等制作好的課程資源講授。

復(fù)習(xí)：主要是鞏固重點(diǎn)知識(shí)，解決難點(diǎn)問題，加深記憶和理解。

拓展：提供拓展資源，拓寬學(xué)生視野，激發(fā)學(xué)生思維，促進(jìn)知識(shí)向應(yīng)用轉(zhuǎn)化。

總結(jié)：通過提煉內(nèi)容框架，讓學(xué)習(xí)者掌握知識(shí)的脈絡(luò)，自我評(píng)測(cè)、自主建構(gòu)知識(shí)體系。

考核：提供考核資源，自動(dòng)組卷，自主檢測(cè)，也可統(tǒng)一考核。

交互：主要是師生間答疑解惑，學(xué)習(xí)交流，資源共享。

預(yù)習(xí)、講授、復(fù)習(xí)、拓展、總結(jié)、交互、考核等7個(gè)模塊相輔相成，構(gòu)成一個(gè)學(xué)習(xí)過程的完整閉環(huán)，可激發(fā)學(xué)習(xí)動(dòng)機(jī)，明確學(xué)習(xí)目標(biāo)，鞏固學(xué)習(xí)基礎(chǔ)，拓寬學(xué)習(xí)視野，建構(gòu)學(xué)習(xí)體系，交流學(xué)習(xí)經(jīng)驗(yàn)，共享學(xué)習(xí)資源，考核學(xué)習(xí)成效。

三、微信公眾號(hào)開發(fā)和應(yīng)用

該平臺(tái)主要解決教育教學(xué)場(chǎng)景下的如下問題：①教學(xué)內(nèi)容發(fā)布，可以在平臺(tái)上發(fā)布通知、消息、學(xué)習(xí)資料，學(xué)習(xí)資料可以是文本、圖片、PPT、錄音、微課、MOOC、源程序等，用于學(xué)生的課前課后自主學(xué)習(xí)。②個(gè)性化設(shè)置，公眾平臺(tái)可以用關(guān)鍵字實(shí)現(xiàn)“對(duì)話即搜索”的服務(wù)，也可以通過用戶設(shè)置，實(shí)現(xiàn)自動(dòng)回復(fù)。③留言板管理，在平臺(tái)上開辟出留言板區(qū)域，可以實(shí)現(xiàn)發(fā)布交流主題或者就某些問題提問、發(fā)表自己的看法，實(shí)現(xiàn)問題的深層次、多用戶交流。④應(yīng)用情況統(tǒng)計(jì)，如用戶人數(shù)、交流主題數(shù)、點(diǎn)贊人數(shù)等，用圖表形式展示。⑤資源管理，資源庫分為教學(xué)資源庫、拓展資源庫、考核資源庫，資源提前放置到管理庫中。⑥用戶管理，可以對(duì)用戶進(jìn)行分級(jí)、分組，用戶自己也可以修改某些信息等。根據(jù)公眾號(hào)和我們要求的功能，要實(shí)現(xiàn)需求，結(jié)合實(shí)際情況我們選擇以下技術(shù)的支持。

1、RTSP

RTSP（Real Time Streaming Protocol），RFC2326，實(shí)時(shí)流傳輸協(xié)議。該協(xié)議定義了一對(duì)多應(yīng)用程序如何有效地通過IP網(wǎng)絡(luò)傳送多媒體數(shù)據(jù)。該協(xié)議有如下特點(diǎn)：①傳輸方式靈活，RTSP在體系結(jié)構(gòu)上位于RTP和RTCP之上，可以根據(jù)網(wǎng)絡(luò)情況選擇TCP或UDP完成數(shù)據(jù)傳輸。②雙向請(qǐng)求，HTTP與RTSP相比，HTTP請(qǐng)求由客戶機(jī)發(fā)出，服務(wù)器作出響應(yīng)；使用RTSP時(shí)，客戶機(jī)和服務(wù)器可以雙向請(qǐng)求。③多媒體流，RTSP是用來控制聲音或影像的多媒體串流協(xié)議，并允許同時(shí)多個(gè)串流需求控制。④支持多方視頻應(yīng)用，允許同時(shí)多個(gè)串流需求控制可以降低服務(wù)器端的網(wǎng)絡(luò)用量，支持多方視頻應(yīng)用。該技術(shù)和項(xiàng)目的應(yīng)用場(chǎng)景高度契合，非常適合分布式教育應(yīng)用，可實(shí)現(xiàn)單播和組播，現(xiàn)場(chǎng)數(shù)據(jù)和存儲(chǔ)剪輯數(shù)據(jù)的應(yīng)用。

2、Webrtc

WebRTC實(shí)現(xiàn)了基于網(wǎng)頁的視頻會(huì)議，標(biāo)準(zhǔn)是WHATWG協(xié)議。項(xiàng)目的最終目的主要是讓W(xué)eb開發(fā)者能夠基于瀏覽器快捷開發(fā)出豐富的實(shí)時(shí)多媒體應(yīng)用，而無需下載安裝任何插件。

①該協(xié)議功能強(qiáng)大，提供了視頻會(huì)議的核心技術(shù)，包括音視頻的采集、編解碼、網(wǎng)絡(luò)傳輸、顯示等功能。②并且還支持跨平臺(tái)：windows，linux，mac，android。便利的交互體驗(yàn)，豐富的產(chǎn)品功能。③支持大規(guī)模觀看可以在全球范圍內(nèi)進(jìn)行音視頻高清、大規(guī)模、穩(wěn)定的直播教學(xué)。④豐富的課件類型除傳統(tǒng)的靜態(tài)課件，還支持動(dòng)態(tài)ppt課件。支持全格式多媒體的播放，支持本地文件直接推流，秒級(jí)打開，流暢還原。

3、HTML5

萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改即為HTML5。HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體。用HTML5的優(yōu)點(diǎn)主要是可以進(jìn)行跨平臺(tái)的使用。另外，它是一種自適應(yīng)網(wǎng)頁設(shè)計(jì)技術(shù)，可以根據(jù)不同大小的屏幕，自動(dòng)調(diào)整布局。正是這些優(yōu)點(diǎn)，本項(xiàng)目在web技術(shù)上選擇HTML5。

項(xiàng)目完成后，經(jīng)過動(dòng)漫軟件與教育學(xué)院軟件16級(jí)和17級(jí)師生的應(yīng)用驗(yàn)證。在實(shí)踐中，通過手機(jī)等移動(dòng)式設(shè)備隨時(shí)進(jìn)行學(xué)習(xí)，使學(xué)習(xí)不受時(shí)空的限制。在這種學(xué)習(xí)方式下，學(xué)生互動(dòng)得到激勵(lì)，教師利用微信公眾號(hào)推送學(xué)習(xí)內(nèi)容，學(xué)生參加在線討論，幫助學(xué)生積累知識(shí)，優(yōu)化知識(shí)結(jié)構(gòu)，學(xué)生的學(xué)習(xí)積極性得到顯著提高，學(xué)習(xí)成效顯著。同時(shí)，微信公眾號(hào)作為師、生、家長間有效的溝通工具，開創(chuàng)了一種新的交往模式，給人們之間的交往活動(dòng)提供了許多便利，實(shí)現(xiàn)三方的有效溝通，能夠及時(shí)了解和掌握學(xué)生的學(xué)習(xí)情況，并使資源通過網(wǎng)絡(luò)實(shí)現(xiàn)利益最大化。

平臺(tái)滿足各類教室的需求允許創(chuàng)建各類教室，支持課前暖場(chǎng)，現(xiàn)場(chǎng)排麥，錄播課。豐富的互動(dòng)功能支持各種常用的授課功能，聊天問答，桌面共享，點(diǎn)名簽到，抽獎(jiǎng)投票等。支持桌面，區(qū)域，程序等屏幕共享手段。服務(wù)器端錄制、回放支持服務(wù)器端1080P高清錄制，自動(dòng)生成回放，可上傳下載。針對(duì)回放亦可進(jìn)行二次編輯，生成定制的錄制件。開放的接口，網(wǎng)頁互動(dòng)直播全終端覆蓋，支持網(wǎng)頁和客戶端，PC（MAC）和移動(dòng)端。

總結(jié)

通過項(xiàng)目開發(fā)和實(shí)踐應(yīng)用，基于微信公眾平臺(tái)的直播課堂能夠激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣，可以使學(xué)習(xí)者反復(fù)練習(xí)和鞏固，夯實(shí)基礎(chǔ)，拓展提高，學(xué)習(xí)效果提升明顯。實(shí)踐結(jié)果表明基于HTML5的微信公眾平臺(tái)直播課堂簡單易用，快速直連，場(chǎng)景多樣化滿足直播課堂、學(xué)術(shù)講座、公開課等各類大規(guī)模教學(xué)場(chǎng)景的應(yīng)用需求，是教育教學(xué)手段的有益補(bǔ)充，在條件允許的情況下可以推廣使用。

以上就是我們深圳市組創(chuàng)微電子有限公司為您介紹的基于HTML5微信公眾號(hào)的直播課堂設(shè)計(jì)方法。如果您有智能電子產(chǎn)品的軟硬件功能開發(fā)需求，可以放心交給我們，我們有豐富的電子產(chǎn)品定制開發(fā)經(jīng)驗(yàn)，可以盡快評(píng)估開發(fā)周期與IC價(jià)格，也可以核算PCBA報(bào)價(jià)。我們是多家國內(nèi)外芯片代理商，有MCU、語音IC、藍(lán)牙IC與模塊、wifi模塊。我們的擁有硬件設(shè)計(jì)與軟件開發(fā)能力。涵蓋了電路設(shè)計(jì)、PCB設(shè)計(jì)、單片機(jī)開發(fā)、軟件定制開發(fā)、APP定制開發(fā)、微信公眾號(hào)開發(fā)、語音識(shí)別技術(shù)、藍(lán)牙wifi開發(fā)等。還可以承接智能電子產(chǎn)品研發(fā)、家用電器方案設(shè)計(jì)、美容儀器開發(fā)、物聯(lián)網(wǎng)應(yīng)用開發(fā)、智能家居方案設(shè)計(jì)、TWS方案開發(fā)、藍(lán)牙音頻開發(fā)、兒童玩具方案開發(fā)、電子教育產(chǎn)品研發(fā)。