翻轉(zhuǎn)課堂模式在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)中的應(yīng)用研究

摘 要：文章分析“網(wǎng)頁(yè)設(shè)計(jì)與制作”實(shí)驗(yàn)課程傳統(tǒng)授課的存在問(wèn)題，提出以自主學(xué)習(xí)為主的翻轉(zhuǎn)課堂項(xiàng)目化教學(xué)模式，在教學(xué)實(shí)踐中采用比較分析法進(jìn)行學(xué)習(xí)過(guò)程有效性分析和學(xué)習(xí)質(zhì)量分析，驗(yàn)證了翻轉(zhuǎn)課堂教學(xué)模式與項(xiàng)目化教學(xué)模式相結(jié)合的有效性。

關(guān)鍵詞：翻轉(zhuǎn)課堂；教學(xué)模式；實(shí)驗(yàn)課程；項(xiàng)目化教學(xué)

中圖分類號(hào)：G434

1 翻轉(zhuǎn)課堂概述

伴隨網(wǎng)絡(luò)技術(shù)與通信技術(shù)的不斷更新?lián)Q代，借助信息技術(shù)變革來(lái)提升教育教學(xué)質(zhì)量成為了當(dāng)前教育發(fā)展趨勢(shì)。信息技術(shù)與教學(xué)的整合研究成為了當(dāng)前教育教學(xué)熱門話題，其中翻轉(zhuǎn)課堂成為國(guó)內(nèi)教學(xué)改革的新浪潮。但國(guó)內(nèi)對(duì)翻轉(zhuǎn)課堂的研究多集中于中小學(xué)教育中，在高校教育教學(xué)中的應(yīng)用研究相對(duì)較少。翻轉(zhuǎn)課堂基本教學(xué)模式是在信息化環(huán)境中，教師提供以教學(xué)視頻為主要學(xué)習(xí)資源，學(xué)生課前通過(guò)網(wǎng)絡(luò)自主學(xué)習(xí)教學(xué)視頻資源，課堂上開展作業(yè)答疑、協(xié)作探究和互動(dòng)交流等活動(dòng)[1]。該模式將傳統(tǒng)課堂知識(shí)傳授和知識(shí)內(nèi)化進(jìn)行了顛倒，提高了學(xué)生自主學(xué)習(xí)能力和學(xué)習(xí)質(zhì)量而得到越來(lái)越多社會(huì)關(guān)注[2]。

“網(wǎng)頁(yè)設(shè)計(jì)與制作”是應(yīng)用型高校計(jì)算機(jī)類專業(yè)的一門專業(yè)基礎(chǔ)課，教學(xué)內(nèi)容涉及平面設(shè)計(jì)、HTML以及各類語(yǔ)言腳本，是各類網(wǎng)絡(luò)應(yīng)用型軟件開發(fā)的基礎(chǔ)課程。翻轉(zhuǎn)課堂的出現(xiàn)，為“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程的教學(xué)提供了新的教學(xué)思路。本研究通過(guò)教學(xué)實(shí)踐，以翻轉(zhuǎn)課堂教學(xué)理念融入計(jì)算機(jī)實(shí)驗(yàn)類課堂，探索適合計(jì)算機(jī)實(shí)驗(yàn)類課程的教學(xué)模式，以促進(jìn)學(xué)生自主學(xué)習(xí)，最終提高教學(xué)質(zhì)量。

2 “網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)現(xiàn)狀分析

目前，我?！熬W(wǎng)頁(yè)設(shè)計(jì)與制作”課程普遍采用課堂案例教學(xué)，即在課堂上通過(guò)案例分析講授知識(shí)和實(shí)驗(yàn)步驟演示，當(dāng)堂完成練習(xí)。這種教學(xué)模式相對(duì)于之前的先進(jìn)行知識(shí)點(diǎn)講解再安排案例練習(xí)的授課方式有較好的教學(xué)效果，但這種案例教學(xué)模式在實(shí)施過(guò)程中還存在很多問(wèn)題。

2.1 學(xué)生被動(dòng)接受知識(shí)，缺少主動(dòng)思考。學(xué)生在練習(xí)過(guò)程中通常會(huì)參照教師提供的操作步驟，花更多的時(shí)間回想、對(duì)照步驟去實(shí)現(xiàn)案例效果。學(xué)生的主要精力都集中在步驟的實(shí)現(xiàn)，很少主動(dòng)去思考步驟是否合理，甚至不理解實(shí)驗(yàn)的最終目的。當(dāng)提出類似的案例或?qū)嶋H公司項(xiàng)目時(shí)，只會(huì)尋求實(shí)驗(yàn)步驟，做不到知識(shí)應(yīng)用的舉一反三。這種被動(dòng)接受知識(shí)授課模式，會(huì)導(dǎo)致學(xué)生思維的依賴性，抑制學(xué)生自主學(xué)習(xí)能力。

2.2 內(nèi)容覆蓋面廣、課時(shí)有限，難以保證教學(xué)質(zhì)量。網(wǎng)頁(yè)設(shè)計(jì)涉及平面設(shè)計(jì)技術(shù)、HTML語(yǔ)言、XML語(yǔ)言、CSS樣式技術(shù)、Javascript腳本技術(shù)、動(dòng)畫技術(shù)以及服務(wù)器配置技術(shù)等。以我校為例，該課程的課時(shí)有64學(xué)時(shí)，教師在課堂上講授知識(shí)點(diǎn)和步驟演示至少需要32課時(shí)。省下32課時(shí)留給學(xué)生知識(shí)點(diǎn)學(xué)習(xí)和上機(jī)操作，難以做到完成課程大綱要求，教學(xué)質(zhì)量得不到有效提高。

2.3 授課模式單一，缺乏創(chuàng)新觀念。目前采用的案例教學(xué)，基本教學(xué)模式是課堂教師知識(shí)點(diǎn)講解、示范案例操作步驟，學(xué)生按步驟完成案例效果。這種教學(xué)模式在理科課程中普通采用，但這種模式學(xué)生還是被動(dòng)地接受知識(shí)，不能調(diào)動(dòng)學(xué)生的學(xué)習(xí)自主性和創(chuàng)造性[3]。從課程考核結(jié)果來(lái)看，平時(shí)案例完成得較好，但期末給定主題的自主設(shè)計(jì)考核結(jié)果不是很樂(lè)觀。自主設(shè)計(jì)沒(méi)有步驟參照，很多學(xué)生無(wú)從下手，交上的作品多是課堂案例翻版。我校每年舉辦的計(jì)算機(jī)應(yīng)用大賽普通問(wèn)題是報(bào)名多，提交作品少，多數(shù)原因是沒(méi)有效果仿做，自主設(shè)計(jì)時(shí)無(wú)從下手。

3 基于翻轉(zhuǎn)課堂的實(shí)驗(yàn)課教學(xué)模式設(shè)計(jì)

美國(guó)富蘭克林學(xué)院的Robert Talbert教授在很多課程采用了翻轉(zhuǎn)課堂教學(xué)模式并取得了顯著效果。他提出的翻轉(zhuǎn)課堂實(shí)施結(jié)構(gòu)模型[4]（如圖1所示）得到大眾認(rèn)可。

圖1 Robert Talbert翻轉(zhuǎn)課堂實(shí)施結(jié)構(gòu)圖

根據(jù)Robert Talbert的翻轉(zhuǎn)課堂思想及系統(tǒng)化教學(xué)設(shè)計(jì)理論，結(jié)合我校學(xué)生特點(diǎn)和“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程項(xiàng)目化授課特點(diǎn)，提出如圖2所示教學(xué)模式實(shí)施方案。

圖2 翻轉(zhuǎn)課堂實(shí)驗(yàn)課教學(xué)模式

教學(xué)模式實(shí)施流程為：（1）項(xiàng)目推送：項(xiàng)目推送是翻轉(zhuǎn)學(xué)習(xí)的前提。為保證學(xué)習(xí)自主學(xué)習(xí)的有效展開，需求教學(xué)資源和網(wǎng)絡(luò)的支持平臺(tái)。其中資源主要包括實(shí)訓(xùn)項(xiàng)目的資料準(zhǔn)備、知識(shí)點(diǎn)講解視頻錄制和案例演示視頻錄制。實(shí)訓(xùn)項(xiàng)目以周實(shí)訓(xùn)為單元進(jìn)行編寫，明確實(shí)訓(xùn)的目的、知識(shí)要點(diǎn)和關(guān)鍵實(shí)現(xiàn)技術(shù)，同時(shí)提供相關(guān)的講解視頻和案例演示視頻。知識(shí)點(diǎn)講解視頻錄制采用Trivantis公司推出的基于PPT的快速課件制作工具“Snap！”。“Snap！”具有為幻燈片添加音頻旁白、視頻旁白、動(dòng)畫、試題測(cè)驗(yàn)以及調(diào)查統(tǒng)計(jì)等交互功能?！癝nap！”最大優(yōu)點(diǎn)是可以實(shí)現(xiàn)交互功能，在視頻中插入練習(xí)題檢查學(xué)生對(duì)學(xué)習(xí)內(nèi)容的掌握程度，還可以通過(guò)調(diào)查功能了解學(xué)生學(xué)習(xí)的狀態(tài)。案例演示視頻錄制采用Camtasia Studio錄屏軟件，Camtasia Studio能實(shí)現(xiàn)音視頻同步錄制，精確記錄演示過(guò)程。另外，教學(xué)項(xiàng)目的推送需要網(wǎng)絡(luò)信息發(fā)布平臺(tái)的支持，主要目的是課程資源共享給學(xué)生，讓學(xué)生隨時(shí)通過(guò)網(wǎng)絡(luò)接收到學(xué)習(xí)項(xiàng)目和師生交流。（2）課前自主學(xué)習(xí)：課前學(xué)習(xí)是知識(shí)傳授的主要環(huán)節(jié)，每周課堂教學(xué)活動(dòng)之前，老師推送學(xué)習(xí)項(xiàng)目，引導(dǎo)學(xué)生開展課外自主學(xué)習(xí)。學(xué)習(xí)通過(guò)注冊(cè)賬號(hào)登錄網(wǎng)絡(luò)平臺(tái)，接收實(shí)訓(xùn)項(xiàng)目。在學(xué)習(xí)過(guò)程中根據(jù)項(xiàng)目要求觀看相關(guān)的知識(shí)點(diǎn)視頻和案例演示視頻，自主完成項(xiàng)目訓(xùn)練。（3）課中交流升華：實(shí)驗(yàn)課堂是知識(shí)內(nèi)化過(guò)程，主要目的學(xué)生對(duì)知識(shí)的深入理解和企業(yè)項(xiàng)目訓(xùn)練，即知識(shí)遷移能力的訓(xùn)練。主要活動(dòng)是項(xiàng)目講解、問(wèn)題解答，個(gè)性化指導(dǎo)，企業(yè)真實(shí)項(xiàng)目的深入理解和完成。（4）完成項(xiàng)目：通過(guò)課堂的知識(shí)升華，讓學(xué)生明確項(xiàng)目實(shí)訓(xùn)目的，再結(jié)合企業(yè)真實(shí)項(xiàng)目的需要最終完成項(xiàng)目作品。項(xiàng)目完成可以在課中完成也可以在課后完成，因項(xiàng)目以周為實(shí)訓(xùn)周期，保證在下一項(xiàng)目推出前完成即可。

4 應(yīng)用研究

4.1 研究目的。探討計(jì)算機(jī)類實(shí)驗(yàn)課程實(shí)施翻轉(zhuǎn)課堂教學(xué)模式的有效性。

4.2 研究方法。采用比較研究法。選擇兩個(gè)班分別進(jìn)行傳統(tǒng)的課堂授課模式和翻轉(zhuǎn)課堂授課模式，分析他們的項(xiàng)目完成的及時(shí)性和作品質(zhì)量。

4.3 研究對(duì)象及過(guò)程。本研究以2012-2013學(xué)年春季學(xué)期13級(jí)計(jì)算機(jī)應(yīng)用技術(shù)1班36人和2班31人為研究對(duì)象。1班以傳統(tǒng)課堂授課模式開展教學(xué)，2班采用翻轉(zhuǎn)課堂授課模式開展教學(xué)。兩個(gè)班選擇同一教學(xué)項(xiàng)目，同一進(jìn)度完成教學(xué)。

4.4 應(yīng)用效果分析。本研究從要從學(xué)習(xí)過(guò)程和學(xué)習(xí)期末考核效果兩方面來(lái)評(píng)價(jià)新的教學(xué)模式是否有效。

（1）學(xué)習(xí)過(guò)程有效分析。本課程前后有12個(gè)項(xiàng)目組成，每個(gè)項(xiàng)目以一周為訓(xùn)練周期，以完整完成項(xiàng)目要求為記錄標(biāo)準(zhǔn)，統(tǒng)計(jì)每次作品完成的人數(shù)比率，作品完成率如圖3所示。

圖3 平時(shí)作品完成率統(tǒng)計(jì)圖

統(tǒng)計(jì)結(jié)果顯示，1班采用傳統(tǒng)的課堂授課模式，前三個(gè)項(xiàng)目作品完成率相對(duì)較高，第四個(gè)項(xiàng)目以后的完成率都保持在60%-80%之間。2班采用翻轉(zhuǎn)課堂授課模式，前三個(gè)項(xiàng)目作品完成率相對(duì)較低，第四個(gè)項(xiàng)目以后的完成率都保持在80%-100%之間。在授課過(guò)程中，1班前三周課堂表現(xiàn)比較活躍，認(rèn)真完成作品，師生交流次數(shù)很多。隨著項(xiàng)目難度的增加，課堂表現(xiàn)越來(lái)越沉悶，師生問(wèn)題交互次數(shù)越來(lái)越少，甚至某次課堂沒(méi)有學(xué)生提出問(wèn)題。2班前二周的學(xué)習(xí)狀態(tài)普遍出現(xiàn)茫然現(xiàn)象，大部分學(xué)生課前沒(méi)有及時(shí)觀看教學(xué)視頻和提前完成練習(xí)，導(dǎo)致課堂上更多時(shí)間看視頻，師生交流次數(shù)不多。第四個(gè)項(xiàng)目以后，學(xué)生對(duì)課程學(xué)習(xí)的方式有了較大了解，主動(dòng)去學(xué)習(xí)和提前完成作品，課堂上基礎(chǔ)時(shí)問(wèn)題交流和完善作品。相比較而言，教師在2班課堂授課第四項(xiàng)目以后較為輕松，而1班課堂授課第四項(xiàng)目以后較為艱難。

（2）期末考核情況分析。本課程期末考核采用限時(shí)項(xiàng)目機(jī)考。兩個(gè)班采用同一企業(yè)真實(shí)項(xiàng)目統(tǒng)一安排考試，考試時(shí)長(zhǎng)為3.5小時(shí)，以100分制記分標(biāo)準(zhǔn)，分段統(tǒng)計(jì)各班成績(jī)分布比例?？己饲闆r分析如圖4所示。

圖4 期末考核成績(jī)統(tǒng)計(jì)圖

統(tǒng)計(jì)結(jié)果顯示，1班成績(jī)分布集中在60-70分?jǐn)?shù)段，而80分以上僅占17%；2班成績(jī)分布集中在80-90分?jǐn)?shù)段，而80分以上占65%。從作品完成的質(zhì)量上看2班采用翻轉(zhuǎn)課堂教學(xué)模式明顯優(yōu)于1班采用傳統(tǒng)的案例教學(xué)。

4.5 研究結(jié)論。本研究中，翻轉(zhuǎn)課堂教學(xué)模式應(yīng)用于計(jì)算機(jī)類實(shí)驗(yàn)課堂，并結(jié)合項(xiàng)目化的教學(xué)手段，激發(fā)學(xué)生學(xué)習(xí)興趣，強(qiáng)化了學(xué)生自主學(xué)習(xí)能力，課堂上學(xué)生交流更活躍，教師授課也較輕松。從實(shí)戰(zhàn)考核結(jié)果看，翻轉(zhuǎn)課堂項(xiàng)目化教學(xué)學(xué)生能更快更好的完成企業(yè)項(xiàng)目，教學(xué)效果明顯優(yōu)于傳統(tǒng)案例教學(xué)。

5 研究展望

本文在研究過(guò)程中還有些不足，如只針對(duì)“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程進(jìn)行研究，翻轉(zhuǎn)課堂與項(xiàng)目化教學(xué)相結(jié)合是否適用于其它實(shí)驗(yàn)課程還要再作進(jìn)一步探討和研究。

參考文獻(xiàn)：

[1]張躍國(guó)，張渝江.透視“翻轉(zhuǎn)課堂”[J].中小學(xué)信息技術(shù)教育，2012（03）：9-10.

[2]鄒景平.翻轉(zhuǎn)課堂的起源與成功[J].中國(guó)遠(yuǎn)程教育，2012（14）：81-82.

[3]馬秀麟，趙國(guó)慶，鄔彤.大學(xué)信息技術(shù)公共課翻轉(zhuǎn)課堂教學(xué)的實(shí)證研究[J].遠(yuǎn)程教育雜志，2013（01）：79-85.

[4]Robert Talbert.Inverting the Linear Algebra Classroom.http：//prezi.com/dz0rbkpy6tam/inverting-the-linear-algebra-classroom.

作者簡(jiǎn)介：盧志翔（1980.11-），男，壯族，廣西南寧人，講師，碩士研究生，研究方向：計(jì)算機(jī)應(yīng)用和數(shù)據(jù)挖掘。

作者單位：南寧學(xué)院 信息工程學(xué)院，南寧 530200

基金項(xiàng)目：本文系廣西高等教育教學(xué)改革工程項(xiàng)目（項(xiàng)目編號(hào)：2014JGA430）和南寧學(xué)院2014年度科研項(xiàng)目（項(xiàng)目編號(hào)：2014XJ06）階段性成果。