OBE—CDIO教育理念在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中的探索與實(shí)踐

段珊珊

摘要：成果導(dǎo)向教育是高職課程改革的主流方向，針對(duì)我校軟件技術(shù)專業(yè)的實(shí)際情況，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中以O(shè)BE-CDIO 理論為指導(dǎo)進(jìn)行課程教學(xué)改革與考核，以激發(fā)學(xué)生的學(xué)習(xí)興趣與學(xué)習(xí)主動(dòng)性，培養(yǎng)學(xué)生綜合能力，提高教學(xué)質(zhì)量。

關(guān)鍵詞：成果導(dǎo)向教育；CDIO；項(xiàng)目化教學(xué)；課程改革

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2018）28-0126-02

1 引言

OBE（Outcome Based Education），即成果導(dǎo)向教育，是把教育系統(tǒng)中的一切都集中圍繞著學(xué)生在畢業(yè)時(shí)應(yīng)取得的成果去組織、實(shí)施和評(píng)價(jià)的一種教育模式。OBE并沒(méi)有規(guī)定具體的培養(yǎng)模式。CDIO分別代表構(gòu)思（Conceive），設(shè)計(jì)（De-sign），實(shí)現(xiàn)（Implement）和運(yùn)作 （Operate），它是以工程項(xiàng)目從研發(fā)到運(yùn)行的整個(gè)生命周期為載體，通過(guò)項(xiàng)目設(shè)計(jì)將整個(gè)課程體系有機(jī)地結(jié)合起來(lái)，將教育過(guò)程放到工程領(lǐng)域的具體情境中，讓學(xué)生以主動(dòng)的、實(shí)踐的方式參與到各個(gè)教學(xué)環(huán)節(jié)，強(qiáng)調(diào)課程學(xué)習(xí)要與項(xiàng)目設(shè)計(jì)相聯(lián)系，培養(yǎng)學(xué)生的綜合實(shí)踐能力。在高職教學(xué)中，以項(xiàng)目為載體進(jìn)行實(shí)施教學(xué)更容易調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，本文探索在《網(wǎng)頁(yè)設(shè)計(jì)與制作》基于OBE- CDIO理念來(lái)組織教學(xué)和評(píng)價(jià)教學(xué)效果。

《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程一般作為筆者所在院校的軟件技術(shù)專業(yè)的二年級(jí)學(xué)生第一學(xué)期的一門(mén)重要的專業(yè)核心基礎(chǔ)課程，其目的是通過(guò)課程的學(xué)習(xí)掌握網(wǎng)頁(yè)設(shè)計(jì)的制作，掌握HTML5.0語(yǔ)言， CSS樣式，掌握網(wǎng)頁(yè)的基本架構(gòu)與設(shè)計(jì)，是前端設(shè)計(jì)的基礎(chǔ)。通過(guò)對(duì)軟件專業(yè)的學(xué)生的調(diào)查和授課老師的總結(jié)，該課程學(xué)習(xí)效果不理想，主要存在以下原因：

1）HTML語(yǔ)言標(biāo)簽眾多，標(biāo)簽的學(xué)習(xí)比較單調(diào)，CSS樣式的學(xué)習(xí)也是內(nèi)容繁多，id選擇器，類選擇器，定位浮動(dòng)。學(xué)生學(xué)習(xí)的過(guò)程中做的例子雖多但是比較零碎，學(xué)生不知道如何綜合利用所學(xué)的知識(shí)，疑惑這樣做的簡(jiǎn)單的前端網(wǎng)頁(yè)沒(méi)有用處，學(xué)生容易失去學(xué)習(xí)的熱情，缺少學(xué)習(xí)成就感；

2）教師授課過(guò)程中多是采用案例教學(xué)，但是學(xué)習(xí)完所有知識(shí)最后兩周才做項(xiàng)目訓(xùn)練，知識(shí)比較零散，最終在做項(xiàng)目訓(xùn)練時(shí)，感覺(jué)缺乏統(tǒng)一性；換言之教師教學(xué)時(shí)缺乏一個(gè)適當(dāng)?shù)慕虒W(xué)項(xiàng)目貫穿教學(xué)始終，這個(gè)教學(xué)項(xiàng)目要求是適當(dāng)?shù)?，而不是過(guò)大或者過(guò)小的，這時(shí)學(xué)生并沒(méi)有學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，這門(mén)課關(guān)注的是前端的設(shè)計(jì)，所以項(xiàng)目不適合有后臺(tái)數(shù)據(jù)庫(kù)的項(xiàng)目，所以這個(gè)教學(xué)項(xiàng)目要完整適當(dāng)，夠用還要有拓展性，可以拓展到后續(xù)動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)。

目前在軟件技術(shù)專業(yè)中對(duì)這類課程基于OBE及CDIO的教育理念進(jìn)行改革是教學(xué)的迫切要求。

2 教學(xué)實(shí)踐與探索

受 OBE與CDIO工程教育理論的啟發(fā)，結(jié)合本學(xué)院本專業(yè)的具體情況，我們進(jìn)行了教學(xué)改革實(shí)踐與探索，制定了適合本專業(yè)學(xué)生的教學(xué)改革方案。

2.1 重視實(shí)踐教學(xué)，教學(xué)項(xiàng)目貫穿教學(xué)始終

OBE和CDIO都是能力導(dǎo)向的，OBE實(shí)施的原則之一是“自頂向下，反向設(shè)計(jì)”，《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程服務(wù)于二級(jí)教學(xué)項(xiàng)目B/S管理系統(tǒng)的前端設(shè)計(jì)部分，為了培養(yǎng)學(xué)生的CDIO能力最終選擇一個(gè)來(lái)自企業(yè)的教學(xué)項(xiàng)目的簡(jiǎn)單版”NILE娛樂(lè)網(wǎng)站”作為教學(xué)項(xiàng)目貫穿教學(xué)始終，對(duì)學(xué)生進(jìn)行功能技能與素養(yǎng)的訓(xùn)練。”NILE娛樂(lè)網(wǎng)站”導(dǎo)航如圖1所示，分為5個(gè)模塊：首頁(yè)，熱門(mén)電影，電影詳情，影視播放和登錄注冊(cè)。五個(gè)完整的模塊使用了超鏈接，超鏈接懸浮，導(dǎo)航，搜索，側(cè)面，分欄，樣式文件的引用，輪播圖，百度地圖API的使用，視頻的播放控制，登錄和注冊(cè)等網(wǎng)頁(yè)設(shè)計(jì)前端中的大部分內(nèi)容。這個(gè)項(xiàng)目功能豐富覆蓋面廣，H5 ，CSS3.0，javascprit，web localStorage，模擬購(gòu)物車功能都有涉及，學(xué)生掌握了這個(gè)前端項(xiàng)目設(shè)計(jì)其他網(wǎng)站的前端也就具備了信心。

2.2以學(xué)生為中心的教學(xué)，激發(fā)學(xué)生的學(xué)習(xí)主動(dòng)性

OBE是以學(xué)生的學(xué)為中心，要讓學(xué)生主動(dòng)學(xué)，要有技巧來(lái)激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性。在教學(xué)改革中我們主要通過(guò)以下手段來(lái)激發(fā)學(xué)生學(xué)習(xí)的積極性。

1）高屋建瓴，明確學(xué)習(xí)目的。教學(xué)剛開(kāi)始很重要的是把教學(xué)項(xiàng)目展示給學(xué)生看，讓學(xué)生清楚知道這門(mén)課程學(xué)完之后自己能夠達(dá)到什么樣的水平，做出什么樣的項(xiàng)目；

2）展示歷屆的作業(yè)給學(xué)生看，增強(qiáng)學(xué)生的學(xué)習(xí)的信心。這樣做可以讓學(xué)生更加清楚學(xué)習(xí)目的，學(xué)長(zhǎng)們可以做到的他們也一樣可以做到，激發(fā)學(xué)生的學(xué)習(xí)興趣，這門(mén)課程并不難學(xué)也不會(huì)枯燥無(wú)味的；

3）結(jié)課時(shí)的項(xiàng)目匯報(bào)，肯定學(xué)生的學(xué)習(xí)能力。明確告訴學(xué)生這門(mén)課程學(xué)習(xí)完后，優(yōu)秀的學(xué)生在全班同學(xué)面前展示匯報(bào)自己的項(xiàng)目，講解自己的作品，拍照留念，而且有學(xué)習(xí)紀(jì)念品發(fā)放，屆時(shí)教學(xué)組老師做評(píng)委。在大學(xué)生活中有機(jī)會(huì)在同學(xué)們面前展示自己獲得老師的肯定同學(xué)的認(rèn)可是很難得的體驗(yàn)，第一節(jié)課就有同學(xué)盼望在最后一節(jié)課時(shí)在同學(xué)老師面前展示一下最好的自己；

4）以賽促學(xué)，在學(xué)院中組織網(wǎng)頁(yè)設(shè)計(jì)與制作大賽。信息傳媒學(xué)院的學(xué)生在團(tuán)組織領(lǐng)導(dǎo)下組建了計(jì)算機(jī)聯(lián)盟，在學(xué)校領(lǐng)導(dǎo)支持下組織計(jì)算機(jī)設(shè)計(jì)類大賽。網(wǎng)頁(yè)設(shè)計(jì)與制作大賽是該組織每年都組織的一個(gè)賽項(xiàng)，這并不是國(guó)家級(jí)，省級(jí)的賽項(xiàng)，只是用心的學(xué)生努力下就可以拿得到的賽項(xiàng)，所以學(xué)生的參與度高，這個(gè)賽項(xiàng)每年賽出的作品也使學(xué)生可以看到自己的差距，過(guò)高的差距會(huì)讓學(xué)生有挫敗感，努力下就可以達(dá)到的高度更能促使學(xué)生主動(dòng)去彌補(bǔ)差距。

教學(xué)活動(dòng)的主體是學(xué)生，學(xué)生清楚知道通過(guò)課程學(xué)習(xí)他可以達(dá)到什么樣的水平，學(xué)習(xí)目的清楚明確，更能調(diào)動(dòng)學(xué)習(xí)積極性。如果學(xué)生具備了學(xué)習(xí)的動(dòng)力與學(xué)習(xí)的主動(dòng)性，教師的教學(xué)就會(huì)輕松很多。沒(méi)有一個(gè)老師會(huì)喜歡沒(méi)有互動(dòng)的課堂。在整個(gè)教學(xué)的過(guò)程中，激發(fā)保持學(xué)生學(xué)習(xí)的主動(dòng)性，讓學(xué)生以主動(dòng)的實(shí)踐的方式參加到項(xiàng)目的學(xué)習(xí)中也需要教師提高自己的工程能力和教學(xué)水平。

2.3堅(jiān)持課程學(xué)習(xí)與項(xiàng)目學(xué)習(xí)相結(jié)合

教學(xué)項(xiàng)目的學(xué)習(xí)并非拋開(kāi)知識(shí)點(diǎn)的學(xué)習(xí)，而是知識(shí)點(diǎn)的學(xué)習(xí)圍繞項(xiàng)目進(jìn)行組織。項(xiàng)目是跟隨知識(shí)點(diǎn)的進(jìn)度而進(jìn)行，而知識(shí)點(diǎn)也是圍繞項(xiàng)目進(jìn)行組織。如超鏈接，a標(biāo)簽的偽樣式，字體樣式，字的顏色，字的字號(hào)，字的行高，DIV標(biāo)簽盒子模型這些知識(shí)點(diǎn)學(xué)習(xí)完后，就要要求學(xué)生把主頁(yè)的導(dǎo)航部分完成，在學(xué)生具備能力的時(shí)候就要學(xué)生完成對(duì)應(yīng)的項(xiàng)目完成。學(xué)習(xí)完video 標(biāo)簽后，學(xué)生就要能夠完成視頻播放頁(yè)面的設(shè)計(jì)。堅(jiān)持課程學(xué)習(xí)與項(xiàng)目學(xué)習(xí)緊密結(jié)合。

2.4以結(jié)果為導(dǎo)向，注重學(xué)生學(xué)習(xí)能力的培養(yǎng)

教為不教，學(xué)為會(huì)學(xué)，在教學(xué)中要注重學(xué)生學(xué)習(xí)能力的培養(yǎng)。學(xué)生若有比較突出的學(xué)習(xí)能力，可以說(shuō)每個(gè)班級(jí)都有個(gè)別同學(xué)因?yàn)榕d趣所在在學(xué)習(xí)上特別突出，這樣的學(xué)生就要注意鼓勵(lì)該學(xué)生的團(tuán)隊(duì)意識(shí)，在項(xiàng)目中作為項(xiàng)目負(fù)責(zé)人，主動(dòng)幫助同學(xué)克服學(xué)習(xí)困難。在教學(xué)中我們給出一個(gè)完整項(xiàng)目的設(shè)計(jì)，但是要求學(xué)生在完成教師給出的項(xiàng)目后還要有自己的改變和創(chuàng)新。在平時(shí)上網(wǎng)的過(guò)程當(dāng)中要求學(xué)生留心觀察平時(shí)瀏覽的網(wǎng)站的架構(gòu)、樣式、配色、圖像、有喜歡的資源，比如圖像，樣式就保留起來(lái)，查看拷貝源碼應(yīng)在自己的網(wǎng)站上。一個(gè)很好用的工具可以快速地提高學(xué)生設(shè)計(jì)網(wǎng)頁(yè)的能力，就是開(kāi)發(fā)者工具審查元素的使用。我們建議學(xué)生使用該工具，而該工具的使用在教學(xué)中我們只是建議學(xué)生在完成項(xiàng)目的過(guò)程當(dāng)中去自學(xué)、分享、在交流中進(jìn)步，并不作為教學(xué)的內(nèi)容。這樣的分享交流可提高學(xué)生的分析問(wèn)題解決問(wèn)題的能力，更明顯地提高了學(xué)生的在原有項(xiàng)目上的創(chuàng)新能力。

2.5充分利用信息化教學(xué)資源，發(fā)揮教師的主導(dǎo)作用提高教學(xué)效率

網(wǎng)上有很多優(yōu)質(zhì)的在線資源，教師可以圍繞學(xué)生的學(xué)習(xí)篩選一些優(yōu)質(zhì)資源按需要的時(shí)間順序提供給學(xué)生，一是線上資源可以方便學(xué)生充分利用零碎時(shí)間進(jìn)行學(xué)習(xí)，二是豐富的資源可以開(kāi)拓學(xué)生的視野。如Imooc的前端教程，直接就可以在線運(yùn)行網(wǎng)頁(yè)結(jié)果，還有一些經(jīng)典的學(xué)習(xí)H5，CSS的網(wǎng)站，可以推薦給學(xué)生。教師不是什么都要原創(chuàng)，教師個(gè)人力量也很有限，教師充分利用已有的線上資源，自建的或者服務(wù)平臺(tái)上的，同時(shí)在線開(kāi)放平臺(tái)多數(shù)具備記錄學(xué)生線上學(xué)習(xí)，討論的功能，能給教師教學(xué)帶來(lái)很多便利?；ヂ?lián)網(wǎng)時(shí)代，教師早就不是知識(shí)的占有者，教師可以做的是利用在線課程平臺(tái)，精心篩選優(yōu)質(zhì)資源，發(fā)揮教師的主導(dǎo)作用，監(jiān)督作用，著力營(yíng)造項(xiàng)目學(xué)習(xí)的氛圍，從傳授知識(shí)到引領(lǐng)學(xué)生學(xué)習(xí)項(xiàng)目，完成新時(shí)代教師角色的轉(zhuǎn)變，也就是學(xué)生為主體，教師為主導(dǎo)、指導(dǎo)和引領(lǐng)、督促的作用。

3 基于OBE-CDIO的課程考核探索

基于OBE的教學(xué)考核是考核學(xué)生在教師教學(xué)作用下的學(xué)生的學(xué)習(xí)成果。學(xué)生學(xué)習(xí)成果達(dá)成并非依賴教師為了促進(jìn)學(xué)生綜合能力的提升，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)組對(duì)課程考核方式進(jìn)行了改革，以學(xué)習(xí)目標(biāo)為導(dǎo)向設(shè)計(jì)課程考核體系。將簡(jiǎn)單的平時(shí)成績(jī)和大作業(yè)成績(jī)改為關(guān)注過(guò)程性考核和形成性考核兩個(gè)部分，關(guān)注學(xué)生創(chuàng)新能力、協(xié)作能力的考核。為了避免以過(guò)程性考核成績(jī)作為一門(mén)課程考核的隨意性和爭(zhēng)議性，考核分為平時(shí)考核占比為總成績(jī)的60%，主要含課堂考勤，項(xiàng)目完成情況和作業(yè)完成情況，課上學(xué)習(xí)情況幾個(gè)部分；最后課程結(jié)課時(shí)有個(gè)結(jié)課作業(yè)，也就是要求學(xué)生獨(dú)立完成的項(xiàng)目作業(yè)，所占比例是課程總成績(jī)的40%。最后兩個(gè)部分的成績(jī)作為學(xué)生的總成績(jī)。

在具體實(shí)踐時(shí)基于OBE-CDIO理念對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程主要從以下幾個(gè)方面進(jìn)行考核實(shí)踐與探索：

項(xiàng)目分析設(shè)計(jì)的能力考核占比為50%：考核分析項(xiàng)目的能力與項(xiàng)目的完成情況，完成項(xiàng)目基本要求可以獲得該分值；

創(chuàng)新能力考核占比為10%：對(duì)創(chuàng)新能力的考核主要通過(guò)項(xiàng)目進(jìn)行考核，體現(xiàn)在學(xué)生在做項(xiàng)目時(shí)能夠利用所學(xué)技術(shù)解決新的問(wèn)題，是否有創(chuàng)新性的改變，占比為10%；

協(xié)作力考核占比為10%：協(xié)作力考核學(xué)生是否具備團(tuán)隊(duì)精神，在項(xiàng)目完成過(guò)程中能夠發(fā)現(xiàn)問(wèn)題，與項(xiàng)目組成員友好交流，互幫互助解決問(wèn)題；

表達(dá)力的考核占比為10%：考核學(xué)生在接受項(xiàng)目檢查時(shí)能否清晰對(duì)項(xiàng)目?jī)?nèi)容進(jìn)行闡述，對(duì)教師問(wèn)題能否清晰的回答%；

軟件工程師的態(tài)度與習(xí)慣考核占比為20%：考核項(xiàng)目從文檔的完整性，模塊的復(fù)用性，代碼的簡(jiǎn)潔性，需求的理解力幾個(gè)方面進(jìn)行考核。

4 總結(jié)

我們?cè)谧罱粚玫能浖I(yè)學(xué)生中進(jìn)行調(diào)查，以O(shè)BE-CDIO理念為指導(dǎo)的項(xiàng)目式教學(xué)取得更高的教學(xué)滿意度，學(xué)生感覺(jué)通過(guò)課程學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)制作的前端技術(shù)，能夠從網(wǎng)上找到自己喜歡的樣式并應(yīng)用到自己的網(wǎng)頁(yè)設(shè)計(jì)中去，提高了學(xué)生的學(xué)習(xí)能力創(chuàng)新能力與實(shí)踐能力，并且感覺(jué)有信心與興趣從事

軟件技術(shù)相關(guān)的工作。經(jīng)過(guò)教學(xué)實(shí)踐證明，相對(duì)于傳統(tǒng)以內(nèi)容技術(shù)為主知識(shí)結(jié)構(gòu)的教學(xué)方式，基于OBE-CDIO理念以學(xué)生學(xué)習(xí)為中心的教學(xué)改革激發(fā)了學(xué)生的學(xué)習(xí)興趣與學(xué)習(xí)的主動(dòng)性，培養(yǎng)了學(xué)生綜合能力，提高了教學(xué)質(zhì)量。

參考文獻(xiàn)：

[1]郭威.軟件工程專業(yè)課程體系的重構(gòu)與度量[J].實(shí)驗(yàn)科學(xué)與技術(shù)，2015，13（2）：169-172.

[2]季策.OBE-CDIO教育理念在《信號(hào)與系統(tǒng)》課程教學(xué)中的探索與實(shí)踐[J].吉林省教育學(xué)院學(xué)報(bào)，2018，34（2）：118-121.

[3]林葉郁，林文如.基于CDIO理論的軟件體系結(jié)構(gòu)課程教改實(shí)踐[J].黑龍江工業(yè)學(xué)院學(xué)報(bào)（綜合版），2018，18（1）：14-18.

[4]初紅艷，程強(qiáng)，昝濤，劉志峰.基于成果導(dǎo)向與學(xué)生中心的教學(xué)設(shè)計(jì)及學(xué)習(xí)效果評(píng)價(jià)[J].教育教學(xué)論壇，2018（25）：1-5.

[5]孫愛(ài)晶，王春娟，吉利萍.基于OBE的課程教學(xué)質(zhì)量評(píng)價(jià)探索與實(shí)踐[J].中國(guó)現(xiàn)代教育裝備，2017（11）：49-52.

[6]姚靜，王佩.基于OBE教學(xué)理念的項(xiàng)目驅(qū)動(dòng)式專業(yè)課程教學(xué)設(shè)計(jì)——以《液壓與氣壓傳動(dòng)》為例[J].教學(xué)研究，2017，40（3）：87-91.

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