基于CDIO 工程教育模式下HTML5 移動應(yīng)用開發(fā)課程研究

王夢茹

（安徽郵電職業(yè)技術(shù)學(xué)院，安徽 合肥 230031）

0 引言

隨著因特網(wǎng)產(chǎn)業(yè)的持續(xù)發(fā)展， 移動互聯(lián)網(wǎng)等新業(yè)務(wù)隨之急劇壯大， 海量的平臺開發(fā)工作行成了巨大的人才缺口，尤其是web 前端、移動端HTML5 開發(fā)人才更為緊缺。 隨著互聯(lián)網(wǎng)業(yè)內(nèi)競爭的不斷加劇， 企業(yè)平臺開始在界面友好性和操作方便性方面投入更多的精力，只有平臺更加人性化，才能吸引更多的用戶，所以web 開發(fā)人員的地位在業(yè)內(nèi)開始迅速提高。

1 CDIO 介紹

CDIO 的 意 指 構(gòu) 思（Conceive）、 設(shè) 計（Design）、 實 現(xiàn)（Implement）和運作（Operate），從產(chǎn)品的研發(fā)開始到產(chǎn)品的運行結(jié)束時間為媒介 ,讓學(xué)生在學(xué)習(xí)工程類課程的時候， 可以更加主動， 更有實踐性、 更多使課程之間可以有機聯(lián)系起來[1]。 工程畢業(yè)生的能力在CDIO 培養(yǎng)總綱中被細(xì)分為四個層面——1） 工程基礎(chǔ)知識2）個人能力3）人際團隊能力和4）工程系統(tǒng)能力。 學(xué)生想要在這四個層面達(dá)到預(yù)設(shè)的目標(biāo)要求， 必須使用總綱中的綜合的培養(yǎng)方法。 該培養(yǎng)方法的主要目標(biāo)是培育出新一代的全球化工程師， 在目前國際上是較為主流的工程教育培養(yǎng)模式與方式。 本文將CDIO 工程教育理念擴展到HTML5 移動應(yīng)用開發(fā)課程的教學(xué)中,采用理念與教學(xué)相長的方式， 在教學(xué)的大綱指定、 課程內(nèi)容、 學(xué)生實訓(xùn)課程等方面進(jìn)行改革， 促使教與學(xué)協(xié)同發(fā)展，取得良好的成效。

2 HTML5 課程介紹

本文以安徽郵電職業(yè)技術(shù)學(xué)院移動互聯(lián)網(wǎng)專業(yè)學(xué)生的專業(yè)核心課程《HTML5 移動應(yīng)用開發(fā)》為例，闡述CDIO 理念在本課程中的應(yīng)用與改善。

在傳統(tǒng)的HTML5 教學(xué)中， 本校首先在學(xué)生大一時開設(shè)了《網(wǎng)頁設(shè)計與制作》課程作為HTML5 專業(yè)核心課的專業(yè)基礎(chǔ)課，在《網(wǎng)頁設(shè)計與制作》課程的知識點當(dāng)中，介紹了傳統(tǒng)的HTML、CSS 的知識點，簡單提到了部分的JavaScript，到了《HTML5 移動應(yīng)用開發(fā)》課程的時 候， 著 重 介 紹HTML5、CSS3 新 特 性、JavaScript、 移 動端 的HTML5 頁 面 制 作，JQuery、JQuery Mobile 等 知 識點， 將新舊知識點串聯(lián)起來， 但仍有部分知識點由于學(xué)生掌握不牢固， 對有些知識點的遺忘， 造成在后續(xù)課程中仍需要抽出不少的時間來重復(fù)之前學(xué)過的知識點，時間上、知識點上有所浪費。

3 CDIO 工程理念與HTML5 移動應(yīng)用開發(fā)教學(xué)

HT ML5 是超文本標(biāo)記語言 (Hyper Text Markup Language)的第五次重大修改。 而HTML5 在手機上的應(yīng)用也有很大的優(yōu)勢， 比如可以在網(wǎng)頁上直接對頁面進(jìn)行調(diào)試和修改。 相較于原先應(yīng)用的開發(fā)人員需要不停地對html 頁面進(jìn)行調(diào)試才可以達(dá)到的效果，現(xiàn)在的開發(fā)人員對頁面的調(diào)試修改要輕松了很多。

現(xiàn)階段的就業(yè)市場對Web 前端開發(fā)工程師所需甚多,很多高校雖然開設(shè)了計算機專業(yè)，有相關(guān)的課程，但這些課程與此崗位的實際需求有很大差異, 在教學(xué)模式上，企業(yè)的需求也匹配不上,造成的后果其一是很多計算機專業(yè)畢業(yè)生找不到合適的就業(yè)崗位, 其二是企業(yè)也經(jīng)常由于招聘不到滿足崗位需求的畢業(yè)生而躊躇不已[2]。

所以在本課程的教學(xué)中， 我們引入CDIO 工程理念。 例如在教學(xué)方式的選擇上， 可以使用項目為導(dǎo)向的案例式、項目式教學(xué)方法，以實際的案例為出發(fā)點，引發(fā)學(xué)生的興趣。 在學(xué)習(xí)CSS3 的線性漸變、徑向漸變等知識點的時候，使用“音樂排行榜”的案例，讓學(xué)生對本案例首先感興趣， 然后引導(dǎo)他們構(gòu)思這個頁面的組成元素， 思考頁面中的設(shè)計理念， 實現(xiàn)排行榜的頁面功能，最終完成效果，激發(fā)學(xué)生的成就感。 整體使用CDIO 思想貫穿整個案例的教學(xué)。 又比如在HTML5 移動頁面端的制作中， 給出一個外賣的頁面制作， 以美食引起學(xué)生的興趣， 通過對案例的分析， 讓他們掌握案例中的小細(xì)節(jié)知識點， 逐步分解案例， 然后讓學(xué)生自己親手去嘗試編寫代碼， 最終實現(xiàn)頁面的制作，讓學(xué)生更容易掌握知識點而不容易忘卻。

CDIO 的核心是“一體化”，通過其核心思想，我們將理論搭載實踐， 知識與能力相配合， 把枯燥的專業(yè)知識與生動活潑的現(xiàn)實生活案例相結(jié)合， 激發(fā)學(xué)生主動動手的興趣， 引導(dǎo)學(xué)生自行完成內(nèi)容， 提高學(xué)生的自主學(xué)習(xí)能力和創(chuàng)新能力。

有效的考核制度也是必須的。 在一些大的案例的制作過程中， 我們可以將學(xué)生分成不同的小組， 采用小組分工討論的方式， 加深他們對知識點的記憶能力。 在討論過程中，增強學(xué)生的溝通能力的同時，也增加了他們的團隊合作能力， 提升了他們的動手能力以及技能的提升。 在考核團隊成果的同時， 對優(yōu)秀的團隊進(jìn)行表揚， 對做的不好的團隊鼓勵， 讓學(xué)生也參與到對其他同學(xué)作品的打分評判中， 教師、 學(xué)生共同審核體制，而不是傳統(tǒng)單一的教師一人評判制。 構(gòu)思、設(shè)計、 實現(xiàn)和運作， 所有學(xué)生都可以在團隊中參與到各個過程當(dāng)中， 每位同學(xué)都有機會展示自己小組團隊的設(shè)計成果，讓學(xué)生更有成就感，更有學(xué)習(xí)的興趣。

4 結(jié)束語

本文基于CDIO 工程建設(shè)教育模式理念提出多方面的教學(xué)改革方式， 例如以就業(yè)促進(jìn)課程定位，對教學(xué)的內(nèi)容進(jìn)行去枯燥化簡化處理, 在教學(xué)上以項目進(jìn)行案例式授課, 在學(xué)生學(xué)習(xí)的過程中多方面進(jìn)行考核評價，以此增加學(xué)生的綜合技能能力和核心就業(yè)競爭力。