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

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

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

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

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

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

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

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

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

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

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

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

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

隨著我國(guó)基礎(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í)場(chǎng)景，這是高職教育的定位所決定的。學(xué)生在企業(yè)模擬場(chǎng)景下完成相應(yīng)的任務(wù)，以后走上真實(shí)崗位就能夠馬上上手。但是，教學(xué)過(guò)程中模擬的場(chǎng)景并不能完全和真正的企業(yè)場(chǎng)景一樣。例如，企業(yè)里面員工的自覺(jué)性是有保障的，因?yàn)橛幸幌盗泄ぷ骷o(jì)律制度和績(jī)效考核制度在約束員工，最終落實(shí)到個(gè)人的經(jīng)濟(jì)得失上。而教學(xué)中的模擬企業(yè)場(chǎng)景是缺乏同樣動(dòng)力的。能約束學(xué)生的只有學(xué)校紀(jì)律和期末的考核評(píng)價(jià)，但最終無(wú)法落實(shí)到學(xué)生的切身利益上。企業(yè)有開(kāi)除員工的人事權(quán)，在課堂教師卻不能因?yàn)閷W(xué)生沒(méi)有完成相應(yīng)項(xiàng)目進(jìn)度而開(kāi)除學(xué)生，相反這一部分學(xué)生還需要教師的特別關(guān)注。

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

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)課程包括理論知識(shí)點(diǎn)的講授和項(xiàng)目實(shí)操兩大部分。一般情況下，項(xiàng)目圍繞知識(shí)點(diǎn)開(kāi)展。每當(dāng)講授完知識(shí)點(diǎn)就配以課堂小項(xiàng)目訓(xùn)練鞏固。每個(gè)章節(jié)完結(jié)會(huì)設(shè)置測(cè)試項(xiàng)目，以檢驗(yàn)學(xué)生對(duì)知識(shí)模塊的掌握程度。在課程后期或者專(zhuān)門(mén)的實(shí)訓(xùn)課上，學(xué)生自己組織開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行較大的綜合項(xiàng)目開(kāi)發(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)目開(kāi)始時(shí)根據(jù)項(xiàng)目需求和成員的情況制定相應(yīng)的方案，并在系統(tǒng)給成員分配相應(yīng)的角色和任務(wù)。教師也可以在系統(tǒng)中對(duì)每個(gè)組的方案進(jìn)行監(jiān)督，對(duì)不合理的設(shè)置給出修改意見(jiàn)。在這個(gè)過(guò)程，不但有利于項(xiàng)目的順利完成，而學(xué)生除了學(xué)到網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)外，還能學(xué)到項(xiàng)目管理等課程以外的知識(shí)。

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

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

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

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

五、結(jié)論

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

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