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

劉 穎

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

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

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

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

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

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

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

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

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

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

2 線上課程設(shè)計(jì)

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

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

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

續(xù)表1

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

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

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

2.3 課程考核設(shè)計(jì)

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

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

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

3.1 新建課程

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

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

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

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

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

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

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

3.3 課程班級(jí)建立

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

4 教學(xué)實(shí)施

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

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

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

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

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

4.3 在線集中授課

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

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

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

4.4 課后作業(yè)

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

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

5 課程實(shí)施反思

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

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

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

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

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

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

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

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

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

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

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