BOPPPS教學模型下基于超星學習通在線學習平臺的混合式教學實踐研究
——以《HTML5 & CSS3》網(wǎng)頁設(shè)計課程為例

(武漢職業(yè)技術(shù)學院，湖北武漢 430074)

“互聯(lián)網(wǎng)+教育”時代的興起，改變了高校傳統(tǒng)教育理念、教育方式和教學模式。BOPPPS教學模型、混合式教學模式等一系列新興教學模式的興起，為改革傳統(tǒng)課堂，實現(xiàn)以學生為中心的教與學，提升課堂教學效果，帶來了新的設(shè)計思路。

《HTML5 & CSS3》網(wǎng)頁設(shè)計課是高職院校電子商務(wù)專業(yè)、移動商務(wù)專業(yè)的專業(yè)基礎(chǔ)課，同時也是一門實踐性、應(yīng)用性很強的課程。該課程內(nèi)容抽象、難懂，知識面廣、操作性強，需要學生細致地分析和系統(tǒng)的學習。與其他程序設(shè)計課程類似，《HTML5 & CSS3》課程教學一般采用的是“講、演、練”相結(jié)合的教學模式，即教師課上先講一遍，再演一遍，學生最后練一遍?；诙嗄甑慕虒W經(jīng)驗，筆者發(fā)現(xiàn)在《HTML5 & CSS3》課程的教學過程中，普遍存在以下五個問題：一是教學效率低下，老師在課堂上先講再演、學生后練耗時過長，浪費了有限的課堂時間；二是傳統(tǒng)課堂枯燥乏味，難以吸引學生的注意力；三是教師對學生學習過程未知，對學生是否認真聽講無法掌控。四是班級人數(shù)較多，教師無法兼顧每位學生的學習情況，忽略了個體差異，很難滿足學生的個性化學習需求。五是學生壓力較大，難以在有限課堂時間內(nèi)高質(zhì)量地完成學習任務(wù)。

針對上述問題，筆者積極探尋相應(yīng)的教學改革措施，嘗試基于BOPPPS教學模型，利用“超星學習通”在線學習平臺進行線上線下相結(jié)合的混合式教學實踐，探索如何充分利用移動互聯(lián)網(wǎng)環(huán)境下混合式教學模式促進高職《HTML5 & CSS3》課程的教學，期望能為同類課程的教學創(chuàng)新提供一定借鑒和參考。

1 BOPPPS教學模型及其內(nèi)涵

BOPPPS教學模型是基于大衛(wèi)·庫伯(David Kolb)于1984年提出的體驗式學習模型而構(gòu)建的一種教學模型[1]。該模型將教學過程分為導入(Bridge-in)、目標(Objective)、前測(Pre-test)、參與式學習(Participatory Learning)、后測(Post-test)和總結(jié)(Summary)6個階段。BOPPPS即為上述每個階段英文單詞的首字母縮寫。在導入階段，教師主要以激發(fā)學生學習興趣的方式導入擬開展的學習任務(wù)。在目標講解階段，教師結(jié)合學生學情和教學內(nèi)容，提出通過學習任務(wù)擬達到的可測的學習目標，讓學生在學習開始之前就能夠清晰理解要達到的學習目標，做到有的放矢。前測階段是教師對學生已有的與新任務(wù)學習有關(guān)的知識測試，目的是幫助教師更好地掌握學生的已有知識水平，從而制定相應(yīng)的教學策略。參與式學習階段是BOPPPS教學模型最核心的階段。在該階段，教師通過合理設(shè)計教學活動，以學生為中心，通過各類學生深度參與式活動，引導學生掌握相關(guān)知識和技能。后測階段的主要目的是幫助教師了解學生的學習目標是否達成，并基于測試結(jié)果對學生進行個性化指導。在總結(jié)階段，教師與學生一起回顧反思學習過程和掌握的知識與技能，并由教師布置課后拓展任務(wù)，幫助學生鞏固所學知識，并為下一次課的學習做好準備。BOPPPS教學模型最核心的理念是師生互動、生生互動的小組合作學習理念，即通過創(chuàng)造以學生為中心的學習換將，引導學生在互動、交流、參與、評價等各類角色扮演過程中，深度掌握所需知識。BOPPPS教學模型因其較強的實踐操作性，被廣泛應(yīng)用于各類課程教學過程，且取得了良好的學習效果。

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

“超星學習通”是超星公司基于移動學習打造的一款改革傳統(tǒng)課堂教學的移動端在線學習平臺。該平臺的教學功能主要包含如下6大模塊(詳見圖1)：一是手機上課，教師可以將手機屏幕投影，以手機為媒介開展課堂教學，大大提高了教學的靈活性；二是師生互動，師生之間可以開展形式多樣的互動交流活動，如簽到、選人、搶答、投票、問卷、通知、直播等；三是小組合作，基于分組功能，學生不僅利用手機開展線上頭腦風暴，而且有還可以開展各類團隊分組任務(wù)；四是學情統(tǒng)計，即教師可以記錄學生學習的全過程，包含各類學習任務(wù)完成情況、微課視頻觀看情況、課堂討論活動參與情況、到課情況、作業(yè)和測試完成情況等，從而實現(xiàn)對學生的過程性評價，并依據(jù)評價結(jié)果對學生進行差異化輔導；五是學生評價，不僅可以實現(xiàn)教師對學生的評價，而且還可以實現(xiàn)學生對學生、學生對教師的評價，且學生評價手段豐富多樣，如作業(yè)、測試、考試等；六是成績統(tǒng)計，包含線上成績和線下成績的統(tǒng)計，可以讓學生隨時查看已經(jīng)取得的課程成績，實現(xiàn)課程成績的動態(tài)管理，有效激發(fā)學生的學習熱情?；谏鲜鰩熒?、生生互動功能模塊，在“超星學習通”平臺上，教師不僅可以創(chuàng)建課程，管理學生班級，而且還可以輕松實現(xiàn)以學生為中心的教學，不僅增強了課堂的趣味性，有效解決了學生上課玩手機的問題，而且還能激發(fā)了學生的自主學習能力、提高學生的學習效果和課堂教學效率。劉立云等人(2017)、羅玉恒和周健(2019)、衛(wèi)兵等人(2019)基于超星學習通在線學習平臺分別開展的“GIS空間分析課程教學模式”、“C程序設(shè)計混合式教學模式”、“計算機程序設(shè)計類課程教學模式”等教學實踐研究結(jié)果均表明教師可以有效利用超星學習通在線學習平臺實施下上線下混合的教學模式[2-4]。

圖1 超星學習通在線學習平臺功能模塊

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

混合式教學(B‐learning)，即“Blended Learning”或“Blending Learning”，把傳統(tǒng)的面對面教師授課與在線網(wǎng)絡(luò)學習進行有效融合，學生一部分時間接受教師的面對面授課，一部分時間進行在線學習，而且學生可以自主選擇在線學習的時間、地點路徑或進度[5]?；旌鲜浇虒W模式最早應(yīng)用于企業(yè)培訓領(lǐng)域，后來被廣泛應(yīng)用于教育領(lǐng)域。美國培訓與發(fā)展協(xié)會的培訓師 Harvey Singh 和 S. Gaither Reed認為混合式學習是為了實現(xiàn)教學最優(yōu)化，采用“合適的”的學習技術(shù)、配合“適合的”個人學習風格，在“適當?shù)摹睍r間轉(zhuǎn)換成“正確的”技能給“適合的”人[6]。北京師范大學何克抗教授認為Blended Learning 是把傳統(tǒng)面對面學習模式的優(yōu)勢和在線學習的優(yōu)勢有機結(jié)合，既要發(fā)揮教師引導、監(jiān)控教學過程的主導作用，又要體現(xiàn)學生的主動性、積極性與創(chuàng)造性[3]。混合式教學改變了傳統(tǒng)的課堂教學模式，在傳統(tǒng)的“課堂知識講授+課外復習鞏固”的教學模式中融入了互聯(lián)網(wǎng)信息技術(shù)，將面對面授課模式與在線學習有機結(jié)合，實現(xiàn)優(yōu)勢互補，從而達到學習效果的最優(yōu)化?；旌鲜浇虒W還改變了傳統(tǒng)的“以教師為中心”的填鴨式教學模式，轉(zhuǎn)變?yōu)椤耙詫W生為中心、教師為輔助”的教學模式，它不僅僅是學習形式的統(tǒng)一和融合，更是學習理論、學習媒體、學習評價、學習策略和學習環(huán)境等的混合。

4 BOPPPS教學模型下基于超星學習通在線學習平臺的混合式教學模式

《HTML5 & CSS3》網(wǎng)頁設(shè)計課程是高職院校電子商務(wù)專業(yè)和移動商務(wù)專業(yè)的專業(yè)核心課程。因此，筆者選取武漢職業(yè)技術(shù)學院商學院電子商務(wù)18301班、18302班和移動商務(wù)18301班3個班級的學生(共計86人)作為此次研究對象，以BOPPPS教學模型貫通教學過程，依托超星學習通在線學習平臺，展開為期一個學期的《HTML5 & CSS3》網(wǎng)頁設(shè)計課程線上線下混合式教學實驗。該課程每周1次課，每次4學時，共計16周64學時。在深入分析學情和《HTML5 & CSS3》網(wǎng)頁設(shè)計課程內(nèi)容特點的基礎(chǔ)上，根據(jù)前期儲備的教學經(jīng)驗和教學知識，設(shè)計了如下BOPPPS模型下基于超星學習通在線學習平臺的混合式教學模式(見圖2)，并應(yīng)用于教學實踐中。

圖2 BOPPPS教學模型下基于超星學習通在線學習平臺的混合式教學模式

在上述混合式教學模式下，每次教學活動被分為課前、課中、課后三個循序漸進的階段階段。其中課前包含導入、目標和前測3個BOPPPS階段，課中包含參與式學習、后測和總結(jié)3個BOPPPS階段，課后主要是BOPPPS總結(jié)階段(總結(jié)貫穿課中和課后2個階段)。學生的線上線下混合學習活動貫穿課前、課中、課后始終，學習難度不斷提升，逐步實現(xiàn)知識與技能的傳遞、內(nèi)化、固化和拓展。課前，學生根據(jù)要求參與自主學習，完成基礎(chǔ)網(wǎng)頁制作任務(wù)，實現(xiàn)知識技能的傳遞；課中，學生在教師的引導下完成各類小組參與式活動，完成進階網(wǎng)頁制作任務(wù)，實現(xiàn)知識技能的內(nèi)化；課后，學生完成鞏固練習和拓展任務(wù)，實現(xiàn)知識技能的固化與拓展。

在課前自主學習階段，教師在超星學習通上發(fā)布學習任務(wù)。學生根據(jù)要求，在線完成課前自學、討論和前測，并在線下完成基礎(chǔ)網(wǎng)頁制作任務(wù)。教師在此階段的作用是：為學生提供個性化的線上和線下指導，并依據(jù)任務(wù)完成情況和測試結(jié)果，確定教學重難點。

在課中參與式學習階段，教師通過一系列小組活動，引導學生攻克教學重難點。具體而言，學生在教師的引導下依次完成比較、分析、修改、展示和實操五項分組學習活動。其中，“比較”是指學生分組比較個人在課前完成的網(wǎng)頁作品，發(fā)現(xiàn)彼此的異同點。之后，學生分組“分析”教師給定的網(wǎng)頁案例，對比自己的作品，并在教師的引導下合作整理所有知識點。隨后，學生“修改”課前網(wǎng)頁作品，并在分組“展示”后，完成網(wǎng)頁制作進階“實操”任務(wù)，由教師和學生進行在線評價。最后，學生在線完成知識點后測，并在教師的引導下進行回顧、反思與總結(jié)。教師在課中的主要作用是：依據(jù)超星學習通提供的線上線下互動工具，設(shè)計合理的參與式教學活動，引導學生分組體驗學習，并從旁給與個性指導，幫助學生實現(xiàn)知識與技能的內(nèi)化和外化。

課后，學生完成基于教師評價和生生互評的鞏固練習和拓展學習任務(wù)，提高自己網(wǎng)頁設(shè)計創(chuàng)新能力。教師依據(jù)學生任務(wù)完成情況，給與個性化指導，幫助學生實現(xiàn)知識技能的固化和升華。

5 教學效率和效果、評價

5.1 教學效率和效果

筆者為2017級電商17301和17302班共計87名學生講授《HTML5 & CSS3》網(wǎng)頁設(shè)計課程時，采用的是傳統(tǒng)的“講、演、練”相結(jié)合的教學模式，而在為2018級電商18301和18302，以及移商18301班采用的是BOPPPS教學模型下基于超星學習通在線學習平臺的混合式教學模式。前后2次教學，教師、教材和學時均相同，學生的知識基礎(chǔ)、年齡結(jié)構(gòu)和人數(shù)也基本持平。

在教學效率方面，同樣在64課時內(nèi)，2017級學生僅完成了8個單元的教學，而2018級學生卻完成了全部12個單元的教學。針對2018級學生，學生學習結(jié)果的評價采用系統(tǒng)評價、教師評價和學生互評的多元評價方式，有效實現(xiàn)了對學生學習全過程的過程性評價。具體評價指標見圖3。通過對比2017級和2018級學生最終成績，可以發(fā)現(xiàn)基于超星學習通在線學習平臺的混合式教學模式取得的教學效果要遠優(yōu)于傳統(tǒng)教學模式。具體成績分布見圖4至圖7(數(shù)據(jù)來源于武漢職業(yè)技術(shù)學院教務(wù)管理系統(tǒng))。通過對比2次的教學結(jié)果，無論是教學效率，還是學生的學校結(jié)果都有了質(zhì)的提升。

圖3 《HTML5 & CSS3》網(wǎng)頁設(shè)計課程學生評價指標

圖4 基于傳統(tǒng)“講、演、練”教學模式的電商17301和17302班學生成績分布

圖5 基于混合式教學模式的移商18301班學生成績分布

圖6 基于混合式教學模式的電商18301班學生成績分布

圖7 基于混合式教學模式的電商18302班學生成績分布

5.2 教學評價

課程結(jié)束后，筆者通過網(wǎng)上問卷和訪談的形式，收集了全部86名學生對“BOPPPS教學模型下基于超星學習通在線學習平臺的混合式教學模式”的反饋意見。此次調(diào)查包括7個單選題，2個多選題和2個主觀題，分別調(diào)查學生對上述教學模式的評價、學生的自主學習習慣，以及對教師的滿意度。

5.2.1學生對基于超星學習通在線學習平臺的混合式教學模式的評價

調(diào)查顯示，80.2%的學生在課程開始之前并不了解混合式教學模式，但通過一個學期的教學實踐，64%的學生表示喜歡混合式教學模式，84.9%的學生認為混合式教學模式有效促進了課程的學習，其中65.1%的學生認為有利于專業(yè)知識和技能的學習，58.1%的學生認為提高了上課注意力和學習效率，51.2%的學生認為激發(fā)了學習興趣，38.3%的學生認為增強了師生互動和時間管理能力。86%的學生希望在以后的學習中繼續(xù)采用基于超星學習通在線學習平臺的混合式學習模式。

表1 學生對基于超星學習通在線學習平臺的混合式教學模式的評價

序號調(diào)查內(nèi)容選項學生數(shù)量百分比1你在本學期前是否了解混合式教學?了解1719.8%不了解6980.2%2你是否喜歡混合式教學?喜歡5564%一般1517.4%不喜歡1618.6%3采用混合式教學對課程學習是否有幫助?有幫助7384.9%一般910.5%無幫助44.6%4你通過混合式教學得到了什么?提升專業(yè)知識和技能5665.1%提高上課注意力5058.1%提高學習效率5058.1%激發(fā)學習興趣4451.2%提高時間管理能力3338.3%增強師生互動3338.3%無收獲005你愿意以后繼續(xù)采用混合式教學模式嗎?愿意7486%一般89.3%不愿意44.7%

5.2.2學生自主學習習慣的調(diào)查

學生每天在超星學習通上在線學習數(shù)據(jù)顯示，62.8%的學生能保證每周至少1次的線上學習頻率，這與課程每周一次的頻率相當，但僅有32.6%的學生能保證每周若干次的線上學習頻率?？梢姡ㄟ^混合式教學模式，學生基本養(yǎng)成了在線自主學習的習慣，但學習頻率還有待進一步提升。當學生線上碰到學習難題時，調(diào)查顯示71%的學生會自己想辦法解決，或網(wǎng)上查詢或咨詢老師或同學。這表明大部分學生對待學習困難有積極主動的學習態(tài)度，愿意正視問題并解決問題。

表2 學生自主學習習慣的調(diào)查

5.2.3學生對教師的評價

調(diào)查顯示，通過實施BOPPPS教學模型下基于超星學習通在線學習平臺的混合式教學模式，88.4%的學生對教師較為滿意，其中75.6%的學生表示喜歡教師的教學方法，66.3%的學生表示喜歡教師提供的學習資源，58.1%的學生表示喜歡教師的互動方式?？梢姡處熢诖舜位旌鲜浇虒W模式中得到了學生的認可和喜愛。

6 結(jié)論與思考

通過以上教學效果對比驗證，筆者發(fā)現(xiàn)基于超星學習通在線學習平臺的混合式教學模式改變了傳統(tǒng)的“講、演、練”的課堂模式，實現(xiàn)了線上線下的有機融合，為《HTML5 & CSS3》網(wǎng)頁設(shè)計課程的教學帶來了極大的便利，也提高了教學效率、質(zhì)量和效果。一方面，學生有效利用了碎片化時間實現(xiàn)隨時隨地學習，與師生的互動得到加強，學習效率、學習興趣和學習效果均得到提升，也獲得了良好的學習體驗。另一方面，教師提升了教學效率和教學效果，做到了對學生學習過程的跟蹤與動態(tài)分析，能全面了解每個學生的學習軌跡和學習效果，從而進行更有針對性的輔導和更靈活的教學。但筆者在實踐中也發(fā)現(xiàn)，該模式存在如下不足之處，需進一步探索和完善。

第一，本課程采取小組合作的方式組織教學，但在實施過程中發(fā)現(xiàn)存在小組分工不明確、小組結(jié)構(gòu)不合理、部分學生“搭便車”、合作意識差、小組評價機制不健全等問題。針對這一問題，教師需建立完善的考核方式、評價方式和激勵機制，督促每位學生真正參與進來，切實提高小組合作的有效性。

第二，部分學生的自主學習習慣不好，對課程有畏難情緒，不愿意配合教師完成課前學習任務(wù)，從而導致跟不上后續(xù)課程，學習壓力很大。針對此問題，建議教師建立長效的自主學習監(jiān)督機制，例如設(shè)置平臺定時提醒、定期測驗等方式，引導學生養(yǎng)成良好的主動學習習慣，加強情感交流，優(yōu)化師生互動方式，激發(fā)學生學習興趣等。

第三，本研究只實施了一個學期，實施周期較短，實施效果還待進一步驗證。如何確保超星學習通在線學習平臺在該教學模式下得到充分利用，還需更多的教學實踐來驗證。