瞿 霞

（福建林業(yè)職業(yè)技術學院 自動化工程系，福建 南平 353000）

隨著2019年國家教育部“1+X Web前端開發(fā)”證書制度的啟動，作為“1+X Web前端開發(fā)”人才培養(yǎng)標準中的一門重要課程，《HTML5與CSS3開發(fā)技術》的地位變得越來越重要[1]。該課程內(nèi)容主要包括HTML基礎及HTML5標簽、CSS3應用、JavaScript基本語法與高級編程、項目模塊化開發(fā)、各種復雜的交互與優(yōu)化等知識和能力模塊。涉及知識廣泛、語法復雜、實踐性強，需要教師反復講解和學生不斷實踐才可掌握。對于此類程序設計課程，傳統(tǒng)教學一般采用案例教學法進行教學，即教師先展示整個案例的實現(xiàn)效果，講解其中需要用到的相關知識和語法，再由教師演示案例的編寫與實現(xiàn)過程，最后再由學生按照教師的操作步驟進行實踐訓練，完成后提交作業(yè)或實訓報告。這樣組織課堂，明顯存在以下5個方面的問題：①教學進度掌控難；②師生互動交流少；③學生存在差異性，難以按需輔導；④學生訓練任務完成時間難以掌握；⑤學生思考時間少，難以激發(fā)學生學習興趣[2]。

這些問題，使得改革傳統(tǒng)課堂教學方式非常必要?；趦?yōu)慕課在線教育綜合平臺開展混合式教學研究與實踐，探索在“互聯(lián)網(wǎng)+”環(huán)境下如何組織學生開展《HTML5與CSS3開發(fā)技術》課程線上、線下混合式教學，期望能對其他同類課程的教學改革提供一定的參考價值。

1 優(yōu)慕課和混合式教學

1.1 優(yōu)慕課

優(yōu)慕課平臺主要包括通用網(wǎng)絡教學平臺系統(tǒng)和移動學習端，通用網(wǎng)絡教學平臺系統(tǒng)支持混合式教學模式和翻轉課堂教學模式，其核心功能模塊包括課程建設、課程管理、課程學習、學習社區(qū)、學習分析等[3]。通用網(wǎng)絡教學平臺系統(tǒng)主要功能模塊如圖1所示。

圖1 通用網(wǎng)絡教學平臺系統(tǒng)功能模塊Fig.1 General network teaching platform system function module

優(yōu)慕課移動學習系統(tǒng)基于泛在學習理念設計，包括課程中心、隨堂教學、資源中心和個人中心等核心功能模塊，系統(tǒng)實現(xiàn)了對各種電子產(chǎn)品隨時、隨地接入的支持，滿足了學生碎片化學習的需要，在“互聯(lián)網(wǎng)+”背景下為學生提供了良好的移動學習環(huán)境。其主要功能模塊如圖2所示。

圖2 優(yōu)慕課移動學習系統(tǒng)主要功能模塊Fig.2 The main function modules of the mobile learning system in UMOOC

1.2 混合式教學的內(nèi)涵

2000年，美國“教育技術白皮書”里對“E-learning”進行了闡述，此后，“E-Learning”就在企業(yè)培訓中得到了廣泛的應用。但“E-Learning”并沒有取代傳統(tǒng)課堂，相反，現(xiàn)在卻被慢慢邊緣化[4]。究其原因，“ELearning”的致命缺點在于缺乏面授課堂效果的氛圍和良好的教學互動，只是一味的單向知識傳授，為了彌補“E-Learning”這一缺點，面對面教學被引入進來，從而產(chǎn)生了混合式教學（Blended Learning）。應該說混合式教學不是一種全新的教學方法或理論，而是“ELearning”與傳統(tǒng)教學不斷碰撞和融合，在融合中又不斷完善和補充的產(chǎn)物[5]。混合式教學集合了兩種教學方法的優(yōu)勢，既可讓教師在線上、線下教學過程中發(fā)揮導引和監(jiān)督的主導作用，又可讓學生自主參與線上、線下學習，發(fā)揮了學生學習的主動性和積極性[6]?；旌鲜浇虒W絕不僅僅是線上、線下教學的簡單融合，而是教學形式、教學技術、教學手段、教學目標、教學評價上的多重融合[7]。

1.3 基于優(yōu)慕課混合式教學的優(yōu)勢

優(yōu)慕課擁有內(nèi)容豐富的課程中心和資源中心，大大擴展了單門課程的學習內(nèi)容，同時結合平臺的PC端和移動端兩個學習入口，更方便學生隨時隨地采用任何電子設備進入學習。優(yōu)慕課結合線上、線下混合式教學模式有效解決了傳統(tǒng)教學方式的痛點，提高了教學質量和學生學習成效。其優(yōu)勢在于：（1）打破了傳統(tǒng)教學環(huán)境受時間和空間的限制，可以使用任何電子設備開展隨時、隨地的學習；（2）延長了課堂有限的學習時間，將課前預習、課中練習和課后鞏固全部放在線上，面對面教學重點圍繞學生自主學習產(chǎn)生的問題展開，引導學生解決問題，達到事半功倍的效果；（3）滿足了學生的個性化需求，做到知識、案例的精準推送；（4）掌握了每個學生的學習狀態(tài)和學習進度，后臺數(shù)據(jù)統(tǒng)計精準刻畫了每個學生的學習畫像，精準掌握了每個學生的學習情況；（5）平臺課程中心和資源中心的整合，拓展了課程學習的內(nèi)容，擴大了學生學習面，提升了學生綜合能力。

2 基于優(yōu)慕課混合式教學實踐

《HTML5與CSS3開發(fā)技術》是計算機應用技術專業(yè)的專業(yè)基礎課。因此，選取福建林業(yè)職業(yè)技術學院計算機應用技術專業(yè)1801班（40人）和1802班（43人）兩個平行班共計83人作為此次教學實踐的研究對象。兩個班的任課教師、教學內(nèi)容、總學時、周學時、教學周數(shù)、面授教室均相同，不同之處在于計算機1801班采用傳統(tǒng)教學方式開展教學，而計算機1802班采用混合式教學方式開展教學。針對混合式教學，筆者根據(jù)本人的教學經(jīng)驗和知識積累，按如下表1組織開展線上、線下混合式教學活動。

在表1中，每一次的教學任務都分為課前、課中和課后3個階段，每個階段的目標都不一樣，且呈遞進上升關系。課前，主要由學生自主學習，完成基礎訓練任務，教師在線輔導并收集學生自主學習過程中產(chǎn)生的問題；課中，開展分組互動教學、評價和總結，討論并解決課前學生遇到的問題，并進行進階訓練；課后，為鞏固知識，學生完成任務頁撰寫，并進行拓展任務訓練，同時，教師要完成評價頁撰寫，并就學生在課后拓展訓練過程中出現(xiàn)的問題進行個別輔導。

課前階段，首先由教師根據(jù)授課計劃在優(yōu)慕課平臺上發(fā)布學習任務，包括前導知識、基礎訓練和課前小測。學生根據(jù)教師發(fā)布內(nèi)容和要求開展自主學習，并在線下完成基礎訓練任務。教師在這個階段應該在線進行輔導，并收集學生自主學習過程中產(chǎn)生的問題。

表1 基于優(yōu)慕課的混合式教學活動設計Tab.1 Design of mixed teaching activities based on UMOOC

課中階段，教師要開展引入問題、分析問題、解決問題、進階訓練、展示作品、點評作品等教學活動。即教師根據(jù)課前收集的學生共性問題有針對性地引導學生思考并解決問題，在解決問題的基礎上進行進階訓練，以提高教學效果和學生學習成效，針對進階訓練中，學生可能會出現(xiàn)的問題教師要做好個別輔導，隨后對學生完成的進階作品進行線上展示，開展學生互評和教師點評，最后進行總結和反思。教師在這個階段應該要進行引導、監(jiān)督和指導工作，做好對學生的分組工作和學生活動的組織工作，幫助學生學會學習，讓學生依靠自己掌握技能。

課后階段，學生要針對課中的進階任務完成任務工作頁的撰寫和課后拓展訓練任務的學習和實踐。教師在這個階段要做好學生的線上輔導和監(jiān)督工作，幫助學生更好掌握相關知識和技能。

3 教學效果分析

學期授課結束后，針對采用混合式教學模式的計算機應用技術1802班的43名學生采用問卷星平臺從教學模式、學習興趣、提升技能、教學設計、教學互動、教學評價、釋疑解惑、深化學習等方面發(fā)送問卷，發(fā)送問卷43份，回收問卷43份。統(tǒng)計結果如表2所示，從統(tǒng)計結果看，90%以上的參與學生認可混合式教學模式，認為該模式可激發(fā)學生學習興趣、教學互動性強，70%以上的學生認為該教學模式能夠快速解決學習中遇到的問題，也更容易進行深化學習，能夠快速提升和鞏固技能。

表2 混合式教學模式調查問卷統(tǒng)計表Tab.2 Questionnairestatisticsof mixed teachingmode人

為了更好地對比分析兩種教學模式教學質量的差異，筆者對兩個班級采用了同樣內(nèi)容的課程作業(yè)、小測、課程實訓任務和實習任務，相同的階段考試試卷和期末考試試卷。這里對兩個班級的期末考試成績采用SPSS獨立樣本T檢驗分析方法進行統(tǒng)計，結果如下表3所示。從T檢驗結果可以看出，階段考試、過程考核、期末考試和課程實習的P值均未超過0.05，因此，混合式教學模式的教學效果明顯優(yōu)于傳統(tǒng)教學方式。

表3 兩班級考核項目成績比對（X±S）Tab.3 A comparision of two class assessment items（X±S）

4 結束語

通過《HTML5與CSS3開發(fā)技術》課程教學實踐，筆者發(fā)現(xiàn)基于優(yōu)慕課在線教育綜合平臺的混合式教學模式能夠有效彌補傳統(tǒng)教學方式的不足，提高了教師的教學質量，提升了學生的學習成效。一方面，實現(xiàn)了以學生為中心的學習，讓學生在學習過程中有更多的收獲感，同時也提升了學生的學習成績，錘煉了學生的學習技能；另一方面，也讓教師的角色得到了轉變，由教學的主導者成功轉變成了教學的輔導者，由知識的傳導者變成了知識的引導者。同時，通過后臺數(shù)據(jù)分析，教師更易于掌握每一位學生的學習進度和學習狀態(tài)，針對學生學習情況，教師能夠制定更完善的教學設計，從而更易于提高教學質量和教學效果。