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

張博　劉云

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

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

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

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

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

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

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

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

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

2）微課缺少互動性

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

3）對微課制作者的技能要求

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

4）視頻文件的傳播性

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

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

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

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

具體由以下幾個步驟組成：

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

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

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

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

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

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

1）生動性

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

2）傳遞性

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

3）交互性

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

4）高效性

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

4結(jié)束語

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

參考文獻(xiàn)：

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

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

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

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