診改背景下基于OBE成果導向“HTML+CSS”課程建設研究

胡宇航，王紅軍

（河北旅游職業(yè)學院，河北 承德 067000）

一、高職《HTML+CSS》課程現(xiàn)狀

《HTML+CSS》課程是高職計算機應用技術web前端方向專業(yè)基礎課，該課程傳授學生使用HTML、CSS 代碼進行網(wǎng)頁結構搭建及布局，培養(yǎng)學生網(wǎng)頁制作能力，同時讓學生能夠從職業(yè)道德、合作意識、質量意識、服務意識、學習意識等幾方面得到全面提升。目前高職院校課程計算機類課程設計大部分是以案例或項目為主要教學模式，也會使用相應信息化教學手段，但整體分析存在三大弊端：第一，課程案例及項目設計依據(jù)標準仍然是教材，大部分以教材或教師自我認知為標準去設計教學案例，學生在學習完課程知識點后只是“知其然，不知其所以然”，不知道這些知識點與工作崗位的聯(lián)系是什么，不能夠追本溯源。第二，信息化教學手段沒有充分發(fā)揮其效果，“課堂革命”追其宗旨是要讓學生學會如何自我學習，將課堂由教師主體變?yōu)閷W生主體，但大部分教師認為高職學生自控性差，新的教學模式無法有效全面實施。第三，任課教師缺乏自我診斷意識，連續(xù)幾屆學生都是一套教學設計，沒有教學資源的更新。

針對以上三點，要從教學內容設計，信息化教學活動設計、教師自我診改三個方面進行改進。首先，重構知識點，項目設計不能單以教材為標準，要遵循OBE 成果導向為理念，從實際崗位需求倒推畢業(yè)標準，從畢業(yè)標準倒推《HTML+CSS》課程標準，從課程標準倒推每個模塊的項目設計，從大項目倒推小項目再到小案例，成果導向的課程設計可以讓學生在第一節(jié)課就清晰明了學習這門課以后在工作崗位中可以做什么。第二，要把課堂還給學生。此門課的難度不大，很多知識點相似性很強，教師可以采用“對分課堂”的模式，只需要將基本知識點和難點講授給學生，相似內容學生課下視頻自學或查閱資料，課上將學習成果加以實踐，在實踐活動設計中融入大國工匠精神，提高職業(yè)素養(yǎng)的同時磨煉堅韌不拔、勇于鉆研的意志，實踐過程中教師與學生共同指導答疑，逐漸提升學生課堂主體性，活躍課堂氛圍，此種教學模式的實施要配合制定相應考核評價手段作督促。第三，教師要依據(jù)“8 字螺旋”時常進行自我診斷，調整教學策略，推動內容更新，提升教學效果。

二、基于OBE 理念的課程重組

OBE 即成果導向，核心理念為：以產(chǎn)出為導向，持續(xù)改進，讓所有學生達到既定目標。要求教師要結合實際崗位需求明確畢業(yè)要求，以畢業(yè)要求為成果目標，讓每一位學生都能在學習過程中得到自我提升，達到自我預期成果。課程反向設計思路如圖1：

圖1：OBE 理念課程設計

此“成果”不單指知識目標，還包含崗位需求能力目標、素質目標，并且這些目標都是可評可測的。整門課程知識點打破傳統(tǒng)教材束縛，按照畢業(yè)要求進行重組，基于OBE 理念將課程內容重構為頁面結構、頁面樣式、頁面布局和應用開發(fā)四個知識模塊，這四個知識模塊貫穿于四個基于工作崗位設計的教學項目，每個項目由若干個小項目串聯(lián)，課程知識體系重構過程如圖2 所示：

每個項目依據(jù)簡單到復雜迭代式設計，在第一節(jié)課先給學生展示此門課學完將要完成的最終項目是什么，結合重構后新知識模塊分析將要學習的四部分內容，將綜合項目進行拆分，繼續(xù)分成四個中級項目，每個中級項下衍生多個小項目或小案例作為知識點支撐。每個給定項目完成后，要求同學以小組形式進行真實企業(yè)項目情景模擬，相互布置任務，模擬真實項目開發(fā)過程，這樣以成果反推課程內容設計，學生在學習之初，每個練習都有據(jù)可循，目標明確，清晰知道自己最終會達到一個什么樣的學習成果，學習動力就會增強。項目設計如表1 所示：

圖2：OBE 知識重構圖

三、基于OBE 的“三段十步”教學方法實施

（一）“三段”——“學、教、做”

《HTML+CSS》課程重構采用知識模塊與崗位項目相結合來驅動學生工程實踐能力培養(yǎng)，學生在不同的項目中以“循環(huán)往復”方式重溫概念與開發(fā)流程，不斷加深對課程知識的理解，促進知識遷移與應用，解決傳統(tǒng)教學中“學”與“用”脫節(jié)的問題。每個項目都分學、教、做三部分。首先“學”指學生課前或課后的自學，在每次自學中提升自主學習能力，每個自學視頻的后面都配有相應小項目，可評可測，起到督促和檢驗自學效果的作用?！敖獭笔侵咐蠋熗ㄟ^案例演示講解課前自學的重點難點，讓學生更深入理解知識點在項目中如何應用?！白觥笔侵竿ㄟ^分組任務、情景模擬、個人實踐等活動以學生為主體完成項目制作，小組間要進行甲方乙方角色扮演，相互布置項目，按照對方要求共分為下達-UI 設計-項目設計-代碼編寫-項目驗收-總結反饋六個步驟，全部模擬真實工作崗位，每個項目依據(jù)從簡單到復雜遞進式設計，實現(xiàn)知識迭代，在技能練習過程中提高職業(yè)素養(yǎng)。

（二）“十步”教學貫穿課程線上線下全部環(huán)節(jié)

“十步”貫穿課程線上線下全部環(huán)節(jié)，從課前反饋、自學評測、教學設計、情景模擬、探究學習、師生指導、總結提升、課后作業(yè)、微課輔導、反思評價十個步驟形成教學閉環(huán)。

1.課前反饋、自學評測、教學設計。教師根據(jù)學生課堂活動及課后章節(jié)測試確定下節(jié)課學習目標，發(fā)布下節(jié)課前自學視頻，自學視頻是下節(jié)知識點的基礎部分或框架，在自學基礎上完成配套小案例，教師根據(jù)案例制作情況確定課堂活動，找出難點部分進行教學活動設計。

2.情景模擬。課上教師根據(jù)課前反饋及代碼演示進行重點知識點講解，部分內容可讓學生完成。首先學生完成教師設定項目，每個項目設計由簡單到復雜，每個項目都配有明確目標及任務要求，學生在完成過中清晰知道最終達到效果，以及知識點在實際項目中的應用。設定項目完成后進行小組情景創(chuàng)設，小組間模擬公司崗位，根據(jù)之前完成的設定項目相互布置新的自設項目，下達任務書，可以是個人項目也可以是組間項目。

3.探究學習。根據(jù)小組間下達的任務書，組間討論完成項目制作，完成過程中要符合項目開發(fā)流程，質量、時間等要求。教師在活動中要融入課程思政元素，活動設計體現(xiàn)職業(yè)素養(yǎng)，無形中磨煉工匠精神。

4.師生指導。學生項目制作過程中，教師進行場外指導，部分完成較快學生可以和教師共同指導，教師給予相應加分。

5.總結提升。項目結束后，組間驗收，每組代表進行項目講解，教師根據(jù)每組完成情況總結評價，師生共同打分。

6.課后作業(yè)。課后任務包含章節(jié)測試、課程目錄及筆記整理，部分項目會有拓展項目。

7.微課輔導。每個知識點在學習通平臺都配有講解小視頻，對于課上知識點掌握不太好的同學，可以課下反復多次觀看學習。

8.反思評價。教師根據(jù)本次課學生課前、課上、課下表現(xiàn)及成果進行反思評價，本次活動設計能否從知識、技能、職業(yè)素養(yǎng)等方面讓學生達到提升，滿足課程目標，進而滿足畢業(yè)目標，如不能思考改進下次課的活動設計。

“三段十步”線上線下混合式教學模式培養(yǎng)學生探究式學習，學生雖然身在課堂但完成的是以崗位為目標的成果，理論實踐融會貫通，符合OBE 成果導向核心理念。

四、基于OBE 的課程考核評價

基于OBE《HTML+CSS》課程考核體系設計體現(xiàn)“以能力為本位、以崗位實踐為主線、以重構項目為主體”，打破傳統(tǒng)的學科體系模式，考核評價將過程評價與終結評價相結合，其中過程性考核包括：學習通平臺導出成績，課程實訓成績，課程目錄、筆記整理三個部分，占總成績的50%；終結性考核采取項目制作方式，占總成績的50%。整個考核體系體現(xiàn)過程性考核與終結性考核相結合，課堂與崗位相結合，知識與素養(yǎng)評價相結合，注重學生自我學習能力提升及后續(xù)的可持續(xù)發(fā)展，考核過程注重個人學習態(tài)度，團隊合作，實踐技能，職業(yè)素養(yǎng)等，充分發(fā)揮學生主動性和創(chuàng)造性，評價結構見表2。

基于OBE 教育模式，在教學中分階段通過學生個人、小組團隊、教師、企業(yè)導師開展多元化評價模式，在學習通平臺中通過設置多種課堂互動、自學視頻、分組任務等9 項考核方式來記錄學生課上課下學習過程，這些活動數(shù)據(jù)及相應分值都在學習通后臺實時記錄。課下要求學生整理本次課筆記及將課上案例以“課程目錄”形式制作成一個主頁面及若干個子網(wǎng)頁，形成電子筆記，既可督促學生認真完成每個案例也可以供后期復習使用。課程最后會安排4 個實訓項目，3 個個人項目和1 個小組項目，作為整門課技能點的串聯(lián)，同時考察職業(yè)素養(yǎng)。終結考核為1 個個人自主設計項目，也是集知識、技能、素養(yǎng)、工匠精神于一身的考核。整門課學習成果不要求每名學生都能達到相同的高度，但要求學生在自己能力范圍內做到最大限度提升，注重學習態(tài)度，體現(xiàn)OBE 理念下“每名學生都要成功”的理念。

五、重構成效

《HTML+CSS》課程引入OBE 理念，將過程學習和學習成果放首位，學生成為課堂真正主體，真正受益者，實現(xiàn)了從“教”到“學”，從“知識”到“技能”，從“課堂”到“崗位”的過渡。重構后的課堂教學成果顯著提升：

（1）學生出勤率明顯提升，除個別病假外基本沒有曠課及遲到現(xiàn)象。

（2）課堂氣氛明顯活躍。重構后的課程體系注重過程考核，課上課下學生每一次學習都會有數(shù)據(jù)記錄，數(shù)字資源學習頻率顯著提升，學生學習積極性明顯提高。

（3）學生學習目標更加明確。之前課堂知識的學習沒有有效的與畢業(yè)目標、崗位目標銜接，很多學生學習是為了應付老師，應付考試。重構后成果導向項目設計使學生清晰知道自己做的每個項目都是通往實際工作崗位的必經(jīng)之路，踏實地走過這條路就能達到崗位需求，從被動學習變?yōu)橹鲃舆M取。

（4）企業(yè)導師參與項目評價極大提高學生學習動力。企業(yè)導師對學生的評價更能拉近學生與實際工作崗位的距離，讓學生感知自己并不是單一處在校園中，更能激發(fā)學生對實際工作的向往，對于能力強表現(xiàn)好的同學，企業(yè)導師可以提前與其簽約，激發(fā)學生學習動力。

（5）學生在省技能大賽中獲得一等獎。由于課程標準的制定依據(jù)“課、證、賽、崗”四維融合，在項目設計中已將省技能大賽要求融入，日常教學以賽促教，以賽促學，在2021 年web 前端省技能大賽中獲得一等獎。

（6）課程團隊能力得到提升。基于OBE 成果導向項目設計要求教師要有豐富的崗位實踐經(jīng)驗，這方面一直是校內教師的弱項。在課程改革過程中，校內教師企業(yè)掛職鍛煉積極性明顯提升，整個課程團隊實踐技能水平更上新臺階。

六、課程診改

在OBE 理念下本門課程診改依據(jù)“8 字”質量螺旋，常態(tài)化信息化預警，適時調整教學策略。課程共設置30 個質控點，從課程設計、課程資源、課程團隊、課程應用四方面進行監(jiān)控，質控點的設置從OBE 教學理念出發(fā)，根據(jù)十四五規(guī)劃制定年度建設計劃，將各個質控點分配到課程團隊成員，課程實施過程中對照質控點，監(jiān)控預警值，實時調整，課程診改貫穿課程始終，形成常態(tài)化模式，課程建設程螺旋狀逐年穩(wěn)步提升。

七、結論

構建OBE 成果導向的課程改革，教學設計以畢業(yè)設計為目標，銜接實際工作崗位，重構后的知識體系更好體現(xiàn)成果導向項目設計，學生學習目標更明確，學習動力提升，提前適應崗位需求。

OBE 教育理念主導“學生為主體”課堂模式，目標讓每名學生都成功。重構知識體系下“三段十步”線上線下混合式教學手段的應用讓學生成為了課堂的主體，利于學生后續(xù)持續(xù)發(fā)展。各種課堂活動及評價體系促使學生主動加入到教學活動中，在活動中提升知識、技能、職業(yè)素養(yǎng)，從被動接受轉為主動進取。

OBE 教育理念督促教師團隊要不斷診改課程，不斷進步，提升自我實踐技能，以適應日新月異的行業(yè)發(fā)展。需要老師們不斷在實踐中升華理論，創(chuàng)新思路，更好地把此理念融入課程教學中，服務學生，這是所有老師長期為之努力奮斗的目標。