基于MOOC的《Web前端設計》課程教學模式探討

陶碩 李勝

摘要：針對目前Web前端設計課程教學中存在的一些問題，結合MOOC教學模式的優點，探討了Web前端設計課程新的教學模式，提出了在課程教學中將MOOC教學模式與傳統教學模式深度相融合，揚長避短，能充分調動學生的學習興趣與積極性，發掘學習者的潛能，培養學習者的創新意識，提高教學質量。

關鍵詞：MOOC;教學模式;Web前端

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

文章編號：1009-3044（2019）34-0164-02

1 概述

隨著互聯網技術和網絡通信技術的發展，信息化技術已經逐漸滲透到社會的各個方面，我國當前的教育教學方法和手段也受到了很大的影響，一場信息化的顛覆性變革正悄然發生。2015年4月教育部頒布了《關于加強高等學校在線開放課程建設應用與管理的意見》（高教[2015]3號）中指出，建設一批優質大規模在線開放課程和國家精品在線開放課程，促進這些開放課程廣泛應用[1]。2017年1月，《國家教育事業發展“十三五”規劃》提出加快推進“寬帶網絡校校通”，完善學校教育信息化基礎設施建設，全力推動信息技術與教育教學深度融合;推進優質教育資源共建共享，支持“互聯網+教育”教學新模式[2]。2018年2月教育部辦公廳發布《2018年教育信息化和網絡安全工作要點》中明確指出，要求深入落實《教育信息化“十三五”規劃》，大力推動“四個提升”和“四個拓展”，要求辦好網絡教育，繼續發展“互聯網+教育”，實現教育信息化的轉段升級，充分發揮其對教育現代化的支撐和引領作用[3]。因而，傳統的教學模式已無法跟上時代的步伐，尋求一種新的教學模式迫在眉睫。

2 MOOC

MOOC（MassiveOpen Online Course）翻譯成中文是“大規模公開線上課程”。具有“在線”“大規模”和“開放性”等特點。“在線”指的是幕課的教學模式是基于網絡的基礎，在線上進行學習，同時進行信息和資源的共享;“大規模”指的是幕課學習者的數量，不局限于課堂，可以達到成百上千人共同學習;“開放性”指的是幕課的教學模式幾乎沒有任何限制條件，屬于開放的教育模式。幕課很好地解決了課堂的地點限制問題、也突破了校園網的局限，實現了資源和信息的共享，與傳統課堂優勢互補。隨著MOOC的快速發展，將慕課（MOOC）的教學模式引入課程教學中，已成為當前我國高職院校教學改革中需要迫切解決的問題之一，也是加快教育信息化需求所在。

3 MOOC教學模式的優點

MOOC教學模式是以學生為主體，實現課程資源免費共享，課程內容以知識模塊為單元進行設計，學生可以隨時隨地根據自己的學習進度自主進行學習，可與教師在線互動等特性的一種教學模式，打破了傳統課堂教學受時間和空間的限制[4]。MOOC教學模式可以實現線上和線下混合教學，還可利用移動學習APP，實現多終端、多場景的學習支持，進行移動學習。提高學生學習的主動性和積極性，培養學生的獨立能力和創新思維能力，有利于提高教學效率。

4 Web前端設計課程教學中存在的問題

《WEB前端設計》課程主要是培養學生使用HTML、css、JavaScript完成網站客戶端的結構、表現和行為的設計開發能力，掌握不同網站的設計風格和制作技巧以及網站開發流程的技能。經過多年的教學實踐，發現傳統教學模式下，該課程的教學主要存在以下幾個方面的問題：

（1）學生底子差

目前，高職學生基礎較薄弱，且參差不齊，大部分具有一定的計算機操作能力，主要用于上網，學生對網頁圖片、視頻及動畫感興趣，但對編寫網頁基礎代碼不感興趣，缺乏邏輯思維能力[5]。傳統課堂的“一刀切、齊步走”的以教師為中心的課堂教學方式不能讓每個學生都能在課堂上獲取相應知識。

（2）缺乏良好的學習主動性和靈活性

很多高職學生因自身學習成績較差，容易產生自卑感，常常會自暴自棄;部分高職學生好動，上課注意力不集中，無法靜下心來專心學習，編寫代碼時經常出錯，把學習當成負擔，甚至產生厭學心理，給課程的學習造成一定的障礙。大部分學生只限模仿教師課程演示操作，不能靈活運用、舉一反三，缺乏學習靈活性。還有不少學生英語基礎差，網頁代碼中很多英文單詞不認識，也不主動去查閱單詞含義，慢慢就對課程失去學習的興趣和積極性。還有一小部分學生上課不帶書、不聽課，上課經常玩手機、睡覺，甚至曠課，嚴重影響了該課程的課堂教學。

（3）缺少師生互動

WEB前端設計課程是理論與實踐相結合的課程，在傳統教學模式下，教師常會考慮學生的接受能力，在課堂上會花費大量時間講授課程的基礎知識和實例演示，留給學生課堂實踐的時間就減少了，不能及時發現和幫助學生代碼調試過程中出現的問題，影響了課程的教學效果。這種方式是一種“填鴨式”教學方式，學生處于這被動接收，師生之間的教學互動少，阻礙了學生的創新思維發展，已不適用于互聯網時代的學生。

如何賦予學生個性化、自主化、探究化的空間與機會，使學生可以更多地自主支配自己的時間來安排自己的學習任務，充分調動學生的學習興趣與積極性，發掘學習者的潛能，培養學習者的創新意識，提高教學質量和效果，以達到學習和教育的目的，是該課程目前迫切需要解決的問題。

5 Mooc教學模式在Web前端設計課程上的應用研究

將MOOC引入Web前端設計課程教學是對該課程傳統教學模式的挑戰，主要從以下三個方面考慮：

（1）課程教學資源的設計

結合企業需求，確定教學內容，編寫教學大綱，自主開發教學資源，資料收集，對教學內容進行模塊化、碎片化劃分，細致進行知識點設計，PPT制作.精選案例，精心設計5-10分鐘的教學視頻，對視頻中的每一句話、每一個操作進行仔細斟酌，同時在視頻中嵌入在線測驗，讓學生及時檢驗自己對知識點的掌握情況，然后根據學習情況選擇不同的知識單元進行學習。選擇先進的在線服務平臺，如超星，e學會等，通過平臺上傳課后習題及實驗題、教學視頻、PPT、教學大綱、添加論壇討論環節等。

（2）課程教學設計

MOOC教學模式將整個的課程教學分成三部分：課前、課中、課后。

課前為自主學習階段，教師可以提前布置課前預習或復習內容，學生可以利用MOOC平臺隨時隨地利用各種移動設備或PC終端進行課程學習;每個學生都可以根據自己的學習習慣和學習能力自主選擇在線看視頻學習，完成課前預習、復習和練習;還可利用MOOC平臺與教師或同學進行在線討論問題。這種學習方式有利于鍛煉和培養學生的自主學習能力。實現個性化學習，能較好的避免傳統教學模式的“一刀切、齊步走”的現象。同時，打破了傳統課堂教學受時間和空間的限制，解決了傳統教學中學生因缺課、未弄懂課程內容或忘記課程內容時沒有相關教學資源可供學習的問題。另外，將學生劃分若干學習小組，布置每次課的學習任務與考核要求，并詳細制定每位小組成員的學習任務卡和考核標準，各小組成員之間可以相互監督，互相評分，該評分可作為學生的平時作業成績[6]。小組之間也可互評，教師可根據小組的任務匯報完成情況進行評分。小組綜合成績可以由小組互評成績和教師評分按一定的的比例構成，并對小組成績進行排名。對排名靠前的小組進行表揚和加分，排名靠后的小組要求重新完成學習任務，這樣可以培養小組成員團隊意識，也有效地避免出現“混學分”“搭便車”的現象。又能激發學生之間以及小組之間的競爭意識，有利于學習效果的落實與完成，也能提高教學質量，實現教學目標。

課中為課堂教學階段，實現以“教師+學生”為教學中心的混合，教師主要發揮指導和調控的作用。根據教學目標要求，對學生在MOOC學習中遇到的重點和難點進行課堂解析，通過這種面對面的課堂教學中的互動討論，教師能了解每一個學生對已學視頻知識的掌握情況，并及時進行糾正和指導，為學生答疑解惑，并對學生的作品要做出評價。這樣能進一步地完善學生的認知結構，即能使學生較全面了解自己的學習水平，又有利于營造比、學、趕、幫的學習氛圍，讓學生在評價中學會探究式學習。

課后為拓展學習階段，學生可以自主選擇繼續深入學習MOOC中相關的內容，并參與課程的討論和互動，強化所學知識。同時也是對課堂內容進行延伸，鼓勵學生利用MOOC或其他資源繼續深入學習，激發學生的學習熱情，提高學生自主學習能力。

（3）完善課程的評價體系

目前，WEB前端設計課程的考核一般由平時成績和期末作品成績來進行評價的，這種評價方式不能客觀地體現出每位學生對課程知識的掌握程度，常常會出現渾水摸魚現象，為了更加客觀公正的評價學生對知識的掌握程度，采用多元化評價方法，即課程的評價體系由過程性評價和總結性評價構成。過程性評價由線上和線下學習過程中參加的各項活動的整合評價，可通過在線平臺直接獲取。總結性評價主要指期末考試成績，可有筆試成績和作品成績構成。采用多元化評價方法使教學考評更加客觀公正。

6 結束語

本文分析了Web前端設計課程教學中存在的問題，結合MOOC教學模式的特點，對課程的教學模式進行了探討。將MOOC與傳統教學模式進行深度融合，合理設計課程教學資源、課程教學設計和課程評價體系，可以賦予學生個性化、自主化、探究化的空間與機會，有利于調動學生的學習興趣與積極性，發掘學習者的潛能，培養學習者的創新意識，提高教學質量。

參考文獻：

[1]趙忠山，張瑩瑩，楊玉雙.大數據時代慕課（MOOC）混合式教學模式的探究與實踐[J].理論觀察，2018（3 ）：152-155.

[2]顧維萍.“互聯網+教育”背景下創新教學模式的構建[J].當代教育實踐與教學研究，2018（11）：7-8.

[3]錢冬云，潘益婷，趙靜靜.大數據環境下的高職教學改革探索——以軟件技術專業為例[J].浙江工貿職業技術學院學報，2019，19（1）：9-13.

[4]劉小紅.Android程序設計課程MOOC教學模式的探討[Jl.電腦知識與技術，2017，13（8）：128-129.

[5]張呈宇.“互聯網+”背景下高職院校網頁設計課程教學改革研究[J].通訊世界，2018（7）：278-279.

[6]溫玉卓.基于“互聯網+教育”背景下高校混合式教學模式構建研究[J].大眾科技，2019，21（1）：84-86.

【通聯編輯：王力】

收稿日期：2019-08-29

基金項目：安徽省高等學校校質量工程大規模在線開放課程（MOOC）示范項目“WEB前端設計”（項目編號：2017mooc339）;安徽省高等學校省級質量工程項目（2018jyxm0581）

作者簡介：陶碩（1973-），女，安徽樅陽人，講師，碩士，主要研究方向為數據挖掘、計算機應用。