劉田田

摘 要： 提出基于CDIO理念的網(wǎng)頁制作基礎及HTML教學改革新實踐。以問題為先導，激發(fā)學生對HTML課程的好奇心和興趣；同時以項目為驅(qū)動，圍繞具體APP實例進行展開；以應用為目標，將教學與實際任務結(jié)合，讓學生學中做、做中學。教學實踐及學生評價表明，基于CDIO理念的HTML課程改革實踐能夠有效激發(fā)學生的學習興趣，使其自主性和創(chuàng)造性得到提高。

關(guān)鍵詞： HTML； APP開發(fā)； 教學改革； CDIO工程教育

中圖分類號：G642.0 文獻標志碼：A 文章編號：1006-8228（2018）11-81-03

Abstract： This paper puts forward a new teaching practice of Web page making basics and HTML based on CDIO， which uses questions as a guide to stimulate students' curiosity and interest in HTML courses， uses the specific project APP instance to carry out the teaching， and with the goal of application， combines teaching with practical tasks to make learning and operation integrated. Teaching practice and student evaluation show that the teaching reform for HTML courses based on the CDIO concept can effectively stimulate students interest in learning and improve their autonomy and creativity.

Key words： HTML； APP development； teaching reform； CDIO engineering education

0 引言

現(xiàn)代教育的目標是培養(yǎng)求知者發(fā)現(xiàn)、分析與解決問題的綜合能力，而隨著經(jīng)濟的快速發(fā)展，應用型和技能型人才成為目前用人單位急缺的資源，作為培養(yǎng)應用型和技能型人才的高職教育日益受到重視。高職教育注重人才素質(zhì)與職業(yè)綜合能力的培養(yǎng)，為用人單位輸送具備一線生產(chǎn)與管理、技術(shù)與服務的“應用型”人才。網(wǎng)頁制作基礎及HTML是軟件技術(shù)專業(yè)的一門專業(yè)基礎課，具有很強的實踐性。通過學習該課程，使學生掌握HTML5、CSS和JS技術(shù)，為學生今后學習開發(fā)各種類型的APP打下基礎。

CDIO[1-3]，即Conceive（構(gòu)思）、Design（設計）、Implement（實現(xiàn)）和Operate（運作）四個單詞的首字母縮寫。CDIO工程教學模式以產(chǎn)品研發(fā)到產(chǎn)品運行的生命周期為載體，讓學生以主動的、實踐的、課程之間有機聯(lián)系的方式學習工程。旨在培養(yǎng)學生扎實的理論功底、專業(yè)技能、團隊合作和人際交往技能。

本文首先對網(wǎng)頁制作基礎及HTML課程現(xiàn)狀和當前技術(shù)現(xiàn)狀進行闡述分析，接著針對課程特點，結(jié)合CDIO工程教育理念，對該課程教學改革提出新的課程實施步驟。

1 網(wǎng)頁制作基礎及HTML課程傳統(tǒng)教學現(xiàn)狀

網(wǎng)頁制作基礎課程包括HTML5、CSS和JS三個方面的知識點，是理論與實踐并重的課程，如果在教學過程中繼續(xù)使用傳統(tǒng)的教學模式，就極易造成重理論而輕實踐的結(jié)果[4]。我們以“網(wǎng)頁制作基礎及HTML”課程為例，分析課程存在的主要問題。

一是教學目標設定，傳統(tǒng)課程的學習目標列舉教授的知識點、學生應掌握的知識點，這種教學目標僅僅完成了最基本的知識灌輸，不利于學生能力的培養(yǎng)。此外，對于職業(yè)院校的學生而言，知識的理解是基礎，達到靈活的應用并且提高項目能力才是最終目標。

二是傳授方法，教師在教學中要避免只單純地傳授知識或單純地訓練學生的某種技能，教師須在教學過程中培養(yǎng)學生的專業(yè)知識能力、個人能力、人際交往能力以及創(chuàng)造能力[5]。

三是考核評估方法，傳統(tǒng)的基于考試的評估方法把學生的注意力偏隅在課程的理論知識和局部技巧上，使學生對所學知識無法形成完整的認知，也不能靈活應用，對實際項目沒有系統(tǒng)的分析能力和開發(fā)/編程能力。當遇到大型復雜的軟件項目時，往往不能快速有效地構(gòu)思、設計、實現(xiàn)與運行[6]。

2 基于CDIO的網(wǎng)頁制作基礎及HTML課程教學改革實踐步驟

基于課程教學現(xiàn)狀和存在的問題，本文將CDIO工程教育模式應用到HTML課程[7]的改革中，以具體APP開發(fā)項目為驅(qū)動，貫徹CDIO的核心精神，形成“應用為目標、理論作工具，教師主導、學生主體”的基于CDIO的項目式驅(qū)動教學/學習方法。

2.1 教學目標設定

通過本課程的學習，使學生了解H5 APP的基本概念，學會開發(fā)APP前端頁面與后端服務，能夠生成安卓或蘋果的安裝包，并進行云部署發(fā)布產(chǎn)品。培養(yǎng)學生掌握頁面組件的基本用法，掌握APP調(diào)用手機硬件的方法，以及訓練界面設計實現(xiàn)能力，為今后學習開發(fā)移動端應用打下扎實基礎。

依據(jù)課程標準，先通過簡單APP示例（如hello world、掃一掃）了解WeX5開發(fā)H5 APP的過程及所使用的，再以仿微店APP開發(fā)為主線，貫穿整個教學過程，在逐步完成各章節(jié)同步訓練的過程中，以“層層遞進”的方式完成一個H5 APP的開發(fā)，從而讓學生在實踐中掌握知識、技能和素質(zhì)目標。

2.2 教學方式選擇

課堂教學采用“教、學、做”一體化方式，以項目開發(fā)過程引導學生學習基本知識，通過動手實踐，讓學生掌握H5 APP開發(fā)的知識以及操作技能?！耙惑w化”是CDIO工程教育的核心，將理論與實踐、知識與能力間互相結(jié)合，通過集成化的教學過程，把專業(yè)知識與工程項目融合在一起，教學過程以學生動手實踐為主，配合教師示范和檢查作用，用一系列綜合和拓展實訓來培養(yǎng)學生的技術(shù)應用能力和創(chuàng)新能力。

采用“項目驅(qū)動”、“問題牽引”和“多重循環(huán)”等教學方法，課程首先通過具體實現(xiàn)“掃描二維碼的實現(xiàn)原理”來了解基于WeX5工具開發(fā)H5 APP的過程及方法，再以仿微店APP的開發(fā)為主線，貫穿整個教學過程。在逐步完成同步訓練后，以“層層遞進”的方式完成H5 APP的開發(fā)，從而讓學生在實踐中掌握知識和技能。最后以一個完整“記賬APP”的實訓項目，深化學生對知識的掌握，培養(yǎng)學生團隊協(xié)作、解決實際問題的能力。

教師在舉例示范時，不僅要展示問題的解決方案，更要體現(xiàn)問題的分析過程，啟發(fā)學生思考。在課堂上，學生分為幾個學習小組，啟發(fā)各個小組針對同一問題，思考不同的解決方案。通過小組代表闡述解決問題方案，激發(fā)小組成員間的良性競爭意識，激勵學生主動參與課堂教學，更好的促進知識的吸收與轉(zhuǎn)化。整個課堂教學在機房進行，學生人手一臺計算機，在真實環(huán)境中進行學習和訓練。教師機和學生機安裝多媒體教學軟件，以便進行廣播教學、學生作品展示、提問和作業(yè)提交。

2.3 教學評價方式

基于CDIO工程模式的HTML課程改革中采用“過程評價+結(jié)果評價”的形成性考核方式，總評成績由形成性考核的各項成績組成。分數(shù)比例為：20%綜合素質(zhì)評價（平時表現(xiàn)+通用能力考核）、40%過程考核（課堂實踐+課后實踐+操作實踐）、40%終結(jié)考核（項目實戰(zhàn)）。其中，綜合素質(zhì)評價又從出勤情況、學習態(tài)度、學習表現(xiàn)和通用能力四個方面來考核；過程考核包括課堂及課后實踐操作；終結(jié)考核由一個完整實訓項目評定。此外，還引入了“組間互評+組內(nèi)自評+教師評價”的多元化評價機制，培養(yǎng)學生的批判性思維，同時又可以防止學生在項目完成過程中 “搭順風車”的現(xiàn)象，起到相互監(jiān)督的效果。

3 教學效果

為了獲取該課程改革實踐教學效果，在課程結(jié)束后利用網(wǎng)絡評價教學平臺對軟件技術(shù)專業(yè)16級2個班共65名學生進行了匿名問卷調(diào)查。學生分別從教學內(nèi)容、教學形式、實踐環(huán)節(jié)、考核方式和教學效果等五個方面對課程進行評價，結(jié)果顯示：超過95%的學生對教學內(nèi)容和教學形式安排表示滿意；98.8%的學生認為課程考核內(nèi)容和方式安排合理，能夠真實客觀體現(xiàn)學生的學業(yè)水平；兩個教學班級綜合滿意度分別達到99.09%和98.37%。在課程進行中，學生保持高的出勤率；設置提問環(huán)節(jié)學生有積極的反饋，課程活躍度高；實踐操作環(huán)節(jié)大部分學生能夠根據(jù)教師的講解和演示完成相應訓練項目。課后問卷調(diào)查也反映出課程改革實踐充分調(diào)動了學生的學習積極性，促進了學生與教師、學生之間的交流，提升了學生知識的應用能力和小組成員間協(xié)作能力。

學生通過在項目教學過程中的深度參與，實現(xiàn)了從傳統(tǒng)的“看中學”、“教中學”向“教、學、做”一體化的轉(zhuǎn)變，并在這一過程中，潛移默化地提升了學生的工程實踐技能。以項目為引導，將團隊教育貫穿在整個項目的頁面設計、CSS樣式修改以及JS動作實現(xiàn)的過程中。并通過小組互評激發(fā)學生的評判性思維，通過組員互助互動培養(yǎng)學生的合作意識，通過分工協(xié)作增強學生的責任感。教學實踐證明，基于 CDIO 的HTML課程教學改革能夠很好地提高學生的自主學習能力、團隊合作能力、創(chuàng)新意識和工程應用能力，促進學生“知識、能力素質(zhì)”的協(xié)調(diào)發(fā)展。

4 結(jié)束語

網(wǎng)頁制作基礎及HTML課程是一門實踐性很強的計算機專業(yè)基礎課程，將CDIO工程教育的理念和方法應用到該課程中，提高了學生的自主學習能力與工程實踐能力，使學生在實踐中掌握知識、技能和素質(zhì)目標。而由于教學方法的改變，使得任課教師需要花費更多的精力進行備課和教學設計，這就要求教師在后續(xù)課程教學中加以調(diào)整和改進。

參考文獻（References）：

[1] 顧佩華，包能勝，康全禮，陸小華，熊光晶，林鵬，陳嚴.CDIO在中國（上）[J].高等工程教育研究，2012.3：24-40

[2] 顧佩華，包能勝，康全禮，陸小華，熊光晶，林鵬，陳嚴.CDIO在中國（下）[J].高等工程教育研究，2012.5：34-45

[3] 顧佩華，胡文龍，陸小華，包能勝，林鵬.從CDIO在中國到中國的CDIO：發(fā)展路徑、產(chǎn)生的影響及其原因研究[J].高等工程教育研究，2017.1：24-43

[4] 閆寧，宋瑩，楊永光.高職院校教改項目存在的問題及其對策研究[J].中國職業(yè)技術(shù)教育，2017.3：80-84

[5] 康全禮，丁飛己.中國CDIO工程教育模式研究的回顧與反思[J].高等工程教育研究，2016.4：40-46

[6] 姜大志，孫浩軍.基于CDIO的主動式項目驅(qū)動學習方法研究——以Java類課程教學改革為例[J].高等工程教育研究，2012.4：159-164

[7] 馬科.HTML5 APP商業(yè)開發(fā)實戰(zhàn)教程：基于We X5可視化開發(fā)平臺[M].高等教育出版社，2016.