基于SPOC的混合式教學模式構建與研究*
———以《網頁制作技術》課程為例

李利正

（紹興職業(yè)技術學院，浙江 紹興 312000）

教育信息化普及以來，MOOC、SPOC、翻轉課堂、混合式教學等教學手段與模式成為教育界研究與實踐的熱點。MOOC從2012年進入中國以來，北京大學、清華大學、香港大學等都建立了自己的MOOC平臺[1]，在帶來便利、開放、豐富課程的同時，也暴露了一些缺點，比如MOOC生源數量龐大、師生時空分離等特性，帶來交流答疑、學習過程監(jiān)督等學習過程缺失，造成個性化學習的忽視、中途退課率的飆升等結果。于是，教育研究者們思考，MOOC能否與傳統(tǒng)課堂結合起來共同發(fā)生效用，由此依托現代網絡技術的混合式學習形式應運而生。SPOC（Small Private Online Course，小規(guī)模限制性在線課程），是只對少數真實在校注冊的學生實施的課程教育[2]，與MOOC相比，其主要特點是人數少、校本化，除了在線視頻和習題等，還可以有其他輔助的線上或線下課堂、答疑[3]。

本文基于BOPPPS模型框架，以《網頁制作技術》課程為例，在研究分析學習者特征的基礎上，在超星泛雅網絡教學平臺設計了《網頁制作技術》SPOC課程，實施了混合式教學模式。實踐結果表明，這種混合式教學模式能使教師更了解學情，及時反饋、及時調整，使教師更關注學生對知識的理解和內化，從而實現課堂效率最大化。

一、基于超星泛雅網絡教學平臺的SPOC課程體系構建

1.SPOC平臺介紹

本研究采用超星泛雅在線開放教學云平臺建設SPOC課程，該平臺是集課程建設、資源管理、教學互動、作業(yè)測試、教學評價、教學分析統(tǒng)計于一體的網絡教學平臺。平臺可查看學生完成學習進度和軌跡，能夠實現個性化的高效教學管理模式，是對傳統(tǒng)教學模式的重大變革，能突破傳統(tǒng) “面授”教學局限，為學生提供跨時間、跨地域的互動交流平臺[4]。超星泛雅網絡教學平臺支持SPOC課程建設，其帶有的學習空間、教學互動平臺、教學管理評估等模塊能為師生提供便捷服務。

2.課程設計與開發(fā)

《網頁制作技術》課程是本院計算機應用技術專業(yè)人才培養(yǎng)體系中承上啟下的核心課程。經過對長江三角洲地區(qū)相關互聯網企業(yè)、網絡科技公司的調研，對網站開發(fā)類就業(yè)崗位群及相關工作任務、職業(yè)能力進行分析，確定教學目標為：熟練使用Sublime等開發(fā)工具；熟悉網頁設計制作流程；掌握網頁設計的基本概念；精通HTML5、CSS3知識與技巧；學會使用HTML、CSS及以JavaScript等知識設計與制作網頁；具備網站的建立和維護能力。

遵循“實用夠用”原則，以網站開發(fā)過程為學習線，通過對大量的Web項目分析后，分別從企事業(yè)網站、專題類網站、社交類網站、電子商務網站等項目中，由行業(yè)專家和課程組教師共同選擇具有代表性的應用項目，以校企合作項目“種草電子商務網站”為載體設計學習情境?；诰W站開發(fā)流程，我們把“種草電子商務網站”項目拆分成需求分析、網站設計、前后臺頁面設計與制作、網站測試部署、網站驗收與維護五個情境，考慮到購物車設計原理相對復雜，獨立一個模塊。具體設計如圖1所示。

圖1 課程教學內容設計

經過課程組反復討論，為鞏固學生所學，將“種草電子商務網站”設計兩種開發(fā)版本項目作為教學內容，一主一輔，側重于綜合職業(yè)能力與職業(yè)素養(yǎng)的培養(yǎng)，將設計理念、創(chuàng)作理念與知識進行整合，根據高職學生特點，形成了本課程的教學項目。兩個版本項目如圖2所示。

圖2 課程項目安排

結合高職院校部分學生學習動力不足、主動性不夠的現狀，很難開展預習的學習活動，課程組設計“種草電子商務網站”第一版為引導項目，以教授網頁設計與制作基礎知識為主，通過教師示范教學，學生邊學邊做的教學過程，使學生掌握傳統(tǒng)的固定寬度布局網頁的設計與制作。

“種草電子商務網站”第二版主要采用BOPPPS模型的混合教學模式，轉變傳統(tǒng)“以教為主”為“以學為主”。在學生已掌握HTML、CSS基本知識的基礎上，拓展HTML5、CSS3等知識，網站布局為時下流行的響應式布局。教師課前在云平臺上分享相關的視頻、知識點等資料，并將理論測試題與實操任務嵌入課前預習資料中推送給學生，要求學生在試題時效前完成，積累“經驗值”，在課堂上通過教師講解、點評、學生互評、交流等方式，使學生理解原理，解決實踐過程中出現的問題，達到掌握響應式網頁制作的技術、技巧等，鞏固提高知識、技能。

對于學有余力的學生可以吸收到工作室，進行拓展項目開發(fā)，包括技能競賽的參與和企業(yè)項目的開發(fā)，由指導教師帶領學生參與，要求學生完成需求分析、項目規(guī)劃、設計與制作全過程，完成的項目由專家點評或用戶評價驗收，特別優(yōu)秀的學生允許課程置換，提前進入下一階段課程的學習。

二、教學實施

1.教學對象研究

學校的混合式教學模式從2016學年開始研究，于2016學年第二學期抽取計算機應用技術專業(yè)大一的兩個班級作為研究對象，兩個班在第一學期開設《HTML語言基礎》課程，由同一個教師采用相同的教學方式教授相同的教學內容，經過一個學期學習，兩個班級掌握HTML標簽基本知識，對期末測試成績應用SPSS中的T-檢驗分析判斷出無顯著性差異（P>=0.05）。

2016學年第二學期，兩個班級根據人才培養(yǎng)方案開設《網頁制作技術》課程，課程總課時為64，每周4課時，其中1班作為實驗班，2班作為參考班。課程教學目標為學習 HTML、CSS、JS 等知識技能，應用 HTML、CSS、JS知識設計符合標準的HTML結構、CSS網頁布局、CSS圖文表單樣式、CSS網頁設計兼容技巧、JS網頁交互特效，掌握Web頁面設計制作的全過程。兩個班級的任課教師為同一人，在整個教學過程中保證兩個班級在教學內容、教學進度、授課時數等方面保持一致，參考班采用傳統(tǒng)教學模式，實驗班采用SPOC混合教學模式，經過16周的教學實驗后，期末對兩個班級學生掌握理論知識與Web設計制作能力進行測驗并統(tǒng)計分析，驗證運用SPOC混合教學模式的教學效果[5]。

2.BOPPPS有效課堂模型設計

對于實驗班在教學實踐上采用線上（在線學習）、線下（課堂教學）相結合混合式教學方式。依托超星云平臺，做好課程介紹、課程資源建設，組織好教學單元活動，布置好線上線下作業(yè)和在線答疑等模塊，并且在網站上開放知識點短視頻，學生可以通過超星泛雅平臺或超星學習通App進行碎片化學習。在課堂教學部分，教師負責碎片化知識點的組裝和整合，設計BOPPPS模型，完成教學和實訓任務，并加以討論和點評。

BOPPPS教學模型是根據學生專注力的持續(xù)時間，進行課堂教學設計，主要有6個教學環(huán)節(jié)：導入（Bridge in）、教學目標（Learning Objective）、前測（Pre-test）、參與式學習（Participatory Learning）、后測（Postassessment）和總結（Summary）[6]。下面，筆者以購物車頁面為例進行介紹，表1所示明確了各個階段的主要任務。

表1 購物車頁面教學設計參考表

三、教學效果與分析

經過一個學期基于SPOC的混合式教學實踐，課程組對兩個班級的學習態(tài)度、平時作業(yè)和期末成績進行對比分析。

學習態(tài)度分主要來源于學生平時學習積極性觀察以及訪談調查，大部分學生表示網頁設計與制作有一定難度，教師上課分析能聽懂，也能跟著完成課堂項目，但當需要獨立完成課前任務或者課后作業(yè)時，由于知識沒有內化，知識遷移能力不夠，無法獨立完成分析與解題，參考班學生部分選擇放棄、有些學生可能會抄襲同學作業(yè)，造成惡性循環(huán)；實驗班學生會回看課程視頻，爭取達到了解設計原理。課程組教師從超星平臺的統(tǒng)計功能版塊能清晰地了解學生的學習軌跡，圖3所示為統(tǒng)計學生訪問學習頁面的次數，學生集中訪問時間一般為晚上，以10月10日為例，這天學生訪問次數出現了峰值，主要原因是10月8日布置了作業(yè)，要求學生于10日前完成響應式布局練習，而與此練習相關的11.6分鐘視頻“百分比布局與彈性布局應用”亦達到點擊率最高值，有些學生的觀看反芻比超過200%，對于反芻比高的知識點說明學生認為有一定難度，確定該作業(yè)或練習需要在課堂上進行講解，詳見圖4、圖5。

圖3 統(tǒng)計學生學習頁面的訪問次數

圖4 學生觀看時間分析

評價環(huán)節(jié)貫穿了《網頁制作技術》課程的全過程，形成性評價占60%，包括線上線下，由學生學習態(tài)度分、課堂表現分和課內課外作業(yè)組成。期末考試占40%，主要考核學生的網頁設計與制作的綜合應用能力，要求學生結合所學自擬主題分析需求，并設計一套完整的網站頁面。

圖5 學生觀看時間分析

平時作業(yè)測驗選取表單應用——登錄網頁設計與制作為例，主要考核學生表單標簽及屬性應用、表單驗證、頁面布局及美化等知識的掌握與應用能力，是網頁設計與制作中非常重要的一項技能。由表2統(tǒng)計結果可以看出，頁面布局及美化、表單驗證方面存在顯著性差異（P<0.05），說明采用混合式教學模式的實驗組學生對知識的掌握更系統(tǒng)。

表2 兩組學生“登錄網頁設計與制作”成績評定統(tǒng)計表（分數）

表3 兩組學生期末成績評定分析表（分數）

兩個班級的期末成績對比如表3所示，成績分數段表明采用基于SPOC的混合式教學模式的教學效果優(yōu)于傳統(tǒng)模式，但是實驗班有部分學生對課程興趣低，活動參與度低，有個別學生視頻平均學習進度只有9%，最終考核在60分以下。

經過一個學期的實踐，基于SPOC的混合式教學模式的教學效果較傳統(tǒng)的教學模式有一定程度的提升，學生對這種教學方式滿意度較高，因此在2018學年開始全面推廣，提倡計算機應用技術專業(yè)的專業(yè)課建設在線開放課程，采用混合式教學模式。但研究也發(fā)現，混合式教學也要把握一個度，比如針對高職學生自覺度低的特性，不能過度強調學生的主體作用；不能盲目追求視頻視覺效果，而應將時間及重點偏向視頻建設的效果與數量；更不能為了追求形式上的混合式教學，偏離了課堂教學的主線。

四、總結

本研究基于超星泛雅網絡教學平臺設計《網頁制作技術》SPOC課程，采用BOPPPS模型設計有效課堂，以促進“以學生為中心”的教學改革，有效提高了課堂教學質量。但也存在一些不足，在后續(xù)的課程教學中將繼續(xù)開展混合教學模式，并在實踐中不斷完善，踐行在超星泛雅平臺如何有效建設教學資源，加強教學活動設計以提高課堂教學效果，以期為高職院校建設和應用SPOC課程和混合式教學模式提供借鑒。