混合式教學(xué)在Web前端開發(fā)課程中的應(yīng)用研究＊

劉蘊(yùn)涵，楊帆，趙瑋，楊冠男

(南京財經(jīng)大學(xué)信息工程學(xué)院，江蘇 南京 210023)

0 引言

Web 前端開發(fā)技術(shù)是信息管理與信息系統(tǒng)、計算機(jī)類本科專業(yè)必修的一門核心課程。該課程以實踐能力為導(dǎo)向，注重學(xué)生對理論基礎(chǔ)知識的理解，教授學(xué)生掌握和使用HTML、CSS 和JavaScript 技術(shù)，培養(yǎng)團(tuán)隊合作精神。通過對瀏覽器網(wǎng)頁進(jìn)行布局設(shè)計，使學(xué)生能夠真正掌握Web 前端開發(fā)知識在實際場景中的應(yīng)用。同時為應(yīng)對當(dāng)前新冠疫情常態(tài)化，以教室為場景的面對面課堂教學(xué)時常面臨被暫停，全國各高校積極嘗試混合式教學(xué)及其體系的構(gòu)建。這一過程中會遇到的重點與難點在于：①面對當(dāng)前在線教學(xué)資源海量化、知識碎片化的特點，教育教學(xué)內(nèi)容的甄選以及在線課程設(shè)計耗費教師大量的時間與精力。②多種在線課程學(xué)習(xí)平臺的使用也會給學(xué)生在學(xué)習(xí)過程中造成混亂，反而影響學(xué)生的學(xué)習(xí)效率。③課程開展的過程中，需要充分發(fā)揮學(xué)生自主學(xué)習(xí)的能力，克服在線教學(xué)的時空限制最大程度地提高學(xué)生Web 前端開發(fā)的實踐應(yīng)用能力。

本文通過總結(jié)各種網(wǎng)絡(luò)教學(xué)平臺與工具應(yīng)用的經(jīng)驗，歸納教學(xué)設(shè)計與實施體驗，結(jié)合學(xué)生的反饋效果，在解決關(guān)鍵問題基礎(chǔ)上提煉出行之有效的線上線下混合式教學(xué)模式。線下教學(xué)做到讓學(xué)生自主學(xué)習(xí)，線上輔導(dǎo)幫學(xué)生解決疑問，這種教學(xué)模式對于學(xué)生的創(chuàng)新能力培養(yǎng)有著重要意義。

1 Web技術(shù)混合式教學(xué)模式的構(gòu)建

由于大數(shù)據(jù)、信息系統(tǒng)與管理等課程隨著信息技術(shù)的快速發(fā)展課程內(nèi)容具有變化快、時效性強(qiáng)的特點，這不僅要求學(xué)生要系統(tǒng)地掌握課程章節(jié)的基本原理與方法，還需要匹配與現(xiàn)實專業(yè)技術(shù)工作相關(guān)的典型案例，以培養(yǎng)學(xué)生解決實際問題的能力與操作水平。根據(jù)這一要求，可以通過充分利用網(wǎng)絡(luò)教學(xué)平臺上實時更新的優(yōu)秀課程資源，將線上與線下教學(xué)內(nèi)容進(jìn)行設(shè)計與融合，充分發(fā)揮兩者各自優(yōu)勢，形成互補(bǔ)。

1.1 混合式教學(xué)資源構(gòu)建階段

當(dāng)代大學(xué)生越來越習(xí)慣于在線學(xué)習(xí)的方式，通過多渠道靈活、及時地獲取電子資料，這可以大大提高學(xué)生對于計算機(jī)網(wǎng)絡(luò)相關(guān)專業(yè)知識的理解與掌握程度。與此同時，教師合理地、有計劃地把集結(jié)高校、名師、國家級精品課等優(yōu)質(zhì)課程資源用于教學(xué)，既能夠支持學(xué)生的個性化學(xué)習(xí)，也能夠提高教學(xué)效率。因此，我們擬制作一個包含在線課程視頻、在線章節(jié)測試、在線代碼源等的Web 技術(shù)開發(fā)課程資源庫。針對編程類課程的特征，教學(xué)設(shè)計更加注重鍛煉學(xué)生的計算思維和解決問題的綜合能力，包括知識內(nèi)容方面、學(xué)生自主探究任務(wù)單、學(xué)習(xí)資源準(zhǔn)備和開發(fā)、問題情境設(shè)計等多個方面。教學(xué)設(shè)計步驟如下：①按照課程各章節(jié)順序?qū)⑺兄R點進(jìn)行梳理和歸納，根據(jù)課程體系的遞進(jìn)層次對每章節(jié)知識點的重要性與難易度進(jìn)行標(biāo)注；②根據(jù)標(biāo)注知識點甄選“線上”優(yōu)質(zhì)教學(xué)視頻與最新編程案例，將其分為引例與課后案例兩類。③結(jié)合教學(xué)大綱要求，準(zhǔn)備“線下”課堂教學(xué)資料，包括講義課件、小組任務(wù)協(xié)作材料、習(xí)題等。最后，創(chuàng)建“線上”教學(xué)平臺（如南京財經(jīng)大學(xué)網(wǎng)絡(luò)教學(xué)平臺、SPOC 等）并上傳教學(xué)資料。在教學(xué)過程中充分利用構(gòu)建成的課程資源庫，隨時不斷更新代碼及課程資源庫的內(nèi)容。這樣可以解決傳統(tǒng)線下教學(xué)資源不足、單一的問題，使學(xué)生學(xué)到更全面的知識，隨時都能夠接觸到最新的案例代碼，練習(xí)編寫并應(yīng)用。這樣有利于學(xué)生對課程內(nèi)容進(jìn)行自主探究與共享，從而發(fā)揮出學(xué)生的主體性。

1.2 混合式教學(xué)模式實施階段

由于教學(xué)設(shè)計階段性特征明顯，按照教學(xué)環(huán)節(jié)分為課前、課中與課后三個階段，每個階段依托教學(xué)內(nèi)容達(dá)成各項教學(xué)目標(biāo)。如圖1 所示，呈現(xiàn)了不同階段的主體、任務(wù)、活動形式等。

圖1 混合式教學(xué)Web開發(fā)課程總體實施方案

課前線上預(yù)習(xí)。給學(xué)生分組，三～五位學(xué)生為一組，指定一名組長，組織學(xué)生團(tuán)隊（即組）通過申請本課程SPOC 并且進(jìn)入慕課堂，演示完整的項目代碼，使學(xué)生直觀地感受知識點是如何應(yīng)用到實際瀏覽器網(wǎng)頁設(shè)計中的，激發(fā)學(xué)生的求知欲。在展示的過程中，先介紹網(wǎng)頁設(shè)計效果，確定項目所要解決的具體問題，讓學(xué)生帶著問題預(yù)習(xí)。然后教師介紹每一部分功能和所涉及的知識點，布置具體的課前學(xué)習(xí)任務(wù)，并且設(shè)計發(fā)放調(diào)查問卷。教師觀察后臺學(xué)生的學(xué)習(xí)數(shù)據(jù)記錄，實時監(jiān)督學(xué)生的學(xué)習(xí)進(jìn)度。

課中線下教學(xué)。教師在教室場景下首先通過抽查提問等方式，及時把握學(xué)生對課前項目代碼演示的理解程度以及通過課前預(yù)習(xí)對知識點的掌握情況；其次，教師進(jìn)一步對各章節(jié)知識點和重要理論進(jìn)行深入分析與歸納總結(jié)，對學(xué)生在學(xué)習(xí)過程中遇到的難點疑點問題進(jìn)行解答。

課后線上拓展與線下討論。利用線上教學(xué)平臺發(fā)布實踐任務(wù)，進(jìn)入學(xué)生實踐環(huán)節(jié)。實驗過程強(qiáng)調(diào)理論與應(yīng)用相結(jié)合，鍛煉學(xué)生的實際動手能力。學(xué)生以小組為單位，由組長給每一位組員分配具體任務(wù)，教師及時了解不同小組的任務(wù)分工和任務(wù)完成進(jìn)度，與學(xué)生討論實驗過程中遇到的問題。對于學(xué)生考慮不足之處給予補(bǔ)充，對普遍存在的問題進(jìn)行統(tǒng)一講解，對于學(xué)生存在的個別問題以一對一的方式討論解決。小組完成任務(wù)后，讓每個小組推薦一名學(xué)生介紹網(wǎng)頁設(shè)計的過程及遇到的問題，并重點介紹解決方法，之后進(jìn)入課堂評價和總結(jié)環(huán)節(jié)。課堂評價采用教師評價和組內(nèi)互評兩種方式。教師按照評分標(biāo)準(zhǔn)打分，并且在學(xué)期結(jié)束時以調(diào)查問卷的方式讓小組成員進(jìn)行互評。教師完成評分之后對課程的總體情況進(jìn)行分析匯總，總結(jié)案例運用的主要知識點和普遍遇到的問題，并提出進(jìn)一步的改進(jìn)和完善的方向，引導(dǎo)學(xué)生能夠自主性深入拓展學(xué)習(xí)。通過線下課堂講解串聯(lián)課前預(yù)習(xí)與整章節(jié)知識；通過小組合作提高學(xué)生的團(tuán)隊協(xié)作和溝通能力；通過教師評價和學(xué)生互評，及時發(fā)現(xiàn)并解決問題，從而提高學(xué)生的實踐能力和表達(dá)能力，最終讓學(xué)生學(xué)會應(yīng)用相關(guān)技術(shù)，提高綜合分析能力、實際操作能力和創(chuàng)新能力。

2 多途徑多元化評價考核機(jī)制

利用線上線下途徑建立多元化的評價體系，如表1所示。該考核機(jī)制擴(kuò)大課程最終成績中的過程性考核成績的構(gòu)成比例，不再將期末考試作為最終總評成績的關(guān)鍵參考要素。避免傳統(tǒng)考核方式中單一僵硬化，有效排除學(xué)生突擊應(yīng)對期末考試的弊端，及時考察學(xué)生日常學(xué)習(xí)效果，與監(jiān)督學(xué)生過程化學(xué)習(xí)形成教學(xué)中的一個閉環(huán)，最終達(dá)到提高教學(xué)效果的目的。平時成績?yōu)榫€上過程性考核，包括線上學(xué)習(xí)數(shù)據(jù)記錄、小組實驗成績、小組互評、隨堂測試、考勤等多項考核指標(biāo)構(gòu)成，側(cè)重考察學(xué)生對課程知識的理解與應(yīng)用。期末成績?yōu)榫€下結(jié)果性考核，由傳統(tǒng)的線下閉卷考試的方式進(jìn)行，側(cè)重考核學(xué)生對課程知識體系、客觀知識點的記憶與綜合性運用。總評成績由平時成績和期末成績按適當(dāng)比例構(gòu)成。

表1 多途徑多元化考核機(jī)制的實施

3 結(jié)束語

本文以“Web 前端開發(fā)技術(shù)”課程為例，通過分析在疫情期間設(shè)計并實施的以線上為中心的混合式教學(xué)模式，結(jié)合線下教室為場景的面對面?zhèn)鹘y(tǒng)教學(xué)方式，進(jìn)一步提煉出線上與線下有機(jī)融合的新型教學(xué)模式；設(shè)計多途徑多元化的評價體系，將線上過程化考核與線下結(jié)果性考核兩者相結(jié)合。教學(xué)實踐表明，該模式的開展推動了各教學(xué)環(huán)節(jié)從以教師傳授知識為主導(dǎo)向以學(xué)生主動學(xué)習(xí)為主導(dǎo)轉(zhuǎn)化，體現(xiàn)了教師與學(xué)生雙主體的混合式教學(xué)過程，充分調(diào)動學(xué)生的學(xué)習(xí)積極性，提升學(xué)生合作探究的能力,以此推進(jìn)學(xué)生計算與編程能力的自主性提高。今后我們會繼續(xù)探索研究Web 前端開發(fā)課程混合式教學(xué)創(chuàng)新，不斷完善整體性教學(xué)流程，推動Web 開發(fā)課程教學(xué)發(fā)展，實現(xiàn)培養(yǎng)變革性交叉學(xué)科人才的目標(biāo)。