基于超星學習通在線教學平臺的混合式教學實踐與研究

林毅惠

摘要：隨著”互聯網+教育”的發展，移動學習以其獨具創新的方式引領著數字化學習的巨大變革，也促進了混合式教學的發展。本文從基于超星學習通平臺構建《HTML5+CSS3》學科的混合式教學模式，旨在借助超星學習通并通過混合式教學模式，將信息技術和傳統教學進行融合，實現線上線下互相補充，為學生提供豐富的、個性化的學習資源，利用碎片化的時間自主學習，提升學習效率，進一步改進教學方法。

關鍵詞：超星學習通;混合式教學;HTML5+CSS3

中圖分類號：G642 文獻標識碼：A

文章編號：1009-3044（2020）19-0141-02

開放科學（資源服務）標識碼（OSID）：

當前，HTML5+CSS3是網站設計前端市場的主流技術，具有廣泛的應用市場，是前端工程師崗位的必備技術基礎，其課程有很強實踐性和應用性，更是中職學校電子商務專業、移動商務專業的專業基礎課，該課程內容抽象、難懂，知識面廣、操作性強，需要學生細致地分析和系統的學習。因此，《HTML5+CSS3》網頁設計課程給中職教師和學生帶來了巨大的教學與學習的挑戰。要如何充分利用教學資源來進行更好的教與學，以便學生能夠對其進行深刻的理解與靈活的運用呢？

1 中職《HTML5+CSS3》網頁設計課程的特點

中職《HTML5+CSS3》網頁設計課程是電商移動商務專業的專業基礎課。在具體教學過程中，其實踐運用和操作性非常的強，并且它涵蓋的內容廣泛，知識也非常的晦澀難懂，需要學生進行系統性分析和學習。在進行課程教學時，一般都是教師講解并對學生進行演示，然后學生再按照自己的記憶與參考書進行練習。根據作者多年以來的教學經驗，這樣的方式使得教學效率非常低。學生在觀看教師演示的時候，本來就對其操作不是很熟悉，更不能夠將其記憶背誦下來。他們在之后練習的時候也無從下手，不僅浪費了課堂時間，還會打擊學生的自信心。久而久之，這種一成不變的教學模式也不能夠激發起學生的學習動力，教師又不能夠對學生的學習成果與過程進行掌控，也不能據學生的個體差異去進行針對性教學。

2 超星學習通在線學習平臺

超星學習通是一款移動端在線教學平臺，由超星公司打造出來，其目標在于改革傳統的教學模式。很多學生都簡稱為“學習通”。在學習通當中，主要的教學功能有6項。第一，教師可以在學習通上利用手機投影，在手機上給學生展示課堂，提升教學課堂的靈活性;第二，學生與教師可以在學習通中進行多樣化互動。教師新建起課程，類似于QQ群、微信群，在課程當中可以進行隨機選人、簽到、搶答、問卷、通知、投票、直播等等，還可以在課程當中設置討論組讓同學在小組當中進行討論，第三，學生可以在上面進行小組合作，學生在分組模塊當中進行頭腦風暴;第四，教師能夠看到學生進行學習的全過程，學習視頻是否觀看、其課堂討論的參與度、考勤情況、測試效果等等，以此來加深對學生的了解，客觀的評價學生，根據評價來對學生進行針對性的輔導;第五，學生可以對教師、可以對自己的同學進行評價，實現多樣化評價;第六，則是學習通上的成績統計。學生可以在學習通上清楚地看到自己線上與線下成績的得分，發現自己在平時學習當中的不足之處，激發學生學習熱情，也有利于教師實行成績的動態管理。

3 基于超星學習通在線教學平臺的混合式教學實踐研究

3.1 研究目的

以中職《HTML5+CSS3》網頁設計課程為例，探究基于學習通在線教學平臺的混合式教學模式對學生的運用效果，以便于尋找到提升教學質量的有效方法。

3.2 研究對象

廈門信息學校2018級電子商務專業1班、2班的學生共計103人。基于超星學習通在線學習平臺進行線上線下混合式教學模式的實踐探究。

3.3 研究過程

在進行混合式教學模式過程當中，其主要被分為三個階段即課前、課中、課后三個學習階段。通過導入、學習、鞏固三個階段來將學生引入到課程當中。在學生進行學習過程時，這三個階段循序漸進地實現知識技能的傳遞、理解、深化和鞏固拓展。在課前階段，學生按照學習通上發布的課堂作業來進行自主預習，根據書本和學習通微課視頻的提示與學習完成基礎網頁制作;在課堂上課時，學生在教師的講解和引導下，通過線下課堂和超星學習通相結合完成小組討論，提升參與度并完成進階性網頁制作任務，在課堂中將知識技能進行深度理解與深化;在課后，學生根據學習通上的課后作業與測試來完成鞏固與拓展的任務，以便學生在腦海中建立起有關于《HTML5+CSS3》網頁設計課程的知識結構體系。

1）課前

在這一階段，教師的任務就是在學習通上發布預習任務和微課視頻。讓學生根據教師提出的要求完成課前預習作業，并進行小測試與制作基礎性網頁。對將要學習的課程進行初步理解，并在預習過程中發現自己在網頁制作過程中遇到的問題。這一階段的作用，就是學生在預習時通過線上線下的資源完成網頁制作。讓學生在腦海中形成一個初步的印象，以便于教師在課堂中講解時，不會像無頭蒼蠅一樣亂找亂看，確定自己在一節課程當中所需要學習的重點與難點。

2）課中

在課中階段，主要是學生通過線下課堂和學習通來進行小組參與式學習。在參與過程當中，學生要對自己之前設置的網頁進行展示，并將其與其他同學的作品進行比較，分析不同作品的優缺點與異同點。之后，教師再根據學生的作品來進行短暫點評，并發放給學生一個優秀的網頁案例，讓學生將自己的作品與其案例進行對比。發現其中所蘊含的重要知識點，并根據自己在課前發現的問題來進行討論，再與教師一起整理學習;然后學生在課上進行網頁修改，并在討論組當中完成操作任務，將其發布到學習通平臺之上，由教師與自己的同學進行評價。最后，學生在超星學習通平臺上進行知識點測試，與教師一起回顧、反思課堂并總結知識點。教師在這一過程當中所需要做的就是精心設計教學活動，讓學生體驗到線上線下學習的新穎度，提升他們的學習興趣。同時，在引導學生進行知識整理與總結時，要幫助他們進行知識的深刻理解，并將其內化成自身的能力拓展思維，熟悉操作提高運用能力。

3）課后

在課后鞏固階段，學生主要是根據課中學習通上教師同學的評價來鞏固自己的知識點，改正自身在網頁制作過程當中存在的不足之。并在教師提供的課后拓展資料當中拓寬知識面，培養創新能力與探究能力。根據自己對知識的拓展學習來提出問題，而教師最后會根據學生的課后測試與任務完成的情況來給予相應的指導，幫助學生解決問題，鞏固知識。

4 結果與評價

4.1結果

在作者進行實踐研究過程中，對2017級電子商務專業1班和2班共計93名中職學生講解《HTML5+CSS3》網頁設計課程時，仍然采取的是傳統式的教學方式。即教師講解、演示，學生練習這三種形式相結合的方法。對于2018級電子商務1班和2班這兩個班采用的是基于超星學習通在線學習平臺的混合教學模式。在相同的課程與課時條件下，學生的知識基礎、年齡結構都相差無幾，也都是作者進行的課程講解。

在教學進度方面相同的課時中，2018級學生比2017級的學生多完成三個單位的教學，即2017級學生學習了9個單元，而2018級的學生卻將12個單元都學習完畢。對于2018級學生來說，超星學習通實現了教師評價學生互評的多樣化評價，并且學生還能夠從學習平臺中清晰地看到自己在線上線下的成績，以便學生看到自身學習全過程的動態性評價。從2017級和2018級的最終成績對比中也可以發現，2018級學生的整體平均成績要高于2017級學生。而通過全過程的動態評價結果來看，可以明顯看出2018級學生的整體平均水平在初期與2017級學生相差不大，但是隨著課程的開展，2018級學生整體平均水平逐漸高于2017級學生，后來相差越來越大。無論是從教學進度還是從學生的學習效果，混合式教學模式對學生的改變都非常大。

4.2 評價

在本門課程結束后，作者還通過超星學習通問卷和交流訪談的形式，記錄下了所有103名同學對這一混合式教學模式的反饋與建議。其調查所包括的題目有“學生在進行這一教學模式時是否能夠跟得上教學進度”“是否加深了自己對知識的理解程度”“是否培養了自身的學習習慣”以及“對教師的教學方法是否持有好感”等，在此便不再贅述。最后結果得出，有73.7%的學生在此課程開始之前對混合式教學模式并不是很了解。但是經過了一個學期的實踐研究，有68.3%的同學覺得自己很喜歡混合式教學模式。同時分別有86.3%、60.7%、63.2%的同學認為自身的專業知識技能在這一教學模式中得到了提高、有利于集中注意力與提升教學效果、激發了對學習的熱情和動力。

5 結論

綜上所述，基于超星學習通在線學習平臺的混合式教學模式改變了傳統式的教學形式，將線上線下的學習進行有機融合，使學生在學習過程中得到更為齊全的資料、拓展了學生的學習平臺，提升了他們的學習效率。同時學生利用學習通進行學習時，利用起了自身的碎片化時間與教師進行互動，使自己在不上課的時候也能在線上提出問題等待教師解答。學生也能看到其他同學的問題和解答，學習到更多的知識，加深學習體驗。對教師來說，混合式教學模式能夠有利于了解到學生的學習特點與學習成果。文章當中所做的實踐研究僅供參考，如有不足之處，敬請批評指正。

參考文獻：

[1]葛藍.基于HTML5+CSS3的網頁布局[Jl.數字技術與應用，2017（10）：92-93.

[2]危華明，陳積常，汪小威.基于HTML5+CSS3.0的響應式網站前端設計與實現[Jl.福建電腦，2018，34（5）：15-15，31.

[3]郭豐濤，移動教學App在高校課堂教學中的應用研究——以超星學習通為例[J].科教文匯，2018（18）：39-40.

[4]曲明洋，李廷取，靳思遠.基于超星學習通考查課評價方式的改革思考[J].吉林化工學院學報，2018，35（08）：24-27.

[5]王秀慧，薄文彥，馮麗露.基于超星學習通的翻轉課堂教學模式應用研究——以“網站設計與開發”課程為例[Jl，中國信息技術教育，2018（17）：90-93.

[6]蔣軍強，朱晨妍，陸有麗，等.基于移動終端的高交互混合式教學模式初探[J].湖南理工學院學報（自然科學版），2018，31（4）：83-86.

【通聯編輯：李雅琪】