陶藝文 張靜

【摘要】高職院校信息化建設(shè)和教育教學(xué)改革中，混合式線上線下教學(xué)為高職教育提供了更多選擇。受新冠肺炎疫情影響，各高校積極展開線上教學(xué)，文章以網(wǎng)頁設(shè)計課程為例，詳細介紹了情境項目式混合教學(xué)的設(shè)計與實施，以及教學(xué)成效和不足之處。

【關(guān)鍵詞】混合式教學(xué)創(chuàng)設(shè)情境高等職業(yè)教育

【基金項目】2019年江蘇省高等教育教學(xué)改革研究課題《基于現(xiàn)代信息技術(shù)的新型教學(xué)模式改革探索與實踐》（2019JSJG457）。

【中圖分類號】G71? 【文獻標識碼】A??? 【文章編號】2095-3089（2021）11-0074-02

“互聯(lián)網(wǎng)+教育”時代，各高校紛紛試點信息化教學(xué)，全面促進了高職院校信息化建設(shè)和教育教學(xué)改革。依托于互聯(lián)網(wǎng)，混合式線上線下教學(xué)已逐漸普及。2020年新冠肺炎疫情蔓延，根據(jù)教育部對高?！巴Ｕn不停教，停課不停學(xué)”的在線教學(xué)組織與管理工作的指導(dǎo)意見，常州信息職業(yè)技術(shù)學(xué)院綜合運用信息化手段，積極開展線上教學(xué)活動。網(wǎng)頁設(shè)計課程教學(xué)著重于應(yīng)用，線下項目式教學(xué)著重于教師演示、學(xué)生模仿、教師巡回指導(dǎo)，由于上課方式的改變，課堂案例以錄屏形式共享于課程QQ群，學(xué)生可以利用碎片化時間重復(fù)觀看，本次教學(xué)著重于將項目情境化融入線上線下混合式教學(xué)中。

一、情境項目式混合教學(xué)設(shè)計與實施

1.第一階段：線上課堂案例情境化

第一階段旨在幫助學(xué)生理解知識、夯實基礎(chǔ)，教師需要將完整案例制作成視頻或者微課在線上發(fā)布，要求學(xué)生課前預(yù)習(xí)部分知識點，課上直接跟隨教師演示完成同步訓(xùn)練。

從課堂案例“電影世界首頁”頁面設(shè)計開始創(chuàng)設(shè)情境：假設(shè)自己所在的小組在公司負責(zé)門戶網(wǎng)站的電影板塊，周一晨會上項目經(jīng)理羅列了本周頁面技術(shù)需求，經(jīng)討論小組成員確定了最新版本“電影世界首頁”的視覺效果圖。作為新員工你接到任務(wù)，用DIV+CSS布局還原靜態(tài)頁面效果，這是你入職以來接到的第一個獨立任務(wù)，你躍躍欲試……

創(chuàng)設(shè)情境的目的在于引導(dǎo)學(xué)生系統(tǒng)性地思考，項目需求是什么，用戶需求是什么，自己在整個網(wǎng)頁設(shè)計流程中所處的環(huán)節(jié)和作用，更好地理解設(shè)計流程，主動去向目標靠近，而不是僅僅將課堂知識復(fù)制還原。在前面學(xué)習(xí)完基礎(chǔ)HTML標簽和基礎(chǔ)CSS樣式之后，網(wǎng)頁設(shè)計的難度已經(jīng)從簡單的執(zhí)行層面，轉(zhuǎn)向設(shè)計層面，只有理解自身所處的情境，才能做出符合產(chǎn)品需要的設(shè)計。

課堂上著重于引導(dǎo)學(xué)生去分析案例的頁面框架和內(nèi)容，進一步加深DIV嵌套模型框架的理解，將網(wǎng)頁頁面結(jié)構(gòu)和代碼結(jié)構(gòu)相對應(yīng);同時學(xué)會根據(jù)效果圖對基礎(chǔ)CSS樣式進行歸納，通過系統(tǒng)性地“拆分+還原”吃透課堂案例。

2.第二階段：線上線下合作練習(xí)

本次混合項目式教學(xué)重點不在于課堂案例教學(xué)，而在于學(xué)生線上線下合作練習(xí)。經(jīng)過課堂教學(xué)，學(xué)生有了一定頁面分析的能力和完成頁面還原的基礎(chǔ)，因此第二階段以學(xué)生實踐為主，教師引導(dǎo)為輔。為了更好地讓學(xué)生融入項目，同樣進行了情境創(chuàng)設(shè)。

企業(yè)中大多數(shù)項目都需要經(jīng)過團隊搭建、項目實施、反復(fù)迭代等過程，而階段性匯報和階段性調(diào)整不可避免，因此本次任務(wù)總共設(shè)定了3周時間，其中2周半完成提交加半周反饋修改，第3周進行項目匯報答辯。要求學(xué)生4～5人一組組建團隊，分配選題，每個選題設(shè)計首頁及至少4個子頁面，選出組長并完成任務(wù)分工。線上上課期間每周留半節(jié)課時間由各組長一對一匯報項目進度，提出問題和修改意見并進行項目進度把控，線下學(xué)生自行組建群組，同寢室的學(xué)生線下互幫互助，居家隔離的同學(xué)可以通過遠程操作、騰訊會議等方式完成組內(nèi)討論和設(shè)計共享，此時教師兼任項目PM的職責(zé)，帶動團隊推進項目：第一周，完成組隊分工、頭腦風(fēng)暴、資源搜集和紙上原型;第二周，基本框架搭建、CSS樣式模板、首頁初稿和子頁面鋪量設(shè)計;第三周，頁面整體調(diào)整，匯報PPT制作，項目演示錄屏。

整個過程需要注意的是學(xué)生不同于企業(yè)員工，企業(yè)員工有KPI和考核的壓力在，更容易主動想盡辦法用多種途徑去完成目標，學(xué)生第一次完成團隊項目，又是疫情期間線上合作，很容易陷入遇到問題找不到解決方法就退縮的情況，因此需要教師和各組組長積極溝通，及時提供幫助。而且部分同學(xué)習(xí)慣了對知識的復(fù)制還原，會出現(xiàn)直接照搬課堂案例的情況，因此在第一周需要教師和組長一起將標準和頁面框架制定好，避免投機取巧。此外在項目開始之前就告知學(xué)生團隊項目最后成績?yōu)閳F隊成績，如評價為A+，即全員A+，希望大家為此共同努力。考慮到項目成員可能過于依賴組長，要求最后的答辯不允許組長進行匯報，需要另選一名成員，爭取調(diào)動每一位同學(xué)的積極性。

3.第三階段：線上匯報答辯

匯報PPT主要內(nèi)容包括團隊介紹、網(wǎng)頁流程圖、網(wǎng)頁效果圖、項目分工、計劃排期、遇到的困難、團隊自我評價，匯報過程分為網(wǎng)頁項目演示和PPT講解兩部分，時間控制在每組10分鐘。

由于是線上匯報，可以邀請該課程其他班級學(xué)生自愿參會，提前告知學(xué)生騰訊會議時間，通過屏幕共享進行線上項目演示，一個是增加項目答辯的嚴肅性，另一個是給予學(xué)生展示自我的機會，更利于學(xué)生增強班級榮譽感和競爭意識，積極面對挑戰(zhàn)。

項目匯報答辯之后，要求每組按照答辯過程中提出的問題進行修改后完成最終源文件的提交和項目小結(jié)。

二、教學(xué)效果與不足之處

1.教學(xué)效果

本次混合項目式教學(xué)共有3個班級約150人次參與，總共30組，涌現(xiàn)了一大批優(yōu)秀作品，在這個過程中學(xué)生反饋主動性大大增加，除了完成指定要求內(nèi)容，甚至有的組完成了十幾個頁面的設(shè)計。在前期溝通中，有小組希望結(jié)合時事設(shè)計疫情相關(guān)專題頁面，這種行為非常值得鼓勵，真正將學(xué)到的工具應(yīng)用到實際中，并結(jié)合自己的理解完成心目中的設(shè)計。有一組留學(xué)生選擇了旅游網(wǎng)站主題，介紹了家鄉(xiāng)馬來西亞的美食美景，同樣是利用學(xué)到的工具，將自己擁有的知識通過網(wǎng)頁的形式分享出現(xiàn)。另外有一組同學(xué)開啟了淘寶零食店鋪，結(jié)合所學(xué)的Java知識搭建起了網(wǎng)頁后端，正在嘗試在校園開一個線上零食店。和傳統(tǒng)教學(xué)方式相比，項目式教學(xué)中學(xué)生的積極性被極大地調(diào)動起來，不管是對項目需求的理解上，還是在整個項目的執(zhí)行上，結(jié)果都超出預(yù)期，最令人驚喜的就是學(xué)生主動融合不同學(xué)科知識，在一年級就開始嘗試完成前后端的搭建。

2.不足之處

混合項目式教學(xué)對教師要求較高，最好是有企業(yè)項目經(jīng)驗的教師，熟悉項目完整流程和階段性任務(wù)，并能很好地進行任務(wù)拆分和把控項目進度，尤其是要根據(jù)學(xué)生實際水平制定規(guī)范，并積極調(diào)整。有些同學(xué)在項目之初定了遠遠超出自己能力的目標，后期時間緊張導(dǎo)致匆匆收尾，甚至差點無法完成匯報，作為老師一定要主動完成全流程把控。其次是混合式教學(xué)的線上過程較難識別學(xué)生的實際水平，以及學(xué)生之間的參差性，因此需要教師通過課堂練習(xí)和測驗等手段對學(xué)生進行考查，在組建項目團隊成員的時候充分考慮到組與組之間實力的差異性，適當(dāng)進行組員調(diào)配，鼓勵同組成員互幫互助，共同進步。此外，團隊項目周期較長，需要足夠的前序知識儲備和課時，但情境化項目教學(xué)仍然不失為一種新的線上線下混合式教學(xué)嘗試，具有一定的推廣和應(yīng)用價值。

參考文獻：

[1]馬亞琦，馬輝.高職計算機網(wǎng)絡(luò)教學(xué)中項目式教學(xué)的應(yīng)用[J].計算機產(chǎn)品與流通，2020（1）.

[2]朱建彬.高職計算機網(wǎng)絡(luò)技術(shù)項目式教學(xué)例談[J].新課程研究，2020（29）.

[3]劉強，彭娜.基于“超星直播+學(xué)習(xí)通”的在線教學(xué)示范[J].大學(xué)化學(xué)，2020（5）.

作者簡介：

陶藝文，常州信息職業(yè)技術(shù)學(xué)院軟件與大數(shù)據(jù)學(xué)院專任教師，研究方向為軟件技術(shù)。

張靜，常州信息職業(yè)技術(shù)學(xué)院軟件與大數(shù)據(jù)學(xué)院副教授，高級工程師，研究方向為職業(yè)教育。