SPOC環境下WEB標準網站設計課程翻轉課堂教學模式研究

程淑玉

摘要：“WEB標準網站設計”課程內容對接前端開發工程師崗位，主要掌握利用DIV+CSS+JavaScript進行網站前端開發技能，在教學過程中引入企業的實際項目，采用傳統的基于工作過程的項目式教學。但是存在知識點多且面廣、課堂教學時間不夠、學生學習主動性不高等問題。針對這些問題，我們提出了將翻轉課堂教學模式引入課程教學中，通過基于SPOC環境下的微課程設計，構建SPOC環境下翻轉課堂教學模式，取得了良好的效果。

關鍵詞：WEB標準網站設計;SPOC環境;翻轉課堂

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

文章編號：1009-3044（2019）15-0070-03

Abstract： “WEB Standard Website Design” courses content docking front-end development engineer positions， mainly master the skills of using DIV+CSS+JavaScript to develop website front-end，

Introducing the actual project of the enterprise into the teaching process and adopting the traditional project-based teaching based on the working process. However， there are many problems， such as many and a wide range of knowledge points， insufficient classroom teaching time， and low learning initiative of students. To solve these problems， we proposed to introduce the flipped classroom teaching mode into the course teaching. Through the micro-course design based on SPOC environment， we constructed the flipped classroom teaching mode in SPOC environment and achieved good results.

Key words： WEB Standard Website Design; SPOC environment; flipped classroom

SPOC創新了教學模式，是依托于MOOC平臺，主要針對本校的學生開發的 “小規模限制性在線課程”。該課程是MOOC與傳統校園相結合的產物[1]，在傳統的MOOC課程基礎上增加了師生面對面的課堂交流學習，降低了學生管理復雜度、通過教師全程的督學提高了課程完成率和學習效果。課程采用基于新信息技術的群組教學模式，以學生互相熟識的實體班級為基礎的封閉式學習社區，設學習小組，利用團隊方式學習。SPOC采用混合學習模式（On Campus +Off Campus），能有效地利用平臺和信息技術促進線上學習、線下學習以及課前、課中和課后的有機融合。其中線上學習主要通過微視頻，輔助動畫、小案例以理論知識為主進行自主學習、探究學習，線下學習主要通過項目分析以實踐技能訓練和社交為主進行協作學習。該學習模式從本質上改變了傳統課堂教學模式，隨時、隨地、隨心情的個性化學習給學習者帶了完全不同的學習體驗。通過制定個性化的學習策略和師生多樣化的交互方式能夠有效地實現翻轉課堂。

翻轉課堂與傳統課堂的區別體現在學生和教師的地位與角色的不同，在翻轉課堂中，知識傳授主要通過信息技術手段在課下完成，學生通過互聯網、移動互聯網使用筆記本、智能手機等設備觀看微視頻進行自主學習、自定學習時間、地點、學習進度，并就遇到的問題在社區里進行探討學習，通過完成相關測試題檢測自主學習的效果。課堂上重新建構學習流程，讓學生作為課堂中的主人，教師作為整個教學活動組織者，以實操演練、答疑、討論、經驗分享等形式有效組織課堂，幫助學生完成學習任務，并進行總結評價。

1 課程定位

《WEB標準網站設計》課程是我院計算機應用技術專業一門重要專業核心課程，是校企合作開發課程，其目標是讓學生掌握利用DIV+CSS+JavaScript進行網站前端開發的能力，使學生熟悉網站開發的整個流程，了解網站前端開發工程師的崗位能力要求。通過本課程的學習，要求學生掌握HTML5、CSS3、JavaScript代碼編寫能力，會利用HTML5+CSS3設計網站頁面，利用JavaScript設計網頁特效。

目前，該課程教學模式還是采用傳統的基于工作過程的項目式教學，將一個完整網站項目的作為教學內容，按照企業網站開發流程分成HTML基礎語言、CSS表現形式和JavaScript交互設計三個單元開展教學[2]，最后配以綜合實訓強化學生的崗位能力、強化前端開發基礎技能。教學過程中學生分團隊分階段協同完成網站項目的開發任務，課程考核采用“課程設計+答辯”方式進行考核，按照企業崗位分團隊分崗位進行課程設計并進行答辯匯報。

WEB標準網站設計課程改革提升了學生對前端職業崗位的認知，實現了團隊成員根據各人知識特長進行不同崗位的職業能力提升，同時通過團隊合作也提升了小組成員的溝通交流能力、項目協同開發能力、創新能力，但是在改革過程中也發現了以下的問題。

1） 由于網站項目涉及的知識點多且面廣，如何選取合適的教學項目就顯得很重要，選取的教學項目必須精煉、應用面廣、包含了重難點。在教學過程中教師面臨兩難問題，一是一個項目從任務分解、知識點講解到項目實踐需要較長的時間，課堂時間較短，教師若在課堂上把理論知識講解得非常透徹，必定無法在課堂上完成實際項目的開發，這樣就會把任務的完成延伸到課下，課下學生的完成情況是無法監控的;二是課堂上教師主要講解分析項目的重難點并指導學生動手操作，對于學習能力不同的學生，其知識的吸收與轉化速度也不相同，很難做到有針對性地輔導，導致學生的學習效果相差很大。

2） 學生學習自主性不是很高，總是被動地去學習，課下很少去預習和復習鞏固課堂上的知識點，導致實操中無法下手，對專業課程的學習很迷茫。

3）課堂上教學組織側重在“教”與“學”，缺少互動，就算有互動環節也僅有幾個學生能參與進來，大部分都處于游離的狀態。

針對以上問題，我們采取了將翻轉課堂教學模式融入課程教學中，開展了SPOC環境下WEB標準網站設計課程翻轉課堂教學改革研究，獲得了較好的效果。

2 基于SPOC的微課程設計

為了將翻轉課堂教學模式與SPOC課程教學融為一體，我們設計了適用于SPOC平臺和翻轉課堂平臺的《WEB標準網站設計》微課程教學內容體系，如圖1所示。該教學內容體系設計包含課程基本信息設計、課程學習內容設計和交互活動設計。課程基本信息包含了課程標準、教學團隊、學習者要求、考核評價方式等信息。課程內容設計分為線上內容和線下內容兩部分，線上內容以小案例為主，依據“微目標”確定好短小精悍、直接切入核心教學點的學習內容，通過小模塊呈現直接聚焦單一知識點，幫助學生突破重難點;線下內容以完整的項目為主，以3個完整的網站項目分別貫穿于基本教學、拓展練習和綜合實訓中，將項目按照知識點分解成不同的學習任務。交互活動設計應遵循學生在學習過程中認知結構設計合理的交互策略，包括教師在學生自學的過程中在SPOC平臺中提出一些問題，引發大家的思考交流，選取優秀的學生作為助教，在平臺上與大家互動，就平臺中的大家提出的比較集中的問題進行答復，配以一些專題活動開展大討論及翻轉課堂中師生的交流互動，教師可以根據學習者在不同交互環境中的學習體驗提供個性化的指導。

3 SPOC環境下翻轉課堂教學模式的構建

實施翻轉課堂教學設計前必須對整個課程教學活動進行重新設計，針對《WEB標準網站設計》課程實踐性強的特點，以構建滿足學生個性化學習需求和教師反思提升型教學活動為主，將該微課程的教學活動分成課前、課中、課下三個階段[3]，如圖2所示。

3.1 課前SPOC平臺的教學活動設計

以學習者為中心，設計個性化學習策略，利用SPOC平臺的課程資源開展教學活動，通過QQ、微信、郵箱等方式發布學習任務，讓學生進入SPOC平臺觀看視頻，進行自學探究，學生通過觀看微課程視頻、操練視頻中的案例，完成對課程知識點的理解性記憶和練習;通過在線測試及時自我檢查以了解知識點的掌握情況，對于學習過程中產生的問題通過在線交流平臺與其他學習者進行交流獲得解決問題的方法，教師在監學的同時可以進行答復指導，對于不能解決的問題課中在翻轉課堂上由師生共同解決，從而使學習者完成知識傳遞的過程[3]。教師可以在課前通過平臺的數據統計查看學生的視頻觀看情況、點擊情況、測試完成結果，及時了解學生的學習狀態，指導學生及時修改個性化學習策略。

3.2課中翻轉課堂教學活動設計

課中翻轉課堂上學生的學習行為是一個知識內化過程，以網站項目為載體，將學習者需要掌握的知識點重新課上課下進行整合。教師在教學活動開始之前通過查看SPOC平臺的數據和紀錄，了解學生自學探究過程中的學習情況及遇到的共性問題。在課堂上首先就共性問題開展討論式學習，教師在解決問題的過程中不斷刺激學生回憶課前自學的內容，梳理相關知識點，從而獲得解決問題的方法。通過課堂提問的方式與學生互動交流，對重難點知識進行詳細講解。在這過程中教師要發揮主導作用，根據學生的特點進行個性化指導、引導并幫助學生改進學習策略。再完成了問題探究，理解了相關的基礎知識后，引入項目，開展基于工作過程的教學設計，小組探究對項目進行任務分解，實施任務，共同完成項目的開發，教師在此階段要注意學生實踐能力的培養，通過“做中學”將已掌握的知識內化應用到實際項目中，加深學生對相關知識點的理解和遷移，進一步調動起學生自我學習、自我探索的能力。最后，教師根據學習者在學習過程中的表現對其進行以激勵為主的個性化評價。

3.3 課后SPOC平臺的教學活動設計

課后SPOC平臺的教學活動包括學生課后完成課堂上教師布置的拓展練習任務，拓展練習任務是課堂任務的延伸，主要采用小組獨立完成，完成后將作品分享到SPOC平臺，由學生和老師一起點評，同時我們還配以技能大賽、綜合實訓、課程設計、前端面試題等多種形式去提升學生實踐技能。

3.4 多元化評價

采用全過程考核評價方式，以學習者為中心開展多元化評價，包括課前SPOC平臺的在線視頻觀看得分、在線測試得分、作業得分、訪問得分、互動得分、任務點完成得分，這部分成績可以通過平臺后臺數據分析統計得到，教師通過對這些數據的挖掘能夠加深對學生學習狀態的了解，及時給學生出謀劃策，改善其學習策略，從而實現個性化學習;課中的任務完成情況得分（通過教師評價和自我評價完成）、課堂的表現得分（包括出勤情況和解答問題情況）;課后的任務拓展練習得分。通過對課前、課堂、課后成績的對比分析確定每個模塊的考核權重，確定課程評價辦法為：課前成績（20%）+課堂成績（30%）+課后成績（10%）+期末課程設計成績（40%）。

4 效果分析

SPOC環境下WEB標準網站設計課程翻轉課堂教學模式從構建、應用到不斷完善，已經開展了 3個學期。 總體效果尚可，學生能夠按照課程要求及時完成SPOC平臺的在線學習內容和在線測試，參與線上討論，其自學能力、自覺性得到很大的提升，通過反復觀看視頻，加深對知識點的理解，課堂上能夠靈活地運用知識點去解決實際應用中的問題 。

4.1 學習滿意度和總體評價

由于課下學生通過自學對每個任務的知識點有了一定的掌握，大大減少了教師課堂上對知識點的講解時間，縮短了課程的總學時，總學時由改革前的120課時減到90課時。在課程結束后我們通過問卷調查了解學習者對課程的總體評價及對該教學模式的滿意度，在滿意度調查中，95%的學習者認為課前視頻學習有效地提升了課堂項目實戰能力，94%的學習者認為在線測試加強了對理論知識的認知，61%的學習者表明會經常反復觀看微視頻進行學習，70%的學習者認為課前的學習激發了他們對該課程的學習興趣，80%的學習者認為課前學習、課后練習提高了他們的自主學習能力，也有30%的學習者認為課前學習難度大，很難堅持。

在課程的總體評價中，90% 的學習者認可這種“SPOC+翻轉課堂的教學模式”，學習者平均每周在該課程的學習時間要比傳統教學模式課程多6～8小時，不僅完成了課程本身的項目訓練，同時還參加了“互聯網+”創業創新比賽，提升了學生的創新能力[4]。這種強壓式的學習任務占據了學習者大量的課外娛樂時間，教師的督學、學習者之間相互督促、交流不經意間促使其養成自主學習習慣，團隊合作意識。最后的前端開發崗位工程師面試題讓學生者對這個崗位有了更深刻的認識，為后面的知識積累打下鋪墊。

4.2 存在的問題及改進

通過調查反饋，學習者對微視頻的評價存在“視頻中微案例選擇合理，教學內容豐富，容易掌握，但是部分關鍵知識點比較晦澀難懂，通過觀看視頻講解不是很容易理解，視頻設計的不夠美觀、生動、不能激發學習的積極性”等客觀評價。這主要是因為目前在線視頻是錄屏的，動畫特效少，且在線學習要靠自學，沒有師生面對面的交流過程，比較枯燥，在遇到問題時在線交流時如果沒有找到解決的方法，很容易學不下去，失去學習的興趣。在后續改革中，我們針對每個任務的關鍵知識重新設計了短小精湛的案例，采用案例驅動錄制5～10分鐘的教學視頻，對于晦澀難懂的知識點精心設計了優美的教學動畫嵌入到視頻教學內容中，同時將視頻中的圖標、問題等都設計成交互性，同時從不同的方式和角度，設計貫穿教學全程的靈活、實用的交互活動，進一步激發學習者的學習動機。

5 結束語

新信息技術下“SPOC+翻轉課堂”的教學模式，顛覆式創新了傳統教學模式，重構了學習過程，實現了以學生群組自學為主，教師提供個性化教學輔導[5]。群組學習能夠互相學習、教學相長，同時對教師的團隊也提出了更高要求。教師不僅需要在專業技能上達到“高標準”，能嫻熟駕馭各種課程主題、討論內容，而且要具有信息化課程建設能力，能夠利用信息化技術為個性化學習的開展設計更加精細的課程內容和學習活動[6]， 提供多樣化、分層化的教學指導，真是實現個性化學習。

參考文獻：

[1] 王歡.基于SPOC的“大學計算機”課程分級教學改革實踐[J].中國管理信息化，2016（3）： 253-256.

[2] 王海霞.基于翻轉課堂的項目式教學模式研究與實踐[J].電腦知識與技術，2017（8）：134-136.

[3] 王朋嬌，段婷婷，蔡宇南，等.基于SPOC的翻轉課堂教學設計模式在開放大學中的應用研究[J].中國電化教育，2015（12）：79-86.

[4] 葉安勝，周曉清，鄢濤.基于SPOC的“C綜合項目實戰”教學模式探索與實踐[J].實驗室研究與探索，2016（6）：198-203.

[5]卜紅艷.翻轉課堂模式在大學語文教學中的應用——以《俄狄浦斯王》為例[J].蘭州教育學院學報，2015（8）： 100-102.

[6] 特里·安德森，王志軍.希望/冒險：大規模開放網絡課程（MOOCs）與開放遠程教育[J].中國電化教育，2014（1）：46-51.

【通聯編輯：王力】