基于iH5的交互式微課設計與制作

摘" 要 從微課與交互式微課的概念出發(fā)，對二者的關鍵特征進行辨析。在對iH5技術介紹的基礎上，著重對交互式微課的情境交互與內(nèi)容交互進行結(jié)合實例的闡述，并且依據(jù)實例的內(nèi)容結(jié)構(gòu)，對開發(fā)過程進行列舉，對開發(fā)結(jié)果進行展示。

關鍵詞 iH5；微課；交互式微課；互聯(lián)網(wǎng)+教育

中圖分類號：G40-057" " 文獻標識碼：B

文章編號：1671-489X（2021）23-0036-03

0" 引言

“互聯(lián)網(wǎng)+教育”背景下，教育教學結(jié)構(gòu)不斷重構(gòu)、升級，移動學習、混合式學習和智慧學習等新興方式成為新時代學習變革的熱點[1]；學習資源不再被禁錮于校園之內(nèi)和課堂之上，顯現(xiàn)出去中心化的趨勢，資源的載體形式也擺脫了傳統(tǒng)的教材，導致學習中心不斷向?qū)W生偏移。在此背景下，微課以其短小精悍、內(nèi)容精練并支持移動學習等特點備受青睞。

1" 微課與交互式微課

1.1" 微課及其現(xiàn)狀

胡鐵生將微課定義為：“按照新課程標準及教學實踐要求，以教學視頻為主要載體，反映教師在課堂教學過程中針對某個知識點或教學環(huán)節(jié)而開展教與學活動的各種教學資源的有機組合。”[2]再綜合余勝泉等學者[3]對微課的定義，不難看出，微課具有微時間、微內(nèi)容、微容量、情境化的特點。微課作為一種新型教學資源改變了知識傳授的形式，成為連接課堂內(nèi)外的紐帶，為改革教學模式、提升教學資源質(zhì)量、增強教學效果提供了解決途徑。

從微課的呈現(xiàn)方式來看，微課一般分為單向傳遞知識的微課和雙向互動型的微課[4]。由于受開發(fā)技術的制約，目前微課的形式比較單一，基本是以短視頻為載體的教學信息呈現(xiàn)，主要包括利用Camtasia Studio等工具的課堂實錄、錄屏等，學習過程中缺少互動，缺乏相應的學習反饋與知識鞏固。微課作為課堂輔助教學資源，其功能的實現(xiàn)依賴于學生的自主性，而如果學生處于被動學習狀態(tài)，無法滿足學習個性化、情景化的需求，則很難發(fā)展其主體性和能動性。根據(jù)CNNIC 2020年第46次中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告[5]：截至2020年6月，我國手機網(wǎng)民規(guī)模達9.32億，在線教育用戶規(guī)模達3.81億，占網(wǎng)民整體的40.5%。面對龐大的受眾群體及其期望，改變呈現(xiàn)形式、豐富內(nèi)容、提高探究性和交互性是微課可持續(xù)發(fā)展的必然趨勢。

1.2" 交互式微課及其應用特征

交互式微課，顧名思義，就是強調(diào)互動性的微課，“是一種以流媒體視頻技術為基礎，同時具有互動、反饋等功能的結(jié)構(gòu)化、微型化的交互式課件”[6]。教學交互是一種發(fā)生在學生和學習環(huán)境之間的事件，在實踐中可以在兩個水平上認識教學交互：一個水平將教學交互看作學生與學習環(huán)境相互作用的一種理想結(jié)果，另一個水平將教學交互看作教學活動滿足學生學習需要的一個屬性[7]。從教學交互的概念界定交互式微課，它必須滿足兩個條件：一個是教學活動需要具備交互屬性，另一個是借助信息化平臺促使學生與學習環(huán)境發(fā)生交互。

交互式微課基于學科知識點構(gòu)建，依賴于教學活動的設計，注重學習內(nèi)容的交互性。交互式微課依賴于能夠提供豐富交互界面和交互信息形式的平臺環(huán)境，進而讓互動貫穿課堂始終，使學習變成一個雙向交流與互動的過程。雖然基于微課的學習有賴于學生的自覺互動，但反過來看，微課也倒逼學生自主學習習慣的養(yǎng)成，交互式微課良好的創(chuàng)制與功用是提升學習自覺性的有力保證，避免學生習慣于接受形象化的視聽學習而忽略思維的發(fā)展，潛移默化地推進學生的學習進程，進一步深化學生的認知。

2" 基于iH5的交互式微課的設計與制作

2.1" iH5簡介

H5是超文本標記語言HTML的第五代技術，簡稱H5。最早提出iH5的是ih5.cn的創(chuàng)始人孟智平，iH5是其品牌名，因此，iH5實際上還是H5語言。以往該項技術主要供程序開發(fā)人員使用，但是iH5在H5原有功能的基礎上結(jié)合當前媒體發(fā)展的需求，增添了許多繪畫、物理引擎、時間軸動畫、設備響應、數(shù)據(jù)庫、跨屏互動等功能，使用戶不再受編程基礎的限制；通過對平臺中組件的拖拽、按鈕的使用即可進行H5產(chǎn)品的設計與制作，為零基礎的入門級用戶提供了所見即所得的開發(fā)環(huán)境。iH5具有綜合性能強、應用領域廣泛、平臺開放等優(yōu)勢，但其最大優(yōu)勢仍是極強的交互性。

2.2" 交互式微課中交互性的體現(xiàn)

交互在微課的設計中主要體現(xiàn)在學生可以自行安排學習計劃，控制學習進度，并可以自我檢查學習效果，從而發(fā)現(xiàn)學習中出現(xiàn)的問題并有效解決。交互的設計主要包括兩方面。

2.2.1" 情境交互的設計" 現(xiàn)代信息技術為知識的情境化處理提供了條件，使得交互式微課的呈現(xiàn)擺脫了傳統(tǒng)教師和計算機的束縛，以豐富的物理環(huán)境為依托，學生通過智能終端界面完成各種虛擬情境之間的切換，激發(fā)興趣、維持動機、體驗情感，在情境中學習、在情境中探索，構(gòu)建認知網(wǎng)絡，最終實現(xiàn)概念的學習。以高中“空間幾何體表面積”為例，了解空間幾何體結(jié)構(gòu)的最優(yōu)方法莫過于3D模型，iH5通過“坐標系”“攝像機”“光和模型”來進行3D效果的設置，不僅能夠?qū)崿F(xiàn)3D模型的插入，更重要的是能夠讓學生通過自主探究空間幾何體的構(gòu)造，逐步了解空間幾何體表面積的計算方法和規(guī)律；通過“語音同步”和“界面自控”控制界面的翻頁，自主掌控學習節(jié)奏和進度。同時，語音也會跟隨學生的學習進度播放，做到模擬教學的一對一效果。iH5的“動效”設置也是實時性的，根據(jù)學生的學習節(jié)奏變化而變化，真正實現(xiàn)定制式學習。

2.2.2" 內(nèi)容交互的設計" 微課可以作為學生自學的材料，在沒有教師參與的情況下，學生和教學內(nèi)容之間的交互尤為重要，通過設計良好的學習內(nèi)容和適當?shù)碾p向交流，可以很好地模擬教師和學生之間的有效互動。iH5允許設計者在微課中嵌入試題、測驗、問答等交互式組件。在交互式微課內(nèi)容交互設計中主要體現(xiàn)在：學生可以根據(jù)學習的需要選擇相應的學習內(nèi)容；可以對立體圖形進行三維操作和旋轉(zhuǎn)，明確每個面的基本特征；可以選擇查看立體圖形的展開圖并對展開圖進行演示；可以回答相應問題并自動作出判斷，詢問是否查看答案解析；支持任意位置的跳轉(zhuǎn)。通過內(nèi)容交互設計，學生可以根據(jù)自己的學習速度和知識掌握情況實現(xiàn)定制式學習。除此之外，面對學習過程中不同場景下的需求，將結(jié)構(gòu)化的內(nèi)容做適度的非結(jié)構(gòu)化延伸，能夠達到課內(nèi)外結(jié)合及舉一反三的目的。

2.3" 交互式微課結(jié)構(gòu)設計及實現(xiàn)

選擇高中“空間幾何體表面積”教學中的重點、難點內(nèi)容即四棱柱、四棱錐、圓柱、圓錐、球體等五種立體圖形的計算方法進行設計，每種立體圖形都包含定義介紹（含知識拓展）、3D模型展示、展開圖展示、例題講解、專項練習題（含習題解析）。以四棱錐為例，結(jié)構(gòu)如圖1所示，選題注重知識點之間的關聯(lián)性與結(jié)構(gòu)性，能夠幫助學生從個案上把握立體圖形面積的一般概念，進而橫向聯(lián)系，有益于知識的系統(tǒng)化學習。

2.4" 交互式微課的制作

以制作“四棱錐表面積計算方法”模塊為例，對基本操作進行詳細闡述。

2.4.1" 定義" 在定義頁面，選擇“T”文字工具單擊輸入定義內(nèi)容。

2.4.2" 3D模型" 在工具欄中選擇插入“3D世界”，在3D世界層級插入四棱錐（工具欄）；在屬性欄設置四棱錐的五面貼圖；在3D世界層級添加“環(huán)境光”并調(diào)暗；在3D世界的攝像機層級添加“點光源”，并在攝像機屬性欄設置滑動方向為“中心環(huán)繞”反向，靈敏度設置為-100。

2.4.3" 展開圖" 在Photoshop中繪制四棱錐，繪制不同顏色的五個面并以此為基礎制作展開圖。在iH5中點擊菜單欄中“圖片”，添加繪制的圖片；在展開圖的屬性中設置其初始不可見；在四棱錐的圖片上添加“點擊提示”模塊（菜單欄），選中模塊在工具欄中點擊“事件”，為其添加事件“當點擊時展開圖出現(xiàn)”。

2.4.4" 例題講解" 展示題目和圖片，為講解過程添加動效：選中文字—導航欄中添加動效—彈動。

2.4.5" 練習" 展示練習題，在該頁面添加輸入框（工具欄），選中該輸入框添加事件“匹配輸入值為94時顯示正確—不匹配時彈出查看解析”。

2.4.6" 語音同步nbsp; 錄制音頻保存為MP3格式。在iH5中的相應頁面中添加時間軸，將錄制好的錄音導入，并與課件中的動效時間進行比對，使其同步即可。

2.4.7" 上傳與反饋" 交互式微課制作完成并上傳至相應的網(wǎng)絡平臺，或者采用二維碼的方式進行傳播。

3" 結(jié)束語

后疫情時代，人們對內(nèi)容豐富并且交互性強的數(shù)字化資源寄予更高的期望，微課資源的呈現(xiàn)將更為注重多元化的互動形式與人性化設計，從而增強互動體驗感，充分增強學生的自主性。隨著“互聯(lián)網(wǎng)+教育”研究的不斷深入，交互式微課的設計與制作將會持續(xù)優(yōu)化，在教學中發(fā)揮更為重要的作用。

參考文獻

[1]于翠翠.信息技術驅(qū)動的課堂教學結(jié)構(gòu)變革[J].課程·教材·教法，2018，38（3）：117-125.

[2]胡鐵生，詹春青.中小學優(yōu)質(zhì)“微課”資源開發(fā)的區(qū)域?qū)嵺`與啟示[J].中國教育信息化，2012（22）：65-69.

[3]余勝泉，陳敏.基于學習元平臺的微課設計[J].開放教育研究，2014，20（1）：100-110.

[4]胡小茜，俞先梅.交互式微課設計策略與制作探究[J].電腦知識與技術，2014，15（18）：233-236.

[5]CNNIC發(fā)布第46次《中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》[R/OL].（2020-09-29）[2021-07-12].http：//www.cac.gov.cn/2020-09/29/c_1602939909285141.htm.

[6]尋素華.淺析微課程開發(fā)在校內(nèi)外的應用研究[J].中國電化教育，2013（9）：123-126.

[7]陳麗.術語“教學交互”的本質(zhì)及其相關概念的辨析[J].中國遠程教育，2004（3）：12-16，78-79.

項目來源：本文系2020年度山西省高等學校教學改革創(chuàng)新項目“以‘4C’核心能力為主導的《遠程教育應用》項目式教學模式研究”（項目編號：J2020261）；2020年度山西省高等學校教學改革創(chuàng)新項目“數(shù)字媒體專業(yè)技術應用類課程混合式教學模式改革實踐及評價體系研究”（項目編號：J2020254）的階段性成果。

作者：張?zhí)煸疲轿鞔笸髮W，講師，研究方向為數(shù)字化學習環(huán)境與資源、虛擬現(xiàn)實技術等；崔玲玲，山西大同大學，講師，研究方向為信息技術教育應用、教學系統(tǒng)設計等（037009）。