OBE 與項(xiàng)目驅(qū)動(dòng)在Web 前端課程改革中的應(yīng)用

朱紅斌 麗水學(xué)院

1 引言

自2006 年，全面工程教育理念提出后，各個(gè)高校已逐漸在相當(dāng)多專業(yè)中引入，培養(yǎng)實(shí)用技能型人才也逐漸寫入各專業(yè)的培養(yǎng)方案中，成為大家的共識(shí)。具備相當(dāng)職業(yè)技能的畢業(yè)生普遍在用人單位受到好評(píng)。在高校專業(yè)教育中引入項(xiàng)目驅(qū)動(dòng)式教學(xué)方法，符合工程教育理念，將恰當(dāng)?shù)膶?shí)用項(xiàng)目貫穿于整個(gè)教學(xué)過程之中，培養(yǎng)學(xué)生解決問題的能力及團(tuán)隊(duì)合作精神，符合用人單位的需求。

Web 前端課程作為Web 應(yīng)用開發(fā)學(xué)科群的基礎(chǔ)及先修課程，在計(jì)算機(jī)專業(yè)及數(shù)字媒體專業(yè)的課程教育中，具有非常重要的作用，是后續(xù)相關(guān)課程的理論及技能基礎(chǔ)。

2 課程現(xiàn)狀分析

Web 前端課程在目前的“大前端”背景下，所涵蓋的課程內(nèi)容是非常豐富的，現(xiàn)有的傳統(tǒng)教學(xué)方法、教學(xué)內(nèi)容及成績(jī)?cè)u(píng)定方式等方面都存在著較大的弊端。

(1) 傳統(tǒng)教學(xué)方法安裝授課教師選定的教材，按部就班，以講授課本的章節(jié)知識(shí)點(diǎn)為主，碎片化，填鴨式教學(xué)。學(xué)生學(xué)習(xí)的主觀能動(dòng)性較差，學(xué)習(xí)效果欠佳；

(2) 缺乏系統(tǒng)項(xiàng)目訓(xùn)練，就算學(xué)生學(xué)完了課程，也完成了實(shí)驗(yàn)，貌似掌握了相關(guān)的前端技能，但是終歸是紙上談兵，缺少足夠系統(tǒng)的項(xiàng)目訓(xùn)練，不能融會(huì)貫通，很少能解決實(shí)際問題。

(3) 前端課程知識(shí)體系更新很快，基本上沒有一本能完全滿足前端教學(xué)需求的好的教材，部分授課教師自身也存在知識(shí)更新滯后問題，教給學(xué)生“過期”的知識(shí)，實(shí)際應(yīng)用開發(fā)上也捉襟見肘。

(4) 成績(jī)?cè)u(píng)定方法單一?，F(xiàn)有的學(xué)生課程成績(jī)的給出，無(wú)外乎“平時(shí)+作業(yè)+實(shí)驗(yàn)+期末”，參照一定的百分比，打出最后的總成績(jī)。這一成績(jī)?cè)u(píng)定方式缺乏激勵(lì)作用，學(xué)生得過且過，也無(wú)法對(duì)學(xué)生技能的掌握程度進(jìn)行測(cè)定。

3 項(xiàng)目驅(qū)動(dòng)式教學(xué)

項(xiàng)目驅(qū)動(dòng)式教學(xué)法是在教學(xué)過程中以一個(gè)個(gè)項(xiàng)目作為主體，把相關(guān)的知識(shí)點(diǎn)融入到項(xiàng)目的各個(gè)環(huán)節(jié)中去的一種高效教學(xué)方法，它以項(xiàng)目為主線、實(shí)踐為導(dǎo)向、任務(wù)為載體，把開發(fā)技術(shù)的原理、方法和技能內(nèi)化在整個(gè)項(xiàng)目開發(fā)過程中，通過團(tuán)隊(duì)協(xié)作的方式來(lái)解決實(shí)際問題，從而培養(yǎng)學(xué)生處理復(fù)雜項(xiàng)目問題的能力。在教學(xué)設(shè)計(jì)上，以實(shí)際項(xiàng)目的開發(fā)作為學(xué)習(xí)載體，將知識(shí)的拓展于項(xiàng)目研究開發(fā)過程的迭代相結(jié)合，用項(xiàng)目研發(fā)的漸進(jìn)思想，與知識(shí)構(gòu)建的思路相對(duì)應(yīng)地組織課程的教學(xué)內(nèi)容。

4 OBE 理念

基于學(xué)習(xí)產(chǎn)出的教育模式（Outcomes-based Education，OBE），美國(guó)學(xué)者斯派帝把OBE 定義為“清晰地聚焦和組織教育系統(tǒng)，使之圍繞確保學(xué)生獲得在未來(lái)生活中獲得實(shí)質(zhì)性成功的經(jīng)驗(yàn)。在OBE 教育模式中，學(xué)生學(xué)到了什么和是否成功遠(yuǎn)比怎樣學(xué)習(xí)和什么時(shí)候?qū)W習(xí)重要。在OBE 教育系統(tǒng)中，教育者必須對(duì)學(xué)生畢業(yè)時(shí)應(yīng)達(dá)到的能力及其水平有清楚的構(gòu)想，然后尋求設(shè)計(jì)適宜的教育結(jié)構(gòu)來(lái)保證學(xué)生達(dá)到這些預(yù)期目標(biāo)。

所以基于項(xiàng)目驅(qū)動(dòng)式教學(xué)方法我們對(duì)Web 前端的課程內(nèi)容進(jìn)行了重塑，基于OBE 理念，我們對(duì)成績(jī)?cè)u(píng)定的方法進(jìn)行了重塑。

5 具體改革措施

5.1 Web 前端課程內(nèi)容的重塑

原有的Web 前端課程內(nèi)容基本上由HTML+CSS+JavaScript等幾個(gè)方面構(gòu)成，然后課程的實(shí)驗(yàn)或者實(shí)訓(xùn)項(xiàng)目?jī)?nèi)容基本上以完成一個(gè)簡(jiǎn)單網(wǎng)站的頁(yè)面為主，再加上一些簡(jiǎn)單的js 腳本完成交互。這樣的內(nèi)容安排，已經(jīng)遠(yuǎn)遠(yuǎn)滿足不了現(xiàn)在的前端開發(fā)要求。

我們與企業(yè)對(duì)接，深挖企業(yè)需求，并對(duì)接后續(xù)課程安排，以課內(nèi)48 學(xué)時(shí)和課外64 學(xué)時(shí)的方式，其中課外學(xué)時(shí)部分，由授課教師完成視頻錄制后上傳教學(xué)平臺(tái)，由學(xué)生自學(xué)完成，將Web 前端課程內(nèi)容重塑如下：

(1) HTML+CSS，因?yàn)閷W(xué)生前期已經(jīng)開了網(wǎng)頁(yè)制作基礎(chǔ)課程，所以對(duì)于HTML4+CSS3 這一部分內(nèi)容我們列入課外學(xué)時(shí)，主要是針對(duì)這一部分內(nèi)容的回顧和增強(qiáng)，計(jì)16 個(gè)學(xué)時(shí)。

(2) javaScript 部分，主要講述js 的相關(guān)基礎(chǔ)語(yǔ)法，DOM 操作，BOM 操作，以及引入最新的ES6 規(guī)范。其中ES6 部分作為課外學(xué)時(shí)，計(jì)16 學(xué)時(shí)，其他部分為課內(nèi)學(xué)時(shí)，計(jì)16 學(xué)時(shí)。

(3) jQuery 部分，在js 內(nèi)容之后引入jQuery，引導(dǎo)學(xué)生對(duì)于前端框架的學(xué)習(xí)興趣，為課內(nèi)學(xué)時(shí)，計(jì)16 學(xué)時(shí)。

(4) HTML5 部分，主要講述HTML5 的新特性，因HTML5 的內(nèi)容較多，我們將多媒體、表單新元素、畫布、地理定位、本地存儲(chǔ)等內(nèi)容作為課內(nèi)學(xué)時(shí)，計(jì)16 學(xué)時(shí)，其他諸如地理定位等內(nèi)容作為課外學(xué)時(shí)，計(jì)16 學(xué)時(shí)。

(5) 移動(dòng)端開發(fā)，主要涉及到彈性布局和微信小程序，全部為課外學(xué)時(shí)，計(jì)16 學(xué)時(shí)。

(6) 在各個(gè)階段，我們引入了相適應(yīng)的具體實(shí)用案例，加強(qiáng)學(xué)生技能訓(xùn)練。在HTML+CSS 部分我們引入了慕課手機(jī)頁(yè)面和京東首頁(yè)，javaScript 部分我們引入了2048 網(wǎng)頁(yè)版游戲，jQuery+HTML5部分我們引入了TodoList 代辦事項(xiàng)列表，移動(dòng)端開發(fā)部分我們引入了仿攜程旅游App 項(xiàng)目。其他的串并知識(shí)點(diǎn)的小的案例項(xiàng)目就更多了。通過項(xiàng)目的引入加深了學(xué)生對(duì)前端知識(shí)的理解，鍛煉的團(tuán)隊(duì)合作精神，提高了學(xué)生的實(shí)際開發(fā)技能。

5.2 Web 前端成績(jī)?cè)u(píng)定的重塑

引入OBE 理念后，我們對(duì)于學(xué)生成績(jī)的評(píng)定不在完全基于原有的作業(yè)、實(shí)驗(yàn)等方面，我們將項(xiàng)目實(shí)訓(xùn)過程中學(xué)生表現(xiàn)出的理論知識(shí)掌握程度、分析問題能力、團(tuán)隊(duì)合作精神、開發(fā)技能掌握程度，項(xiàng)目管理及完成度進(jìn)行了0-100 的評(píng)分，劃分不同的目標(biāo)等級(jí)，設(shè)立了成績(jī)與能力評(píng)價(jià)對(duì)照表，綜合學(xué)生在項(xiàng)目中的表現(xiàn)進(jìn)行綜合評(píng)分。

這一評(píng)分方式大大激活了學(xué)生的學(xué)習(xí)主動(dòng)性，激發(fā)了學(xué)生在項(xiàng)目開發(fā)中的創(chuàng)新及協(xié)作精神，實(shí)行以來(lái)，效果良好。

6 結(jié)束語(yǔ)

我們?cè)赪eb 前端課程中引入項(xiàng)目驅(qū)動(dòng)式教學(xué)，對(duì)接企業(yè)，參照目前的主流前端技術(shù)對(duì)課程內(nèi)容進(jìn)行了重塑，并引入了眾多的適宜項(xiàng)目，大大豐富了教學(xué)和實(shí)訓(xùn)內(nèi)容，增加了學(xué)生的理論深度及技能水平。在成績(jī)?cè)u(píng)定中引入OBE 理念，重塑了成績(jī)?cè)u(píng)價(jià)體系，激發(fā)了學(xué)生的學(xué)習(xí)熱情。自課程改革以來(lái)，學(xué)生在Web 前端相關(guān)技能競(jìng)賽中取得了良好的成績(jī)，學(xué)生在企業(yè)實(shí)習(xí)，反饋良好。