線上線下融合互補在《WEB技術與應用》教學中的探索與實踐

周蘇娟，蔣世忠，涂泳秋，趙潔，覃姜維

（廣東藥科大學 醫藥信息工程學院，廣東 廣州)

一 引言

2020年初，受新冠病毒肺炎疫情影響，根據教育部“停課不停學”[1]有關部署要求，許多學校開展了“線上教學”活動。廣東藥科大學也在2019～2020第二學期全面開展線上教學，充分發揮“互聯網+教育”的作用，推進教學與方式改革創新。老師們根據課程教學內容和特點，在引用資源教學、自建資源教學及直播形式教學[2]三種方案中選擇適合自己課程的一種或多種方式，進行線上教學工作。在此過程中，老師們通過學校引進的超星平臺完成了線上平臺培訓，逐步了解并熟悉線上教學的流程，在實踐中積累了豐富的線上教學經驗。

2020年下半年，國內疫情得到基本控制，各地學校有序恢復開學。廣東藥科大學也在2020～2021年第一學期全面恢復線下教學。老師和學生們回到了久違的校園開展面對面的教學與學習活動。線下教學授課互動性強，老師能對學生的聽課狀態有直觀了解，也能對學生起到較好的監督作用，能夠取得良好的授課效果。但是，在互聯網環境下成長起來的新時代大學生，傳統的教師講課、學生聽課的方法已經不能滿足甚至很難激發學生學習興趣[3-4]。線上教學靈活性強，隨時隨地都能進行，滿足了學生碎片化學習的需求；另外，線上隨時能回看課程，學生線下課堂上聽不懂的可以通過線上課程反復回看，這是線下教學無法比擬的。

本文中所指的線上線下融合互補教學是面向目前高校教學中占主流的線下教學，借助網絡教學平臺的線上教學資源，將線上網絡學習形式有效應用到線下傳統的課堂教學中，從而實現“學”與“教”的有機結合[5-8]。這種教學模式充分發揮了線上及線下教學的優勢，改變了傳統的教學觀念，拓展了課堂教學內容，必將有力提高教學質量[9]。

二 《WEB技術與應用》課程教學現狀

《WEB技術與應用》課程主要面向計算機科學與技術相關專業的大三學生開設。該課程涵蓋了WEB開發的基本知識點，包括HTML、CSS、JSP、Servlet技術、JavaBean組件技術、Ajax及MVC設計模式等。通過該課程學習，學習者能夠掌握應用JSP技術開發項目、應用MVC模式構建多層系統架構的能力。

《WEB技術與應用》這門課具有技術基礎課與技術實踐課雙重特性，是一門綜合性強、涵蓋知識點多，又綜合了眾多WEB技術的具有相當復合程度的課程。該課程在2020年之前主要是以線下教學為主，雖然課程以培養學生實際WEB開發能力為目標，堅持以案例式教學為主，但學時的限制導致單純課堂上的講授部分學生難以及時消化吸收，長此以往容易削弱學習的動力。

《WEB技術與應用》作為廣東省在線開放課程，課程自2018年開始在“學者網”①上線以來，作為線下教學的有效補充，實現了發布教學公告、教學資源以及在線提交批改作業等功能。疫情防控期間，線下教學全面轉為線上教學，該課程2020年2月底在超星平臺上線，截至目前點擊量百萬以上，章節學習次數達3萬次以上。課程配套練習豐富，每一章節都有課前預習、課前測試、知識點介紹、課堂學習任務及課后鞏固等配套任務與項目練習，見圖1。

圖1 課程網站章節內容

2020年下半年我校恢復線下教學。在線下教學見面學時依然有限的情況下，如何有效利用已經建設的在線課程教學資源，同時結合線下教學的優勢實施線上線下融合互補教學模式成為值得探索的問題。為此，通過向教務處申請將《WEB技術與應用》理論課調到計算機機房上課，保證每位學生都有一臺可上網的電腦。

三 線上線下融合互補教學模式實踐

為了更好地輔助線下教學，線上教學資源建設必須先行。接下來，在線下教學中如何有效貫穿和利用這些線上資源成為關鍵。

（一） 在線平臺選擇

本課程在線學習資源建立在“超星學習通”網絡平臺[10]上。經過近一年的建設，平臺的資源包括29個教學視頻資料（300分鐘左右），200道題左右的在線題庫、82個文檔（含課件、知識點等），如圖2所示。所有這些資源學生端都可以用手機“學習通App”訪問。

圖2 線上課程資源分布

（二） 教學模式的實施

作為線下教學的有效補充，線上平臺貫穿在線下教學“課前準備—課中教學—課后鞏固”的整個環節中。

（1）課前準備

教師和學生均已事先申請注冊“超星”平臺賬號，在開學之初，在課程網站中導入學生賬號。并通過平臺“通知”功能，通知學生登錄平臺了解“課程目標”“教學大綱”“教學進程”“課前須知”等內容，并進行第一周課程的預習及課前測試。同時，借助超星平臺的“問卷調查”功能，發布“課前調查”問卷，如圖3所示，及時了解學生的學習基礎及學習目標，有利于更好地開展后面的課堂教學。

圖3 課前調查問卷

另外，結合該課程的培養目標，在討論話題（圖4）中發動學生在招聘網站查找最新的JavaWeb相關的工作崗位，定位自己三年后的薪酬，從招聘網站捕捉該薪酬所要求的條件，根據自己的實際情況，明確需要學習哪些技術，給自己定個目標和計劃。

圖4 職業規劃討論

（2）課中教學

按每節課40分鐘計算，先利用1～2分鐘左右時間進行課堂簽到作為平時考勤成績參考。然后利用2～3分鐘時間展示同學們做課前測的情況，包括完成百分比、未提交作業人員以及具體答題情況，尤其提醒沒有滿分的同學帶著課前測的問題進行后面的聽講和解惑。然后進入多媒體+PPT課堂講授，大概30分鐘左右的時間。在講授過程中，穿插現場提問、互動及平臺的選人、搶答功能，并給予積極參與的同學現場加分作為平時成績的參考。最后，利用3～5分鐘左右時間進行本節課教學內容的總結并布置學生完成在線平臺的課后鞏固。

（3）課后鞏固及反饋

及時在學習平臺發布上機實驗內容，讓學生通過平臺提交實驗報告，并參與實驗互評，互相借鑒共同提高。教師及時查看學生完成任務點情況，反饋學生作業情況，并利用“成績統計”中的“教學預警”功能（如圖5所示），針對某一類學生（例如綜合成績較低的學生）及時發布私信提醒。另外，提醒學生如果線下課堂沒有消化的內容可以回看課程網站上的學習視頻。以下為部分學生觀看第6章“JDBC訪問數據庫”之“學生信息增刪改”的案例視頻情況，不少學生的觀看視頻反芻比達到300%以上。

圖5 課程互動與教學預警

（三） 課程考核評價

課程考核采用線上線下相結合的方式，注重過程性考核。線上考核包括作業、簽到、課堂互動、章節任務點、主題討論、單元測驗等，該部分成績統計來自于學習平臺的統計，如圖6所示。由于本課程是以線下課程為主，所以線下考核的比例更大。線下主要包括線下課堂的考勤與現場回答問題、實驗課的現場驗收成績以及期末考試成績，最終形成總體考核評價體系。

圖6 學生觀看視頻情況及課程考核評價

四 結語

在《WEB技術與應用》課程中實施線上線下融合互補式教學模式以來，學生學習主動性得到較大提高，通過線上學習平臺參與課堂互動，積極回答問題、參與討論及提交作業。同時，線下課堂節奏更加緊湊，學生聽課更加專注。從最后的課程考核評價來看，大部分學生取得較好的成績，對課程知識掌握得比較好，在后續的畢業設計中80%以上的同學選擇WEB相關項目作為畢業設計選題，學生的WEB網站開發能力得到較大提高，基本具備了參與開發網站設計的能力。該課程2020年被認定為省級一流課程，得到學生、同行和社會的認可。今后，將進一步完善實驗相關的知識點講解微課資源，在實驗教學上進一步加強線上線下結合方式，理論實驗相結合進一步提高教學效果。

注釋

① https://www.scholat.com/