基于知識共享的Web前端開發技術課程小組項目式作業教學改革與實踐

羅才華　黎欣

摘要：自HTML5標準正式發布以來，我國Web前端開發人才的需求呈現快速增長，同時對Web前端開發人員也提出了新的要求與挑戰。為了改善Web前端開發技術課程案例教學中知識點單一，綜合性不強和項目式教學中學生失去項目選擇自由、缺乏團隊協同開發等問題，提出了基于知識共享的小組項目式作業教學。該教學以小組項目式作業形式布置給學生，學生自由組合成項目小組，每小組推舉組長一名，共同完成項目選題、分工和開發，要求在規定時間內完成項目，并進行項目展示、答辯評比、作品上線等環節。

關鍵詞：知識共享;Web前端;小組項目式作業;教學改革

Web前端開發技術課程是移動應用開發專業的一門核心課程，內容繁多復雜，主要包括HTML5、CSS3和JavaScript三部分，以及圍繞這三者開發出來的大量技術框架和解決方案[1-2]。該課程具有較強的綜合性和實用性，是后續動態網站開發類課程的前導課程，為學生將來從事前端開發相關工作奠定扎實的理論與實踐基礎。課程目標要求學生掌握Web前端開發的主流工具軟件、Web前端制作的基本方法與技巧和主流框架技術的運用，具備獨立開發一定規模的靜態網站的能力。

文章探討的小組項目式作業教學法，是將項目式教學與其他教學模式相結合的一種教學模式，是教師針對教學內容設計一系列相對獨立的項目任務，以作業形式布置給學生，學生以小組合作形式組織、分工、實施，最后在規定時間內完成并進行項目展示、PPT陳述、評比、答辯、作品上線等環節。小組項目式教學法將注重教學任務轉化為項目實施是以小組作業的形式實現的，是以小組為單位將教學內容任務化，并“以競賽形式完成教學任務”。

一、相關文獻回顧

知識共享是知識管理的主要內容，是其他個體接受與實踐應用的知識轉化過程[3]，是知識創新的關鍵途徑和驅動力[4-5]，是個體通過分享信息、經驗、技能等專有知識以幫助他人或與他人合作來解決問題、產生新想法的行為過程[6]，也是提升知識價值的重要途徑。知識共享過程是共享主體間直接或間接地傳授與分享知識，野中郁次郎等[3]從知識轉化的角度提出了著名的知識共享SECI模型。在知識經濟時代背景下，對科研機構與團體、知識型企業和高校大學生學習型組織而言，知識共享顯得極其重要。只有將個人的知識進行共享后才能有效地與其他知識融合再創新，同時，知識的交換和流動，也為知識共享主體間知識優勢互補創造了條件。

郭韌等[7]對組織知識共享氛圍對管理創新的影響進行了研究，提出了基于員工自我效能的調節中介模型;楊保軍[8]認為企業內部知識共享與企業品牌進化、營銷績效之間存在正相關;潘聞聞和鄧智團[9]從創新街區內不同創新主體的互動和協作論述了創新形成的機制，指出了在確定創新主體維度的前提下，政策的強約束將有效提升創新產出和越高維度主體之間的知識共享復雜度越高，需要在強約束下才能有效促進創新產出。孫金花等[10]從知識付費調節視角，分析了知識付費作用下的自我效能感對隱性知識共享意愿的中介效應;徐亞萍和劉和東[11-12]對研發人員知識共享機制和合作創新中知識共享關鍵要素的影響效應進行了研究;曹萍等[13]對IT外包中組織內部控制機制對知識轉移的影響進行了探索，指出組織采取有效措施能更好地管理知識轉移過程，促進知識轉移效率，提高企業外包績效和創新能力。耿瑞利和申靜[14]對社交網絡用戶知識共享行為動機進行了研究;張紅兵等[15]從“融知”發酵的視角，對高校教師創新團隊知識共享機制進行了探索;嚴東強和朱夢妍[16]從基于知識共享的高職教學團隊組織機制開展了研究工作;萬紅新[17]從“互聯網+”視角，對知識共享型課程的教學傳導路徑進行了研究;居佳等[18]從團隊雙元文化和員工調節焦點等方面分析了項目緊迫性對項目團隊內知識共享的影響;吳素春等[19]認為學習能力或交際能力較強、人緣好或具有個人魅力的學生易在共享網絡中形成小團體，學生們在知識共享網絡的中心程度差異較大，核心成員擁有網絡中的大部分連接，有更多的機會享受知識共享優勢。

通過對已有文獻的梳理，發現目前對知識共享的研究主要集中在企業內部，具體內容有共享知識的分類、共享知識的方式、知識共享的影響因素、知識共享的理論模型等多個方面，研究的對象大多為企業員工、科研團隊與項目組，針對高職學生的學習組織知識共享的研究較少;小組項目式作業教學中的小組不同于一般的組織，其組織文化、組員結構、組織承諾、激勵制度、動機收益都與企事業組織存在較大的差異。另一方面，近年來我國高職教育快速發展，隨著高職招生規模的不斷擴大，50人左右的專業班級已是普遍現象，同時受到場地、經費、師資等條件的制約，實施小班化教學非常困難。另外，隨著招生考試的改革，學生群體在知識基礎和學習新知識能力等方面的差距在加大，大班化教學難以達到預期目標。當一個學生掌握的知識對其他學生具有價值，而其他學生又未掌握時，就有了知識共享的需要。因此，在大班化教學成為常態的背景下，研究高職學生課程小組項目式作業教學改革與實踐具有重要的現實意義。

二、課程教學改革的重點

Web前端開發技術課程內容繁雜，開發工具與相關技術更新推新速度較快，給課程的教學增加了難度。目前該課程教學過程中存在的主要問題有：課程教學開發工具落伍。EditPlus和Dreamweaver等工具很難勝任當前的Web開發，現如今Web前端開發崗位不但要求學生掌握界面設計，還要求學生掌握代碼設計，特別是JavaScript;課程教學內容陳舊，教學案例設計不合理。Web前端開發課程發展速度和更新速度太快，教材內容更新跟不上行業發展，高質量的實踐教材更加缺乏，這就要求教師要根據學生的情況設計教學案例，不但要求教師掌握Web前端發展現狀，把握發展趨勢，還要求教師要熟悉學情，根據學生因材施教;課程教學實踐課時偏少，學生實踐動手能力難以得到充分鍛煉，教學效果欠佳。Web前端開發課程實踐性較強，學生除了完成課堂教學案例外，還應通過綜合前端項目來提升動手能力和積累開發經驗;課程教學考核評價不合理，注重結果評價和理論考核。考核評價方式單一與不科學，在一定程度上抑制了學生學習的積極性、主動性和創作靈感，全面、公平、客觀的考核評價體系對于編程類實踐性較強的課程非常必要。

（一）以Web前端開發工程師崗位技能需求為導向構建課程教學內容

由于學生前期學過Java，使用過Eclipse開發工具，Web前端開發技術課程教學的開發工具選用HBuilder，根據Web前端開發行業趨勢與Web前端工程師崗位技能需求教學內容擴增為HTML5、CSS3、JavaScript、Node.js和Vue.js等框架4大塊教學內容。新構建的課程教學突出三個重點內容：盒模型理論與定位、浮動知識融入到實際網站布局案例當中，綜合運用DIV+CSS技術解決網頁中的布局與顯示問題，能熟練使用Chrome或Firefox等瀏覽器的開發者工具進行頁面調試與設計，能處理前端開發中常見的瀏覽器兼容性問題;熟練使用HTML5和CSS3新增常用標簽與屬性，同時了解各主流瀏覽器對這些新增標簽與屬性的支持情況，了解移動開發與游戲開發的技術要求與發展趨勢;以JavaScript的BOM和DOM為基礎展開教學，掌握BOM和DOM常用對象、理解DOM樹及節點操作，會使用Node.js和Vue.js等主流框架進行小組項目式作業的項目開發，培養學生設計并實現交互式網頁的能力和基于知識共享的小組團隊協同開發能力。

（二）增加實踐教學課時，課程前期采用案例教學，后期運用項目式教學

編程經驗的積累與編程技術的提升離不開編程實踐，從某種意義上來說，學生日均敲代碼數量的多少決定了學生編程水平的高低。根據高職學生基礎比較薄弱和Web前端開發技術課程實踐性較強的特點，增加實踐教學課時，每周6學時，共16周96學時，理、實教學各48學時，比例為1：1。本課程教學過程中采用混合式教學，線上教學過程中教師會根據班級學生實際情況設置實驗項目，并對各學生線上學習參與情況與效果開展評估，達到促進學生利用課余時間完成線上實驗項目、增加學生課外自主練習時間和提升學生實踐能力的目的。另外，在課程前期基本知識教學過程中采用任務驅動式案例教學，教師根據學生情況，精心設計教學案例，將課程知識融入到教學案例中;學生在課程后期掌握了一定的前端開發基本知識與技能，因此運用項目式教學來完成課程的后期教學，任課教師根據學生前期的學習情況，組織、設計并實施一個相對完整的項目任務，讓學生在完成項目的實踐過程中掌握基本知識與方法、綜合運用所學知識解決實際問題，實踐證明，這種“做中學，學中做”的教學方式，能充分激發學生學習的熱情，提高學生自主學習的積極性和動力，有助于提高學生的邏輯思維和編程能力。

（三）實施基于知識共享的小組項目式作業教學

經過課程前期的案例教學和后期的項目式教學后，學生掌握了Web前端開發的基本知識和技能，為了進一步鞏固學生所學知識，完善學生知識體系，檢驗學生綜合運用知識解決實際項目開發問題的能力，增強學生知識共享意愿，促進學生知識共享行為，提高學生協同開發的能力水平，在課程結束前三周實施基于知識共享的小組項目式作業教學。小組項目式教學是由教師提出相對獨立的項目任務和要求，以作業形式布置給學生，學生以小組合作形式組織、分工、實施，最后在規定時間內完成項目并進行項目展示、PPT陳述、評比、答辯、作品上線等環節。小組項目式作業教學重點與難點在于開展的時機、所占學時、具體步驟、學生分組策略和課程考核評價方法。

（四）突出過程考核，優化考核評價機制

要將學生培養成為能滿足IT行業需求的Web前端開發工程師，對現行的課程考核評價機制進行改革就非常有必要。改變“重結果，輕過程”的考核方式，推行“以知識體系為基礎，以編程實踐能力為重點，理論與實踐考核并重、突出過程考核、重視結果考核、將學生知識共享意愿與行為納入課程考核”的綜合考核評價方法，即課程總評成績=平時考核20%+期末考試40%+小組項目式作業考核30%+知識共享意愿與行為10%。其中，理論考核占40%，而過程性考核占60%，平時考核包括學生上課考勤、課堂內外作業和練習、線上學習情況等，主要由教師考核學生;期末考試主要考核學生對課程知識體系的掌握與應用情況;小組項目式作業考核由項目作業組長考核組員對項目的參與度與貢獻值、組員互評和項目展示與答辯三個部分組成，采取組長考核、組間互評和教師評分三者相結合的原則，突出教師主導地位和學生主體地位。知識共享意愿與行為評價分為組內互評和組間評價兩部分，組內互評和組間評價分別占比70%和30%。

（五）小組項目式作業線上線下展示，選拔技能競賽人才

小組項目式作業最后都要完成線上線下展示環節，為更多的同學提供交流與學習的機會和平臺。Web前端開發知識繁多、技術更新較快，每個學生所接收的知識與掌握的技術是有限的，這就使得學生之間知識共享變得尤為重要，知識共享不僅能促進學生個體和項目組的知識良性流動與增值，還可以增強學生個體間彼此信任感和協作精神。通過小組項目式作業教學與線上線下展示過程，可以發現理論知識扎實、學習能力強、編程水平高和具有較強知識共享意愿與行為的同學，為融媒體相關技能競賽和Web項目開發選拔人才。

三、基于知識共享的小組項目式作業教學改革與實踐

知識共享是知識在組織中交流、傳遞、轉移和創新的過程，是個體間相互學習、知識交換與知識創新的過程，知識共享與信息共享有較大差別。當某個學生掌握的知識對其他未掌握該知識的學生具有價值，就有了知識共享的需要，可是知識共享行為和效果卻受到很多因素的制約。例如，知識共享意愿、隱性知識的模糊性、知識共享過程中知識提供者付出的時間成本，擔心自己掌握的知識失去價值，失去“學霸”地位和獎學金評定的優勢，知識共享過程中知識的接收者對知識的吸收能力和學習能力等，學生會傾向于囤積自己的知識，不太愿意參與知識共享。

（一）小組項目式作業教學中的幾個關鍵問題

小組項目式作業教學開展的時機、學時比例、具體步驟、分組策略及評價考核方法等是小組項目式作業教學中要解決的幾個關鍵問題。小組項目式作業教學什么時候開展是個重要的問題，開展的太早，學生知識及技能準備不足，開展的太遲，受項目緊迫性和期末考核等因素的影響，不利于項目小組內和組間的知識共享[18]。近兩年來的教學實踐結果表明，在課程結束前三周實施基于知識共享的小組項目式作業教學效果為宜，小組項目式作業教學占用三周學時，需經過小組人員分配、組長選拔和項目答辯等環節，各小組必須在規定時間內完成項目并進行項目的展示和答辯，最后根據答辯過程老師及同學提出的改進意見對項目進行完善并完成作品上線，達到小組項目作業作品線上線下展示的標準。各項目組長選拔采用自薦+老師和同學推薦相結合方式，項目組長負責管理項目小組，如項目分工、項目進度、考核等工作。評價考核“重過程，輕結果”，即突出過程考核，適當降低結果考核比重，組長評分和組員間互評分在課程總評中占一定比例，這樣有利于促進同學與組員間的交流，提高學生的知識共享意愿和促進知識共享行為。

（二）小組項目式作業教學改革成效

課題組從2017年開始先后對14個教學班的《Web前端開發技術》課程進行了“基于知識共享的小組項目式作業教學”教學實踐。通過調查問卷形式對小組項目式作業教學改革相關教學班級進行了教學效果調查，實發調查問卷567份，收回有效問卷558份，占比98.41%。調查數據顯示小組項目式作業教學法優于傳統教學和一般的項目式教學，取得了較好的教學效果，具體表現在小組選擇項目的自主性、小組成員組成的主觀性、學生發揮項目創意的空間性、小組成員間知識共享意愿主動性、知識共享行為促進知識互補性和“項目績效”管理的有效性等方面。

1.適度的項目緊迫性有助于知識共享行為。實踐結果表明，適度的項目緊迫性能夠促進項目內成員間和班組織項目團隊間知識共享行為，而當項目緊迫性過強時，項目組成員面臨時間壓力，傾向于將時間和精力集中在完成項目任務本身而不是知識共享活動上。因此，過強的項目緊迫性會在一定程度上阻礙和抑制項目成員間的知識共享，從而降低知識流動頻率和捕獲率。適度的項目緊迫性有助于激勵項目組成員尋求其他人的幫助，從而促進知識共享活動。適度的項目緊迫性有利于促進項目團隊營造交流經驗和技能等隱性知識、主動學習的適應性文化氛圍。

2.情感承諾水平與知識共享行為呈正相關。情感承諾水平的高低體現學生對項目小組和教師教法的認同感，會影響其知識共享行為和組織責任感，并且兩者間呈正相關。如果學生對組織的情感和認同度較低，則會更關心共享活動獲得他人認同與回報和對失去知識權力的恐懼，會傾向于只共享顯性知識，隱性知識的共享意愿較低，而隱性知識更能體現學生的實力和競爭力。因此，在小組項目式作業教學過程中，我們應對學生合理分組，對小組選擇項目給予指導并提出要求，充分激發學生的學習積極性，體驗Web前端編程的趣味性，提倡探究式學習，共同營造項目組內和組間互幫互學和“比學趕超”的學習氛圍，努力提升學生的組織認同感，進而提高學生情感承諾水平和增強知識共享的意愿，引導學生重視知識共享活動給予他人幫助所帶來的認同和精神愉悅等自我效能感，而非物質報酬和個人價值的追求。

3.改善師生關系，提升學生項目開發能力和參與度。Web前端開發技術小組項目式作業教學過程，教師分享挖掘到的互聯網教學資源，參與項目分組和小組選題過程，對各小組在項目開發過程中存在的各種技術問題、項目分工和開發進度等給予及時的指導，鼓勵學生加強個性化學習和知識共享，提升團隊協作水平。由于教師全程參與到小組項目式作業的項目分組、選題、開發和答辯的各個環節，拉近了師生的距離，增加了師生互動交流的機會和主題，有效改善師生關系。學生通過Web前端開發技術課程的小組項目過程，體會到編程的樂趣、探究學習和知識共享的重要性，進一步加深了對項目式團隊協作開發的理解和體驗。學生通過小組項目式作業提升了編程技能，積累了一定的編程經驗，增強了學生的自信心和提高了學生參與各級競賽、課程資源建設和承接企業實際項目的積極性。

兩年多來的教學改革與實踐結果表明，學生參與大學生創新創業項目、各級競賽的校內選拔賽規模逐年遞增，競賽獲獎人數和等級都逐年提高。學生完成小組項目式作業線上線下展示后，為了進一步提高自身的Web開發能力，可以申請參加教師的Web前端開發技術課程教學資源庫建設和承接企業實際Web項目。

四、結語

組織學習和知識共享是學生獲取知識的重要途徑，是快速提高學生競爭力和知識互補的重要手段，是實現知識創新的有效方式。很多專業班級都擁有優秀學生，掌握了大量知識和編程技能，但如果其知識不能在組織層面共享，僅僅為少部分學生所用，也就未形成組織知識，不能更大程度地發揮其作用。

小組項目式作業教學法是以在保證每組學生綜合能力相當的前提下，提倡學生自由組合，這在一定程度上增強了項目小組成員間溝通和協作的基礎和意愿。由于小組項目式作業涉及的知識與技術繁多，再加上課程成績多元評價、小組作品線上線下展示和青年學生強烈的爭強好勝心理，為爭取項目順利完成，并在項目展示和答辯時取得好評，項目小組內部組員之間和項目小組之間的知識共享需求、共享意愿和共享行為在小組項目式作業完成過程中都遠遠超過平時水平。通過成立的項目式小組共享節點，營造鼓勵學生進行自發式知識共享和傳播，主動分享知識的意愿和行為習慣，鼓勵并保障相互學習和知識共享行為的持續性的良好氛圍。

知識共享是軟件項目協作的主要推動力，是學生獲取外部知識的重要方式，及時對項目中的知識進行內化與總結，并進行知識轉移，能有效防止項目知識的遺忘和流失。“學霸”是小組項目式作業中的靈魂，要最大程度上發揮“學霸”知識共享的示范作用，并鼓勵同學養成主動、公開分享知識的習慣。通過課程成績多元評價體系能提高學生學習的興趣和積極性，形成知識共享和“比學趕超”的學習氛圍。通過對項目式作業作品的演示、答辯和線上線下展示，提高學生學習積極性和進一步學習Web技術的動力，可以說是邁出了走向Web前端開發職場的關鍵一步。優秀的作品也可以為以后學習“Web前端開發技術”課程的學生建立信心，樹立學習榜樣;另外，優秀的作品對教師也能起到一定的鞭策作用，形成師生相互學習、共同進步的良好局面。

參考文獻：

[1]? 孟瑤，葛玉潔，王康等.“Web前端開發技術”課程微課設計研究[J].計算機時代，2019 （03）：82-84.

[2]? 葉文全，劉彥會.遞進式案例教學法在高職課程中的應用——以“Web前端開發”課程為例[J].河北職業教育，2018，2（05）：42-45.

[3]? Nonaka I，Krogh G V.Tacit knowledge and knowledge conversion： controversy and advancement in organizational knowledge creation theory[J].Organization Science，2009，20（03）：635-652.

[4]? 李佳賓，朱秀梅，湯淑琴.知識共享研究述評與未來展望[J].情報科學，2019，37（05）：166-172.

[5]? 王占軍，潘夢君.大學教師科研合作中的知識共享：制約因素與機制改善[J].江漢大學學報， 2019，36（03）：115-124+128.

[6]? Wang S ， Noe R A . Knowledge sharing： A review and directions for future research[J]. Human Resources Management Review，2010，20（02）：115-131.

[7]? 郭韌，周飛，林春培.組織知識共享氛圍對管理創新的影響：基于員工自我效能的調節中介模型[J].科研管理，2018，39（10） ：70-78.

[8]? 楊保軍.企業內部知識共享、品牌進化與營銷績效實證研究[J].科技管理研究，2018，38（19）：159-164.

[9]? 潘聞聞，鄧智團.多元主體、確權約束與創新街區知識共享的有效性研究[J]. 南京社會科學，2019（03）：64-73.

[10]? 孫金花，劉芫，胡健.感知知識個人所有權與隱性知識共享意愿——知識付費調節作用下的中介效應[J].現代情報，2019，39（05）：80-88.

[11]? 徐亞萍，劉和東.研發人員知識共享機制研究[J].山西科技，2018，33（04）：1-5+10.

[12]? 劉和東，徐亞萍.合作創新中知識共享關鍵要素的影響效應研究[J].南京工業大學學報（社會科學版），2019，18（02）：90-97+112.

[13]? 曹萍，張劍，熊焰.IT外包中組織內外部控制機制對知識轉移的影響效應[J].北京理工大學學報（社會科學版），2019，21（02）：97-106.

[14]? 耿瑞利，申靜.不同文化視域下社交網絡用戶知識共享行為動機研究[J].中國圖書館學報，2019，45（01）：60-81.

[15]? 張紅兵，楊博，張素姣.高校教師創新團隊知識共享機制——基于“融知”發酵的視角[J].高等財經教育研究，2019，22（02）：1-6.

[16]? 嚴東強，朱夢妍.基于知識共享的高職教學團隊組織機制研究[J].產業與科技論壇， 2018，17（16）：244-245.

[17]? 萬紅新.“互聯網+”背景下知識共享型課程的教學傳導路徑研究[J].教育現代化， 2019， 6（28）：213-215.

[18]? 居佳，任旭，郝生躍.項目緊迫性對項目團隊內知識共享的影響研究——團隊雙元文化和員工調節焦點的作用[J].研究與發展管理，2019，31（02）：154-166.

[19]? 吳素春，萬卉林，王純陽.知識共享網絡結構與學習績效關系研究——基于“管理學”教學班的調查[J].高教探索，2019（02）：40-47+76.