蘇慧

摘 要：隨著flash逐漸被市場淘汰，動(dòng)畫和交互相結(jié)合的html5跨平臺(tái)課件越來越受到老師們的青睞，html5動(dòng)畫交互課件具有跨平臺(tái)適應(yīng)性，能夠適應(yīng)目前主流的絕大部分平臺(tái)，節(jié)約了開發(fā)成本和時(shí)間。速課網(wǎng)是國內(nèi)首個(gè)將H5技術(shù)引入教學(xué)領(lǐng)域的移動(dòng)教學(xué)應(yīng)用工具平臺(tái)，簡單易學(xué)。

關(guān)鍵詞：HTML5技術(shù);速課平臺(tái);教學(xué)課件

中圖分類號(hào)：G4 文獻(xiàn)標(biāo)識(shí)碼：Adoi：10.19311/j.cnki.1672-3198.2019.29.088

隨著多媒體技術(shù)的發(fā)展，單一的靜態(tài)學(xué)習(xí)課件已經(jīng)難以激發(fā)學(xué)員的學(xué)習(xí)興趣?？菰锓ξ兜奈淖謱W(xué)習(xí)方式已經(jīng)過時(shí)，而形式多樣，圖文音結(jié)合的H5課程定制逐漸成為主流。H5課件能實(shí)現(xiàn)多種媒體形式、交互的有機(jī)結(jié)合，跨平臺(tái)、多種渠道進(jìn)行瀏覽、分享及收藏等，適用于課前預(yù)習(xí)、課中輔導(dǎo)、課后復(fù)習(xí)，是一種高效、便捷的教學(xué)工具。

1 H5課件的特點(diǎn)

對(duì)比傳統(tǒng)網(wǎng)頁技術(shù)，HTML5的優(yōu)勢在于它支持跨平臺(tái)，實(shí)現(xiàn)文字、圖片、表格、音頻、視頻的有機(jī)結(jié)合，并富有良好的交互性。因此，如果我們使用HTML5技術(shù)來開發(fā)制作移動(dòng)學(xué)習(xí)課件，課件將具備以下特點(diǎn)。

1.1 多種課件形式融合起來

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，以往PPT的靜態(tài)課件已經(jīng)不能適應(yīng)大數(shù)據(jù)發(fā)展的需求。而H5課件支持視頻、音頻等多媒體元素，實(shí)現(xiàn)文本、圖片、音視頻、動(dòng)畫交互完美融合，能很好地豐富教學(xué)內(nèi)容，激發(fā)學(xué)生的學(xué)習(xí)興趣。

1.2 學(xué)習(xí)交互性好

老師可結(jié)合教學(xué)內(nèi)容特點(diǎn)，設(shè)計(jì)有趣的學(xué)習(xí)交互點(diǎn)，插入測試題目，或討論區(qū)，以提高學(xué)生學(xué)習(xí)參與度，及時(shí)收集學(xué)生的反饋，及學(xué)生學(xué)習(xí)掌握情況數(shù)據(jù)。學(xué)生可通過點(diǎn)擊和滑動(dòng)查看內(nèi)容要點(diǎn)，還可以進(jìn)行拖動(dòng)，輸入文本等操作。

1.3 支持跨平臺(tái)學(xué)習(xí)

H5的優(yōu)勢主要是體現(xiàn)在終端上，尤其是跨平臺(tái)、跨分辨率、終端自適應(yīng)等方面，支持移動(dòng)端，PC端等多個(gè)學(xué)習(xí)窗口，可以有效利用碎片化時(shí)間進(jìn)行學(xué)習(xí)。

2 H5課件的制作工具

2.1 模板制作類H5工具

易企秀、MAKA、初頁、兔展、人人秀、速課平臺(tái)等是常見的基礎(chǔ)類H5工具，這幾種工具均提供一定的免費(fèi)使用模板，用戶可創(chuàng)建幻燈片，對(duì)文字、圖片等進(jìn)行編輯，模板可自定義，或使用免費(fèi)模板。模板制作類 H5 工具，一般提供的模板量大，用戶操作簡單易上手，動(dòng)畫類型也相對(duì)簡單，但是交互性有限。速課網(wǎng)是移動(dòng)教學(xué)應(yīng)用工具平臺(tái)，將H5技術(shù)引入教學(xué)領(lǐng)域，簡便易學(xué)。

2.2 專業(yè)制作類H5工具

專業(yè)制作類H5工具大多面向大型用戶，如：iH5、epub360 等。用于教學(xué)課件制造，主要針對(duì)微課資源庫建設(shè)，以產(chǎn)品形式承包。相比模板制作類工具，專業(yè)制作類H5 工具功能強(qiáng)大，專業(yè)性強(qiáng)，使用起來較復(fù)雜。個(gè)人用戶使用，制作周期較長，需要具備一些編程語言基礎(chǔ)。但是，專業(yè)制作類H5工具可實(shí)現(xiàn)復(fù)雜交互動(dòng)作，并有互動(dòng)類工具包。

3 速課平臺(tái)三種課件制作形式

速課平臺(tái)支持三種課件制作形式：PPT語音課件、教學(xué)輕課件、創(chuàng)作型課件。

3.1 PPT語音課件

這種課件可將上傳的PPT直接轉(zhuǎn)化成H5課件，高度還原PPT效果，呈現(xiàn)教學(xué)效果。將錄制語音插入頁面，使重點(diǎn)難點(diǎn)更加具體，生動(dòng)。課件可內(nèi)置留言評(píng)價(jià)和插入試卷，收集學(xué)生學(xué)習(xí)反饋及學(xué)生掌握情況數(shù)據(jù)信息。

3.2 教學(xué)輕課件

這種課件可在移動(dòng)端快速制作H5教學(xué)課件。采用流體式布局，無需考慮布局，聚焦教學(xué)內(nèi)容，根據(jù)需要可插入圖片（照片）、文本、音頻等。支持實(shí)時(shí)錄音，可隨時(shí)隨地編輯移動(dòng)端資源，例如：課堂中引用圖片、講解例題，適用于實(shí)時(shí)解決課堂中的問題。

3.3 創(chuàng)作型課件

這類課件，是通過PC端創(chuàng)作交互性較強(qiáng)的精美H5教學(xué)課件。速課平臺(tái)免費(fèi)提供多種教學(xué)模板與素材，支持文本、圖片、音頻等課件元素的編輯，可插入測試、文檔等教學(xué)組件，超鏈接可以鏈接到網(wǎng)址和場景頁面，觸發(fā)功能可以實(shí)現(xiàn)頁面內(nèi)的多層動(dòng)畫效果，使課件教學(xué)設(shè)計(jì)更具有實(shí)用性、趣味性。

4 創(chuàng)作型可見的幾個(gè)亮點(diǎn)

（1）可以實(shí)現(xiàn)復(fù)雜邏輯的編輯。制作時(shí)通過鏈接，觸發(fā)功能的設(shè)置，可實(shí)現(xiàn)復(fù)雜邏輯關(guān)系圖素的跳轉(zhuǎn)，互動(dòng)性、動(dòng)態(tài)效果好。

（2）可以制作情境教學(xué)課件。將動(dòng)圖，結(jié)合觸發(fā)圖素，配合音頻，可生成情境動(dòng)畫效果。下面圖1的案例，如果不按順序穿戴，會(huì)彈出“使不得”動(dòng)圖，正確選擇才能執(zhí)行。

HTML5以其在課件穩(wěn)定性、形式表現(xiàn)多樣性、良好的交互性以及支持跨平臺(tái)學(xué)習(xí)等各方面的天然優(yōu)勢，日益成為備受青睞的一種課件制作形式。在速課平臺(tái)等一系列專門為教育打造的輔助工具的幫助下，H5技術(shù)在教學(xué)中的應(yīng)用會(huì)迅速發(fā)展起來。

參考文獻(xiàn)

[1]李方圓，楊絮，張海，等.基于決策樹的自適應(yīng)教育超媒體課程系統(tǒng)海外案例介紹[J].中國信息技術(shù)教育，2017，（12）：86-88.

[2]張中秋，韋金洪.基于“移動(dòng)互聯(lián)網(wǎng)+”的高?！八僬n”模式與應(yīng)用探索——以項(xiàng)目教學(xué)為例[J].中國地質(zhì)教育，2019，28（01）：61-65.