H5互動(dòng)教學(xué)平臺(tái)設(shè)計(jì)應(yīng)用研究

杜蔚苗 謝遠(yuǎn)欣 譚倩妮

[摘 要] 基于信息化教學(xué)模式，將研究利用H5的自身技術(shù)與優(yōu)勢(shì)設(shè)計(jì)一款集教學(xué)課件、教學(xué)展示、教學(xué)交流、教學(xué)考評(píng)為一體的H5互動(dòng)教學(xué)平臺(tái)。提高學(xué)生學(xué)習(xí)興趣與實(shí)踐能力，使被動(dòng)學(xué)習(xí)轉(zhuǎn)化成自主學(xué)習(xí)，提升教學(xué)質(zhì)量。

[關(guān) 鍵 詞] 信息化教學(xué)；H5技術(shù)；自主學(xué)習(xí)；H5互動(dòng)教學(xué)平臺(tái)

[中圖分類號(hào)] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號(hào)] 2096-0603（2018）29-0116-01

目前信息化的具體表現(xiàn)就是信息數(shù)字化，數(shù)字化信息具有穩(wěn)定性好、傳播效率高、易于存儲(chǔ)等特點(diǎn)，節(jié)約了傳播和存儲(chǔ)成本。將繁復(fù)的文本信息整合成數(shù)據(jù)，直觀呈現(xiàn)，簡潔明了。教師可合理的利用信息化技術(shù)，不斷提高教學(xué)質(zhì)量，促進(jìn)學(xué)生自主學(xué)習(xí)能力。

一、H5互動(dòng)教學(xué)平臺(tái)的含義

H5互動(dòng)教學(xué)平臺(tái)作為信息化教學(xué)的創(chuàng)新技術(shù)手段，利用H5自身技術(shù)與優(yōu)勢(shì)，將資源整合，建立一個(gè)便于教師教學(xué)、學(xué)生學(xué)習(xí)、師生共同互動(dòng)的良好學(xué)習(xí)平臺(tái)。其具有“跨平臺(tái)”“本地儲(chǔ)存”“免插件”的特點(diǎn)。

二、H5互動(dòng)教學(xué)平臺(tái)設(shè)計(jì)

“互動(dòng)”是H5互動(dòng)教學(xué)平臺(tái)的關(guān)鍵所在。那么對(duì)教師而言，需要對(duì)頁面進(jìn)行全方位考究，如構(gòu)建清晰、合理的頁面組織結(jié)構(gòu)；將教學(xué)圖片、視頻、交互動(dòng)作等運(yùn)用在頁面的排版中，學(xué)生可以參與其中，增強(qiáng)頁面的學(xué)習(xí)性與趣味性。

（一）H5教學(xué)課件平臺(tái)設(shè)計(jì)

傳統(tǒng)的教學(xué)課件是以教師講解與單一PPT講述為主，通常忽視與學(xué)生的互動(dòng)性教學(xué)，靜態(tài)單一的教學(xué)課件已經(jīng)不能引起學(xué)生的注意與學(xué)習(xí)興趣。當(dāng)下教學(xué)課件已逐步轉(zhuǎn)入以強(qiáng)調(diào)信息化的動(dòng)態(tài)頁面設(shè)計(jì)為主。H5教學(xué)課件平臺(tái)作為移動(dòng)終端上可打開的頁面，是可以利用自身技術(shù)優(yōu)勢(shì)使用圖像動(dòng)畫、音頻、視頻、本體存儲(chǔ)等相關(guān)功能；并可通過設(shè)置相關(guān)的動(dòng)態(tài)元素和效果調(diào)整圖片和文字的出現(xiàn)，如擦除、重力感應(yīng)、3D展示功能等。課件制作中巧妙地運(yùn)用動(dòng)態(tài)視覺元素，可以創(chuàng)造出更多別具一格富有創(chuàng)意的H5互動(dòng)教學(xué)課件作品，通過師生課堂互動(dòng)，增加課堂學(xué)習(xí)氛圍。

重點(diǎn)難點(diǎn)的突出在H5教學(xué)平臺(tái)頁面設(shè)計(jì)中尤為重要。若忽視重難點(diǎn)的劃分，教學(xué)內(nèi)容將不會(huì)得到有效傳達(dá)。因此，教師在H5教學(xué)平臺(tái)設(shè)計(jì)中應(yīng)該注意課程內(nèi)容的重難點(diǎn)區(qū)分，在重點(diǎn)的部分通過H5教學(xué)互動(dòng)的形式，版面設(shè)計(jì)主次分明。

（二）H5教學(xué)案例展示平臺(tái)設(shè)計(jì)

H5教學(xué)案例展示類型豐富，按照表現(xiàn)形式分類可分為滑動(dòng)翻頁、總結(jié)報(bào)告、場(chǎng)景模擬、視頻、游戲等。按照互動(dòng)形式分類可分為雙人互動(dòng)、多人互動(dòng)、視聽互動(dòng)、觸感識(shí)別、多屏互動(dòng)、重力感應(yīng)、VR虛擬現(xiàn)實(shí)等多種形式。不同媒介之間的信息打破之前的壁壘，形成互相融合的整體，H5教學(xué)案例平臺(tái)也可以不斷更新更多優(yōu)質(zhì)案例。

傳統(tǒng)的教材案例，無論以什么樣的形式出現(xiàn)，總是圍繞著兩個(gè)方面，一是圖片關(guān)系，二是圖文關(guān)系。因此對(duì)于傳統(tǒng)教材而言，圖片只是輔助文字的，而并不能代替文字。由于傳統(tǒng)教學(xué)模式其自身的特點(diǎn)和限制，新媒體H5教學(xué)案例展示可使圖形在頁面設(shè)計(jì)中的應(yīng)用更加生動(dòng)而富有活力。在H5教學(xué)案例展示設(shè)計(jì)中，一切可視圖像都可以歸在圖形、圖像的范疇里，如數(shù)碼照片、插畫圖片等。新媒體H5廣告將信息圖形化設(shè)計(jì)，將減少文字的出現(xiàn)，用圖形信息代替不必要的文字內(nèi)容。例如，數(shù)據(jù)總結(jié)報(bào)告的動(dòng)態(tài)化呈現(xiàn)，可清晰地讓學(xué)生看懂其中數(shù)據(jù)與變化幅度，同時(shí)也增強(qiáng)了學(xué)生學(xué)習(xí)過程中的趣味性。

（三）H5教學(xué)交流平臺(tái)設(shè)計(jì)

傳統(tǒng)的教學(xué)課后，師生交流被時(shí)間與地域限制。通過互聯(lián)網(wǎng)信息化教學(xué)，在課后可拉近師生彼此之間的距離，教學(xué)傳播內(nèi)容是H5互動(dòng)教學(xué)交流平臺(tái)傳播的核心，突破時(shí)間和空間的限制，隨著信息教學(xué)的不斷深入，H5教學(xué)交流平臺(tái)也具備實(shí)時(shí)性、移動(dòng)性、隨時(shí)性的特點(diǎn)，因此信息化交流平臺(tái)也有了不同的發(fā)展方向，其中一個(gè)是通過無線移動(dòng)型終端，以手機(jī)為代表；作為“第五媒體”的手機(jī)媒體突破了時(shí)間、地點(diǎn)、設(shè)備的局限性，手指一動(dòng)就能獲得所需信息，在網(wǎng)絡(luò)通暢的情況下，師生可以在H5教學(xué)交流平臺(tái)中發(fā)表自己的看法與見解。如學(xué)生對(duì)案例的解讀，教師對(duì)學(xué)生課堂掌握情況的了解等將通過這樣H5教學(xué)交流平臺(tái)設(shè)計(jì)體現(xiàn)出來。

（四）H5教學(xué)考核平臺(tái)設(shè)計(jì)

傳統(tǒng)的考評(píng)模式以紙質(zhì)考核為主要形式，由教師出題，統(tǒng)一上報(bào)學(xué)校打印再統(tǒng)一考核，最后教師批改成績公布成績這樣一個(gè)繁瑣的過程。由于H5具有跨平臺(tái)、免插件、即時(shí)性的特征，H5教學(xué)考評(píng)平臺(tái)正是利用這些優(yōu)勢(shì)特征。教師考核學(xué)生的方式可以多樣化、自主化、提高教學(xué)效率與質(zhì)量，讓學(xué)生以一種全新的方式進(jìn)行考核，改變考核方式，給學(xué)生一種全新的體驗(yàn)。考核完成后教師可以在系統(tǒng)后臺(tái)瀏覽學(xué)生的答題情況，并在線批改答卷，閱卷后可實(shí)時(shí)反饋給學(xué)生，提高教學(xué)工作效率與質(zhì)量。

利用信息化技術(shù)H5的自身優(yōu)勢(shì)與特征，在H5互動(dòng)教學(xué)平臺(tái)中，教師運(yùn)用H5互動(dòng)教學(xué)課件平臺(tái)設(shè)計(jì)生動(dòng)有趣的教學(xué)課件，課堂中結(jié)合H5互動(dòng)案例的講解，通過H5互動(dòng)交流平臺(tái)師生課后互動(dòng)交流，課程考核可通過H5教學(xué)考評(píng)平臺(tái)來進(jìn)行，激發(fā)學(xué)生主動(dòng)學(xué)習(xí)積極性，提升教師教學(xué)質(zhì)量。

參考文獻(xiàn)：

[1]歐湘慶.教師信息化教學(xué)能力發(fā)展策略[J].中外企業(yè)家，2016（36）.

[2]汪濤，杜蔚苗.移動(dòng)終端HTML5頁面互動(dòng)版式設(shè)計(jì)研究[J].包裝工程，2017（6）：203-208.