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

1、基于MOOCs的網(wǎng)頁設(shè)計課程教學模式研究李蓉，周維柏（華南師范大學增城學院計算機系， 廣州 511363）摘要：網(wǎng)頁設(shè)計技術(shù)眾多，開發(fā)工具復雜，傳統(tǒng)的教學方法只能做非常初步的介紹，距離靈活運用網(wǎng)頁設(shè)計技能還有相當一段距離。而MOOCs可以有力推動知識傳承類的學習，非常適合網(wǎng)頁設(shè)計課程的教學。因此本文探討MOOCs教學模式在網(wǎng)頁設(shè)計課程中的運用，我們采用前3周老師講授網(wǎng)頁設(shè)計的基本概念，后12周學生分組自主學習，圍繞自己組的作品專題有針對性的學習，最后2周學生對作品進行互評。平臺的資源由老師和學習匯聚而成。關(guān)鍵詞：MOOCs，網(wǎng)頁設(shè)計，教學模式中圖分類號：G642 文獻標志碼：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)試過程的除錯分析。這些過程很難在課堂講授的過程中進行，在課堂教學過程中也很難訓練學生程序開發(fā)所需的規(guī)劃、分析、思考能力。現(xiàn)行學校教學模式所具備的能力與企業(yè)的實際需求還有很大差距1。而使用網(wǎng)絡(luò)教學可打破時空限制，以專題開發(fā)為主軸，輔助相關(guān)參考在線教程，進行實際網(wǎng)站系統(tǒng)開發(fā)，這樣能培養(yǎng)學生構(gòu)思規(guī)劃，自我學習，靈活運用的能力。也能體會到整個網(wǎng)站設(shè)計的實際設(shè)計過程，讓學生了解到網(wǎng)站開發(fā)的困難以及設(shè)計過程應(yīng)注意的細節(jié)。因此本文探討MOOCs教學模式在網(wǎng)頁設(shè)計課程中的運用，以此提升學生學習效率

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

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

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

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

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

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

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

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

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

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

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

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