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

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

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

2 多途徑多元化評(píng)價(jià)考核機(jī)制

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

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

3 結(jié)束語

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