OBE—CDIO教育理念在《網頁設計與制作》課程教學中的探索與實踐

2018-01-04 10:59:48段珊珊

電腦知識與技術 2018年28期

段珊珊

摘要：成果導向教育是高職課程改革的主流方向，針對我校軟件技術專業的實際情況，在《網頁設計與制作》課程教學中以OBE-CDIO 理論為指導進行課程教學改革與考核，以激發學生的學習興趣與學習主動性，培養學生綜合能力，提高教學質量。

關鍵詞：成果導向教育；CDIO；項目化教學；課程改革

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2018）28-0126-02

1 引言

OBE（Outcome Based Education），即成果導向教育，是把教育系統中的一切都集中圍繞著學生在畢業時應取得的成果去組織、實施和評價的一種教育模式。OBE并沒有規定具體的培養模式。CDIO分別代表構思（Conceive），設計（De-sign），實現（Implement）和運作（Operate），它是以工程項目從研發到運行的整個生命周期為載體，通過項目設計將整個課程體系有機地結合起來，將教育過程放到工程領域的具體情境中，讓學生以主動的、實踐的方式參與到各個教學環節，強調課程學習要與項目設計相聯系，培養學生的綜合實踐能力。在高職教學中，以項目為載體進行實施教學更容易調動學生學習的積極性，本文探索在《網頁設計與制作》基于OBE- CDIO理念來組織教學和評價教學效果。

《網頁設計與制作》這門課程一般作為筆者所在院校的軟件技術專業的二年級學生第一學期的一門重要的專業核心基礎課程，其目的是通過課程的學習掌握網頁設計的制作，掌握HTML5.0語言， CSS樣式，掌握網頁的基本架構與設計，是前端設計的基礎。通過對軟件專業的學生的調查和授課老師的總結，該課程學習效果不理想，主要存在以下原因：

1）HTML語言標簽眾多，標簽的學習比較單調，CSS樣式的學習也是內容繁多，id選擇器，類選擇器，定位浮動。學生學習的過程中做的例子雖多但是比較零碎，學生不知道如何綜合利用所學的知識，疑惑這樣做的簡單的前端網頁沒有用處，學生容易失去學習的熱情，缺少學習成就感；

2）教師授課過程中多是采用案例教學，但是學習完所有知識最后兩周才做項目訓練，知識比較零散，最終在做項目訓練時，感覺缺乏統一性；換言之教師教學時缺乏一個適當的教學項目貫穿教學始終，這個教學項目要求是適當的，而不是過大或者過小的，這時學生并沒有學習動態網頁設計，這門課關注的是前端的設計，所以項目不適合有后臺數據庫的項目，所以這個教學項目要完整適當，夠用還要有拓展性，可以拓展到后續動態網站的設計。

目前在軟件技術專業中對這類課程基于OBE及CDIO的教育理念進行改革是教學的迫切要求。

2 教學實踐與探索

受 OBE與CDIO工程教育理論的啟發，結合本學院本專業的具體情況，我們進行了教學改革實踐與探索，制定了適合本專業學生的教學改革方案。

2.1 重視實踐教學，教學項目貫穿教學始終

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

2.2以學生為中心的教學，激發學生的學習主動性

OBE是以學生的學為中心，要讓學生主動學，要有技巧來激發學生學習的主動性。在教學改革中我們主要通過以下手段來激發學生學習的積極性。

1）高屋建瓴，明確學習目的。教學剛開始很重要的是把教學項目展示給學生看，讓學生清楚知道這門課程學完之后自己能夠達到什么樣的水平，做出什么樣的項目；

2）展示歷屆的作業給學生看，增強學生的學習的信心。這樣做可以讓學生更加清楚學習目的，學長們可以做到的他們也一樣可以做到，激發學生的學習興趣，這門課程并不難學也不會枯燥無味的；

3）結課時的項目匯報，肯定學生的學習能力。明確告訴學生這門課程學習完后，優秀的學生在全班同學面前展示匯報自己的項目，講解自己的作品，拍照留念，而且有學習紀念品發放，屆時教學組老師做評委。在大學生活中有機會在同學們面前展示自己獲得老師的肯定同學的認可是很難得的體驗，第一節課就有同學盼望在最后一節課時在同學老師面前展示一下最好的自己；

4）以賽促學，在學院中組織網頁設計與制作大賽。信息傳媒學院的學生在團組織領導下組建了計算機聯盟，在學校領導支持下組織計算機設計類大賽。網頁設計與制作大賽是該組織每年都組織的一個賽項，這并不是國家級，省級的賽項，只是用心的學生努力下就可以拿得到的賽項，所以學生的參與度高，這個賽項每年賽出的作品也使學生可以看到自己的差距，過高的差距會讓學生有挫敗感，努力下就可以達到的高度更能促使學生主動去彌補差距。

教學活動的主體是學生，學生清楚知道通過課程學習他可以達到什么樣的水平，學習目的清楚明確，更能調動學習積極性。如果學生具備了學習的動力與學習的主動性，教師的教學就會輕松很多。沒有一個老師會喜歡沒有互動的課堂。在整個教學的過程中，激發保持學生學習的主動性，讓學生以主動的實踐的方式參加到項目的學習中也需要教師提高自己的工程能力和教學水平。

2.3堅持課程學習與項目學習相結合

教學項目的學習并非拋開知識點的學習，而是知識點的學習圍繞項目進行組織。項目是跟隨知識點的進度而進行，而知識點也是圍繞項目進行組織。如超鏈接，a標簽的偽樣式，字體樣式，字的顏色，字的字號，字的行高，DIV標簽盒子模型這些知識點學習完后，就要要求學生把主頁的導航部分完成，在學生具備能力的時候就要學生完成對應的項目完成。學習完video 標簽后，學生就要能夠完成視頻播放頁面的設計。堅持課程學習與項目學習緊密結合。

2.4以結果為導向，注重學生學習能力的培養

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

2.5充分利用信息化教學資源，發揮教師的主導作用提高教學效率

網上有很多優質的在線資源，教師可以圍繞學生的學習篩選一些優質資源按需要的時間順序提供給學生，一是線上資源可以方便學生充分利用零碎時間進行學習，二是豐富的資源可以開拓學生的視野。如Imooc的前端教程，直接就可以在線運行網頁結果，還有一些經典的學習H5，CSS的網站，可以推薦給學生。教師不是什么都要原創，教師個人力量也很有限，教師充分利用已有的線上資源，自建的或者服務平臺上的，同時在線開放平臺多數具備記錄學生線上學習，討論的功能，能給教師教學帶來很多便利。互聯網時代，教師早就不是知識的占有者，教師可以做的是利用在線課程平臺，精心篩選優質資源，發揮教師的主導作用，監督作用，著力營造項目學習的氛圍，從傳授知識到引領學生學習項目，完成新時代教師角色的轉變，也就是學生為主體，教師為主導、指導和引領、督促的作用。

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

基于OBE的教學考核是考核學生在教師教學作用下的學生的學習成果。學生學習成果達成并非依賴教師為了促進學生綜合能力的提升，《網頁設計與制作》課程教學組對課程考核方式進行了改革，以學習目標為導向設計課程考核體系。將簡單的平時成績和大作業成績改為關注過程性考核和形成性考核兩個部分，關注學生創新能力、協作能力的考核。為了避免以過程性考核成績作為一門課程考核的隨意性和爭議性，考核分為平時考核占比為總成績的60%，主要含課堂考勤，項目完成情況和作業完成情況，課上學習情況幾個部分；最后課程結課時有個結課作業，也就是要求學生獨立完成的項目作業，所占比例是課程總成績的40%。最后兩個部分的成績作為學生的總成績。

在具體實踐時基于OBE-CDIO理念對《網頁設計與制作》這門課程主要從以下幾個方面進行考核實踐與探索：

項目分析設計的能力考核占比為50%：考核分析項目的能力與項目的完成情況，完成項目基本要求可以獲得該分值；

創新能力考核占比為10%：對創新能力的考核主要通過項目進行考核，體現在學生在做項目時能夠利用所學技術解決新的問題，是否有創新性的改變，占比為10%；

協作力考核占比為10%：協作力考核學生是否具備團隊精神，在項目完成過程中能夠發現問題，與項目組成員友好交流，互幫互助解決問題；

表達力的考核占比為10%：考核學生在接受項目檢查時能否清晰對項目內容進行闡述，對教師問題能否清晰的回答%；

軟件工程師的態度與習慣考核占比為20%：考核項目從文檔的完整性，模塊的復用性，代碼的簡潔性，需求的理解力幾個方面進行考核。

4 總結

我們在最近一屆的軟件專業學生中進行調查，以OBE-CDIO理念為指導的項目式教學取得更高的教學滿意度，學生感覺通過課程學到了網頁設計制作的前端技術，能夠從網上找到自己喜歡的樣式并應用到自己的網頁設計中去，提高了學生的學習能力創新能力與實踐能力，并且感覺有信心與興趣從事

軟件技術相關的工作。經過教學實踐證明，相對于傳統以內容技術為主知識結構的教學方式，基于OBE-CDIO理念以學生學習為中心的教學改革激發了學生的學習興趣與學習的主動性，培養了學生綜合能力，提高了教學質量。

參考文獻：

[1]郭威.軟件工程專業課程體系的重構與度量[J].實驗科學與技術，2015，13（2）：169-172.

[2]季策.OBE-CDIO教育理念在《信號與系統》課程教學中的探索與實踐[J].吉林省教育學院學報，2018，34（2）：118-121.