基于HTML5的視頻監(jiān)控微課設(shè)計(jì)淺析

張博　劉云

摘要：本文從安全防范技術(shù)在社會(huì)中的廣泛需求為出發(fā)點(diǎn)，結(jié)合公共安全知識(shí)作為門類，從具有可視化特點(diǎn)的視頻監(jiān)控領(lǐng)域入手，使得設(shè)計(jì)的微課內(nèi)容，能夠滿足包含最常用的手機(jī)平臺(tái)的多平臺(tái)使用。因此本文著力分析了采用HTML5技術(shù)，借助.net等開發(fā)工具的微課開發(fā)新模式，對(duì)視頻監(jiān)控微課程實(shí)例設(shè)計(jì)進(jìn)行了分析。

關(guān)鍵詞：微課制作；視頻監(jiān)控；HTML5

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）24-0208-03

隨著科技的迅速發(fā)展，信息與知識(shí)的急劇增長(zhǎng)，知識(shí)更新周期的縮短，創(chuàng)新頻率的加快，知識(shí)的重要性愈發(fā)凸顯，學(xué)習(xí)已成為個(gè)人、組織以及社會(huì)的迫切需要。國(guó)家十三五規(guī)劃建議提出了“十三五”時(shí)期“國(guó)民素質(zhì)和社會(huì)文明程度顯著提高”的主要目標(biāo)，并明確指出要“落實(shí)和深化教育教學(xué)改革，暢通繼續(xù)教育、終身學(xué)習(xí)通道。推進(jìn)教育信息化，擴(kuò)大優(yōu)質(zhì)教育資源覆蓋面”。海南省十三五規(guī)劃建議也提出要“在今后五年努力實(shí)現(xiàn)國(guó)民素質(zhì)和社會(huì)文明程度顯著提高”的目標(biāo)要求，并明確了“實(shí)施教育質(zhì)量全面提升工程，加快推進(jìn)教育信息化?！钡墓ぷ鞣较?。習(xí)總書記在給首屆國(guó)際教育信息化大會(huì)的賀信中提出：建設(shè)“人人皆學(xué)、處處能學(xué)、時(shí)時(shí)可學(xué)”的學(xué)習(xí)型社會(huì)，培養(yǎng)大批創(chuàng)新人才，是人類共同面臨的重大課題。

近年來(lái)，移動(dòng)互聯(lián)技術(shù)的快速迭代和智能手機(jī)等智能移動(dòng)終端的出現(xiàn)，知識(shí)的傳播和獲取途徑正被迅速地改變，傳統(tǒng)的學(xué)習(xí)方式由于所需周期長(zhǎng)、代價(jià)高，越來(lái)越難以適應(yīng)現(xiàn)代社會(huì)快速變化的需要。相比而言，微課憑借其內(nèi)容形式短小精悍，以及“眾包”的參與方式使其構(gòu)建與更新更加快速靈活，已成為當(dāng)前知識(shí)傳播的一個(gè)重要途徑。本文結(jié)合教學(xué)相關(guān)領(lǐng)域的課程內(nèi)容，結(jié)合視頻監(jiān)控技術(shù)課程建設(shè)，完成一套滿足公共安全知識(shí)高效傳播的微課設(shè)計(jì)與實(shí)現(xiàn)。

1研究現(xiàn)狀分析

現(xiàn)階段微課在我國(guó)的發(fā)展經(jīng)歷了從個(gè)人電腦，到平板電腦，最后終端落在手機(jī)上的一系列的轉(zhuǎn)變，并且較為突出的使用CamtasiaStudio軟件進(jìn)行視頻的錄制等內(nèi)容。這些研究還尚未解決微課在制作方式、傳播途徑所面臨的困境，如：

1）微課內(nèi)容呈現(xiàn)形式單一性

現(xiàn)階段微課主要以微視頻格式為主，長(zhǎng)時(shí)間的觀看視頻內(nèi)容，難以吸引學(xué)習(xí)者。并且長(zhǎng)時(shí)間觀看視頻容易造成視覺(jué)疲勞。導(dǎo)致學(xué)生不能集中注意力學(xué)習(xí)，甚至放棄學(xué)習(xí)。因此視頻內(nèi)容的趣味性就成了決定作用的一環(huán)，而實(shí)際的知識(shí)、技能內(nèi)容又相對(duì)枯燥，不能更好地吸引學(xué)生。

2）微課缺少互動(dòng)性

主流的視頻類微課無(wú)法與學(xué)習(xí)者進(jìn)行交互，最多是學(xué)習(xí)者在使用中下載一些素材，幾乎所有學(xué)習(xí)行為都是被動(dòng)學(xué)習(xí)行為。然而有效的互動(dòng)能夠增強(qiáng)對(duì)知識(shí)和技能的掌握，現(xiàn)階段缺乏互動(dòng)的微課就是課堂內(nèi)容的翻拍，活著屏幕錄制。沒(méi)有改變授課的根本模式。

3）對(duì)微課制作者的技能要求

現(xiàn)階段微課的視頻編輯和處理，已經(jīng)有一大批的多媒體軟件的支持。制作出優(yōu)秀的視頻微課，對(duì)制作者多媒體處理能力有一定要求，增加了非專業(yè)教師開發(fā)制作微課的難度，配合專業(yè)課的教師增加人力成本。

4）視頻文件的傳播性

視頻類微課作品體積較大，對(duì)視頻服務(wù)器和網(wǎng)絡(luò)帶寬有著相對(duì)較高的要求。因此此類課程不利于在移動(dòng)互聯(lián)網(wǎng)傳播，嚴(yán)重影響了微課的實(shí)際利用率。

由此，本文意在解決上述幾個(gè)主要問(wèn)題。本研究擬利用移動(dòng)互聯(lián)網(wǎng)中的HTML5、社交分享等相關(guān)新技術(shù)，重點(diǎn)解決微課在制作與共享方面所面臨的困境，降低微課制作的技術(shù)門檻，增強(qiáng)微課學(xué)習(xí)的趣味性，提升微課學(xué)習(xí)者的互動(dòng)學(xué)習(xí)體驗(yàn)；借助HTML5在移動(dòng)營(yíng)銷領(lǐng)域取得成功的經(jīng)驗(yàn)，利用HTML5移動(dòng)傳播技術(shù)優(yōu)勢(shì)，提升微課資源的傳播率、共享率，具有現(xiàn)實(shí)的意義。并且選取公共安全知識(shí)的中，具有可視化特點(diǎn)的視頻監(jiān)控課程作為實(shí)例進(jìn)行設(shè)計(jì)。

2設(shè)計(jì)方法與步驟

根據(jù)研究工作的需要，本文擬在系統(tǒng)科學(xué)方法論的指導(dǎo)下，采用行業(yè)及技術(shù)專家咨詢、系統(tǒng)開發(fā)、實(shí)踐研究、比較研究、相關(guān)分析等方法，進(jìn)行全面的研究HTML5學(xué)習(xí)資源呈現(xiàn)、交互式學(xué)習(xí)、離線學(xué)習(xí)等方面的問(wèn)題。

具體由以下幾個(gè)步驟組成：

第一步，以“視頻監(jiān)控微課制作”為研究對(duì)象，多該學(xué)科采用文獻(xiàn)查詢、用戶調(diào)研、專家咨詢、經(jīng)驗(yàn)總結(jié)等方法，全方位的熟悉和研討出該課程所需要的知識(shí)體系結(jié)構(gòu)，以及教學(xué)中的重要手段。分析“視頻監(jiān)控微課”所涉及的教學(xué)環(huán)節(jié)，并找出響應(yīng)的特點(diǎn)，對(duì)應(yīng)每一個(gè)知識(shí)結(jié)構(gòu)利用HTML5組織與呈現(xiàn)該知識(shí)的規(guī)律，從而總結(jié)出基于HTML5的微課設(shè)計(jì)與制作理論和方法。

第二步，完成系統(tǒng)的設(shè)計(jì)開發(fā)。借助.net等開發(fā)工具，結(jié)合HTML5以及CSS3等技術(shù)特點(diǎn)，以“視頻監(jiān)控微課”為實(shí)例，系統(tǒng)全面的開發(fā)出一套完整的課程內(nèi)容，并總結(jié)相關(guān)開發(fā)技術(shù)檔案及流程。

第三步，借助比較研究、相關(guān)分析等方法，反復(fù)調(diào)整“視頻監(jiān)控微課”實(shí)例內(nèi)容，多版本、多用戶體驗(yàn)并反饋的方式。通過(guò)長(zhǎng)期實(shí)用測(cè)試，并整理、匯總、分析系統(tǒng)運(yùn)行測(cè)試報(bào)告，檢驗(yàn)系統(tǒng)可用性，修改并逐步精化系統(tǒng)模型。

3設(shè)計(jì)創(chuàng)新

為了解決現(xiàn)有微課的不足，結(jié)合以上幾個(gè)步驟創(chuàng)新出的新的微課模式，除了能夠滿足原有視頻監(jiān)控課程的上課內(nèi)容，還結(jié)合了微課原本的大部分教學(xué)特點(diǎn)，同時(shí)還具備了很多創(chuàng)新之處。

具體設(shè)計(jì)創(chuàng)新主要有以下幾個(gè)方面：

1）生動(dòng)性

本系統(tǒng)設(shè)計(jì)利用HTML5 Canvas圖形繪制功能和JavaScript相關(guān)圖形API制作微課，使微課具備更加生動(dòng)的視覺(jué)聽覺(jué)效果。這樣設(shè)計(jì)有別于傳統(tǒng)的Web結(jié)構(gòu)，其生動(dòng)的動(dòng)畫特點(diǎn)，豐富的圖形樣式庫(kù)，能夠還原原有swf格式嵌入網(wǎng)頁(yè)的所有動(dòng)畫效果和矢量圖像不失真、容量小等特點(diǎn)，最大限度地提供新媒體控件下的生動(dòng)的教學(xué)體驗(yàn)。

2）傳遞性

現(xiàn)階段包括IE、Firefox、Chrome瀏覽器等各大主流的Browser，已經(jīng)全面支持HTML5標(biāo)準(zhǔn)，HTML5具備跨平臺(tái)、低成本、快迭代等優(yōu)勢(shì)，原有的視頻在H.264流媒體編碼的廣泛使用下，使得基于HTML5制作的微課，更容易在移動(dòng)互聯(lián)網(wǎng)環(huán)境下傳播。只要學(xué)生或者學(xué)習(xí)者打開對(duì)應(yīng)的終端設(shè)備，就能夠完成課程的學(xué)習(xí)，而且通過(guò)各種SNS社交類媒體推進(jìn)，能夠?qū)⒃揌TML5類型的課程頁(yè)面，傳遞到諸如微信，微博，朋友圈等多種渠道，保證傳遞多渠道鋪開。

3）交互性

使用HTML5 Device API為微課內(nèi)容增加交互學(xué)習(xí)環(huán)節(jié)，使得學(xué)生能夠在每一個(gè)知識(shí)點(diǎn)，或者實(shí)際操作環(huán)節(jié)，能夠直接動(dòng)手在課程內(nèi)容上“動(dòng)手動(dòng)腳”，比如：搖晃手機(jī)使得視頻攝像頭抖動(dòng)反饋抖動(dòng)畫面故障，或者調(diào)整滾動(dòng)條選擇為視頻線纜焊接的合適熔點(diǎn)等。相比傳統(tǒng)的觀看視頻做題的方式有很大的交互性的提高。學(xué)生還可以在斷網(wǎng)前通過(guò)離線緩存和本地存儲(chǔ)功能，節(jié)省手機(jī)數(shù)據(jù)流量的前提下，實(shí)現(xiàn)微課內(nèi)容離線學(xué)習(xí)，也可以在重新恢復(fù)WIFI連接之后，提交對(duì)應(yīng)位置的作業(yè)或者實(shí)驗(yàn)效果，這都有賴于所有支持的設(shè)備API能夠的人性化的互動(dòng)模式。

4）高效性

現(xiàn)階段的微營(yíng)銷已經(jīng)較為成熟，但是沒(méi)有將教育本身應(yīng)用到相應(yīng)的微模式當(dāng)中，使得知識(shí)效率低下。而借助HTML5移動(dòng)傳播技術(shù)優(yōu)勢(shì)及其在微營(yíng)銷領(lǐng)域取得的成功經(jīng)驗(yàn)，提高微課的傳播率、共享率及轉(zhuǎn)化率。

4結(jié)束語(yǔ)

本文研究擬利用移動(dòng)互聯(lián)網(wǎng)中的HTML5、社交分享等相關(guān)新技術(shù)，重點(diǎn)解決微課在制作與共享方面所面臨的困境，降低微課制作的技術(shù)門檻，增強(qiáng)微課學(xué)習(xí)的趣味性，提升微課學(xué)習(xí)者的互動(dòng)學(xué)習(xí)體驗(yàn)；結(jié)合視頻監(jiān)控課程微課建設(shè)分析，舉一反三的推演到各個(gè)相似的課程中去。借助HTML5在移動(dòng)營(yíng)銷領(lǐng)域取得成功的經(jīng)驗(yàn)，利用HTML5移動(dòng)傳播技術(shù)優(yōu)勢(shì)，提升微課資源的傳播率、共享率，具有現(xiàn)實(shí)的意義。

參考文獻(xiàn)：

[1]劉云.基于微信公眾平臺(tái)的學(xué)習(xí)資源策展平臺(tái)設(shè)計(jì)[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2014（15）.

[2]王黎芳；章琦；杜蓬.基于游戲輔助的生物化學(xué)微課制作實(shí)踐[J].中國(guó)醫(yī)學(xué)教育技術(shù)，2014（3）.

[3]吳勛.探討微課資源的特點(diǎn)與設(shè)計(jì)制作技巧[J].電腦知識(shí)與技術(shù)，2013（11）.

[4]張振虹，楊慶英，韓智.微學(xué)習(xí)研究：現(xiàn)狀與未來(lái)[J].中國(guó)電化教育，2013（11）.