張春鳳　高潔

摘要：該文結(jié)合《網(wǎng)站規(guī)劃與設(shè)計(jì)》的課程特點(diǎn)，介紹了基于任務(wù)驅(qū)動(dòng)的課程改革方式與實(shí)施步驟。該方式需要多人協(xié)同完成同一網(wǎng)站，分工明確，逐步完成。使用該方式提高了學(xué)生的協(xié)同工作能力，積累了網(wǎng)站開(kāi)發(fā)的經(jīng)驗(yàn)，達(dá)到了課程改革的目的。

關(guān)鍵詞：任務(wù)驅(qū)動(dòng)；協(xié)同工作；網(wǎng)站規(guī)劃與設(shè)計(jì)

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044(2012)36-8733-02

《網(wǎng)站規(guī)劃與設(shè)計(jì)》課程是計(jì)算機(jī)系各專(zhuān)業(yè)的選修課，主要內(nèi)容包括網(wǎng)站規(guī)劃，網(wǎng)頁(yè)設(shè)計(jì)，動(dòng)態(tài)網(wǎng)站制作以及網(wǎng)站維護(hù)。相比非計(jì)算機(jī)專(zhuān)業(yè)的《網(wǎng)頁(yè)設(shè)計(jì)》課程來(lái)看，前導(dǎo)課程多，涉及內(nèi)容廣泛。因?yàn)閷W(xué)生畢業(yè)后進(jìn)入軟件公司工作，大部分都是從事基于B/S模式的系統(tǒng)開(kāi)發(fā)或者動(dòng)態(tài)網(wǎng)站制作，不僅需要有本課程的課程基礎(chǔ)，還需要有實(shí)踐經(jīng)驗(yàn)。因此，課堂講授的知識(shí)以及一些小練習(xí)不能夠滿(mǎn)足學(xué)生就業(yè)的需要。學(xué)生需要熟知系統(tǒng)開(kāi)發(fā)的流程以及每個(gè)步驟的工作內(nèi)容，這樣能夠保證學(xué)生不論從事哪部份工作都能夠得心應(yīng)手。

“教與學(xué)”的教學(xué)方式在這門(mén)課程上逐步落后，課堂上的知識(shí)點(diǎn)只是針對(duì)某一個(gè)部分，如何將所有內(nèi)容集合成一個(gè)界面漂亮，功能性強(qiáng)的網(wǎng)站就非常困難了。通過(guò)基于任務(wù)驅(qū)動(dòng)的《網(wǎng)站規(guī)劃與設(shè)計(jì)》的課程改革，學(xué)生能夠進(jìn)行系統(tǒng)的練習(xí)，學(xué)會(huì)自己組織材料，自己制作網(wǎng)站，以便順利的投入到以后的工作。

1 存在的問(wèn)題

1.1 傳統(tǒng)教學(xué)方式存在的問(wèn)題

傳統(tǒng)的教學(xué)方式采用的是理論和和實(shí)踐上機(jī)課交叉進(jìn)行，理論課上教師使用實(shí)例在投影上進(jìn)行操作演示，上機(jī)課程學(xué)生按照操作步驟逐步操作進(jìn)行練習(xí)。學(xué)生經(jīng)過(guò)上機(jī)課后，可以熟練的做書(shū)上的練習(xí)，但是書(shū)上的練習(xí)題都是已經(jīng)給定了創(chuàng)作素材和畫(huà)面布局，學(xué)生按照書(shū)上的操作步驟逐步操作就能夠完成。甚至有的練習(xí)題連頁(yè)面的邊框以及布局都已經(jīng)完成，學(xué)生只需要做其中的一部分，用以練習(xí)授課內(nèi)容。這樣練習(xí)的結(jié)果是學(xué)生能夠進(jìn)行頁(yè)面的某一部分操作，只是限于模仿，在實(shí)際應(yīng)用中碰到的問(wèn)題卻不知如何去應(yīng)對(duì)，不知道如何采用合適的步驟去制作和完成一個(gè)網(wǎng)頁(yè)，更不用說(shuō)從整體上做一個(gè)界面漂亮、功能合理的網(wǎng)站了。

首先，學(xué)生的網(wǎng)站存在隨意更改的現(xiàn)象。在制作網(wǎng)頁(yè)時(shí)不根據(jù)先前寫(xiě)好的網(wǎng)站規(guī)劃書(shū)進(jìn)行后繼工作，從網(wǎng)站結(jié)構(gòu)到頁(yè)面布局，想怎么改就怎么改。沒(méi)有一個(gè)系統(tǒng)的認(rèn)識(shí)，是不能夠完成一個(gè)功能良好，賞心悅目的網(wǎng)站。

其次，網(wǎng)站的頁(yè)面元素間也存在相互制約的關(guān)系，整個(gè)頁(yè)面顏色也要協(xié)調(diào)，功能性的組件也要使用得當(dāng)。經(jīng)常見(jiàn)到學(xué)生的作業(yè)是為頁(yè)面不單調(diào)而用強(qiáng)硬使用組件，使得組件在頁(yè)面中顯得很突兀，組件的功能也沒(méi)有得到發(fā)揮。

最后，頁(yè)面的動(dòng)態(tài)效果要和網(wǎng)站的功能相得益彰，學(xué)生為了使頁(yè)面動(dòng)起來(lái)，在網(wǎng)絡(luò)上下載許多Flash，都堆砌在頁(yè)面上，整個(gè)頁(yè)面看到的全部是動(dòng)畫(huà)，看起來(lái)混亂不堪。

1.2 能力的培養(yǎng)

制作網(wǎng)站是一個(gè)系統(tǒng)工程，需要經(jīng)過(guò)對(duì)網(wǎng)站內(nèi)容進(jìn)行調(diào)查、研究客戶(hù)需要、網(wǎng)站總體規(guī)劃、搜集資料、網(wǎng)頁(yè)制作以及后期維護(hù)等步驟，這個(gè)過(guò)程根據(jù)客戶(hù)要求和實(shí)際情況需要逐步推進(jìn)。

實(shí)際應(yīng)用的網(wǎng)站從網(wǎng)站結(jié)構(gòu)到頁(yè)面布局都比較復(fù)雜，一般都是多人協(xié)同工作。需要考慮的問(wèn)題也比較多，比如：網(wǎng)站采用的風(fēng)格，用戶(hù)群的定位，網(wǎng)站突出的主題以及文字和圖片的組織等。每個(gè)人完成其中的一部分，這就涉及自己完成的這一部分是否考慮了下一部分成員的工作難易。比如：動(dòng)態(tài)網(wǎng)站在前期數(shù)據(jù)庫(kù)設(shè)計(jì)時(shí)可以將數(shù)據(jù)表設(shè)計(jì)的比較簡(jiǎn)單，將多種數(shù)據(jù)混雜在一張表中，但是在后面做動(dòng)態(tài)頁(yè)面的人員在查詢(xún)數(shù)據(jù)時(shí)查詢(xún)語(yǔ)句就比較難寫(xiě)，且查詢(xún)效率低。協(xié)同工作還需要遵從一些約定，比如：文件夾的名字，文件目錄的層疊結(jié)構(gòu)等。名字的命名需要見(jiàn)名知意，不需要根據(jù)說(shuō)明文檔逐個(gè)尋找，這樣能夠整體提高工作效率。

當(dāng)一個(gè)團(tuán)隊(duì)來(lái)完成一項(xiàng)工作時(shí)，需要一個(gè)領(lǐng)導(dǎo)者和組織者來(lái)設(shè)置和實(shí)施計(jì)劃，這是一項(xiàng)統(tǒng)籌安排的工作。開(kāi)始時(shí)，設(shè)置計(jì)劃完成時(shí)間及階段目標(biāo)，其后，協(xié)調(diào)組織人員開(kāi)展工作，這能夠鍛煉一個(gè)人的組織能力。

2 教學(xué)目標(biāo)

2.1 網(wǎng)站主題

小組作業(yè)的目標(biāo)網(wǎng)站大小要適當(dāng)。網(wǎng)站太大，需要的學(xué)生多，一個(gè)步驟需要多名學(xué)生完成，沒(méi)有充裕的時(shí)間進(jìn)行討論，最后工作完不成或者做出一個(gè)不能使用的系統(tǒng)，學(xué)生也不能對(duì)這部分工作有一個(gè)充分的了解，也不能在小組討論時(shí)說(shuō)出自己的體會(huì)。

如果網(wǎng)站太小，每個(gè)學(xué)生完成的工作太少，不能充分理解統(tǒng)籌規(guī)劃的意義，以后在遇到大型項(xiàng)目時(shí)不能有一個(gè)完整的想法和思路，起不到鍛煉的作用。如果太小，也有可能是一個(gè)學(xué)生或兩個(gè)學(xué)生做，不能充分體現(xiàn)分工合作的目的，學(xué)生的能力組織和溝通能力也不能得到鍛煉。

我們布置的網(wǎng)站是購(gòu)物網(wǎng)站，因?yàn)殡娮由虅?wù)的普及，學(xué)生都開(kāi)始在網(wǎng)絡(luò)上購(gòu)物，對(duì)網(wǎng)絡(luò)購(gòu)物有一定體會(huì)。購(gòu)物網(wǎng)站有很多，各有特色，B2C和C2C實(shí)例都很豐富，功能對(duì)比及學(xué)習(xí)都很方便。要求學(xué)生完成的購(gòu)物網(wǎng)站要售賣(mài)單一品種的商品，比如：網(wǎng)上書(shū)店，鮮花速遞等，不要求商品種類(lèi)多，只要求網(wǎng)站功能齊備。

2.2 網(wǎng)站要求

網(wǎng)站要求顏色搭配協(xié)調(diào)，首頁(yè)面是“國(guó)”字型布局，其余頁(yè)面要與首頁(yè)面有明顯不同，也就是不能用一個(gè)模板套出來(lái)，但整個(gè)網(wǎng)站在顏色和風(fēng)格上要保持一致。首頁(yè)面布局比較復(fù)雜，主要起導(dǎo)航和分類(lèi)作用。次級(jí)頁(yè)面較簡(jiǎn)單，用來(lái)詳細(xì)介紹某一商品。這樣能夠保證靜態(tài)頁(yè)面部分有一定工作量，使學(xué)生站在網(wǎng)站的角度進(jìn)行工作，而不是某一個(gè)網(wǎng)頁(yè)。

考慮到學(xué)生的課余時(shí)間安排，課后作業(yè)工作量不能太大，至少要求有四個(gè)頁(yè)面，動(dòng)態(tài)網(wǎng)站部分要求有增加、刪除、修改及查詢(xún)功能。這樣能夠保證基本的工作量，學(xué)生要在此基礎(chǔ)上進(jìn)行方案設(shè)計(jì)。

3 實(shí)施方案

3.1 實(shí)施步驟

根據(jù)教學(xué)內(nèi)容的推進(jìn)，每次上機(jī)前都留有上機(jī)作業(yè)。第一部分是課堂教學(xué)內(nèi)容，要求學(xué)生按照教材里面的例題進(jìn)行操作練習(xí)，課件配有相關(guān)的素材；第二部分作業(yè)是拓展作業(yè)，要求學(xué)生根據(jù)已有知識(shí)自行完成，沒(méi)有任何參考資料。學(xué)生要觀察網(wǎng)絡(luò)上的成品網(wǎng)站，學(xué)習(xí)經(jīng)驗(yàn)，然后動(dòng)手制作。作業(yè)要有拓展性，要讓學(xué)生學(xué)會(huì)思考，對(duì)于一個(gè)問(wèn)題怎樣用現(xiàn)有的知識(shí)和方法去解決。作業(yè)最終能組合成一個(gè)網(wǎng)站，讓學(xué)生看到自己的成果，網(wǎng)站是否能吸引用戶(hù)，是否有良好的交互能力都一目了然。

首先留課堂作業(yè)，要求所有學(xué)生熟悉網(wǎng)站規(guī)劃與設(shè)計(jì)的步驟，隨著課程內(nèi)容的推進(jìn)，逐步留與網(wǎng)站相關(guān)的作業(yè)。使得所有學(xué)生掌握網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)，在后期動(dòng)態(tài)網(wǎng)站講授前，布置分組作業(yè)，要求每組5名學(xué)生。一名學(xué)生負(fù)責(zé)總體規(guī)劃以及協(xié)調(diào)工作；一名學(xué)生負(fù)責(zé)數(shù)據(jù)庫(kù)設(shè)計(jì)；一名學(xué)生制作靜態(tài)網(wǎng)頁(yè)，包含對(duì)圖片進(jìn)行處理以及制作動(dòng)畫(huà)；兩名學(xué)生制作動(dòng)態(tài)網(wǎng)頁(yè)。每個(gè)學(xué)生完成的工作及相應(yīng)文檔如表1所示。

每當(dāng)一個(gè)學(xué)生完成一個(gè)階段工作，對(duì)學(xué)生作業(yè)進(jìn)行講評(píng)，也讓學(xué)生看看別的同學(xué)的作業(yè)有何優(yōu)缺點(diǎn)，對(duì)照自己作業(yè)該如何修改。在完成作業(yè)后，小組交流，看看自己的工作對(duì)后繼同學(xué)的工作有何影響，是否給后繼工作造成障礙；看自己的設(shè)想和最后的成品有何差異。一組學(xué)生相互間交流，是否對(duì)他人的工作滿(mǎn)意，造成自己工作不便的原因有哪些。請(qǐng)大家點(diǎn)評(píng)自己的系統(tǒng)有何缺陷，應(yīng)如何進(jìn)行修改。別組系統(tǒng)有何缺陷，應(yīng)如何修改。

教師評(píng)定的成績(jī)根據(jù)小組最后完成的網(wǎng)站由色彩搭配、使用功能，控件使用以及網(wǎng)站說(shuō)明書(shū)這幾個(gè)方面進(jìn)行評(píng)分，占總成績(jī)的50%。小組互評(píng)成績(jī)是各個(gè)小組相互之間評(píng)定成績(jī)，要讓學(xué)生看看別的小組作業(yè)的優(yōu)缺點(diǎn)，有利于學(xué)生借鑒經(jīng)驗(yàn)，占總成績(jī)的30%。最后，小組成員互相打分，起到一個(gè)互相監(jiān)督的作用，占20%。

3.3 實(shí)施效果

經(jīng)過(guò)兩個(gè)年級(jí)5個(gè)專(zhuān)業(yè)的實(shí)踐，從學(xué)生的作業(yè)情況看，學(xué)生相互協(xié)調(diào)能力有所提高。在作業(yè)完成后寫(xiě)經(jīng)驗(yàn)總結(jié)時(shí)，能夠正確指出自己小組系統(tǒng)的的不足以及在其它步驟中同學(xué)的設(shè)計(jì)及制作中的優(yōu)缺點(diǎn)。從學(xué)生的成績(jī)來(lái)看，優(yōu)秀率從原來(lái)的2%上升到5%，不及格率從原來(lái)的3%下降到0。經(jīng)過(guò)這一次練習(xí)，學(xué)生的整體認(rèn)知得到提高，知道該如何完成一個(gè)網(wǎng)站。

4 總結(jié)

我們采用的逐布推進(jìn)式的分組作業(yè)方式，從學(xué)生的作業(yè)來(lái)看，已經(jīng)取得了一定的成果。學(xué)生的作業(yè)也存在著一些問(wèn)題：布局簡(jiǎn)單，版式變化少；數(shù)據(jù)庫(kù)設(shè)計(jì)不合理；動(dòng)態(tài)部分和靜態(tài)頁(yè)面不匹配。這些問(wèn)題表明學(xué)生在制作網(wǎng)站方面經(jīng)驗(yàn)的不足及小組成員溝通不夠順暢。多讓學(xué)生參與實(shí)踐工作，加強(qiáng)經(jīng)驗(yàn)積累是我們以后工作的重點(diǎn)，需要在后繼工作中繼續(xù)完善。

參考文獻(xiàn)：

[1] 溫超.基于任務(wù)驅(qū)動(dòng)的大學(xué)《網(wǎng)頁(yè)設(shè)計(jì)》課程“層次推進(jìn)式”教學(xué)模式的探索[J].中國(guó)醫(yī)學(xué)教育技術(shù),2010(12).

[2] 蔣文沛.任務(wù)驅(qū)動(dòng)項(xiàng)目導(dǎo)向教學(xué)模式的應(yīng)用——以《網(wǎng)站規(guī)劃與設(shè)計(jì)》課程為例[J].高教論壇,2011(10).

[3] 王建華.案例-任務(wù)驅(qū)動(dòng)模式在計(jì)算機(jī)應(yīng)用教學(xué)中的實(shí)踐[J].福建電腦,2011(11).