教學能力比賽視域下的教學設(shè)計實踐探析

劉亞茹 劉敬坡

關(guān)鍵詞：Web前端開發(fā)；教學能力比賽；教學設(shè)計；教學實施

0 引言

職業(yè)教育教學能力大賽深入貫徹習近平總書記關(guān)于職業(yè)教育的重要指示，落實全國、全省職業(yè)教育大會精神，以引導學校和教師立德樹人為根本任務(wù)，推進“三全育人”，落實“課程思政”要求，引導學校師生積極探索“崗課賽證”融合育人模式，創(chuàng)新發(fā)展線上線下混合式教學模式，深化“三教改革”，全面促進教師教學能力提升，增強職業(yè)技術(shù)教育適應(yīng)性[1]。

本文結(jié)合比賽方案，以Web前端開發(fā)課程為例，對教學分析、教學設(shè)計、教學實施過程、課堂實施成效、反思與改進等方面進行實踐探析，展示本次教學實施過程的基本情況[2]。

1 教學分析

1.1 課程簡介

Web前端開發(fā)是計算機應(yīng)用技術(shù)專業(yè)的一門專業(yè)核心課程，開設(shè)在第四學期。前序課程有Photoshop網(wǎng)頁美工、HTML 網(wǎng)頁設(shè)計基礎(chǔ)、JavaScript 技術(shù)、MySQL數(shù)據(jù)庫，后續(xù)課程有AngularJS 框架、React開發(fā)、Vue應(yīng)用程序開發(fā)。該課程主要涉及網(wǎng)站設(shè)計規(guī)劃、動態(tài)網(wǎng)站開發(fā)、網(wǎng)站頁面優(yōu)化等內(nèi)容。通過本課程的學習，學生具備對動態(tài)網(wǎng)站布局進行規(guī)劃并靈活運用已學編程語言和編程工具編寫開發(fā)代碼和維護能力。進入崗位后，能夠根據(jù)需求說明對網(wǎng)站布局進行規(guī)劃、開發(fā)并具備后期維護能力，具備網(wǎng)頁設(shè)計崗位的職業(yè)技能和職業(yè)精神[3]。本課程以“紅動中國-數(shù)據(jù)可視化”項目為載體，以產(chǎn)品開發(fā)流程為主線，任務(wù)驅(qū)動為核心，以學生勇于創(chuàng)新為中心思想，從而達到Web前端開發(fā)工程師的工作崗位的職業(yè)能力。

1.2 教學內(nèi)容

依據(jù)職業(yè)教育計算機應(yīng)用技術(shù)專業(yè)人才培養(yǎng)方案、課程標準《“1+X”Web前端考試大綱》，結(jié)合社會企業(yè)需求及崗位要求，制定本項目學習模塊，分別為：模塊一Photoshop網(wǎng)頁美工，模塊二網(wǎng)頁設(shè)計，模塊三數(shù)據(jù)庫，模塊四Web前端開發(fā)，共計16課時。

1.3 學情分析

本次課授課對象班級學生前期已具備前端頁面設(shè)計工具的基本操作，具備網(wǎng)頁結(jié)構(gòu)制作語言Html、網(wǎng)頁布局及樣式設(shè)置的CSS語言相關(guān)理論知識，理解網(wǎng)頁的設(shè)計理念，掌握靜態(tài)Web前端開發(fā)的設(shè)計實現(xiàn)流程。同時，有信息技術(shù)運用能力，樂于從手機和網(wǎng)絡(luò)檢索信息，樂于協(xié)作，在實踐中獲得成就感，具有一定的學習自主性，具有良好的審美，開發(fā)需求清晰。但學生學習動力不足、學生知識水平及學習能力存在差異性、學生自身設(shè)計認識和深度不足，可通過動手訓練、信息化融入激發(fā)其學習興趣，合理分組發(fā)揮學生幫帶作用，通過討論對比，發(fā)現(xiàn)問題，解決問題。

1.4 教學目標及重點難點

1） 教學目標

教學目標是課堂教學活動的出發(fā)點和落腳點，也是教學活動的支撐點，發(fā)揮出導向、控制和評價作用。圍繞職業(yè)教育現(xiàn)代化目標，根據(jù)專業(yè)人才培養(yǎng)方案、課程標準及行業(yè)崗位要求細化成三維教學目標，如表1所示。

2） 教學重難點

結(jié)合學生課前任務(wù)反饋、實際工作崗位要求及企業(yè)人員評價，確定本部分如下教學任務(wù)以及重難點，如表2所示。

1.5 教學策略

1） 教學方法

本課程是理論與實踐緊密結(jié)合的專業(yè)核心課程，綜合性和應(yīng)用性較強，堅持“以職業(yè)崗位為目標，以工作過程為導向，以實際項目為載體，以項目團隊為組織形式”的教學模式，采用任務(wù)驅(qū)動法、案例教學法、小組討論法、課堂游戲互動法等教學方法，創(chuàng)設(shè)情境，項目實戰(zhàn)，學做一體，使課堂形式豐富多彩，讓學生多體驗、多交流，激發(fā)學習熱情，尋求解決問題的方法。教學過程中，充分運用現(xiàn)代教育技術(shù)，綜合運用多媒體教學、網(wǎng)絡(luò)資源教學、視頻教學、虛擬教學等多種教學資源與手段，優(yōu)化教學過程，提高學生學習興趣和參與度，提升教學質(zhì)量[4]。

2） 信息化手段

為了激發(fā)學生探索欲望，突破教學重難點，實現(xiàn)理論知識與職業(yè)崗位的有效對接，本課程采用的主要信息化手段有職教云、長江雨課堂學習平臺，使用Photoshop、X-mind、GitHub代碼共享、Vscode等，促進學生有效進行學習開發(fā)，提高學習興趣。

2 教學設(shè)計與教學實施過程

2.1 教學設(shè)計

根據(jù)專業(yè)人才培養(yǎng)方案和課程標準，選定本課程中部分教學內(nèi)容作為比賽作品教學內(nèi)容，如圖1所示。對各模塊內(nèi)容的課時分配，如圖2所示。

2.2 教學實施過程

以模塊2為例，對教學過程進行介紹，以課前、課中、課后的三段式教學結(jié)構(gòu)展開教學[5]。

課前，通過云課堂平臺發(fā)布任務(wù)，學生分組并進行自主學習，教師根據(jù)平臺上反饋的學生自主學習完成情況，確定教學的難點和教學策略。

課中，運用多元化教學資源，采取任務(wù)驅(qū)動式教學方法，按照“小組匯報-情境導入-新知探索-拓展導用-實踐導學”五個環(huán)節(jié)開展教學，具體實施安排如表3。

課后，充分利用云課堂平臺，線上測試進行知識鞏固和拓展，對照“1+X”證書及職業(yè)技能大賽要求，進行線下實踐，不斷培養(yǎng)學生職業(yè)能力。

3 課堂教學實施成效

3.1 提高學習自主性，加強知識掌握

結(jié)合線上線下資源，采用混合式教學拓展學習方式[6]。教師提前將教學資源發(fā)布到教學平臺上并設(shè)計發(fā)布一些課前小測驗，學生可以線上預覽教學內(nèi)容，完成課前導學并測驗課前自主學習成效。線下教學的實操練習促進理論知識的消化、吸收，使知識點的掌握更加牢固。教學活動結(jié)束后，學生還可通過線上交流討論、留言學習心得，使學生真正成為學習的主體。

課堂教學以真實案例為背景，并將任務(wù)進行拆分，有效提高學習積極性。教師依據(jù)培養(yǎng)方案和課程標準，精心設(shè)計教學，將知識點貫穿在任務(wù)中，讓學生主動去探索、完成任務(wù)，同時也在過程中掌握了知識點。這種巧妙的融合設(shè)計，讓課堂更加富有趣味性，有效調(diào)動教學主體的能動性和實踐性。

3.2 以模擬促實踐，夯實專業(yè)技能

該教學模塊參照實際開發(fā)中Web前端工作流程，以一項實際的教學項目為案例貫穿16 課時，學生以前端工程師的身份完成制定項目任務(wù)書，設(shè)計效果圖，實現(xiàn)頁面布局初稿，設(shè)計數(shù)據(jù)庫，融入先進技術(shù)數(shù)據(jù)可視化，部署前后端，展示頁面。學生為完成任務(wù)而進行相關(guān)知識主動探索學習，扎實專業(yè)技能。

3.3 遵循規(guī)范，提升職業(yè)素養(yǎng)

任務(wù)實施讓學生真正成為學習的主體，激發(fā)出了學習興趣，表現(xiàn)出對知識的渴望，集中精力完成任務(wù)。在此期間促進了學生之間的溝通交流，培養(yǎng)了團隊合作精神，具有了職業(yè)規(guī)范意識。同時也鼓勵學生及時表達自身想法，允許不同個體意見的不一致性，開拓學生的創(chuàng)新思維，為將來就業(yè)打下堅實的知識和方法論的基礎(chǔ)。

4 教學創(chuàng)新

4.1 內(nèi)容優(yōu)化

傳統(tǒng)網(wǎng)站設(shè)計內(nèi)容加上數(shù)據(jù)可視化的先進技術(shù)。針對計算機專業(yè)二年級學生量身定制的專業(yè)化內(nèi)容，在不脫離基礎(chǔ)的網(wǎng)頁設(shè)計學科內(nèi)容前提下加入網(wǎng)站開發(fā)新內(nèi)容——數(shù)據(jù)可視化，同時學生了解大數(shù)據(jù)領(lǐng)先專業(yè)的具體應(yīng)用。抽象問題形象化通過課程資料，視頻演示，小組討論，實踐探索，使抽象的內(nèi)容具體化，克服傳統(tǒng)的軟件技術(shù)抽象難題。

4.2 課堂活動設(shè)計新穎

創(chuàng)設(shè)不乏趣味性的課堂小游戲[7]。抓住高職學生貪玩的特點，利用注意力集中的高峰時段充分調(diào)動其積極性。研發(fā)“連連看”“選擇項”“小組填空”等課堂小游戲，將知識點與具體實際應(yīng)用緊密聯(lián)系，生動呈現(xiàn)教學內(nèi)容[7]。

4.3 平臺多元化

采用線上線下混合教學模式。利用課程平臺推送資源，分享成果使用課程平臺推送資源，讓學生時時分享成果，使其建立成果的喜悅和自信，激發(fā)其更深層次的探索欲望，為后續(xù)知識點的講解化解難度。

4.4 載體新穎

以實際案例為載體，借助信息化手段，將理論教學與實踐工作結(jié)合起來，實現(xiàn)職業(yè)崗位的有效對接。

5 教學反思與改進

5.1 教學反思

1） 應(yīng)更加完善住宅室內(nèi)設(shè)計方案的考核評價指標體系，進一步培養(yǎng)學生的創(chuàng)新意識和服務(wù)意識。

2） Web開發(fā)的技術(shù)、框架及設(shè)計理念更新很快，及時將專業(yè)領(lǐng)域的前沿融入教學活動。

5.2 教學改進

1） 課后通過批閱學生作業(yè)及抽查學生學習情況發(fā)現(xiàn)，學生表現(xiàn)出來明顯的學習積極性，在案例實踐中也發(fā)揮出很強的動手實力。但也體現(xiàn)出不足，如在設(shè)計環(huán)節(jié)表現(xiàn)并不很好，思維邏輯描述不夠清晰，建議通過相關(guān)的軟件課程進行提高。

2） 關(guān)注技術(shù)發(fā)展，關(guān)注最新教科研成果，對照“1+X”證書試點的要求，革新課程設(shè)置和教學內(nèi)容，推進課程思政，挖掘思政元素，提升本課程育人質(zhì)量。