在線協(xié)作工具在網(wǎng)頁設(shè)計(jì)課程的實(shí)踐研究

關(guān)鍵詞：在線協(xié)作工具 網(wǎng)頁設(shè)計(jì) 實(shí)踐教學(xué) 高職

網(wǎng)頁設(shè)計(jì)類課程是高職軟件技術(shù)專業(yè)的核心課程之一，也是軟件技術(shù)專業(yè)所要求的核心能力之一。和軟件技術(shù)專業(yè)其他課程一樣，學(xué)生必須經(jīng)過大量的實(shí)踐才能完全掌握相關(guān)的技術(shù)細(xì)節(jié)，從而提煉出相應(yīng)崗位的核心能力。本人基于相關(guān)課程多年的教學(xué)實(shí)踐，嘗試引入新的工具，解決該類課程教學(xué)中普遍遇到的痛點(diǎn)。

一、網(wǎng)頁設(shè)計(jì)類課程教學(xué)過程中的痛點(diǎn)

在高職教育領(lǐng)域，計(jì)算機(jī)軟件技術(shù)專業(yè)的教學(xué)內(nèi)容與本科院校有著根本的不同。在本科院校，尤其是研究型大學(xué)，計(jì)算機(jī)軟件專業(yè)偏重理論方面的學(xué)習(xí)。本科學(xué)生的核心專業(yè)課圍繞著數(shù)據(jù)結(jié)構(gòu)、離散數(shù)學(xué)、編譯原理、操作系統(tǒng)原理等理論模塊開展。課程體系更多的是強(qiáng)調(diào)相對恒定的原理性的知識，并沒有過多關(guān)注市場上的流行技術(shù)和崗位要求。這是為學(xué)生進(jìn)一步的理論研究做準(zhǔn)備，而學(xué)校知識對接市場需求主要是靠學(xué)生自己完成。因此本科應(yīng)屆畢業(yè)生走上軟件產(chǎn)業(yè)相應(yīng)崗位，大多會有一段的適應(yīng)期。在高職教育領(lǐng)域，計(jì)算機(jī)軟件技術(shù)專業(yè)的課程設(shè)計(jì)理念則相反。高職教育是完全面向市場崗位需求，大量的市場實(shí)用技術(shù)課程會貫穿學(xué)生的整個高校學(xué)習(xí)生命周期。因此軟件技術(shù)專業(yè)的本科生可以在普通教室上課，而高職的軟件類課程必須在計(jì)算機(jī)機(jī)房上課。兩種模式?jīng)]有優(yōu)劣之分，只是因?yàn)閷W(xué)生的定位不同，教育的理念落地到具體的教學(xué)實(shí)踐時做了不同的選擇。

既然在高職的計(jì)算機(jī)軟件技術(shù)課程大量的上機(jī)實(shí)踐不可避免，那么教學(xué)過程中必然面對隨之而來的問題。其中最突出的問題是課堂管理難度大。在機(jī)房進(jìn)行實(shí)踐教學(xué)，學(xué)生必須自主使用計(jì)算機(jī)，否則就失去實(shí)踐教學(xué)的意義。但“自主”的代價是教學(xué)的效果依賴學(xué)生的自覺性。相對本科生，高職學(xué)生普遍的自制能力較差，在實(shí)踐教學(xué)時并不能保證是用計(jì)算機(jī)完成課堂作業(yè)。一部分學(xué)生是用計(jì)算機(jī)來做與課程無關(guān)的事情，例如上網(wǎng)、打游戲等。

在網(wǎng)頁設(shè)計(jì)類課程的教學(xué)實(shí)踐中，上述的課堂管理問題更加突出。這是由該類課程自身的特點(diǎn)所決定的。網(wǎng)頁設(shè)計(jì)類課程在學(xué)生實(shí)踐環(huán)節(jié)需要收集素材來完成任務(wù)，而制作網(wǎng)頁的素材往往來自互聯(lián)網(wǎng)，因此機(jī)房必須開放外網(wǎng)訪問。教師往往很難分辨學(xué)生到底是在收集素材，還是只是上網(wǎng)消遣。其次，網(wǎng)頁設(shè)計(jì)涉及到多個工作步驟，如草圖設(shè)計(jì)、素材收集、頁面布局、功能實(shí)現(xiàn)、效果調(diào)優(yōu)等。在分組練習(xí)時組內(nèi)一般進(jìn)行相應(yīng)的分工以完成各個工序。因此，在課上組內(nèi)各個成員相互溝通討論是必不可少的。和課堂上網(wǎng)的問題一樣，學(xué)生到底是為了完成教學(xué)項(xiàng)目而進(jìn)行討論還是只是普通的嬉笑閑聊，完全依賴學(xué)生的自覺性。

目前解決上述問題的方法是事后監(jiān)督。在實(shí)踐教學(xué)環(huán)節(jié)，對項(xiàng)目進(jìn)度的各個節(jié)點(diǎn)進(jìn)行檢查，然后根據(jù)達(dá)標(biāo)情況進(jìn)行相應(yīng)的獎罰。該方法能夠在一定程序能夠有效地管理上述的教學(xué)場景。然而該方法的效果和管理成本成正比。如果一個項(xiàng)目能夠在前期、中期和后期設(shè)置相應(yīng)的檢查節(jié)點(diǎn)，那么效果相當(dāng)不錯，并且復(fù)雜項(xiàng)目的檢查節(jié)點(diǎn)越多，效果越明顯;如果只是在項(xiàng)目完成時才檢查，那么效果則效果較差，而且到那時也不能及時糾正學(xué)生了。

綜上所述，在網(wǎng)頁設(shè)計(jì)類課程的教學(xué)實(shí)踐中，教師容易陷入一個困境：要么就放棄對學(xué)生的管理，完全依靠學(xué)生的自覺性;要么就付出極其高昂的管理成本，在項(xiàng)目過程中設(shè)置盡可能多的檢查節(jié)點(diǎn)。在高職教育的領(lǐng)域，上述兩條路徑都不是很好的解決方案。

二、在實(shí)踐教學(xué)環(huán)節(jié)引入在線協(xié)作工具

（一）在線協(xié)作工具介紹

在線協(xié)作工具廣泛應(yīng)用于企業(yè)的工作場景，是輔助工作團(tuán)隊(duì)進(jìn)行分工、協(xié)作、管理的軟件工具。目前市面上的產(chǎn)品有很多，這些產(chǎn)品側(cè)重點(diǎn)各有不同。有些產(chǎn)品時側(cè)重實(shí)時交流，如企業(yè)微信和釘釘;有些產(chǎn)品側(cè)重于辦公自動化（OA），如明道;有些產(chǎn)品直接提供軟件項(xiàng)目代碼管理，如碼市。這些產(chǎn)品都有一個共同的地方，就是能夠大幅度提升團(tuán)隊(duì)工作的管理效率。根據(jù)交互設(shè)計(jì)方式的不同，可將團(tuán)隊(duì)協(xié)作工具分為：任務(wù)型、溝通型、合作型[1]。任務(wù)型的協(xié)作工具會更加適合實(shí)踐教學(xué)的場景。

（二）在線協(xié)作工具的引入課堂

隨著我國基礎(chǔ)教育改革進(jìn)程的不斷推進(jìn)，教師的教學(xué)方式和學(xué)生的學(xué)習(xí)方式都發(fā)生了很大的變化，主要表現(xiàn)為學(xué)習(xí)資源的豐富化、學(xué)習(xí)環(huán)境的現(xiàn)代化、學(xué)習(xí)途徑多樣化、學(xué)習(xí)工具的智能化等方面[2]。在高職教育的實(shí)踐教學(xué)環(huán)節(jié)，課堂盡可能模擬崗位的真實(shí)場景，這是高職教育的定位所決定的。學(xué)生在企業(yè)模擬場景下完成相應(yīng)的任務(wù)，以后走上真實(shí)崗位就能夠馬上上手。但是，教學(xué)過程中模擬的場景并不能完全和真正的企業(yè)場景一樣。例如，企業(yè)里面員工的自覺性是有保障的，因?yàn)橛幸幌盗泄ぷ骷o(jì)律制度和績效考核制度在約束員工，最終落實(shí)到個人的經(jīng)濟(jì)得失上。而教學(xué)中的模擬企業(yè)場景是缺乏同樣動力的。能約束學(xué)生的只有學(xué)校紀(jì)律和期末的考核評價，但最終無法落實(shí)到學(xué)生的切身利益上。企業(yè)有開除員工的人事權(quán)，在課堂教師卻不能因?yàn)閷W(xué)生沒有完成相應(yīng)項(xiàng)目進(jìn)度而開除學(xué)生，相反這一部分學(xué)生還需要教師的特別關(guān)注。

將在線協(xié)作工具引入課堂，雖然不能從制度上解決學(xué)生課堂自覺性的問題，但有利于更真實(shí)地模擬企業(yè)的業(yè)務(wù)場景和工作場景。在企業(yè)里尤其是軟件開發(fā)企業(yè)，項(xiàng)目經(jīng)理對項(xiàng)目進(jìn)度進(jìn)行規(guī)劃和把控。項(xiàng)目成員也需要及時了解自己承擔(dān)的工作的各個時間節(jié)點(diǎn)，并且在具體工作的過程中隨時向項(xiàng)目經(jīng)理反饋以便進(jìn)一步修正整個項(xiàng)目的規(guī)劃。這些往來溝通是要耗費(fèi)大量的成本的，因此很多項(xiàng)目組都會采用協(xié)作工具軟件來輔助管理。實(shí)踐表明，這些工具在企業(yè)中發(fā)揮著巨大的作用，在某些行業(yè)甚至成為了標(biāo)準(zhǔn)配置。在課堂中引入這樣的工具，可以把學(xué)生從散漫的個體自我管理納入到團(tuán)隊(duì)管理里面去。在實(shí)訓(xùn)項(xiàng)目中，每個人的職責(zé)和任務(wù)均對所有團(tuán)隊(duì)成員透明，學(xué)生對團(tuán)隊(duì)的目標(biāo)以及自己工作的內(nèi)容和指標(biāo)更加清晰。同時，如果某些學(xué)生進(jìn)度落后，團(tuán)隊(duì)其他成員也會進(jìn)行監(jiān)督或者幫助。如果能夠充分把在線協(xié)作工具運(yùn)用起來，學(xué)生項(xiàng)目團(tuán)隊(duì)甚至能夠形成自我管理的閉環(huán)。

在在線協(xié)作工具的輔助下，教師在實(shí)訓(xùn)課中充當(dāng)?shù)氖羌夹g(shù)總監(jiān)的角色。學(xué)生的各個項(xiàng)目組進(jìn)度規(guī)劃由組內(nèi)的項(xiàng)目經(jīng)理設(shè)計(jì)和把控，并通過系統(tǒng)反饋給教師。教師則通過系統(tǒng)設(shè)置相應(yīng)的項(xiàng)目驗(yàn)收點(diǎn)來定期檢查項(xiàng)目，

三、在線協(xié)作工具在網(wǎng)頁設(shè)計(jì)課程中的使用

網(wǎng)頁設(shè)計(jì)課程包括三大模塊：HTML、CSS和Javascript。三者分別負(fù)責(zé)網(wǎng)頁的結(jié)構(gòu)、表現(xiàn)形式和行為方式。這三大模塊的知識既相對獨(dú)立又相互關(guān)聯(lián)，學(xué)生需要將三者融會貫通才能真正達(dá)到職業(yè)崗位的要求。網(wǎng)頁設(shè)計(jì)同時也是橫跨平面設(shè)計(jì)和軟件技術(shù)的綜合性工作，需要不同職責(zé)的分工充分配合才能完成最終產(chǎn)品。所以網(wǎng)頁設(shè)計(jì)課程既是對學(xué)生學(xué)習(xí)能力的挑戰(zhàn)，也是對教師課堂管理能力的挑戰(zhàn)。

網(wǎng)頁設(shè)計(jì)課程包括理論知識點(diǎn)的講授和項(xiàng)目實(shí)操兩大部分。一般情況下，項(xiàng)目圍繞知識點(diǎn)開展。每當(dāng)講授完知識點(diǎn)就配以課堂小項(xiàng)目訓(xùn)練鞏固。每個章節(jié)完結(jié)會設(shè)置測試項(xiàng)目，以檢驗(yàn)學(xué)生對知識模塊的掌握程度。在課程后期或者專門的實(shí)訓(xùn)課上，學(xué)生自己組織開發(fā)團(tuán)隊(duì)進(jìn)行較大的綜合項(xiàng)目開發(fā)。課堂項(xiàng)目一般是單人完成，綜合項(xiàng)目是由5人左右的學(xué)生團(tuán)隊(duì)完成。

這些工序在綜合項(xiàng)目中尤為重要。不同工序相互關(guān)聯(lián)，而且需要學(xué)生不同的能力。因此，能否充分協(xié)調(diào)和規(guī)劃項(xiàng)目組的成員的分工成為項(xiàng)目成敗的關(guān)鍵。引入在線協(xié)作工具后，項(xiàng)目經(jīng)理可以在項(xiàng)目開始時根據(jù)項(xiàng)目需求和成員的情況制定相應(yīng)的方案，并在系統(tǒng)給成員分配相應(yīng)的角色和任務(wù)。教師也可以在系統(tǒng)中對每個組的方案進(jìn)行監(jiān)督，對不合理的設(shè)置給出修改意見。在這個過程，不但有利于項(xiàng)目的順利完成，而學(xué)生除了學(xué)到網(wǎng)頁設(shè)計(jì)的知識外，還能學(xué)到項(xiàng)目管理等課程以外的知識。

四、實(shí)驗(yàn)的設(shè)計(jì)與結(jié)果

為了驗(yàn)證在線協(xié)作工具在網(wǎng)頁設(shè)計(jì)課程中的作用，分別在17級和18級軟件技術(shù)專業(yè)進(jìn)行試驗(yàn)。我校軟件技術(shù)專業(yè)每一屆有兩個班，每班有50到60名學(xué)生。其中軟件技術(shù)1班并沒有使用在線協(xié)作工具，用作對照組。軟件技術(shù)2班用作實(shí)驗(yàn)組。兩個年級先后都進(jìn)行網(wǎng)頁設(shè)計(jì)課程的學(xué)習(xí)。課程為54學(xué)時，在機(jī)房進(jìn)行一體化教學(xué)活動，配套一周實(shí)訓(xùn)課以完成分組綜合項(xiàng)目。參加試驗(yàn)的班級均采用同一本教材，采用相同的教學(xué)標(biāo)準(zhǔn)。在54學(xué)時加一周實(shí)訓(xùn)的過程中，包含20個課堂小項(xiàng)目，1個分組綜合項(xiàng)目（項(xiàng)目選題由組內(nèi)自行選定）。最終課程評價方式為開卷上機(jī)考試;實(shí)訓(xùn)課評價方式為教師對作品效果以及完成過程打分。所有參加實(shí)驗(yàn)的班級均為同一位老師負(fù)責(zé)講授。最終實(shí)驗(yàn)數(shù)據(jù)顯示，在相關(guān)的測試指標(biāo)中，實(shí)驗(yàn)組的數(shù)據(jù)全面優(yōu)于對照組。在54學(xué)時的理論課部分，因?yàn)槭钦n堂理論講授和小項(xiàng)目為主，教學(xué)進(jìn)度主要是教師進(jìn)行把控，因此差別不大。而小項(xiàng)目一般是單人隨堂完成，復(fù)雜度較低，在線協(xié)作工具對效率的提升體現(xiàn)并不明顯。在實(shí)訓(xùn)課的分組綜合項(xiàng)目里面，學(xué)生自由選題、自主設(shè)計(jì)和開發(fā)、自我管理。在這種場景下，在線協(xié)作工具作用明顯。主要表現(xiàn)為實(shí)訓(xùn)課進(jìn)度達(dá)成率遠(yuǎn)高于對照組，表明整個開發(fā)的周期里實(shí)驗(yàn)組的學(xué)生對項(xiàng)目的把控更加精準(zhǔn)。值得注意的是，實(shí)驗(yàn)組的實(shí)訓(xùn)課參與率數(shù)據(jù)也遠(yuǎn)優(yōu)于對照組。在以學(xué)生自組織為主的課堂，后進(jìn)生是個難題。因?yàn)楹筮M(jìn)生對學(xué)習(xí)的積極性不高，在自主課堂里面往往處于自我放棄的狀態(tài)，不會參與到課堂中去。這一部分學(xué)生對團(tuán)隊(duì)的工作氛圍造成致命的影響。引入在線協(xié)作平臺后，這一部分學(xué)生給團(tuán)隊(duì)的慣性帶動，有一部分也參與到項(xiàng)目開發(fā)中去，因此實(shí)驗(yàn)組的實(shí)訓(xùn)課學(xué)生參與率高于對照組。軟件項(xiàng)目管理線上教學(xué)的組織與展開本身就是一個活生生的項(xiàng)目管理案例，要讓每位學(xué)生都意識到自己是項(xiàng)目組的一份子，可以為項(xiàng)目作出自己的獨(dú)特貢獻(xiàn)[3]。

從課程效果上看，實(shí)驗(yàn)組的各種考核評價數(shù)據(jù)均領(lǐng)先對照組。并且在自主度越大的教學(xué)場景數(shù)據(jù)的差別就越大，也就是效果越明顯。最終反映到學(xué)生滿意度上，實(shí)驗(yàn)組無疑優(yōu)于對照組。

從教師的工作量看，在軟件工具的支持下，節(jié)省了大量的檢查和溝通時間，教師能更加專注于教學(xué)和答疑。

五、結(jié)論

綜上所述，在線協(xié)作工具在網(wǎng)頁設(shè)計(jì)課程有著廣闊的應(yīng)用前景，能讓教學(xué)的實(shí)踐環(huán)節(jié)更加貼近企業(yè)的真實(shí)場景，大幅降低課堂的管理成本，提升課堂在單位時間的效能。教師能從很多無意義的檢查和溝通中釋放出來，更加專注于知識的傳授和問題解答。最終教學(xué)質(zhì)量和學(xué)生滿意度會有相當(dāng)程度的改善。

參考文獻(xiàn)：

[1]王昭.新工作環(huán)境下的團(tuán)隊(duì)協(xié)作工具交互設(shè)計(jì)分析[J].設(shè)計(jì)，2019，32（06）：124-127.

[2]付文英. 基于在線協(xié)作工具的探究學(xué)習(xí)模式構(gòu)建與應(yīng)用研究[D].西北師范大學(xué)，2019.

[3]張大平.疫情下的軟件項(xiàng)目管理在線教學(xué)[J].福建電腦，2020，36（10）：149-152.

作者簡介：鄒文杰，1979.08，男，漢族，碩士研究生，講師，研究方向：計(jì)算機(jī)軟件