瞿 霞

（福建林業(yè)職業(yè)技術(shù)學(xué)院 自動(dòng)化工程系，福建 南平 353000）

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

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

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

1.1 優(yōu)慕課

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

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

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

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

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

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

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

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

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

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

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

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

表1 基于優(yōu)慕課的混合式教學(xué)活動(dòng)設(shè)計(jì)Tab.1 Design of mixed teaching activities based on UMOOC

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

課后階段，學(xué)生要針對(duì)課中的進(jìn)階任務(wù)完成任務(wù)工作頁的撰寫和課后拓展訓(xùn)練任務(wù)的學(xué)習(xí)和實(shí)踐。教師在這個(gè)階段要做好學(xué)生的線上輔導(dǎo)和監(jiān)督工作，幫助學(xué)生更好掌握相關(guān)知識(shí)和技能。

3 教學(xué)效果分析

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

表2 混合式教學(xué)模式調(diào)查問卷統(tǒng)計(jì)表Tab.2 Questionnairestatisticsof mixed teachingmode人

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

表3 兩班級(jí)考核項(xiàng)目成績比對(duì)（X±S）Tab.3 A comparision of two class assessment items（X±S）

4 結(jié)束語

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