基于H5的互動(dòng)微課探索

悅夢(mèng)凡 陳云紅 王宇婷

摘要：隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，人們的學(xué)習(xí)不再局限于以老師為主體的傳統(tǒng)課堂教學(xué)模式。微課的出現(xiàn)給學(xué)習(xí)者提供了更多的學(xué)習(xí)資源，但現(xiàn)有的微課互動(dòng)性不強(qiáng)。本文以中學(xué)置換反應(yīng)為例，利用iH5等技術(shù)，對(duì)互動(dòng)式微課的制作及特色展開(kāi)研究，為提升學(xué)生的學(xué)習(xí)質(zhì)量和效率起到一定的作用。

關(guān)鍵詞：微課;互動(dòng)式微課;H5

中圖分類號(hào)：664 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2019）17-0220-01

一、互動(dòng)微課

互動(dòng)微課是指能在學(xué)習(xí)者使用微課時(shí)進(jìn)行學(xué)習(xí)環(huán)節(jié)互動(dòng)的一類微課，不僅包含普通微課能詳細(xì)講解完整知識(shí)點(diǎn)或完成某個(gè)教學(xué)環(huán)節(jié)的功能，更注重用戶與知識(shí)點(diǎn)的互動(dòng)，使互動(dòng)貫穿于整個(gè)課程中，更具有雙向互動(dòng)性。

互動(dòng)微課總的可分為定制式、會(huì)話式、探索式三類。定制式的微課可以根據(jù)不同用戶調(diào)整視頻的一些細(xì)微元素，且視頻本身具有線性性質(zhì)，使不同用戶看到的視頻既相同又不同。例如可在微課的實(shí)驗(yàn)操作階段，讓學(xué)生通過(guò)參與實(shí)驗(yàn)的方式進(jìn)行學(xué)習(xí)，更能產(chǎn)生學(xué)習(xí)代入感，增強(qiáng)趣味性;而會(huì)話式微課視頻由于用戶可直接改變視頻順序或結(jié)果，例如在微課學(xué)習(xí)的互動(dòng)練習(xí)中，答對(duì)則可以跳轉(zhuǎn)下一階段的學(xué)習(xí)，若答錯(cuò)則出現(xiàn)錯(cuò)誤提示并轉(zhuǎn)回上一階段再次學(xué)習(xí);探索式互動(dòng)微課則提供少量提示或沒(méi)有提示，充分給予用戶學(xué)習(xí)自由度，自行探索互動(dòng)點(diǎn)，或在開(kāi)始前循環(huán)播放某一提示場(chǎng)景，直到用戶發(fā)現(xiàn)互動(dòng)點(diǎn)再繼續(xù)。

二、H5型微課的特點(diǎn)

（一）表現(xiàn)形式豐富

H5技術(shù)支持視頻、音頻等多媒體元素，而CSS支持字體嵌入、版面排版以及最具感染力的動(dòng)畫(huà)功能等。這些強(qiáng)大的技術(shù)支持使得H5型微課在學(xué)習(xí)內(nèi)容有了比較豐富的表現(xiàn)形式，在增強(qiáng)學(xué)習(xí)效果的同時(shí)極大提升用戶學(xué)習(xí)興趣。

（二）學(xué)習(xí)交互良好

H5型微課在學(xué)生端的交互性學(xué)習(xí)體驗(yàn)上有著非常大的改進(jìn)。例如在微課中留有可編輯內(nèi)容塊、任意拖放、觸發(fā)等交互功能，其移動(dòng)端學(xué)習(xí)可以參考小游戲闖關(guān)似的循序漸進(jìn)的模式設(shè)計(jì)，使學(xué)生在交互學(xué)習(xí)中加深對(duì)各個(gè)知識(shí)點(diǎn)的理解。

（三）利于移動(dòng)學(xué)習(xí)

H5型微課支持跨平臺(tái)學(xué)習(xí)，同時(shí)具有離線站點(diǎn)的特性。H5型微課耗費(fèi)流量小，易于傳播，學(xué)生可以利用碎片化的時(shí)間隨時(shí)隨地學(xué)習(xí)。H5型的微課受眾主要是青年，年輕人正是對(duì)學(xué)習(xí)集中需求量最大的時(shí)候，對(duì)于新興的學(xué)習(xí)方式也樂(lè)于嘗試和接受，且積極性較高。

三、H5型互動(dòng)微課的制作工具

（一）H5的開(kāi)發(fā)平臺(tái)可分為簡(jiǎn)易模板類和專業(yè)工具類

簡(jiǎn)易模板類平臺(tái)主要有易企秀，MAKA，初頁(yè)等。目前市面上大多的H5型商業(yè)宣傳片、小廣告等都是用易企秀制作的。相比其他制作平臺(tái)，易企秀有著更加豐富的素材，僅字體就有上百種，它的優(yōu)勢(shì)主要在于可套用大量模板，且能進(jìn)行教學(xué)反饋信息的收集。而YAKA更側(cè)重模板精美性與界面簡(jiǎn)潔性，在具體應(yīng)用方面，可根據(jù)這一特點(diǎn)制作教育相關(guān)的海報(bào)宣傳頁(yè)。初頁(yè)也有豐富的模板，可用它做出的H5作品承載的信息相對(duì)較少，更適用制作卡片式微課。

專業(yè)的制作平臺(tái)以iH5為代表，其制作學(xué)習(xí)需要一定的時(shí)間。在交互動(dòng)畫(huà)這一方面，iH5的功能更為強(qiáng)大，物理引擎、數(shù)據(jù)庫(kù)、直播流、SVG、WebApp、多屏互動(dòng)等功能應(yīng)有盡有，且兼容性更強(qiáng)，有互動(dòng)游戲、支持教學(xué)視頻和PPT的導(dǎo)入等多種功能，可快速實(shí)現(xiàn)教學(xué)課件的轉(zhuǎn)換。教師可根據(jù)自己不同的需求選擇合適的制作工具。

四、H5型交互微課的制作——以《置換反應(yīng)》為例

《置換反應(yīng)》的制作主要分為以下六個(gè)步驟：選題、教案編寫(xiě)、繪制分鏡、后期制作、發(fā)布和評(píng)價(jià)反思。

（一）選題

在選題方面，因?yàn)槲⒄n時(shí)長(zhǎng)一般在10分鐘以內(nèi)，所以選題要注意教學(xué)目標(biāo)是讓學(xué)生理解和掌握重難點(diǎn)。在本次案例中，置換反應(yīng)屬于基本反應(yīng)類型，包含到到金屬的化學(xué)性質(zhì)這一章節(jié)中，歷年來(lái)是高頻考點(diǎn)。在知識(shí)點(diǎn)的關(guān)聯(lián)性上，可以類比金屬和酸堿鹽的反應(yīng)。所以不管是橫向還是縱向，本次案例的選題都直擊重難點(diǎn)。另一方面應(yīng)注意教學(xué)內(nèi)容要適合多媒體表達(dá)，讓H5型微課充分發(fā)揮其聲色結(jié)合、互動(dòng)性強(qiáng)的特性。

（二）教案編寫(xiě)

編寫(xiě)教案的目的主要是確立教學(xué)目標(biāo)，細(xì)化教學(xué)過(guò)程，包括知識(shí)點(diǎn)的導(dǎo)入、講解、總結(jié)和檢驗(yàn)。本案例中教學(xué)目標(biāo)十分明確，即學(xué)生通過(guò)學(xué)習(xí)能掌握置換反應(yīng)這一基本活動(dòng)類型以及金屬的活動(dòng)順序。具體教學(xué)過(guò)程主要用一個(gè)簡(jiǎn)單的動(dòng)畫(huà)進(jìn)行知識(shí)點(diǎn)的導(dǎo)入，在講解部分先是進(jìn)入制作了交互動(dòng)畫(huà)的實(shí)驗(yàn)環(huán)節(jié)，隨后是原理解析的部分，這部分使用的Animate制作的趣味動(dòng)畫(huà)導(dǎo)入到H5頁(yè)面中。最后通過(guò)本次實(shí)驗(yàn)對(duì)其他同類型的化學(xué)反應(yīng)進(jìn)行歸納整理。

總的來(lái)說(shuō)，H5型微課在教學(xué)過(guò)程中要突出其交互性，同時(shí)要注意音視頻的結(jié)合，最大程度地優(yōu)化教學(xué)效果。本案例中的實(shí)驗(yàn)與原理解析的環(huán)節(jié)就充分利用了這一特性。

（三）繪制分鏡

H5型微課主要用于移動(dòng)學(xué)習(xí)，所以要考慮在移動(dòng)端地適配性，分鏡大小一般設(shè)置為640x1080px。此外要注意畫(huà)面地美觀性和簡(jiǎn)潔性，不可讓過(guò)于紛繁復(fù)雜的圖片元素等分散學(xué)生的注意力，降低學(xué)習(xí)效率。

（四）后期制作

后期制作的過(guò)程主要是在iH5里面進(jìn)行排版和交互動(dòng)畫(huà)的設(shè)計(jì)，iH5有著強(qiáng)大的兼容性?？梢灾С忠纛l、視頻、動(dòng)畫(huà)的導(dǎo)入?？梢愿鶕?jù)這一特性，將這些多媒體元素進(jìn)行有機(jī)的融合。本案例中包含了一個(gè)實(shí)驗(yàn)環(huán)節(jié)，將鐵絲放入硫酸銅溶液中觀察現(xiàn)象。這里在iH5里面實(shí)現(xiàn)交互，學(xué)生可用手指將鐵絲拖入硫酸銅溶液中。鐵絲變紅的現(xiàn)象也在H5頁(yè)面上做了生動(dòng)形象的動(dòng)畫(huà)。交互性的另一個(gè)方面體現(xiàn)在學(xué)生對(duì)于學(xué)習(xí)進(jìn)度的自由掌握上，在每個(gè)學(xué)習(xí)階段結(jié)束時(shí)設(shè)置了按鈕，學(xué)生可通過(guò)按下按鈕進(jìn)入下一階段的學(xué)習(xí)。在復(fù)雜的知識(shí)點(diǎn)講解時(shí)，導(dǎo)入了事先錄制好的音頻，也有適量的文字說(shuō)明，但文字所占比例較小?？偠灾?，后期制作是一個(gè)重要的融合過(guò)程，將上一階段做好的動(dòng)畫(huà)、視頻、音頻、文字還有交互等在每一個(gè)H5頁(yè)面里進(jìn)行有機(jī)融合。最后測(cè)試檢驗(yàn)效果，經(jīng)過(guò)多次修改才能做好一份頁(yè)面簡(jiǎn)潔精美、動(dòng)畫(huà)趣味性強(qiáng)、交互性強(qiáng)、教學(xué)效果良好的H5型微課。

（五）發(fā)布

H5型微課的發(fā)布比較簡(jiǎn)單，在制作平臺(tái)生成二維碼后直接進(jìn)行分享，也可以復(fù)制鏈接進(jìn)行分享和發(fā)布。H5型微課在發(fā)布上所需時(shí)間較少，制作完成即可成功發(fā)布進(jìn)而進(jìn)行傳播和使用，無(wú)需下載，耗費(fèi)流量少。而傳統(tǒng)視頻微課在發(fā)布后往往需要一定的時(shí)間進(jìn)行審核，且觀看學(xué)習(xí)需耗費(fèi)大量的流量。

（六）評(píng)價(jià)反思

H5型微課在交互和終端適配性上有著得天獨(dú)厚的優(yōu)勢(shì)，一些簡(jiǎn)單的實(shí)驗(yàn)操作也可通過(guò)h5的交互動(dòng)畫(huà)來(lái)完成，例如本案例中的鐵絲和硫酸銅溶液的反應(yīng)。因其不受時(shí)空限制，學(xué)生或老師可隨時(shí)隨地演示和學(xué)習(xí)。這也為互動(dòng)型微課開(kāi)發(fā)提供了一種新思路。但值得注意的是，H5型微課也有一定的局限性，不確定因素過(guò)多或者復(fù)雜性較強(qiáng)的實(shí)驗(yàn)就不適合用H5型微課來(lái)完成。

五、結(jié)語(yǔ)

H5型微課是最近幾年在國(guó)內(nèi)發(fā)展起來(lái)的。微課因其“短小精悍”著稱，而H5型微課又因其美觀性，強(qiáng)交互性和跨平臺(tái)性而深受廣大受眾喜愛(ài)。H5型微課在當(dāng)今互聯(lián)網(wǎng)時(shí)代具有良好的發(fā)展前景。

在H5型微課的實(shí)例制作過(guò)程中，發(fā)現(xiàn)頁(yè)面繪制需要結(jié)合其他軟件來(lái)完成，時(shí)間較長(zhǎng)、復(fù)雜性較強(qiáng)的動(dòng)畫(huà)也需專業(yè)的動(dòng)畫(huà)制作軟件來(lái)完成后再導(dǎo)入到H5作品中。完成一部交互良好、頁(yè)面精美的H5型微課需要熟練掌握多種軟件操作技能，結(jié)合軟件自身的優(yōu)勢(shì)和特點(diǎn)，加以合理利用。

在其教學(xué)設(shè)計(jì)方面，要注意突出其交互性、模式創(chuàng)新性。值得注意的是，在H5型微課的教學(xué)設(shè)計(jì)中，需要學(xué)生對(duì)知識(shí)進(jìn)行系統(tǒng)地吸收，而不是單個(gè)知識(shí)點(diǎn)的突破，這就需要把知識(shí)點(diǎn)進(jìn)行系統(tǒng)化和專題化后，制作一系列或者一整套的H5型微課，使之彼此相互關(guān)聯(lián)、環(huán)環(huán)相扣，形成一個(gè)完整的知識(shí)結(jié)構(gòu)體系，使學(xué)生隨時(shí)隨地對(duì)進(jìn)行知識(shí)的整合吸收。在移動(dòng)互聯(lián)網(wǎng)的時(shí)代潮流下，H5型微課將會(huì)迎來(lái)眾多的發(fā)展機(jī)遇。