疫情下《Web 前端開發(fā)》線上課程建設(shè)與教學(xué)實施＊

劉 穎

（遼寧金融職業(yè)學(xué)院，遼寧 沈陽 110122）

“停課不停教、停課不停學(xué)”既是疫情下的應(yīng)急之舉，也是“互聯(lián)網(wǎng)+教育”的重要成果應(yīng)用展示[1]。《Web 前端開發(fā)》 課程在該形勢下建立了線上教學(xué)平臺，并實施了教學(xué)。

1 線上課程建設(shè)平臺選擇

開展線上教學(xué)之前，首先要選擇一個優(yōu)秀的平臺。在準(zhǔn)備線上開課前，學(xué)習(xí)了由超星教師發(fā)展中心開發(fā)的《信息化教學(xué)能力提升培訓(xùn)》線上培訓(xùn)課程，課程中介紹了《“停課不停學(xué)”線上教學(xué)實踐--利用“一平三端”實現(xiàn)在線教學(xué)》《我在武漢直播培訓(xùn)——基于“一平三端”的備課、建課、用課、學(xué)課、管課》《六步網(wǎng)絡(luò)教學(xué)法》等，重點研究了超星泛雅網(wǎng)絡(luò)教學(xué)平臺。該平臺是超星公司推出的一個產(chǎn)品，可幫助教師完成教學(xué)的智能化，因此決定在超星泛雅網(wǎng)絡(luò)教學(xué)平臺上建設(shè)《Web 前端開發(fā)》課程。

超星泛雅網(wǎng)絡(luò)教學(xué)平臺有如下優(yōu)勢：

（1）建課方便靈活。線上課程建設(shè)快捷方便，按照超星平臺建課步驟，依次建設(shè)課程及課程章節(jié)，在章節(jié)中可以添加PPT、視頻等教學(xué)資源。也可以通過已有的示范教學(xué)包查找合適的課程內(nèi)容來更快捷的建課。

（2）課前預(yù)習(xí)方便可查。教師可把課程需要自學(xué)的內(nèi)容提前發(fā)布到網(wǎng)上，并設(shè)置任務(wù)點，學(xué)生在課前通過手機(jī)、電腦均可學(xué)習(xí)，完成學(xué)生的自主學(xué)習(xí)，老師可通過任務(wù)點完成情況掌握學(xué)生們的預(yù)習(xí)情況。

（3）課堂互動測試靈活。課堂中可通過超星平臺發(fā)布簽到、通知、提問、測試等互動活動。

（4）課后考核及時方便。課后可發(fā)布調(diào)查問卷、測試題等檢查學(xué)生課程學(xué)習(xí)情況。同時測試題豐富多樣，有單選、多選、判斷、簡答等多種主觀和客觀題型。

（5）教學(xué)統(tǒng)計清晰便捷。在統(tǒng)計欄目下可以隨時查看學(xué)生的課堂表現(xiàn)，章節(jié)學(xué)習(xí)次數(shù)、教學(xué)預(yù)警、成績管理、課程積分等數(shù)據(jù)來掌握學(xué)生的學(xué)習(xí)情況。

2 線上課程設(shè)計

2.1 教學(xué)目標(biāo)設(shè)計

教學(xué)目標(biāo)是教與學(xué)的重要基礎(chǔ)，只有明確了教學(xué)目標(biāo)教師才能很好的開展教學(xué)活動，學(xué)生才能更清晰的掌握所學(xué)內(nèi)容。《Web 前端開發(fā)》課程是信息工程學(xué)院信息安全與管理專業(yè)開設(shè)的一門專業(yè)課，課程的教學(xué)目標(biāo)見表1。

表1 課程教學(xué)目標(biāo)

續(xù)表1

2.2 教學(xué)內(nèi)容設(shè)計

教學(xué)內(nèi)容在設(shè)計時，既要考慮易于學(xué)生學(xué)習(xí)，又要結(jié)合學(xué)生實際，因為疫情期間，涌現(xiàn)出了很多戰(zhàn)疫英雄和感人事跡，因此教學(xué)設(shè)計適當(dāng)融入思政內(nèi)容，對學(xué)生也有很好的激勵作用[2-3]。《Web 前端開發(fā)》課程實踐性強(qiáng)，為了確保達(dá)到預(yù)期的教學(xué)目標(biāo)，教學(xué)內(nèi)容設(shè)計中考慮運用案例教學(xué)法，即在教學(xué)內(nèi)容設(shè)計中首先要有吸引學(xué)生的案例，其次在案例中要能將知識目標(biāo)貫穿其中，而且還要注重培養(yǎng)學(xué)生的開發(fā)興趣。經(jīng)過給學(xué)生發(fā)放問卷、教學(xué)團(tuán)隊研討、結(jié)合課程目標(biāo)，《Web 前端開發(fā)》課程具體教學(xué)內(nèi)容設(shè)計見表2。

表2 《Web 前端開發(fā)》課程教學(xué)內(nèi)容設(shè)計

2.3 課程考核設(shè)計

疫情時期，不能實時看到學(xué)生的學(xué)習(xí)狀態(tài)，為了達(dá)到更好的教學(xué)效果，課程考核分為過程性考核和總結(jié)性考核兩個方面。由于是疫情期間線上學(xué)習(xí)，因此更側(cè)重課程的過程性考核，用于激發(fā)學(xué)生的學(xué)習(xí)主動性和學(xué)習(xí)積極性[4]，過程性考核包括學(xué)生線上自主學(xué)習(xí)、章節(jié)測試和課堂表現(xiàn)，結(jié)果性考核以期末考試為主。過程性考核占65%，結(jié)果性考核占35%。

3 線上課程的建設(shè)

在超星泛雅平臺建設(shè)課程，可以在手機(jī)端學(xué)習(xí)通APP 平臺，也可以在電腦端。本門課程是在電腦端建設(shè)的，首先用帳號登錄超星泛雅平臺，然后選擇加號來新建課程。

3.1 新建課程

在圖1 中輸入課程名稱等基本信息，然后單擊下一步，在下一個頁面中選擇課程圖片，然后單擊保存，然后進(jìn)入下一個選擇是否自動生成章節(jié)頁面，選擇不自動生成章節(jié)，再單擊保存，即完成了《Web 前端開發(fā)》課程建設(shè)的第一步。

圖1 線上課程電腦端建設(shè)

3.2 編輯課程內(nèi)容

在生成的課程頁面，單擊編輯按鈕，可完成課程內(nèi)容的編輯。如圖2 所示。

圖2 課程內(nèi)容編輯

按照設(shè)計好的課程內(nèi)容，依次輸入課程內(nèi)容標(biāo)題。然后在章節(jié)下的子標(biāo)題里添加教學(xué)內(nèi)容。教學(xué)內(nèi)容要提前準(zhǔn)備好，包括文本、圖片資料、PPT 課件資料、微課視頻資料等等。

本課程共設(shè)置六個章節(jié)7 個案例。

3.3 課程班級建立

在《Web 前端開發(fā)》課程開始授課前，需要將上課班級添加到該課程下，建立好上課班級。可以先通過電腦端建立課程班級，然后指導(dǎo)學(xué)生在手機(jī)上安裝學(xué)習(xí)通APP 并通過掃碼進(jìn)入班級，進(jìn)入課程班級后，給學(xué)生發(fā)送學(xué)習(xí)通使用指南，讓學(xué)生盡快掌握學(xué)習(xí)通上學(xué)習(xí)的方法。

4 教學(xué)實施

教學(xué)內(nèi)容設(shè)計完成，并將教學(xué)資源發(fā)布到課程網(wǎng)站中，接下來開展教學(xué)實施過程。教學(xué)實施采用“課前學(xué)習(xí)引導(dǎo)+學(xué)生自主學(xué)習(xí)+在線集中授課+課后作業(yè)”的方式開展。

4.1 課前學(xué)習(xí)引導(dǎo)

每次課前教師通過超星泛雅平臺發(fā)布通知，提醒同學(xué)們完成課前學(xué)習(xí)任務(wù)單中的學(xué)習(xí)任務(wù)，并規(guī)定學(xué)習(xí)時間，要求在限定時間內(nèi)按時完成。課前學(xué)習(xí)任務(wù)單中清晰的標(biāo)明學(xué)習(xí)內(nèi)容，這些學(xué)習(xí)內(nèi)容均是在建設(shè)課程時設(shè)置好的任務(wù)點，也可是隨著課程的進(jìn)行，教師隨時添加的一些內(nèi)容。為了檢驗學(xué)生完成的情況，針對重難點知識設(shè)置章節(jié)測驗，然后在統(tǒng)計中分析學(xué)生的掌握情況和學(xué)習(xí)情況，以備在集中授課時進(jìn)行有針對性的講解。教師也能隨時通過學(xué)習(xí)通的對話功能解答學(xué)生在學(xué)習(xí)過程中遇到的問題。

4.2 學(xué)生自主學(xué)習(xí)

學(xué)生接收到通知，可在學(xué)習(xí)通APP 中打開課前學(xué)習(xí)任務(wù)單，完成課前各項基礎(chǔ)知識的學(xué)習(xí)，包括文檔、視頻等任務(wù)點。學(xué)習(xí)后完成課前章節(jié)測試。學(xué)生隨時通過學(xué)習(xí)通的群聊或者會話功能對學(xué)習(xí)中遇到的問題進(jìn)行提問。

4.3 在線集中授課

教師利用學(xué)生自主學(xué)習(xí)情況和測試及反饋情況，組織課堂內(nèi)容。制作教學(xué)課件，有針對性的調(diào)整課堂學(xué)習(xí)活動，知識點充分傳遞給學(xué)生，學(xué)生完成內(nèi)化吸收。

在線集中授課過程中，教師在手機(jī)學(xué)習(xí)通APP上進(jìn)入《Web 前端 開發(fā)》課程，在底部單擊開啟“投屏”功能。然后在電腦端打開投屏，在投屏上隨著課程內(nèi)容的傳遞，同時開啟各活動環(huán)節(jié)，比如“搶答”“測試”“選人”“問卷”等互動活動，這樣既可以激發(fā)學(xué)生興趣，又活躍了線上學(xué)習(xí)氣氛，引導(dǎo)學(xué)生一直跟隨老師的授課思路進(jìn)行學(xué)習(xí)，沒有老師監(jiān)管的情況下，不溜號，實時在線。

學(xué)生在教師授課過程中，可隨時在手機(jī)端或者線上課堂中提問，老師能及時查看到并給與回復(fù)。比如教師給學(xué)生發(fā)布測試題，可以隨時查看學(xué)生的完成人數(shù)，做錯題的情況，在投屏中對問題進(jìn)行有針對性的講解。

4.4 課后作業(yè)

課后作業(yè)有助于加深學(xué)生對所學(xué)知識的掌握，是課堂學(xué)習(xí)的有效補(bǔ)充，達(dá)到知識的徹底掌握和內(nèi)化。以第一章為例，課后作業(yè)為完成案例“致最可愛的人頁面制作”。作業(yè)中同學(xué)們充分發(fā)揮創(chuàng)造力，運用所學(xué)知識，將心中的最可愛的人設(shè)計到網(wǎng)頁中。教師通過學(xué)習(xí)通或者電腦端“作業(yè)”欄目查看學(xué)生完成的作業(yè)及已交和未交名單。圖3 為部分同學(xué)的第一次作業(yè)。

圖3 《Web 前端開發(fā)》課后作業(yè)展示

5 課程實施反思

《Web 前端開發(fā)》課程在疫情期間，使用了超星泛雅網(wǎng)絡(luò)教學(xué)平臺，通過平臺統(tǒng)計功能，綜合分析學(xué)生在疫情下的線上學(xué)習(xí)效果非常好，教師和學(xué)生雙雙受益。

5.1 教學(xué)設(shè)計很重要

教學(xué)開展的效果和學(xué)生的學(xué)習(xí)效果重點是教學(xué)內(nèi)容的設(shè)計。線上課程并不是簡單的將課程內(nèi)容發(fā)布到網(wǎng)上，而要考慮課程特點和學(xué)生的實際情況。設(shè)計的內(nèi)容既要包含教學(xué)目標(biāo)中的全部內(nèi)容，又要讓學(xué)生有學(xué)習(xí)的積極性，而且還要有監(jiān)督和管理、考核機(jī)制。

5.2 教學(xué)過程得到了優(yōu)化

超星泛雅網(wǎng)絡(luò)教學(xué)平臺的使用提升了教學(xué)效果。《Web 前端開發(fā)》課程在教學(xué)過程中，教師在平臺上發(fā)布任務(wù)，設(shè)置課前測試，章節(jié)測試、課后作業(yè)，并設(shè)置完成時間，查看任務(wù)點完成情況，教師發(fā)布的客觀測試題可自動出成績，對成績進(jìn)行統(tǒng)計，隨時供教師掌握學(xué)生的學(xué)習(xí)情況和完成任務(wù)情況，而且還可方便教師及時解答學(xué)生問題，極大的減輕了教師負(fù)擔(dān)，提高了教學(xué)的靈活性，培養(yǎng)了學(xué)生主動學(xué)習(xí)的能力。

5.3 課程的過程性考核更清晰

超星泛雅網(wǎng)絡(luò)教學(xué)平臺的應(yīng)用，讓過程性考核得以清晰的實現(xiàn)，學(xué)生的學(xué)習(xí)效果和學(xué)習(xí)過程能清晰的反映出來，對學(xué)習(xí)情況的反饋學(xué)生能及時的查看到。《Web 前端開發(fā)》課程線上課程平臺的使用，對疫情期間線上學(xué)習(xí)無法監(jiān)控學(xué)生的學(xué)習(xí)過程，監(jiān)管不及時的問題，以及對學(xué)生問題不能及時回復(fù)等都得到了很好的解決。

5.4 鍛煉了學(xué)生自主學(xué)習(xí)能力

《Web 前端開發(fā)》課程在平臺上教師可及時提醒同學(xué)任務(wù)完成情況，學(xué)生收到教師的提示，自己學(xué)習(xí)平臺上的任務(wù)點內(nèi)容，教師對一些實踐操作給予指導(dǎo)，更多的讓學(xué)生自己完成并上交作業(yè)，學(xué)生在這一過程中，自主學(xué)習(xí)能力得到鍛煉和提高。

5.5 為疫情后課程的混合教學(xué)提供了依據(jù)

在超星泛雅網(wǎng)絡(luò)教學(xué)平臺上建設(shè)《Web 前端開發(fā)》線上課程，豐富的課前資源、靈活有趣的課堂互動，過程性學(xué)習(xí)的記錄統(tǒng)計，讓本門課程的教學(xué)呈現(xiàn)形式豐富多樣。這一過程打破了傳統(tǒng)教學(xué)的資源單一、形式填鴨，交流評價不及時等問題。教師在吸收了疫情期間教學(xué)的經(jīng)驗，疫情后，將這種形式沿用，將線上課程平臺學(xué)習(xí)與線下課堂教學(xué)結(jié)合，有效的實現(xiàn)了線上線下混合教學(xué)模式，改變了傳統(tǒng)教學(xué)模式，提高了教學(xué)效果，培養(yǎng)了學(xué)生自主學(xué)習(xí)能力，對《Web 前端開發(fā)》課程的教學(xué)改革起到了推進(jìn)作用。