基于MOOCs的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式研究

1、基于MOOCs的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式研究李蓉，周維柏（華南師范大學(xué)增城學(xué)院計(jì)算機(jī)系， 廣州 511363）摘要：網(wǎng)頁(yè)設(shè)計(jì)技術(shù)眾多，開發(fā)工具復(fù)雜，傳統(tǒng)的教學(xué)方法只能做非常初步的介紹，距離靈活運(yùn)用網(wǎng)頁(yè)設(shè)計(jì)技能還有相當(dāng)一段距離。而MOOCs可以有力推動(dòng)知識(shí)傳承類的學(xué)習(xí)，非常適合網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)。因此本文探討MOOCs教學(xué)模式在網(wǎng)頁(yè)設(shè)計(jì)課程中的運(yùn)用，我們采用前3周老師講授網(wǎng)頁(yè)設(shè)計(jì)的基本概念，后12周學(xué)生分組自主學(xué)習(xí)，圍繞自己組的作品專題有針對(duì)性的學(xué)習(xí)，最后2周學(xué)生對(duì)作品進(jìn)行互評(píng)。平臺(tái)的資源由老師和學(xué)習(xí)匯聚而成。關(guān)鍵詞：MOOCs，網(wǎng)頁(yè)設(shè)計(jì)，教學(xué)模式中圖分類號(hào)：G642 文獻(xiàn)標(biāo)志碼：A網(wǎng)頁(yè)設(shè)計(jì)課程包含

2、客戶端、服務(wù)器端、數(shù)據(jù)庫(kù)以及網(wǎng)絡(luò)傳輸諸多技術(shù)概念。網(wǎng)站的開發(fā)包含系統(tǒng)規(guī)劃、評(píng)估系統(tǒng)、搜尋引用現(xiàn)有組件及技術(shù)、以及調(diào)試過(guò)程的除錯(cuò)分析。這些過(guò)程很難在課堂講授的過(guò)程中進(jìn)行，在課堂教學(xué)過(guò)程中也很難訓(xùn)練學(xué)生程序開發(fā)所需的規(guī)劃、分析、思考能力?，F(xiàn)行學(xué)校教學(xué)模式所具備的能力與企業(yè)的實(shí)際需求還有很大差距1。而使用網(wǎng)絡(luò)教學(xué)可打破時(shí)空限制，以專題開發(fā)為主軸，輔助相關(guān)參考在線教程，進(jìn)行實(shí)際網(wǎng)站系統(tǒng)開發(fā)，這樣能培養(yǎng)學(xué)生構(gòu)思規(guī)劃，自我學(xué)習(xí)，靈活運(yùn)用的能力。也能體會(huì)到整個(gè)網(wǎng)站設(shè)計(jì)的實(shí)際設(shè)計(jì)過(guò)程，讓學(xué)生了解到網(wǎng)站開發(fā)的困難以及設(shè)計(jì)過(guò)程應(yīng)注意的細(xì)節(jié)。因此本文探討MOOCs教學(xué)模式在網(wǎng)頁(yè)設(shè)計(jì)課程中的運(yùn)用，以此提升學(xué)生學(xué)習(xí)效率

3、，提高學(xué)生自主學(xué)習(xí)的積極性。一、 網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)現(xiàn)狀網(wǎng)頁(yè)設(shè)計(jì)課程在我院大一第二學(xué)期開設(shè)，學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)所需的語(yǔ)言、開發(fā)環(huán)境、以及設(shè)計(jì)概念并不熟悉，其中涉及的內(nèi)容繁多，課堂的時(shí)間無(wú)法對(duì)這些內(nèi)容做詳細(xì)的介紹，即使把相關(guān)技巧介紹給學(xué)生，學(xué)生也不一定能熟練地在設(shè)計(jì)過(guò)程中運(yùn)用。事實(shí)上，專業(yè)設(shè)計(jì)人員亦不需對(duì)相關(guān)技術(shù)都完全了解熟悉，他們并不一定熟悉所有相關(guān)的程序設(shè)計(jì)語(yǔ)法與設(shè)計(jì)技巧，但卻能根據(jù)需要靈活處理客戶所需功能，這就是問(wèn)題導(dǎo)向式的學(xué)習(xí)。但現(xiàn)在的大學(xué)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)卻正好相反，還是以前說(shuō)教式的教學(xué)模式。二、MOOCS教學(xué)模式2012年省高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程專項(xiàng)資金資助、華南師范大學(xué)增城學(xué)院

4、校級(jí)項(xiàng)目資助、廣東省自然科學(xué)基金MOOCs是一種新型的教學(xué)模式，2008年加拿大學(xué)者Dave Cormier和Bryan Alexander提出的。MOOCs綜合運(yùn)用了人本化學(xué)習(xí)、掌握學(xué)習(xí)、建構(gòu)主義學(xué)習(xí)、程序教學(xué)及有意義學(xué)習(xí)等理論2。MOOCs課程的基本原則為3：匯聚。在我們傳統(tǒng)教學(xué)中學(xué)習(xí)內(nèi)容有主講老師提前準(zhǔn)備好，而MOOCs課程的內(nèi)容大部分是通過(guò)網(wǎng)頁(yè)形式聚合，以提供給課程的使用者，是動(dòng)態(tài)匯聚的。學(xué)習(xí)者則根據(jù)自己的需要、興趣選擇所要學(xué)的內(nèi)容?；旌?。學(xué)習(xí)者通過(guò)網(wǎng)絡(luò)撰寫博客、論壇討論、微博、QQ日志等，將課程內(nèi)容和課外知識(shí)相互混合，將自己的有關(guān)資源和課程資源混合。轉(zhuǎn)用。MOOCs課程不是讓學(xué)習(xí)者重

5、復(fù)課程已有內(nèi)容，而是鼓勵(lì)學(xué)習(xí)者基于課程已有知識(shí)，根據(jù)自己的理解和想法撰寫出新的內(nèi)容，供后來(lái)者參考。推動(dòng)分享。學(xué)習(xí)者應(yīng)該把自己的新資源、新觀點(diǎn)、新見解分享給其他學(xué)習(xí)者，課程協(xié)調(diào)者把這些內(nèi)容中有價(jià)值的部分聚合到課程資源中。三、基于MOOCs的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式的設(shè)計(jì)1. 平臺(tái)的設(shè)計(jì)根據(jù)MOOCS的主要理念，我們以共享、匯聚、協(xié)作、自主為原則，設(shè)計(jì)本課程的學(xué)習(xí)系統(tǒng)。系統(tǒng)平臺(tái)的前臺(tái)界面如圖1。平臺(tái)只是一個(gè)基本框架，大部分內(nèi)容由學(xué)生自己補(bǔ)充，課題組協(xié)調(diào)人對(duì)學(xué)生的新資源、新看法進(jìn)行聚合，對(duì)價(jià)值不大的進(jìn)行刪除。圖1 平臺(tái)的主界面（1）課程在線教材與平臺(tái)互動(dòng)功能設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)課程不管是紙質(zhì)書籍還是網(wǎng)絡(luò)教程都相

6、當(dāng)豐富、琳瑯盲目。對(duì)學(xué)習(xí)者而言，困擾的不是缺乏參考資料，而是相關(guān)資料太多，不知從何下手，亦不清楚要參考那些知識(shí)和技術(shù)。因此我們自己編寫了以概念為主的內(nèi)部參考資料，同時(shí)為學(xué)生推薦了一本參考書。除教材外，我們的平臺(tái)提供了多樣的學(xué)習(xí)互動(dòng)功能，如討論區(qū)、每周話題、作業(yè)研討、網(wǎng)絡(luò)測(cè)試、作品互評(píng)、學(xué)習(xí)筆記的評(píng)價(jià)等。善用這些功能可增進(jìn)師生之間、學(xué)生之間的互動(dòng)，可增進(jìn)學(xué)生網(wǎng)絡(luò)學(xué)習(xí)的動(dòng)機(jī)，由平臺(tái)雙向的互動(dòng)功能，老師可了解學(xué)生的學(xué)習(xí)狀況和想法，同學(xué)之間也可以相互了解學(xué)習(xí)進(jìn)程，互相激勵(lì)。透過(guò)學(xué)生作業(yè)互評(píng)，讓學(xué)生們相互觀摩，這樣迫使學(xué)生重視自己所設(shè)計(jì)開發(fā)的作品，了解其他學(xué)生的創(chuàng)意，深度挖掘自己的潛力，思考自己作品的創(chuàng)

7、意，從而做出比較炫酷的網(wǎng)站。總而言之，本平臺(tái)功能設(shè)計(jì)以符合學(xué)習(xí)者自學(xué)模式為原則。（2）資源中心的設(shè)計(jì)我們的系統(tǒng)要對(duì)每個(gè)學(xué)生的整個(gè)學(xué)習(xí)過(guò)程中的全部學(xué)習(xí)行為進(jìn)行自動(dòng)記錄下來(lái)，而學(xué)生在線學(xué)習(xí)的相關(guān)數(shù)據(jù)匯集起來(lái)是非常大的，課程資源也是相當(dāng)大的，因此我們采用云存儲(chǔ)技術(shù)來(lái)存儲(chǔ)數(shù)據(jù)。資源由教學(xué)團(tuán)隊(duì)和學(xué)習(xí)者共同提供，學(xué)習(xí)者可把一些新技術(shù)和優(yōu)秀的插件上傳到資源中心，供其他同學(xué)學(xué)習(xí)，學(xué)習(xí)者還可以把好的網(wǎng)站或資源鏈接發(fā)到平臺(tái)中。課程協(xié)調(diào)者對(duì)學(xué)生上傳的數(shù)據(jù)進(jìn)行審核，對(duì)不好的要?jiǎng)h除，對(duì)好的要加以推廣。除了課程資源，學(xué)院數(shù)字圖書與課程相關(guān)資源也是我們MOOCs資源中心的重要組成部分。（3）視頻的設(shè)計(jì)把課程分章節(jié)，每節(jié)分成

8、若干個(gè)基本教學(xué)單元，以基本教學(xué)單元錄制視頻，每個(gè)視頻控制在8分鐘以內(nèi)。通過(guò)后期制作和網(wǎng)頁(yè)技術(shù)，在視頻中插入課件、插件和動(dòng)畫，以及專門為視頻制作的表格、提示和各種協(xié)助課程內(nèi)容的相關(guān)輔助音像資料，同時(shí)視頻還嵌入小測(cè)試、編寫程序作業(yè)、課程討論問(wèn)題等，采用闖關(guān)學(xué)習(xí)的模式，只有按教師要求完成一個(gè)基本教學(xué)單元，測(cè)試并通過(guò)后才能觀看下一個(gè)視頻，進(jìn)行下一個(gè)基本教學(xué)單元的學(xué)習(xí)。并在視頻中嵌入相關(guān)背景材料，方便學(xué)生延展知識(shí)?？傊@種短視頻方式，方便學(xué)習(xí)者按主題學(xué)習(xí)，而不感覺(jué)疲憊。2.教學(xué)設(shè)計(jì)本方法的教學(xué)機(jī)制如圖2。導(dǎo)師團(tuán)隊(duì)主要起協(xié)調(diào)、指導(dǎo)作用，以學(xué)習(xí)者為中心，學(xué)習(xí)者圍繞學(xué)習(xí)中心，互動(dòng)，提供資源。教學(xué)采取采用混合式

9、教學(xué)的模式和案例導(dǎo)向式的課程設(shè)計(jì)。圖2 本方法的教學(xué)機(jī)制（1）采用混合式教學(xué)的模式把視頻和老師講解混合。課程主講采用網(wǎng)絡(luò)集中視頻授課的在線教學(xué)方式。參與課程學(xué)習(xí)的學(xué)生還能獲得本地教師的個(gè)性化授課和輔導(dǎo)。此外參與該課程的助教團(tuán)隊(duì)會(huì)根據(jù)課程內(nèi)容的要求提前錄制好相應(yīng)的視頻上傳到網(wǎng)絡(luò)平臺(tái)上供學(xué)生集中學(xué)習(xí)討論。學(xué)習(xí)環(huán)境的混合。我們的方法將課堂教學(xué)環(huán)境、網(wǎng)絡(luò)教學(xué)活動(dòng)環(huán)境、網(wǎng)絡(luò)施教環(huán)境、網(wǎng)絡(luò)討論環(huán)境、網(wǎng)絡(luò)互評(píng)環(huán)境有機(jī)結(jié)合4。老師在教學(xué)過(guò)程中，可發(fā)布話題、問(wèn)卷調(diào)查、專題等活動(dòng)，調(diào)動(dòng)學(xué)生學(xué)習(xí)的趣味性和主動(dòng)性。學(xué)生可寫學(xué)習(xí)感受、心得，而且學(xué)生的整個(gè)學(xué)習(xí)活動(dòng)都被存儲(chǔ)在系統(tǒng)中，學(xué)生隨時(shí)可查看，這便于學(xué)生復(fù)習(xí)、總結(jié)。學(xué)

10、習(xí)方式的混合。充分利用平臺(tái)的力量，將網(wǎng)絡(luò)互助自主學(xué)習(xí)同老師面授有機(jī)混合，小組內(nèi)部協(xié)作學(xué)習(xí)、進(jìn)行討論，共同為完成一個(gè)目標(biāo)而學(xué)習(xí)。同時(shí)小組之間也可以討論，請(qǐng)教問(wèn)題。（2）案例導(dǎo)向式的課程設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)有許多專業(yè)的要求，搭配不同的領(lǐng)域應(yīng)用需求，可產(chǎn)生多樣的設(shè)計(jì)框架，配合相關(guān)技術(shù)有許多精彩的開發(fā)模式。但常規(guī)教學(xué)方法要在課程快結(jié)束時(shí)才接觸到。而且這時(shí)學(xué)生往往覺(jué)得老師講得太深，學(xué)生容易失去信心，沒(méi)心思去深入了解、研究。在實(shí)際的開發(fā)過(guò)程中，即使資深的開發(fā)人員也常碰到許多不了解的技術(shù)和概念，此時(shí)，了解此技術(shù)的好心同仁也只會(huì)給你一個(gè)方向，讓你自己去摸索。而現(xiàn)在網(wǎng)頁(yè)開發(fā)技術(shù)在飛速發(fā)展，就算是有經(jīng)驗(yàn)的開發(fā)人員在不同的

11、系統(tǒng)開發(fā)過(guò)程中，都會(huì)碰到許多全新的技術(shù)挑戰(zhàn)。而現(xiàn)在的大學(xué)里，不少同學(xué)都依賴于老師教授的內(nèi)容，變得越來(lái)越被動(dòng)。這樣的學(xué)習(xí)態(tài)度很難應(yīng)付現(xiàn)代企業(yè)苛刻的職場(chǎng)要求。因此我們的課程在第一周就把本學(xué)期的大作業(yè)題目提供給學(xué)生，前3周把基礎(chǔ)的原理做簡(jiǎn)單介紹，后面大部分課程以專題開發(fā)為主，老師在此階段將不進(jìn)行統(tǒng)一講課，只是回答學(xué)生疑惑，指導(dǎo)學(xué)生，了解每個(gè)學(xué)生開發(fā)的進(jìn)度。而學(xué)生碰到全新的技術(shù)挑戰(zhàn)時(shí)，主要是借助平臺(tái)相應(yīng)模塊的視頻教學(xué)，也可向老師詢問(wèn)。專題向?qū)浇虒W(xué)可促進(jìn)學(xué)生的學(xué)習(xí)動(dòng)機(jī)，并在開發(fā)過(guò)程中碰到問(wèn)題時(shí)，給予學(xué)習(xí)的方向。3.教學(xué)的實(shí)施我們這門課的教學(xué)周為17周，前3周由教師對(duì)課程任務(wù)做總體布置，并對(duì)網(wǎng)頁(yè)設(shè)計(jì)的基

12、本概念做簡(jiǎn)單介紹，第四周開始由學(xué)生進(jìn)行自主學(xué)習(xí)。學(xué)生首先自由組合，每組最多不超過(guò)3人，由小組討論，選擇自己的最終的題目，然后圍繞這個(gè)題目進(jìn)行網(wǎng)站的設(shè)計(jì)，當(dāng)面臨新的技術(shù)時(shí)，學(xué)生自己上平臺(tái)或互聯(lián)網(wǎng)搜索并學(xué)習(xí)。期中老師對(duì)每組的作品進(jìn)行檢查，指出不足的地方，那些地方需繼續(xù)改進(jìn)，那些地方不行，需重新設(shè)計(jì)，哪些地方值得發(fā)揚(yáng)。期末時(shí)，每組學(xué)生把自己的作品放在平臺(tái)上，供其他組別的學(xué)生進(jìn)行互評(píng)。四、考核方法的改進(jìn)1.考核標(biāo)準(zhǔn)本課程采用的評(píng)價(jià)標(biāo)準(zhǔn)如表1。每個(gè)組可根據(jù)此標(biāo)準(zhǔn)，評(píng)價(jià)其他組別的作品，評(píng)分結(jié)果在網(wǎng)上提交，并公示在平臺(tái)上，有異議的可向課程協(xié)調(diào)人反映。表1 考核評(píng)價(jià)標(biāo)準(zhǔn)一級(jí)指標(biāo)二級(jí)指標(biāo)設(shè)計(jì)內(nèi)容（20分）1.

13、內(nèi)容健康，符合主題（5分）2.能夠清晰表達(dá)設(shè)計(jì)意圖（5分）3.知識(shí)體系結(jié)構(gòu)完整（制作內(nèi)容全面）（10分）設(shè)計(jì)結(jié)構(gòu)（35分）1.結(jié)構(gòu)清晰、布局合理、整體結(jié)構(gòu)有連貫性（10分）2.導(dǎo)航明確、瀏覽方便（5分）3. 欄目劃分與內(nèi)容組織合理（5分）4.頁(yè)面標(biāo)題清晰（5分）5.首頁(yè)是否使用index命名（5分）6.整個(gè)網(wǎng)站的命名是否含中文（包括圖片名）（5分）設(shè)計(jì)藝術(shù)性（20分）1.整體風(fēng)格一致、色彩搭配合理、和諧、頁(yè)面美觀（10分）2.頁(yè)面元素的制作美觀使用（5分）3.充分利用多媒體技術(shù)（5分）創(chuàng)意與技術(shù)（25分）1.內(nèi)容有創(chuàng)意（5分）2.頁(yè)面具有個(gè)性化設(shè)計(jì)風(fēng)格、觀賞性好（5分）3.圖片和文字原創(chuàng)性（5

14、分）4.網(wǎng)頁(yè)圖片經(jīng)過(guò)優(yōu)化（5分）5.網(wǎng)頁(yè)能夠適應(yīng)各種分辨率（5分）2. 具體實(shí)施 采用MOOCs的同伴互評(píng)模式，學(xué)生在提交作業(yè)后按照標(biāo)準(zhǔn)互相評(píng)分，最終由課程協(xié)調(diào)人進(jìn)行審核生成最終成績(jī)。通過(guò)同伴互評(píng)，不僅解決了MOOCs大規(guī)模課程學(xué)習(xí)的作業(yè)批改問(wèn)題，更關(guān)鍵的是在互評(píng)過(guò)程中，學(xué)習(xí)者可以通過(guò)觀看同學(xué)的作業(yè)，實(shí)現(xiàn)思維火花的碰撞，獲得新的靈感，達(dá)到互相學(xué)習(xí)，延展知識(shí)邊界的目的。五、總結(jié)我院通過(guò)2年來(lái)的實(shí)踐，學(xué)生普遍反映良好，學(xué)生水平一屆比一屆高，作品一屆比一屆有優(yōu)秀，學(xué)生作品在選送參加中國(guó)大學(xué)生計(jì)算機(jī)設(shè)計(jì)大賽中，獲得的成績(jī)一屆比一屆好。在“慕課”浪潮席卷之下，我們大學(xué)教師應(yīng)對(duì)現(xiàn)有教學(xué)進(jìn)行反思，對(duì)現(xiàn)有教學(xué)模式進(jìn)行探索、研究，這有助于推動(dòng)教師角色的轉(zhuǎn)變，從一個(gè)講授者、講解者真正變?yōu)閷W(xué)習(xí)的激勵(lì)者、啟發(fā)者，學(xué)習(xí)也將變得更加有效。參考文獻(xiàn)：1 葉麗萍.任務(wù)驅(qū)動(dòng)式教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)課程中的應(yīng)用研究J. 計(jì)算機(jī)光盤軟件