肖春靜

摘 要：《Web系統(tǒng)與技術(shù)》課程是教授網(wǎng)頁(yè)設(shè)計(jì)相關(guān)知識(shí)的一門課程，內(nèi)容繁復(fù)零碎。采用傳統(tǒng)教學(xué)方式，在調(diào)動(dòng)學(xué)習(xí)興趣、培養(yǎng)學(xué)生的應(yīng)用技能等方面的效果都不理想。為了提高教學(xué)效果，以完整的企業(yè)應(yīng)用項(xiàng)目為素材，采用項(xiàng)目驅(qū)動(dòng)法進(jìn)行教學(xué)。在教學(xué)實(shí)踐中，將項(xiàng)目按課程知識(shí)單元進(jìn)行合理拆分，分成若干難度等級(jí)的子項(xiàng)目，讓學(xué)生根據(jù)自己的基礎(chǔ)有選擇地學(xué)習(xí)和實(shí)踐。教師通過(guò)演示、指導(dǎo)、答疑等多個(gè)環(huán)節(jié)給予幫助，并將項(xiàng)目實(shí)踐情況加入學(xué)生成績(jī)考核環(huán)節(jié)，從多角度驅(qū)動(dòng)學(xué)生積極主動(dòng)地學(xué)習(xí)和實(shí)踐。教學(xué)實(shí)踐證明，該方法對(duì)于提高學(xué)生的學(xué)習(xí)積極性和主動(dòng)性、培養(yǎng)學(xué)生的應(yīng)用能力具有積極作用。

關(guān)鍵詞：項(xiàng)目驅(qū)動(dòng)；實(shí)踐教學(xué)；Web系統(tǒng)

DOIDOI：10.11907/rjdk.172046

中圖分類號(hào)：G434

文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)文章編號(hào)：1672-7800（2017）008-0223-03

0 引言

《Web系統(tǒng)與技術(shù)》是普通高校計(jì)算機(jī)專業(yè)非常重要的課程，該課程主要要求學(xué)生掌握關(guān)于Web應(yīng)用程序的知識(shí)，包括HTML、ASP.NET控件、CSS樣式控制、JavaScript和jQuery、數(shù)據(jù)庫(kù)訪問(wèn)等內(nèi)容。相對(duì)來(lái)說(shuō)，內(nèi)容涉及面比較廣，知識(shí)點(diǎn)繁多而零碎[1]，傳統(tǒng)的“教師講學(xué)生聽(tīng)”的教學(xué)方式取得的教學(xué)效果并不理想。雖然隨著時(shí)代發(fā)展，教師在教學(xué)過(guò)程中不斷優(yōu)化教學(xué)環(huán)節(jié)，采用多媒體手段授課，仍沒(méi)有解決內(nèi)容抽象、理論性強(qiáng)、課堂乏味等問(wèn)題[2]。同時(shí)，這一課程非常注重實(shí)際應(yīng)用能力，其教學(xué)目標(biāo)也主要是讓學(xué)生能夠熟練應(yīng)用相關(guān)知識(shí)進(jìn)行Web應(yīng)用程序的設(shè)計(jì)和實(shí)現(xiàn)，而學(xué)生被動(dòng)聽(tīng)課的學(xué)習(xí)方式很難達(dá)到培養(yǎng)應(yīng)用能力的效果[3]。在教學(xué)實(shí)踐中發(fā)現(xiàn)，采用項(xiàng)目驅(qū)動(dòng)式教學(xué)方法進(jìn)行這門課的教學(xué)，能夠明顯提高教學(xué)效果。

項(xiàng)目驅(qū)動(dòng)式教學(xué)是一種源于建構(gòu)主義學(xué)習(xí)理論的教學(xué)方法，建構(gòu)主義理論認(rèn)為，當(dāng)人具備的知識(shí)無(wú)法解決面臨的問(wèn)題時(shí)，學(xué)習(xí)者就會(huì)開(kāi)始自己構(gòu)建知識(shí)的學(xué)習(xí)過(guò)程[4]。在這種情境下的學(xué)習(xí)活動(dòng)中，學(xué)習(xí)者對(duì)自己學(xué)習(xí)的價(jià)值和意義有很明確的認(rèn)知，因而會(huì)產(chǎn)生強(qiáng)大的內(nèi)在學(xué)習(xí)驅(qū)動(dòng)力量，因此在這種情境下人們對(duì)知識(shí)的認(rèn)知效率也是非常高的[5-6]。項(xiàng)目驅(qū)動(dòng)式教學(xué)活動(dòng)中，教師和學(xué)生共同實(shí)施一個(gè)完整的項(xiàng)目，學(xué)生作為學(xué)習(xí)的主體負(fù)責(zé)整個(gè)項(xiàng)目的具體實(shí)施，在這個(gè)過(guò)程中對(duì)項(xiàng)目涉及的所有知識(shí)點(diǎn)進(jìn)行學(xué)習(xí)和實(shí)踐；教師作為項(xiàng)目的指導(dǎo)者和評(píng)價(jià)者，負(fù)責(zé)對(duì)項(xiàng)目進(jìn)行篩選，對(duì)相關(guān)難點(diǎn)進(jìn)行指導(dǎo)，對(duì)項(xiàng)目實(shí)施效果進(jìn)行評(píng)價(jià)。這種教學(xué)模式不同于傳統(tǒng)教學(xué)模式，它以學(xué)生活動(dòng)作為整個(gè)教學(xué)的主線，充分調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性和主動(dòng)性，鍛煉了學(xué)生的實(shí)踐能力[7]，因此很適合在《Web系統(tǒng)與技術(shù)》這門課程的教學(xué)中應(yīng)用。

1 項(xiàng)目選取與分解

1.1 項(xiàng)目選取

大多情況下，采用項(xiàng)目驅(qū)動(dòng)式教學(xué)模式的教學(xué)活動(dòng)，是為每個(gè)課時(shí)單元設(shè)置獨(dú)立的驅(qū)動(dòng)項(xiàng)目，這種項(xiàng)目選擇雖然針對(duì)性強(qiáng)，選擇靈活度大，但是也有一定弊端。由于項(xiàng)目不具備連續(xù)性，因此每個(gè)項(xiàng)目實(shí)施后，給學(xué)生的印象是深淺不一，學(xué)習(xí)效果也就有所不同，更重要的是容易讓學(xué)生在學(xué)習(xí)過(guò)程中缺乏對(duì)課程知識(shí)的整體把握。在《Web系統(tǒng)與技術(shù)》這門課程中，由于知識(shí)點(diǎn)相對(duì)較多較散，很容易讓學(xué)生只會(huì)使用零碎的知識(shí)點(diǎn)做各個(gè)獨(dú)立網(wǎng)頁(yè)，而不能把握Web應(yīng)用程序中整體框架和性能設(shè)計(jì)的相關(guān)知識(shí)，出現(xiàn)“只見(jiàn)樹(shù)木，不見(jiàn)森林”的情況，缺乏各知識(shí)點(diǎn)的綜合應(yīng)用能力[8]。

為此，筆者在教學(xué)活動(dòng)實(shí)踐中，通過(guò)選擇一個(gè)完整的Web應(yīng)用程序項(xiàng)目，避免上述問(wèn)題?？紤]到學(xué)生學(xué)習(xí)活動(dòng)的需要和課程知識(shí)結(jié)構(gòu)本身的特點(diǎn)，在項(xiàng)目選擇中同時(shí)兼顧幾個(gè)原則：①內(nèi)容充實(shí)，所選的項(xiàng)目要能夠涵蓋整個(gè)教學(xué)目標(biāo)所要求的知識(shí)內(nèi)容，與課程的培養(yǎng)目標(biāo)和教學(xué)大綱能夠充分契合；②難度適中，項(xiàng)目實(shí)施的技術(shù)難度要控制在合理范圍內(nèi)，以學(xué)生現(xiàn)有的基礎(chǔ)，通過(guò)努力可以接受理解，保證學(xué)生不會(huì)因項(xiàng)目太簡(jiǎn)單而學(xué)習(xí)收獲不足，也不會(huì)因?yàn)樘y而喪失學(xué)習(xí)信心；③保有余地，選擇的項(xiàng)目要包含足夠的子項(xiàng)目，這些子項(xiàng)目有不同難度層次和實(shí)踐工作量，保證不同基礎(chǔ)的學(xué)生都能夠有選擇完成的余地；④價(jià)值較高，選擇的項(xiàng)目有實(shí)際應(yīng)用價(jià)值和意義，能夠讓學(xué)生產(chǎn)生完成目標(biāo)的動(dòng)力和興趣。

在學(xué)生共同參與選擇的基礎(chǔ)上，課程確定某小型食品企業(yè)使用的Web版營(yíng)銷管理系統(tǒng)作為實(shí)施項(xiàng)目，該系統(tǒng)分為商品進(jìn)出庫(kù)管理、客戶管理、銷售管理、倉(cāng)庫(kù)管理、報(bào)表統(tǒng)計(jì)、系統(tǒng)管理等6個(gè)功能模塊。系統(tǒng)的完成需要使用的知識(shí)涵蓋了課程教學(xué)目標(biāo)所要求的所有知識(shí)點(diǎn)，符合學(xué)習(xí)的目標(biāo)需求。更為重要的是，該項(xiàng)目包含多個(gè)復(fù)雜度不同的子項(xiàng)目可以供學(xué)生在學(xué)習(xí)中進(jìn)行選擇，方便學(xué)生進(jìn)行分組學(xué)習(xí)和實(shí)踐。

1.2 項(xiàng)目分解

選定完整的Web應(yīng)用程序項(xiàng)目后，還需要對(duì)其進(jìn)行一定的分割，以保證學(xué)習(xí)效果。如果把整個(gè)項(xiàng)目直接生硬地交給學(xué)生去進(jìn)行學(xué)習(xí)實(shí)踐，這樣龐大而復(fù)雜的工程并不是作為新手的學(xué)生可以輕易駕馭的，會(huì)讓大多學(xué)生望而生畏，學(xué)習(xí)效果也無(wú)從談起。根據(jù)不同知識(shí)單元的內(nèi)容和項(xiàng)目本身的特點(diǎn)，將該項(xiàng)目劃分為若干階段，每個(gè)階段都保證學(xué)生通過(guò)一定努力在該教學(xué)單元時(shí)間內(nèi)可以完成。以每個(gè)單元的知識(shí)點(diǎn)為基礎(chǔ)對(duì)項(xiàng)目進(jìn)行拆分，比如，將項(xiàng)目中的Web窗體控件設(shè)計(jì)作為一個(gè)階段，讓學(xué)生熟悉各個(gè)HTML和ASP.NET控件的功能作用；將Web窗體樣式控制作為一個(gè)階段，讓學(xué)生學(xué)習(xí)CSS樣式控制等。通過(guò)分割過(guò)程，將項(xiàng)目分成若干階段，每個(gè)階段正好能涵蓋對(duì)應(yīng)課時(shí)單元需要學(xué)習(xí)的知識(shí)點(diǎn)。具體的項(xiàng)目拆分如表1所示。這樣可以讓學(xué)生在學(xué)習(xí)中每個(gè)單元的學(xué)習(xí)和實(shí)踐都可以看到一個(gè)短期成果，從而連續(xù)產(chǎn)生成就感，驅(qū)動(dòng)自己不斷嘗試更多的學(xué)習(xí)和實(shí)踐活動(dòng)，而不會(huì)在整個(gè)學(xué)期的學(xué)習(xí)過(guò)程中失去動(dòng)力。

在實(shí)際教學(xué)過(guò)程中，不可避免的問(wèn)題是，班內(nèi)學(xué)生的基礎(chǔ)參差不齊，一刀切地給出同樣的項(xiàng)目進(jìn)行實(shí)踐，會(huì)讓基礎(chǔ)較薄弱的學(xué)生窮于應(yīng)付，讓基礎(chǔ)較好的學(xué)生喪失面對(duì)挑戰(zhàn)的樂(lè)趣。因此，將每一階段劃分為不同的子任務(wù)，根據(jù)各子任務(wù)情況，進(jìn)一步將它們分為A類（困難）、B類（適中）、C類（簡(jiǎn)單）3個(gè)難度等級(jí)，讓不同基礎(chǔ)的學(xué)生能夠自主選擇適合自己學(xué)習(xí)需要的子任務(wù)，保證盡可能多的學(xué)生在這個(gè)學(xué)習(xí)過(guò)程中有充分的進(jìn)步[9]。通過(guò)對(duì)整個(gè)項(xiàng)目的多層次分割，得到課程單元實(shí)施項(xiàng)目集，實(shí)踐項(xiàng)目驅(qū)動(dòng)式教學(xué)。endprint

2 項(xiàng)目驅(qū)動(dòng)教學(xué)設(shè)計(jì)

學(xué)生通過(guò)對(duì)項(xiàng)目的選擇過(guò)程，已經(jīng)比較充分地了解了項(xiàng)目的具體需求和意義，因此在教學(xué)過(guò)程中就不再過(guò)多強(qiáng)調(diào)。另外，雖然系統(tǒng)設(shè)計(jì)和數(shù)據(jù)庫(kù)也是項(xiàng)目實(shí)施中很重要的部分，但由于本課程主要講解Web系統(tǒng)編程技術(shù)，所以主要關(guān)注代碼編寫部分，并且不進(jìn)行系統(tǒng)和數(shù)據(jù)庫(kù)相關(guān)的設(shè)計(jì)，直接使用已設(shè)計(jì)好的數(shù)據(jù)庫(kù)。

在教學(xué)環(huán)節(jié)初期，首先要進(jìn)行項(xiàng)目總體情況講解和任務(wù)分配工作。以企業(yè)銷售管理系統(tǒng)為例說(shuō)明具體講解和任務(wù)分配情況。教師首先講解整個(gè)系統(tǒng)的功能框架和數(shù)據(jù)庫(kù)結(jié)構(gòu)等情況。然后將學(xué)生分為若干小組，每個(gè)小組成員人數(shù)控制在5～6名，根據(jù)各模塊的難度等級(jí)和學(xué)生的基礎(chǔ)進(jìn)行模塊分配工作，每個(gè)成員負(fù)責(zé)一個(gè)具體模塊，所有小組最終共同完成整個(gè)系統(tǒng)的編寫工作。讓他們根據(jù)各模塊的實(shí)際確定該項(xiàng)目的設(shè)計(jì)目標(biāo)，提供給他們相關(guān)的系統(tǒng)框架和數(shù)據(jù)庫(kù)文件（包括所有的表結(jié)構(gòu)信息）。完成任務(wù)分配后，項(xiàng)目組成員根據(jù)系統(tǒng)所要求功能，查找參考資料，逐步實(shí)現(xiàn)相應(yīng)的模塊。

在具體教學(xué)環(huán)節(jié)，筆者設(shè)計(jì)的教學(xué)流程按照教師示范、學(xué)生實(shí)踐、課堂答疑和對(duì)比分析這一基本順序進(jìn)行。以學(xué)習(xí)HTML和ASP.NET控件為例，教學(xué)中教師選擇比較典型的客戶信息增加和修改兩個(gè)頁(yè)面進(jìn)行示范講解。在講解中完成用戶姓名、性別、地址、電話、歸屬營(yíng)業(yè)部等輸入控件添加，并添加相應(yīng)的保存和清空按鈕等操作，幫助學(xué)生熟悉主要控件的功能和基本屬性設(shè)置，以及客戶端控件和服務(wù)器端控件的功能和作用等。然后學(xué)生完成所負(fù)責(zé)的頁(yè)面編寫任務(wù)，從中學(xué)習(xí)實(shí)踐Web窗體控件知識(shí)。在每個(gè)課時(shí)抽出10min左右的時(shí)間預(yù)留給各個(gè)小組提出自己在實(shí)踐中遇到的難題，教師給出相應(yīng)的解答和指導(dǎo)。通過(guò)這個(gè)過(guò)程，可以掌握學(xué)生項(xiàng)目實(shí)施的進(jìn)度，也可以了解學(xué)生掌握的情況。在項(xiàng)目實(shí)施基本完成后，各組成員公開(kāi)每個(gè)子模塊的設(shè)計(jì)情況，并讓學(xué)生對(duì)各個(gè)任務(wù)的完成情況進(jìn)行對(duì)比分析，寫出簡(jiǎn)潔的分析報(bào)告，讓大家根據(jù)對(duì)比分析了解自己學(xué)習(xí)的不足之處，并據(jù)此改進(jìn)自己的任務(wù)[10]。

這種教學(xué)模式充分體現(xiàn)了學(xué)生的主體作用，學(xué)生通過(guò)自我分析、評(píng)價(jià)、改進(jìn)等一系列過(guò)程，不斷強(qiáng)化對(duì)知識(shí)的理解和應(yīng)用能力。為了有效保證項(xiàng)目實(shí)施效果，教師對(duì)所選項(xiàng)目要有準(zhǔn)確的把握，保證每個(gè)學(xué)生都有相應(yīng)的工作內(nèi)容，并且具有一定的難度。同時(shí)，教師對(duì)學(xué)生的主體位置要非常明確，在講解示范過(guò)程中有重點(diǎn)，而不要面面俱到；在疑難解答中要給學(xué)生自我指導(dǎo)和討論的機(jī)會(huì)，重建議和方法的指導(dǎo)而不是直接給出答案；不斷引導(dǎo)學(xué)生自己動(dòng)腦動(dòng)手。

3 考察方式

以項(xiàng)目驅(qū)動(dòng)方式進(jìn)行教學(xué)時(shí)，傳統(tǒng)的一張考卷考核學(xué)生的學(xué)習(xí)效果的方式不足以反映學(xué)生的實(shí)際學(xué)習(xí)情況。因此，課程的考核方式也要加以調(diào)整。成績(jī)考核的基礎(chǔ)是每個(gè)小組選擇的項(xiàng)目難度，選擇A項(xiàng)目，并且項(xiàng)目能夠完成，則小組成員該階段的基礎(chǔ)成績(jī)?yōu)閮?yōu)秀A（85分以上），B（70-85分）、C（60-75分）的情況類似。根據(jù)該組成員整個(gè)課程所選任務(wù)難度的平均值作為該小組成員的基礎(chǔ)分?jǐn)?shù)，然后由小組成員共同討論，依據(jù)小組成員每個(gè)任務(wù)實(shí)施過(guò)程中的貢獻(xiàn)對(duì)該成員進(jìn)行百分制打分，該分?jǐn)?shù)/100作為系數(shù)確定小組各成員分?jǐn)?shù)，這個(gè)分?jǐn)?shù)占最終成績(jī)的80%。學(xué)生提問(wèn)、討論、考勤等平時(shí)學(xué)習(xí)情況記錄作為日?？己舜蚍?，占最終成績(jī)的20%。這樣既能督促學(xué)生在平時(shí)積極學(xué)習(xí)思考，也能對(duì)學(xué)生的實(shí)際學(xué)習(xí)效果進(jìn)行衡量。

從幾個(gè)學(xué)期的教學(xué)實(shí)踐來(lái)看，項(xiàng)目驅(qū)動(dòng)式教學(xué)模式，有效提升了教學(xué)效果。首先，學(xué)生的學(xué)習(xí)狀態(tài)有了明顯改善，大多數(shù)學(xué)生都能積極參與到提問(wèn)、討論等課堂活動(dòng)中。其次，知識(shí)掌握的程度明顯提高，大多數(shù)學(xué)生在學(xué)習(xí)結(jié)束后都能夠直接進(jìn)行簡(jiǎn)單的網(wǎng)站設(shè)計(jì)，對(duì)技術(shù)細(xì)節(jié)把握得比較準(zhǔn)確，不論是動(dòng)手能力還是理論知識(shí)的理解都有明顯的提高。第三，學(xué)生的合作意識(shí)明顯增強(qiáng)，大多學(xué)生在第二個(gè)子任務(wù)開(kāi)始實(shí)施時(shí)，就已經(jīng)有意識(shí)地自己組織小組成員進(jìn)行討論和實(shí)驗(yàn)，共同想辦法完成項(xiàng)目。

4 結(jié)語(yǔ)

《Web系統(tǒng)與技術(shù)》課程因?yàn)槠涮厥獾膽?yīng)用型特征，傳統(tǒng)教學(xué)方式一直以來(lái)都很難取得令人滿意的教學(xué)效果。在教學(xué)實(shí)踐中，靈活地采用多種教學(xué)模式，是提高教學(xué)質(zhì)量的有效手段。項(xiàng)目驅(qū)動(dòng)式教學(xué)能夠有效提高學(xué)生的學(xué)習(xí)積極性，激發(fā)學(xué)習(xí)興趣，鍛煉其實(shí)踐應(yīng)用能力，同時(shí)也提高了學(xué)生的協(xié)作意識(shí)。實(shí)踐表明，采用項(xiàng)目驅(qū)動(dòng)式教學(xué)，能在很大程度上提高《Web系統(tǒng)與技術(shù)》課的教學(xué)效果。

參考文獻(xiàn)：

[1] 吳文歡 ，張棟梁 ，秦東霞.《Web程序設(shè)計(jì)》課程教學(xué)改革與實(shí)踐[J].電腦開(kāi)發(fā)與應(yīng)用， 2012，25 （4） ：41-43.

[2] 關(guān)莉莉.項(xiàng)目驅(qū)動(dòng)在高校計(jì)算機(jī)基礎(chǔ)教學(xué)中的應(yīng)用[J].科技通報(bào)，2009，25（5）：700-704.

[3] 李永鋼 ，張陽(yáng). Web信息系統(tǒng)與技術(shù)課程改革的研究[J].決策與信息：下旬刊，2014，30（9）：49.

[4] 周寶富.項(xiàng)目驅(qū)動(dòng)和學(xué)生分組學(xué)習(xí)結(jié)合教學(xué)模式在大學(xué)計(jì)算機(jī)教學(xué)中的應(yīng)用[J].電腦迷，2016，14 （4）：155-163.

[5] 孫明，田蜜，康文杰.設(shè)計(jì)型項(xiàng)目驅(qū)動(dòng)的軟件工程實(shí)踐教學(xué)改革[J].計(jì)算機(jī)教育，2016，14（3）： 156-159.

[6] 徐雅斌，周維真，施運(yùn)梅，等.項(xiàng)目驅(qū)動(dòng)教學(xué)模式的研究與實(shí)踐[J].遼寧工業(yè)大學(xué)學(xué)報(bào)：社會(huì)科學(xué)版， 2011，13（3）： 125-127.

[7] 駱紹燁，莊美連.項(xiàng)目驅(qū)動(dòng)教學(xué)模式在計(jì)算機(jī)專業(yè)課程中的應(yīng)用[J].軟件導(dǎo)刊，2014，13（11）： 189-191.

[8] 謝從華，高蘊(yùn)梅，常晉義.《Web系統(tǒng)與技術(shù)》課程研究性教學(xué)改革探究 [J].軟件導(dǎo)刊， 2016，15（2）： 195-196.

[9] 錢秋榮.試論計(jì)算機(jī)程序設(shè)計(jì)中C語(yǔ)言教學(xué)中多層次差異化教學(xué)模式[J].電腦迷， 2016，15（4）：124-126.

[10] 古禹，郭紅艷.項(xiàng)目驅(qū)動(dòng)教學(xué)法在“計(jì)算機(jī)網(wǎng)絡(luò)”教學(xué)中的應(yīng)用[J].福建電腦，2011，27 （3） ：190-191.endprint