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

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

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

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

4、校級項(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)容大部分是通過網(wǎng)頁形式聚合，以提供給課程的使用者，是動態(tài)匯聚的。學(xué)習(xí)者則根據(jù)自己的需要、興趣選擇所要學(xué)的內(nèi)容?；旌?。學(xué)習(xí)者通過網(wǎng)絡(luò)撰寫博客、論壇討論、微博、QQ日志等，將課程內(nèi)容和課外知識相互混合，將自己的有關(guān)資源和課程資源混合。轉(zhuǎn)用。MOOCs課程不是讓學(xué)習(xí)者重

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

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

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

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

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

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

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

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

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

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