H5在翻轉(zhuǎn)課堂中的應(yīng)用實踐

[摘 要] 傳統(tǒng)的翻轉(zhuǎn)課堂一直以來都跟視頻的使用密不可分，相當(dāng)一部分的翻轉(zhuǎn)都要依賴于視頻格式的微課。但隨著移動互聯(lián)的發(fā)展，視頻的劣勢也逐漸顯現(xiàn)，而新興的HTML5（簡稱H5）技術(shù)在移動學(xué)習(xí)應(yīng)用方面有著獨特的優(yōu)勢。從H5的特點、制作技術(shù)及推廣應(yīng)用等方面展開討論，提供完整的H5在翻轉(zhuǎn)課堂中的應(yīng)用實踐方案。

[關(guān) 鍵 詞] H5；翻轉(zhuǎn)課堂；移動互聯(lián)

[中圖分類號] G712 [文獻標(biāo)志碼] A [文章編號] 2096-0603（2017）15-0124-02

根據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第39次《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》顯示，截至2016年12月，我國網(wǎng)民規(guī)模達7.31億。其中，手機網(wǎng)民6.95億，增長率連續(xù)三年超過10%。網(wǎng)民中使用手機上網(wǎng)人群占比由2015年的90.1%提升至95.1%，使用臺式電腦、筆記本上網(wǎng)的人數(shù)均呈下降態(tài)勢。這表明移動互聯(lián)已經(jīng)占據(jù)絕對的主導(dǎo)地位。在這個人手一臺手機的時代，移動互聯(lián)為“互聯(lián)網(wǎng)+教育”提供一條廣闊的道路，移動學(xué)習(xí)也將成為主流。

一、翻轉(zhuǎn)課堂的發(fā)展現(xiàn)狀

從2007年誕生至今，翻轉(zhuǎn)課堂在短短的十年間風(fēng)靡全球。Khan、Cousera、Edx、中國大學(xué)MOOC等用于翻轉(zhuǎn)課堂的慕課平臺如雨后春筍般涌現(xiàn)，但他們都是利用視頻來實施教學(xué)的。這有它的優(yōu)點，但劣勢也很明顯。首先，現(xiàn)今大部分參與翻轉(zhuǎn)的人都在移動端進行學(xué)習(xí)，視頻對流量和電量都是一個考驗。其次，不管相關(guān)人士認為視頻是如何容易制作的，但要做出具有吸引力的視頻，尤其是數(shù)量較大的時候，基層教師是難以實現(xiàn)的。還有，視頻中就算可以插入測試題，但它卻不能提供完成率、正確率等的重要數(shù)據(jù)作為教師備課的依據(jù)。所以，不利于移動學(xué)習(xí)，不方便基層教師，不能提供有效互動，這些都成為現(xiàn)今阻礙翻轉(zhuǎn)課堂大范圍推廣的重要因素。

二、HTML5的概念及其優(yōu)勢

HTML是一種超文本標(biāo)記語言，1991年問世，經(jīng)過多年修訂與完善，已成為網(wǎng)絡(luò)應(yīng)用中描述網(wǎng)頁最通用的語言，目前互聯(lián)網(wǎng)上的絕大部分網(wǎng)頁都是使用HTML編寫的。為了適應(yīng)移動互聯(lián)，達到跨平臺使用的目的，由此產(chǎn)生了HTML第5版標(biāo)準(zhǔn)，簡稱HTML5或H5。

H5有以下應(yīng)用優(yōu)勢：（1）其傻瓜式的易用性。利用H5制作平臺，普通教師就能像制作PPT一樣制作H5微課，幾乎不用怎么培訓(xùn)就可以掌握H5的制作技術(shù)。效率高，成本低。（2）更好的互動支持。用H5做出來的作品比PPT和視頻等傳統(tǒng)微課有更多的互動，能夠達到Flash效果。（3）容易修改。H5是一種網(wǎng)頁應(yīng)用，如果發(fā)現(xiàn)有問題，只需在相應(yīng)頁面編輯修改、更新發(fā)布即可，不像視頻那樣要重新錄制與輸出。（4）能及時收集數(shù)據(jù)與反饋。通過H5可以進行多種調(diào)查、測試及評價，并能及時反饋給學(xué)習(xí)者和發(fā)布者，有效地為翻轉(zhuǎn)課堂服務(wù)。（5）其針對移動應(yīng)用開發(fā)的技術(shù)使其更適合移動學(xué)習(xí)，例如，它流量耗費低，響應(yīng)速度快。這降低了學(xué)習(xí)者在移動端的學(xué)習(xí)成本，更利于推廣。正因為H5的這些優(yōu)勢，它已逐漸滲透到人們生活的方方面面，如游戲、視頻播放、Web應(yīng)用、交互廣告等。未來將是Web的世界，而H5代表Web的未來，HTML5交互技術(shù)、硬件訪問能力以及瀏覽器安全等技術(shù)發(fā)展將滿足萬物互聯(lián)的體驗需求。

H5的制作技術(shù)可以分成編程、軟件、平臺三大類。作為教師，大可不必深究與編程或軟件相關(guān)的知識，只需要用好H5制作平臺即可。這類平臺有很多，如炫頁、初頁、易企秀、百度H5、iH5、Maka等，它們都能使H5制作技術(shù)傻瓜化，讓普通人可以像做PPT一樣來做H5作品，更可以套用模板，通過替換內(nèi)容快速制作H5作品。下面重點闡述如何利用H5制作平臺來制作適用于翻轉(zhuǎn)課堂的H5作品。

三、H5在翻轉(zhuǎn)課堂中的應(yīng)用

翻轉(zhuǎn)課堂要的是把新知識的講授放到課前進行，因此，H5作品也應(yīng)該重點針對這一塊來制作。盡管技術(shù)、方法不一樣，但實質(zhì)上它與視頻微課、多媒體課件的開發(fā)與應(yīng)用相似，一個H5作品也要經(jīng)過選題、設(shè)計、制作、發(fā)布等過程。如下圖所示：

（一）選題

因為制作的H5應(yīng)用在翻轉(zhuǎn)課堂中，所以一定要面向?qū)W生，同時要考慮教學(xué)大綱和教學(xué)計劃的要求，注意前后知識點的銜接。既要分析學(xué)生的學(xué)習(xí)特點，也要分析教材的教學(xué)內(nèi)容，選題要小而精，盡量選取教學(xué)的重點、難點、疑點、易錯點、考點等作為主題，直擊學(xué)生的痛處。

（二）設(shè)計

與傳統(tǒng)的視頻相比，H5的表現(xiàn)形式更加豐富，它可以是文本、圖片、音頻、視頻、動畫、互動試題、問卷調(diào)查等，或以上的元素的組合。它是一種非常個性化的教學(xué)展示方式。要做好H5的“私人定制”，就要做好結(jié)構(gòu)設(shè)計和腳本設(shè)計。

1.結(jié)構(gòu)設(shè)計

H5是用來支持課前教學(xué)的，要把它的結(jié)構(gòu)設(shè)計跟傳統(tǒng)課堂的教學(xué)設(shè)計區(qū)分開來。雖然不像一節(jié)課，H5的教學(xué)過程很短，但它的結(jié)構(gòu)一定要完整，應(yīng)包括封面、引入、新課、試題、小結(jié)、反饋等。封面是學(xué)生決定是否瀏覽下面內(nèi)容的關(guān)鍵，在設(shè)計時應(yīng)該注意激發(fā)學(xué)生的興趣。精彩的引入可以激發(fā)學(xué)生學(xué)習(xí)新課的興趣，可以適當(dāng)設(shè)置懸念、引用案例或故事等。新課是主體，也是最難展示的部分，可考慮表現(xiàn)形式多樣化，例如，深受學(xué)生喜愛的漫畫形式。當(dāng)然這對于大部分教師來說不易做到，但作為教師，我們的資源其實是很豐富的，學(xué)生中不乏有一些繪畫高手，而且讓學(xué)生參與其中，不也成為翻轉(zhuǎn)課堂一個很好的組成部分嗎？練習(xí)是檢驗學(xué)生是否領(lǐng)會新課，并為教師反饋學(xué)習(xí)數(shù)據(jù)的重要方法，把它用上，能很好地為翻轉(zhuǎn)課堂服務(wù)。小結(jié)部分應(yīng)該要能引起學(xué)生的思考，讓他們帶著問題進入課堂，主動積極地與其他學(xué)生一起探尋答案。最后的反饋部分也很重要。翻轉(zhuǎn)課堂上教師要教授什么內(nèi)容，很大部分要取決于學(xué)生反饋回來的問題。

2.腳本設(shè)計

H5跟PPT的表現(xiàn)形式比較接近，由一個個頁面組成。我們可在頁面上嵌入各種可視化元素來展現(xiàn)學(xué)習(xí)內(nèi)容。腳本設(shè)計包括頁面布局、媒體選擇、出場方式和順序、交互方式、跳轉(zhuǎn)等設(shè)計，一般采用圖片加描述的表達形式。要特別重視H5的交互設(shè)計，因為只有H5具備互動性才能讓學(xué)生動起來。這也是它區(qū)別于視頻的重要特征。因此，在設(shè)計時要充分利用制作平臺里的動畫、換頁、跳轉(zhuǎn)、測試、調(diào)查、反饋等功能。

（三）制作

毫不夸張地說，懂得制作PPT就懂得制作H5。只需根據(jù)結(jié)構(gòu)設(shè)計按順序制作各個場景頁面，并根據(jù)腳本在頁面上添加各種元素，如文字、圖片、視頻、動畫等，也可添加一些鏈接、跳轉(zhuǎn)、測試等交互效果，選擇頁面切換效果和背景音樂，設(shè)置H5基本信息等，最后保存預(yù)覽，進行適當(dāng)修改后即可發(fā)布。如果覺得這還復(fù)雜的話，還可以直接套用H5制作平臺的模板，只需替換其中的頁面元素便可，這樣就進一步降低H5制作的難度，減輕教師的工作量，提高翻轉(zhuǎn)課堂的效率。

四、發(fā)布

H5制作完成后，點擊發(fā)布，會出現(xiàn)網(wǎng)址鏈接和二維碼，可以通過微信、QQ等社交平臺來推送。學(xué)生只要通過手機點擊鏈接、掃二維碼等便可瀏覽H5，進行各種交互式學(xué)習(xí)，并及時反饋相關(guān)數(shù)據(jù)。同時教師可以在后臺搜集交互數(shù)據(jù)，進行統(tǒng)計分析。這些數(shù)據(jù)不僅能反映出該H5是否適合學(xué)生學(xué)習(xí)，為以后的改進提供參考，還能為教師提供備課基礎(chǔ)，為接下來上的課做好準(zhǔn)備。

綜上所述，相對于采用視頻形式實施翻轉(zhuǎn)課堂，H5具有技術(shù)門檻低、互動性能強、數(shù)據(jù)反饋及時、推廣速度快等優(yōu)勢。它的多媒體融合性也使它更具吸引力。相信采用了H5以后，翻轉(zhuǎn)課堂能夠更順利地推行。不過在利用H5來翻轉(zhuǎn)課堂的時候要注意，一定要讓作品專題化、結(jié)構(gòu)化、體系化。這樣才能幫助學(xué)生構(gòu)建完整的知識體系，才能幫助翻轉(zhuǎn)課堂發(fā)揮它最大的作用。

參考文獻：

冷國華.多媒體CAI課件設(shè)計與制作[M].江蘇大學(xué)出版社，2010.