陶碩 李勝

摘要：針對目前Web前端設計課程教學中存在的一些問題，結(jié)合MOOC教學模式的優(yōu)點，探討了Web前端設計課程新的教學模式，提出了在課程教學中將MOOC教學模式與傳統(tǒng)教學模式深度相融合，揚長避短，能充分調(diào)動學生的學習興趣與積極性，發(fā)掘?qū)W習者的潛能，培養(yǎng)學習者的創(chuàng)新意識，提高教學質(zhì)量。

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

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

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

1 概述

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

2 MOOC

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

3 MOOC教學模式的優(yōu)點

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

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

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

（1）學生底子差

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

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

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

（3）缺少師生互動

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

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

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

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

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

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

（2）課程教學設計

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

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

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

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

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

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

6 結(jié)束語

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

參考文獻：

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

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

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

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

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

[6]溫玉卓.基于“互聯(lián)網(wǎng)+教育”背景下高?；旌鲜浇虒W模式構建研究[J].大眾科技，2019，21（1）：84-86.

【通聯(lián)編輯：王力】

收稿日期：2019-08-29

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

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