信息時代下“Web應用網(wǎng)站設(shè)計”課程的線上線下混合教學模式分析

許 燕

（廣東職業(yè)技術(shù)學院，廣東 佛山 528000）

隨著信息技術(shù)的高速發(fā)展，學生接觸知識的渠道越來越多，傳統(tǒng)的教學方式在課堂教學中顯得有些滯后，經(jīng)過3年高職培養(yǎng)的畢業(yè)生仍然需要企業(yè)的再培養(yǎng)才能上崗，有悖于高職院校設(shè)定的人才培養(yǎng)目標。現(xiàn)在很多企業(yè)對應聘者都多了一項要求—工作經(jīng)驗，但是在校的學生難以取得工作經(jīng)驗。對此，學校應考慮在課程的學習過程中給學生提供同等意義的工作經(jīng)驗，教學不但要在內(nèi)容上緊跟外部的發(fā)展，也要把實際的工作項目引入學校，提供項目實踐環(huán)境，讓學生在學校就能取得同等意義的工作經(jīng)驗。把“項目引領(lǐng)”進入課程教學，與企業(yè)攜手共建項目線上實施工作室-云工作室，給學生機會在校獲取工作經(jīng)驗。通過課程學習后，能有拿得出手的作品，可直接作為企業(yè)面試作品[1]。

Web應用網(wǎng)站能開發(fā)出企事業(yè)需要的各種形式的網(wǎng)站、信息發(fā)布、政務服務、電子商城、BBS論壇、網(wǎng)絡(luò)課程平臺等。滿足各行各業(yè)需求的解決方案和作品日益增多，平時所使用的各類網(wǎng)站平臺都是本門課程的典型應用。在規(guī)定時間和預算內(nèi)高效開發(fā)項目，是Web應用開發(fā)的高質(zhì)應用。從事此崗位的人員能熟悉整個項目的開發(fā)流程，并完成項目開發(fā)非常重要。因此，在課程中，需要讓學生能以典型的工作項目作為引領(lǐng)，以滿足此崗位的需求[2-3]。

1 基于“項目引領(lǐng)”工作過程的課程教學模式

“Web應用網(wǎng)站設(shè)計”作為網(wǎng)站設(shè)計專業(yè)的核心課程，是一門與工作崗位聯(lián)系緊密、實踐性比較強，并能夠切入到企業(yè)關(guān)鍵技術(shù)領(lǐng)域的專業(yè)技術(shù)課程。通過本課程的學習，學生應具備在.NET平臺上熟練運用HTML，C#，ASP.NET，ADO.NET，Web Service，XML，N層架構(gòu)等主流技術(shù)開發(fā)Web應用程序的能力，在完成課程案例的過程中，掌握Web應用系統(tǒng)開發(fā)流程、開發(fā)技巧和編程規(guī)范，這也是“Web應用程序設(shè)計與開發(fā)工程師”職業(yè)應具備的崗位技能。“Web應用網(wǎng)站設(shè)計”對于計算機網(wǎng)絡(luò)技術(shù)專業(yè)來說，是專業(yè)技能提升的重要課程，具有舉足輕重的地位。

在多年對此門課程的建設(shè)過程中，筆者已經(jīng)有了豐富的教學經(jīng)驗，但是在MOOC、微課來襲，信息高速發(fā)展的時代，教師們也要跟上時代的步伐，將革新教學模式。本課程以理論和實踐一體化的工作過程為導向，構(gòu)建“工作過程完整”的學習過程，進行基于“項目引領(lǐng)”的工作過程實踐性教學（見圖1），主要在優(yōu)化教學設(shè)計（制作視頻、微課、PPT、任務單等）、完善網(wǎng)絡(luò)課程平臺建設(shè)（發(fā)布各類微課、PPT等資源）、翻轉(zhuǎn)課堂的實施（讓學生利用豐富的線上資源在課前學習，讓課堂上項目的實施變得更為有效率）等方面進行。三者相互輔助，讓項目引領(lǐng)的課程改革能在教學中取得良好的效果[4]。

圖1 基于“項目引領(lǐng)”的工作過程實踐性教學

1.1 基于“項目引領(lǐng)”工作過程的教學設(shè)計

本文從業(yè)崗位能力需求、行業(yè)標準、職業(yè)資格標準融入教學設(shè)計入手，在工作過程系統(tǒng)化課程開發(fā)模式指導下，通過企業(yè)調(diào)研，依據(jù)崗位需求，確定核心技術(shù)，重構(gòu)課程內(nèi)容。從職業(yè)工作出發(fā)選擇課程內(nèi)容，并按照職業(yè)能力從易到難的順序安排教學；課程內(nèi)容首要強調(diào)的是獲取完成工作任務的過程性知識，解決“怎么做”（經(jīng)驗）和“怎么做更好”（策略）的問題。以真實的企業(yè)項目為導向，根據(jù)任務驅(qū)動構(gòu)建基于工作過程的“Web應用網(wǎng)站設(shè)計”課程的各個教學單元設(shè)計。

整個課程的設(shè)計以“引進一項目，創(chuàng)設(shè)一項目”為主線（見圖2）：對引進項目中完整項目開發(fā)的模塊任務進行分解，以嵌套知識點的模塊任務，作為工作流的每一個步驟；創(chuàng)設(shè)項目則是在完成引進項目后，自主設(shè)計的完整項目開發(fā)[5]。

圖2 課程設(shè)計主線

1.2 基于“項目引領(lǐng)”工作過程的網(wǎng)絡(luò)課程的設(shè)計

本項目擬借鑒目前流行的MOOC建設(shè)理念，積極、主動地結(jié)合廣東職業(yè)技術(shù)學院專業(yè)資源特色和網(wǎng)絡(luò)教學平臺，設(shè)計課程平臺。利用“智慧職教云平臺”，基于“項目引領(lǐng)”工作過程進行課程設(shè)計，將項目分解到各個子項目，每個子項目里面包含有PPT課件和視頻。（1）課前，讓學生按規(guī)劃提前了解知識點和模塊任務。（2）課中，重點講解難點和提升學生靈活運行的能力。（3）課后，下達模塊任務，讓學生能在運用知識點完成模塊的基礎(chǔ)上增加功能。

結(jié)合廣東職業(yè)技術(shù)學院的“得實網(wǎng)絡(luò)教學平臺”建設(shè)網(wǎng)絡(luò)課程網(wǎng)站，將設(shè)計的各類視頻、微課、PPT、任務單等資源放到網(wǎng)絡(luò)課程平臺，以供學生的在線學習。實現(xiàn)對資源的顯示、管理、創(chuàng)意項目發(fā)布、在線學習、在線交流、加入真實項目開發(fā)等功能。通過巧妙設(shè)計“真實項目”，拋出“問題-解決方案”的模式，可以培養(yǎng)學生“自主學習”能力，自我設(shè)計方案和解決問題，并對相關(guān)知識深入挖掘的能力，既完成任務，又能在學習過程中獲取樂趣。通過平臺的建立，提供給學生另外一種學習方式，并且能將課程引入社會，讓對喜歡該課程的社會人員也能參與到課程中，與學生一起交流。“得實網(wǎng)絡(luò)教學平臺”主要包含以下內(nèi)容：

（1）前臺界面：課程模塊，顯示本課程的所有微課和教學視頻，可按熱門度、最新上傳等方式檢索和顯示；收集典型案例、往屆學生的好作品放在優(yōu)秀項目展示模塊；“企業(yè)”項目模塊，顯示教師/企業(yè)拋出的項目以供學生選擇加入項目開發(fā)。

（2）開發(fā)者中心：用戶可以對自己參與項目進行管理，上傳、刪除設(shè)計作品；可以發(fā)起或加入討論組，對某一問題進行咨詢或討論；項目點評，學生可對同學的設(shè)計進行點評，提出建議。

（3）后臺管理：教師可以對課程進行管理；用戶管理；開發(fā)項目的發(fā)布和管理。

1.3 利用網(wǎng)絡(luò)平臺，進行“項目引領(lǐng)”的課堂實施

階段一，“引進項目”：引入企業(yè)的具體項目，用實際的工作任務、工作過程和工作情境組織課程教學，采用“課前理論知識點的自主學習”→“課堂項目模塊技術(shù)分析與討論”→“課后自行完成模塊設(shè)計/與同學間PK討論優(yōu)化功能”的方式進行設(shè)計。

階段二，“創(chuàng)設(shè)項目”：下達項目選題，由學生組隊選擇主題。教師作為客戶“甲方”，提出需求；學生作為開發(fā)者“乙方”，進行項目創(chuàng)設(shè)。重在學生的創(chuàng)作設(shè)計，讓學生能以工作環(huán)境狀態(tài)完成一個項目的完整“策劃-開發(fā)-測試-交付”的過程。課堂單元設(shè)計上，以“下單任務單”→“創(chuàng)作設(shè)計完成任務”→“逐步考評驗收”。

做好教學設(shè)計后，利用職教云平臺，實現(xiàn)翻轉(zhuǎn)課堂的實施。完成如圖3所示的教學目標。

圖3 教學目標

2 校企合作云工作室運作

開辦“項目線上實施工作室”，利用騰訊會議、釘釘?shù)染€上辦公軟件，讓企業(yè)、教師、學生三方都能不受空間的限制，可以邀請企業(yè)做線上講座或項目啟動會；教師、學生之前可以通過會議溝通項目進展情況。

到網(wǎng)站設(shè)計公司、軟件開發(fā)公司等相關(guān)企業(yè)進行調(diào)研，學習企業(yè)的商業(yè)案例，與企業(yè)的專家共同探討和設(shè)計合適的項目，把實際的工作項目引入到學校。企業(yè)發(fā)布項目后，學生可以組隊申請參與該項目的開發(fā)；教師評估后，安排學生有序進行項目的開發(fā)工作；學生獲取項目開發(fā)權(quán)后，做好項目實施計劃，線上與項目提出“企業(yè)”方，進行緊密溝通。利用線上工作室，可以提前模擬進入企業(yè)的工作環(huán)境，按Web開發(fā)團隊人員組成（見圖4）和學生的特長進行分組管理，可分為策劃組、美工組、前端組、后端組等。在項目實施的過程中，可以突出自身優(yōu)勢，形成合力，同伴間取長補短，有利于增長各自的技能，形成一種有效的學習模式。

圖4 Web開發(fā)團隊人員組成

3 項目著作證書認證

與合作企業(yè)一同撰寫項目著作證書認證標準，培養(yǎng)學生在校完成企業(yè)項目的能力。在第一階段項目學習結(jié)束后，進入第二階段創(chuàng)設(shè)項目的部分。

校企合作，與企業(yè)聯(lián)合發(fā)布項目任務，學生可組隊認領(lǐng)項目后，按項目開發(fā)的流程進行需求分析→數(shù)據(jù)設(shè)計→前端設(shè)計→功能模塊設(shè)計→網(wǎng)站測試與發(fā)布等步驟。老師可跟蹤學生的每個足跡，當完成項目，由企業(yè)人員負責驗收，根據(jù)項目需求分析和驗收標準，對完成優(yōu)異的項目，頒發(fā)項目著作證書。具體流程如下：（1）雙方確立《網(wǎng)站建設(shè)方案書》。（2）按照項目實施文件，開發(fā)小組應進行日報、周報等可溝通的文檔匯報，雙方就具體的效果進行溝通。（3）根據(jù)網(wǎng)站項目驗收標準進行審核，例如：界面設(shè)計排版是否符合預期、程序和功能模塊的完整性、Bug檢測、網(wǎng)站速度測試等。（4）對符合標準的項目頒發(fā)證書。

4 結(jié)語

本團隊到畢業(yè)生所在企業(yè)進行調(diào)研，了解畢業(yè)生對在校所學知識和企業(yè)需求的是否有差距，通過調(diào)查與反饋，對課程設(shè)計進行研究，做到跟企業(yè)良好的對接。與合作企業(yè)共同探討引進項目，使得學生在課堂中就能獲得真實項目的開發(fā)流程。采用“云工作室”“項目認證”等方式，讓學生能真確地體會工作場景，培養(yǎng)網(wǎng)站設(shè)計職業(yè)能手。