基于沉浸式學(xué)習(xí)的混合教學(xué)創(chuàng)新與實(shí)踐

摘"要：針對(duì)以學(xué)生為中心，從教學(xué)目標(biāo)重構(gòu)、教學(xué)內(nèi)容優(yōu)化、教學(xué)方法改進(jìn)、教學(xué)平臺(tái)建設(shè)、課程資源建設(shè)、混合式教學(xué)模式實(shí)施和考核方式革新等方面著手，開展面向創(chuàng)新能力和實(shí)踐能力培養(yǎng)的教學(xué)改革，為學(xué)生提供全方位學(xué)習(xí)保障，使學(xué)生獲得沉浸式學(xué)習(xí)氛圍，有效提升學(xué)生的學(xué)習(xí)體驗(yàn)感和學(xué)習(xí)積極性。

關(guān)鍵詞：混合教學(xué)；OBE；案例教學(xué)；持續(xù)改進(jìn)

中圖分類號(hào)：G642.0文獻(xiàn)標(biāo)識(shí)碼：A

Innovation"and"Practice"of"Blended"Teaching"Based"on"Immersive"Learning

Zhang"Jing"Zhao"Yuhong

College"of"Information"Engineering，Inner"Mongolia"University"of"Science"and"Technology

Inner"MongoliaBaotou"014010

Abstract：Under"the"background"of"new"engineering，aiming"at"the"\"pain"points\""in"teaching，this"paper"proposes"to"take"the"OBE"teaching"concept"as"thenbsp;guidance，and"take"students"as"the"center，starting"from"the"reconstruction"of"teaching"objectives，optimization"of"teaching"content，improvement"of"teaching"methods，construction"of"teaching"platform，construction"of"course"resources，implementation"of"blended"teaching"model"and"reform"of"assessment"methods.The"teaching"reform"oriented"to"the"cultivation"of"innovation"ability"and"practical"ability，provide"allround"learning"guarantee"for"students，enable"students"to"obtain"an"immersive"learning"atmosphere，and"effectively"improve"students'"learning"experience"and"learning"enthusiasm.

Keywords：blended"teaching;OBE;case"teaching;continuous"improvement

“互聯(lián)網(wǎng)應(yīng)用開發(fā)基礎(chǔ)”是面對(duì)軟件工程專業(yè)和計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)開設(shè)的專業(yè)必修課，主要講授Web前端開發(fā)技術(shù)，具有知識(shí)體系繁雜、理論與實(shí)踐并重、課程應(yīng)用范圍廣、前沿技術(shù)更新快的特點(diǎn)。但傳統(tǒng)教學(xué)中仍存在教學(xué)目標(biāo)不完善、教學(xué)模式重教輕學(xué)、教室機(jī)房分段授課、傳統(tǒng)筆試考核的“痛點(diǎn)”問(wèn)題［1］，因此提出基于OBE教學(xué)理念的混合教學(xué)改革。

1"教學(xué)分析

隨著對(duì)高校一流人才創(chuàng)新能力和實(shí)踐能力要求的不斷提高，在教學(xué)中還存在明顯的不足，主要體現(xiàn)在：

（1）教學(xué)目標(biāo)注重對(duì)知識(shí)的要求，缺乏對(duì)學(xué)生能力和素質(zhì)培養(yǎng)的要求，難以培養(yǎng)學(xué)生解決問(wèn)題的實(shí)踐能力和創(chuàng)新思維。

（2）教學(xué)模式按照傳統(tǒng)“填鴨式”開展教學(xué)，課堂仍然是以教師為中心，教學(xué)模式重教輕學(xué)，難以調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性與主動(dòng)性［2］。

（3）教學(xué)手段采用分段授課，先到教室講授知識(shí)再到機(jī)房上機(jī)實(shí)驗(yàn)，導(dǎo)致課堂理論教學(xué)與實(shí)踐教學(xué)銜接不好，影響了教學(xué)效果。

（4）考核方式采用傳統(tǒng)的試卷筆試，還是以知識(shí)考核作為主要考核標(biāo)準(zhǔn)，缺少形成性評(píng)價(jià)，難以考核學(xué)生的能力與素質(zhì)。

2"教學(xué)設(shè)計(jì)與實(shí)施

新工科背景下，創(chuàng)新能力和實(shí)踐能力的培養(yǎng)已成為高校人才培養(yǎng)工作的重點(diǎn)。教學(xué)團(tuán)隊(duì)將OBE（Outcomebased"Education）理念引入課程教學(xué)中，以“學(xué)生為中心”實(shí)現(xiàn)教學(xué)設(shè)計(jì)，重構(gòu)教學(xué)目標(biāo)，優(yōu)化整合教學(xué)內(nèi)容，融入思政和技術(shù)前沿，采用案例教學(xué)、任務(wù)驅(qū)動(dòng)的教學(xué)方法。在多元化課程資源建設(shè)和系統(tǒng)化線上課程平臺(tái)建設(shè)的基礎(chǔ)上，課程實(shí)現(xiàn)線上線下混合式教學(xué)，采用機(jī)房授課+屏幕分享+邊講邊練+屏幕錄制的創(chuàng)新化教學(xué)手段，建立注重過(guò)程、全面、規(guī)范的課程考核機(jī)制。為學(xué)生提供全方位的學(xué)習(xí)保障，打造以學(xué)生為中心的沉浸式學(xué)習(xí)氛圍，提升了學(xué)生的學(xué)習(xí)體驗(yàn)感，顯著提高了學(xué)生的滿意度和獲得感，實(shí)踐和創(chuàng)新能力也得到有效的提升［3］。教學(xué)創(chuàng)新實(shí)施方案，如圖1所示。

2.1"重構(gòu)課程教學(xué)目標(biāo)，強(qiáng)化思政教育

團(tuán)隊(duì)首先做好課程頂層設(shè)計(jì)，重構(gòu)課程教學(xué)目標(biāo)，將思政教育目標(biāo)融入課程，重構(gòu)知識(shí)傳授、價(jià)值塑造、能力培養(yǎng)“三位一體”的教學(xué)目標(biāo)。知識(shí)目標(biāo)使學(xué)生具備HTML5搭建網(wǎng)頁(yè)結(jié)構(gòu)和CSS3美化網(wǎng)頁(yè)必備的基礎(chǔ)知識(shí)，能力目標(biāo)使學(xué)生具備獨(dú)立設(shè)計(jì)開發(fā)應(yīng)用級(jí)商業(yè)網(wǎng)站的能力，價(jià)值目標(biāo)注重塑造培養(yǎng)學(xué)生家國(guó)情懷和理想信念。做到課程教學(xué)全過(guò)程育人，著力培養(yǎng)創(chuàng)新型、高技能、應(yīng)用型一流人才。

2.2"線上線下混合教學(xué)，營(yíng)造沉浸式學(xué)習(xí)

團(tuán)隊(duì)實(shí)現(xiàn)了多元化數(shù)字教學(xué)資源的建設(shè)，優(yōu)質(zhì)的教學(xué)資源是開展混合教學(xué)的重要保證［4］。通過(guò)梳理與當(dāng)前Wed前端開發(fā)技術(shù)接軌的知識(shí)點(diǎn)，學(xué)習(xí)引進(jìn)新的教學(xué)案例，錄制課程的授課視頻，建設(shè)完成了教學(xué)大綱、教學(xué)日歷、教學(xué)講義、視頻資料、電子課件、演示代碼、實(shí)驗(yàn)項(xiàng)目及素材、導(dǎo)學(xué)任務(wù)書、擴(kuò)展資料，實(shí)訓(xùn)項(xiàng)目及素材、課程作業(yè)、在線測(cè)試等線上線下各教學(xué)環(huán)節(jié)所需的教學(xué)資源，目前建設(shè)完成課程資源總數(shù)168個(gè)，其中視頻數(shù)68個(gè)。

團(tuán)隊(duì)實(shí)現(xiàn)了線上平臺(tái)的建設(shè)，如圖2所示。課程框架已搭建完整，完成了課程導(dǎo)學(xué)、播客單元、教學(xué)資源、課程實(shí)驗(yàn)、項(xiàng)目實(shí)戰(zhàn)、線上學(xué)習(xí)六個(gè)線上模塊的建設(shè)，課程資源豐富，課程活動(dòng)開展活躍，課程應(yīng)用情況良好。

團(tuán)隊(duì)實(shí)現(xiàn)混合式教學(xué)設(shè)計(jì)，課前利用線上課件PPT、視頻、“在線測(cè)試”“在線討論”等資源和活動(dòng)，完成線上預(yù)習(xí)任務(wù)，自主學(xué)習(xí)相關(guān)的課程內(nèi)容。混合教學(xué)設(shè)計(jì)注重線上反饋線下結(jié)合，通過(guò)課程“大數(shù)據(jù)”查看學(xué)生在線測(cè)試、課前討論完成情況，充分掌握學(xué)生的學(xué)習(xí)情況及容易出錯(cuò)的問(wèn)題。線下課堂注重的是重要知識(shí)點(diǎn)的梳理講解和技能的強(qiáng)化訓(xùn)練，課前導(dǎo)入總結(jié)核心知識(shí)點(diǎn)，強(qiáng)調(diào)反饋學(xué)生線上學(xué)習(xí)中的問(wèn)題進(jìn)行糾錯(cuò)。學(xué)生還可以通過(guò)“課程實(shí)驗(yàn)”“項(xiàng)目實(shí)戰(zhàn)”等項(xiàng)目案例的訓(xùn)練，可以進(jìn)一步提升學(xué)生前端開發(fā)的技能，實(shí)現(xiàn)從基本技能到高階技能的提升［56］。課程優(yōu)化整合數(shù)字化課程資源，設(shè)計(jì)合理的學(xué)習(xí)活動(dòng)序列，根據(jù)專業(yè)課程的特色，構(gòu)建了適合本課程的線上教學(xué)平臺(tái)，拓展了教學(xué)空間，使學(xué)生愛學(xué)、樂(lè)學(xué)，獲得更好的沉浸式學(xué)習(xí)體驗(yàn)。

2.3"以學(xué)生為中心，改革教學(xué)手段

團(tuán)隊(duì)以學(xué)生為中心，采用“機(jī)房授課+屏幕分享+屏幕錄制+邊講邊練”的授課模式。56學(xué)時(shí)課程全部安排在機(jī)房授課“邊講邊練”，教師編碼演示講解后，學(xué)生立即同步實(shí)踐，大大提升學(xué)生動(dòng)手實(shí)踐能力。相比傳統(tǒng)的一塊黑板或投影幕布，對(duì)于90多人的大班授課，“屏幕分享”可以讓學(xué)生更加專注地、清晰地觀看自己的電腦屏幕邊看邊練。貫通課程的案例教學(xué)法，需要根據(jù)講課進(jìn)度隨時(shí)給學(xué)生發(fā)送多媒體的案例素材，“機(jī)房授課”可以方便學(xué)生快捷地獲得相關(guān)課程資源。

“屏幕錄制”把最新課堂教學(xué)視頻及時(shí)分享到線上“播客單元”，方便學(xué)生在手機(jī)端或PC端隨時(shí)進(jìn)行查漏補(bǔ)缺的復(fù)習(xí)鞏固，實(shí)現(xiàn)碎片化、移動(dòng)化、個(gè)性化學(xué)習(xí)。多種教學(xué)手段的應(yīng)用方便了學(xué)生獲取豐富的學(xué)習(xí)資源，大大提高了學(xué)生的學(xué)習(xí)效率。

2.4"以線帶點(diǎn)，改進(jìn)教學(xué)方法

團(tuán)隊(duì)采用“案例教學(xué)+任務(wù)驅(qū)動(dòng)”理論與實(shí)踐相結(jié)合的創(chuàng)新型教學(xué)方法，29個(gè)面向企業(yè)級(jí)應(yīng)用的教學(xué)案例，覆蓋Wed前端開發(fā)所需的知識(shí)和技能點(diǎn)。案例導(dǎo)入后注重教學(xué)互動(dòng)，以“任務(wù)驅(qū)動(dòng)”提出問(wèn)題，以案例做主線，引導(dǎo)學(xué)生通過(guò)每個(gè)案例任務(wù)主動(dòng)思考及解決問(wèn)題，從而掌握知識(shí)和技能點(diǎn)。創(chuàng)新型教學(xué)方法的改革，提高了學(xué)生的學(xué)習(xí)成效，提升了學(xué)習(xí)興趣，使學(xué)生獲得學(xué)習(xí)的成就感。通過(guò)采用“問(wèn)題推進(jìn)式”教學(xué)策略，在提出問(wèn)題、分析問(wèn)題、解決問(wèn)題的教學(xué)過(guò)程中，培養(yǎng)學(xué)生的科學(xué)思維和動(dòng)手實(shí)踐能力。

2.5"以“高階性、創(chuàng)新性、挑戰(zhàn)度”為宗旨，優(yōu)化教學(xué)內(nèi)容

深化課程教學(xué)改革，教學(xué)團(tuán)隊(duì)優(yōu)化整合了教學(xué)內(nèi)容，強(qiáng)化課程前后銜接，適應(yīng)新工科人才培養(yǎng)的需要。教學(xué)團(tuán)隊(duì)優(yōu)化整合教學(xué)內(nèi)容，新增Wed前端開發(fā)必備的HTML5、CSS3等前沿內(nèi)容。為落實(shí)立德樹人根本任務(wù)，顯性教育與隱性教育相統(tǒng)一，深入巧妙地挖掘課程思政元素，有機(jī)融入課程教學(xué)，把思政教育結(jié)合在實(shí)踐、樂(lè)趣之中，寓教于樂(lè)。結(jié)合所授課程特點(diǎn)、思維方法和價(jià)值理念，依據(jù)知識(shí)內(nèi)在聯(lián)系對(duì)教學(xué)模塊進(jìn)行了重組，課程教學(xué)內(nèi)容優(yōu)化重組。優(yōu)化后的教學(xué)內(nèi)容具備“兩性一度”，符合新工科人才培養(yǎng)的需要，可以培養(yǎng)學(xué)生解決實(shí)際問(wèn)題所需的綜合實(shí)踐能力和創(chuàng)新能力。

2.6"以成果為導(dǎo)向，改進(jìn)課程評(píng)價(jià)

團(tuán)隊(duì)把終結(jié)性評(píng)價(jià)和形成性評(píng)價(jià)相結(jié)合，評(píng)價(jià)內(nèi)容、評(píng)價(jià)主體和評(píng)價(jià)方法的多元化，逐步細(xì)化形成性評(píng)價(jià)和終結(jié)性評(píng)價(jià)，建立系統(tǒng)化的課程評(píng)價(jià)體系。以成果為導(dǎo)向，教學(xué)產(chǎn)出豐富，包括平時(shí)表現(xiàn)、課程測(cè)試、討論、實(shí)驗(yàn)、結(jié)課大作業(yè)。根據(jù)課程評(píng)價(jià)結(jié)果，分析課程目標(biāo)達(dá)成情況，為后續(xù)教學(xué)提出持續(xù)改進(jìn)策略。

團(tuán)隊(duì)建立注重過(guò)程、全面、規(guī)范化的課程考核機(jī)制。由于傳統(tǒng)的筆試、機(jī)試都不能滿足應(yīng)用型一流人才的培養(yǎng)需求，為了讓學(xué)生“學(xué)以致用”，最后教學(xué)環(huán)節(jié)的終結(jié)性評(píng)價(jià)采用“大作業(yè)”形式，要求學(xué)生綜合應(yīng)用本課程所學(xué)內(nèi)容設(shè)計(jì)、開發(fā)完成一個(gè)網(wǎng)站主頁(yè)。采用DIV+CSS布局，使用HTML、CSS語(yǔ)言編寫代碼，編碼符合W3C標(biāo)準(zhǔn)，無(wú)冗余代碼，結(jié)構(gòu)和樣式相分離，采用鏈接式外部樣式表，創(chuàng)建規(guī)范的網(wǎng)站目錄結(jié)構(gòu)，教師在答辯時(shí)的評(píng)價(jià)是根據(jù)每位學(xué)生大作業(yè)的代碼量、網(wǎng)站的完整性、技術(shù)難度、頁(yè)面界面的美觀程度、編碼的熟練程度、代碼的規(guī)范性進(jìn)行綜合評(píng)定，給出公正合理的成績(jī)。通過(guò)設(shè)計(jì)和綜合型的大作業(yè)可以使學(xué)生利用所學(xué)的內(nèi)容設(shè)計(jì)出自己的主頁(yè)，激發(fā)了學(xué)生的學(xué)習(xí)興趣，提升了動(dòng)手實(shí)踐能力。但是面對(duì)180人的大作業(yè)考核是個(gè)難題，如果單憑交上來(lái)的大作業(yè)直接給分成績(jī)肯定不準(zhǔn)確，給每個(gè)學(xué)生和他的努力相匹配的成績(jī)，可以激發(fā)學(xué)生的自主學(xué)習(xí)熱情。為了全面考核每個(gè)學(xué)生的大作業(yè)完成情況，給每位學(xué)生一個(gè)公平合理的成績(jī)，采用“答辯+上機(jī)編程演示”的考核方法，不僅考核學(xué)生是否“會(huì)講”，更重要的是考核學(xué)生是否“會(huì)做”。“大作業(yè)+答辯+上機(jī)編程演示”更加注重過(guò)程、多元化的考核，解決了傳統(tǒng)的筆試、機(jī)試考查不全面的問(wèn)題，對(duì)學(xué)生實(shí)際Wed開發(fā)能力進(jìn)行全面、精準(zhǔn)的考核。

3"創(chuàng)新成效

到目前為止，“互聯(lián)網(wǎng)應(yīng)用開發(fā)基礎(chǔ)”線上教學(xué)平臺(tái)的課程資源豐富，課程活動(dòng)開展活躍，課程應(yīng)用情況良好，課程訪問(wèn)數(shù)達(dá)18947次。課程提高了學(xué)生的滿意度和獲得感。通過(guò)對(duì)軟件和計(jì)算機(jī)專業(yè)學(xué)生進(jìn)行問(wèn)卷調(diào)查，課程評(píng)教滿意度達(dá)到95%以上。在教學(xué)內(nèi)容、教師認(rèn)同感、學(xué)習(xí)獲得感、課堂討論、能力提升等多個(gè)維度的評(píng)價(jià)良好，認(rèn)為通過(guò)上這門課感覺有收獲，分析和解決問(wèn)題的能力得到提高。在多次線下師生見面會(huì)和線上匿名課程評(píng)價(jià)中，學(xué)生都反饋良好。教學(xué)創(chuàng)新前后，學(xué)生成績(jī)優(yōu)良比例提升到55%，反映出絕大多數(shù)學(xué)生掌握了Wed前端開發(fā)的基本技能。學(xué)生能設(shè)計(jì)、開發(fā)出面向企業(yè)級(jí)應(yīng)用的商業(yè)網(wǎng)站，學(xué)生成績(jī)和教學(xué)產(chǎn)出都反映出達(dá)到了教學(xué)目標(biāo)的要求。

結(jié)語(yǔ)

基于沉浸式學(xué)習(xí)的混合教學(xué)可以顯著提高學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)興趣，形成以學(xué)生為中心、教師為輔助的自主學(xué)習(xí)氛圍。這門課程的教學(xué)平臺(tái)建設(shè)、數(shù)字化教學(xué)資源建設(shè)、混合教學(xué)方案的設(shè)計(jì)，對(duì)計(jì)算機(jī)專業(yè)相關(guān)課程都具有一定的借鑒意義。線上課程也面向全校其他非計(jì)算機(jī)專業(yè)學(xué)生同步開放，目前課外訪問(wèn)次數(shù)1306次，為熱愛網(wǎng)頁(yè)設(shè)計(jì)的學(xué)生提供學(xué)習(xí)平臺(tái)和學(xué)習(xí)資源保障，進(jìn)一步促進(jìn)優(yōu)質(zhì)教育資源普及共享。課程持續(xù)迭代更新，目前新增教學(xué)資源45個(gè)，訪問(wèn)次數(shù)增加11329次。將OBE理念引入一流課程的建設(shè)，以學(xué)生為中心、學(xué)習(xí)成果為導(dǎo)向的課程教學(xué)改革，可以培養(yǎng)學(xué)生理論結(jié)合實(shí)踐、分析解決具體問(wèn)題的動(dòng)手能力，顯著提升課程的教學(xué)效果，可以為社會(huì)培養(yǎng)更多創(chuàng)新型、高素質(zhì)、應(yīng)用型前端開發(fā)人才。

參考文獻(xiàn)：

［1］儲(chǔ)久良.WEB前端開發(fā)技術(shù)課程教學(xué)改革與實(shí)踐［J］.計(jì)算機(jī)教育，2014（14）：1215.

［2］阮曉龍.WEB前端開發(fā)課程內(nèi)容改革的探索與嘗試［J］.中國(guó)現(xiàn)代教育裝備，2015（4）：9497.

［3］陳霞，吳東.基于就業(yè)導(dǎo)向的HTML5前端開發(fā)課程教學(xué)改革實(shí)踐［J］.現(xiàn)代計(jì)算機(jī)，2017（4）：2932.

［4］周立柱.談?wù)勀秸n的實(shí)踐教學(xué)［J］.計(jì)算機(jī)教育，2017（11）：29.

［5］郎振紅.翻轉(zhuǎn)課堂在WEB程序開發(fā)實(shí)驗(yàn)教學(xué)中的應(yīng)用研究［J］.實(shí)驗(yàn)技術(shù)與管理，2016（2）：151154.

［6］曾明星.基于MOOC的翻轉(zhuǎn)課堂教學(xué)模式研究［J］.中國(guó)電化教育，2015（4）：102108.

基金項(xiàng)目：2022年度校級(jí)教育教學(xué)改革研究重點(diǎn)項(xiàng)目（JY2022018）

作者簡(jiǎn)介：張靜（1978—"），女，漢族，河北玉田人，碩士，講師，研究方向：Web前端技術(shù)。