基于H5的互動微課探索

悅夢凡 陳云紅 王宇婷

摘要：隨著移動互聯網技術的快速發展，人們的學習不再局限于以老師為主體的傳統課堂教學模式。微課的出現給學習者提供了更多的學習資源，但現有的微課互動性不強。本文以中學置換反應為例，利用iH5等技術，對互動式微課的制作及特色展開研究，為提升學生的學習質量和效率起到一定的作用。

關鍵詞：微課;互動式微課;H5

中圖分類號：664 文獻標識碼：A 文章編號：1005-5312（2019）17-0220-01

一、互動微課

互動微課是指能在學習者使用微課時進行學習環節互動的一類微課，不僅包含普通微課能詳細講解完整知識點或完成某個教學環節的功能，更注重用戶與知識點的互動，使互動貫穿于整個課程中，更具有雙向互動性。

互動微課總的可分為定制式、會話式、探索式三類。定制式的微課可以根據不同用戶調整視頻的一些細微元素，且視頻本身具有線性性質，使不同用戶看到的視頻既相同又不同。例如可在微課的實驗操作階段，讓學生通過參與實驗的方式進行學習，更能產生學習代入感，增強趣味性;而會話式微課視頻由于用戶可直接改變視頻順序或結果，例如在微課學習的互動練習中，答對則可以跳轉下一階段的學習，若答錯則出現錯誤提示并轉回上一階段再次學習;探索式互動微課則提供少量提示或沒有提示，充分給予用戶學習自由度，自行探索互動點，或在開始前循環播放某一提示場景，直到用戶發現互動點再繼續。

二、H5型微課的特點

（一）表現形式豐富

H5技術支持視頻、音頻等多媒體元素，而CSS支持字體嵌入、版面排版以及最具感染力的動畫功能等。這些強大的技術支持使得H5型微課在學習內容有了比較豐富的表現形式，在增強學習效果的同時極大提升用戶學習興趣。

（二）學習交互良好

H5型微課在學生端的交互性學習體驗上有著非常大的改進。例如在微課中留有可編輯內容塊、任意拖放、觸發等交互功能，其移動端學習可以參考小游戲闖關似的循序漸進的模式設計，使學生在交互學習中加深對各個知識點的理解。

（三）利于移動學習

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

三、H5型互動微課的制作工具

（一）H5的開發平臺可分為簡易模板類和專業工具類

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

專業的制作平臺以iH5為代表，其制作學習需要一定的時間。在交互動畫這一方面，iH5的功能更為強大，物理引擎、數據庫、直播流、SVG、WebApp、多屏互動等功能應有盡有，且兼容性更強，有互動游戲、支持教學視頻和PPT的導入等多種功能，可快速實現教學課件的轉換。教師可根據自己不同的需求選擇合適的制作工具。

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

《置換反應》的制作主要分為以下六個步驟：選題、教案編寫、繪制分鏡、后期制作、發布和評價反思。

（一）選題

在選題方面，因為微課時長一般在10分鐘以內，所以選題要注意教學目標是讓學生理解和掌握重難點。在本次案例中，置換反應屬于基本反應類型，包含到到金屬的化學性質這一章節中，歷年來是高頻考點。在知識點的關聯性上，可以類比金屬和酸堿鹽的反應。所以不管是橫向還是縱向，本次案例的選題都直擊重難點。另一方面應注意教學內容要適合多媒體表達，讓H5型微課充分發揮其聲色結合、互動性強的特性。

（二）教案編寫

編寫教案的目的主要是確立教學目標，細化教學過程，包括知識點的導入、講解、總結和檢驗。本案例中教學目標十分明確，即學生通過學習能掌握置換反應這一基本活動類型以及金屬的活動順序。具體教學過程主要用一個簡單的動畫進行知識點的導入，在講解部分先是進入制作了交互動畫的實驗環節，隨后是原理解析的部分，這部分使用的Animate制作的趣味動畫導入到H5頁面中。最后通過本次實驗對其他同類型的化學反應進行歸納整理。

總的來說，H5型微課在教學過程中要突出其交互性，同時要注意音視頻的結合，最大程度地優化教學效果。本案例中的實驗與原理解析的環節就充分利用了這一特性。

（三）繪制分鏡

H5型微課主要用于移動學習，所以要考慮在移動端地適配性，分鏡大小一般設置為640x1080px。此外要注意畫面地美觀性和簡潔性，不可讓過于紛繁復雜的圖片元素等分散學生的注意力，降低學習效率。

（四）后期制作

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

（五）發布

H5型微課的發布比較簡單，在制作平臺生成二維碼后直接進行分享，也可以復制鏈接進行分享和發布。H5型微課在發布上所需時間較少，制作完成即可成功發布進而進行傳播和使用，無需下載，耗費流量少。而傳統視頻微課在發布后往往需要一定的時間進行審核，且觀看學習需耗費大量的流量。

（六）評價反思

H5型微課在交互和終端適配性上有著得天獨厚的優勢，一些簡單的實驗操作也可通過h5的交互動畫來完成，例如本案例中的鐵絲和硫酸銅溶液的反應。因其不受時空限制，學生或老師可隨時隨地演示和學習。這也為互動型微課開發提供了一種新思路。但值得注意的是，H5型微課也有一定的局限性，不確定因素過多或者復雜性較強的實驗就不適合用H5型微課來完成。

五、結語

H5型微課是最近幾年在國內發展起來的。微課因其“短小精悍”著稱，而H5型微課又因其美觀性，強交互性和跨平臺性而深受廣大受眾喜愛。H5型微課在當今互聯網時代具有良好的發展前景。

在H5型微課的實例制作過程中，發現頁面繪制需要結合其他軟件來完成，時間較長、復雜性較強的動畫也需專業的動畫制作軟件來完成后再導入到H5作品中。完成一部交互良好、頁面精美的H5型微課需要熟練掌握多種軟件操作技能，結合軟件自身的優勢和特點，加以合理利用。

在其教學設計方面，要注意突出其交互性、模式創新性。值得注意的是，在H5型微課的教學設計中，需要學生對知識進行系統地吸收，而不是單個知識點的突破，這就需要把知識點進行系統化和專題化后，制作一系列或者一整套的H5型微課，使之彼此相互關聯、環環相扣，形成一個完整的知識結構體系，使學生隨時隨地對進行知識的整合吸收。在移動互聯網的時代潮流下，H5型微課將會迎來眾多的發展機遇。