《Web程序設(shè)計(jì)》課程翻轉(zhuǎn)課堂教學(xué)探索

常燕

摘要：翻轉(zhuǎn)課堂作為新型的教學(xué)模式，它顛覆了單純依靠教師去傳授知識(shí)的教學(xué)方式，通過(guò)讓學(xué)生利用課下去學(xué)習(xí)知識(shí)，課上教師進(jìn)行答疑解惑、引導(dǎo)學(xué)生溝通討論的形式，真正實(shí)現(xiàn)高效課堂的目標(biāo)。Web程序設(shè)計(jì)是一門(mén)應(yīng)用性較強(qiáng)的課程，它要求學(xué)生做好理論學(xué)習(xí)與實(shí)踐應(yīng)用相結(jié)合，實(shí)現(xiàn)HTML網(wǎng)頁(yè)界面美觀化和Java EE具體功能穩(wěn)定性。本研究立足于將翻轉(zhuǎn)課堂應(yīng)用到課程教學(xué)當(dāng)中，讓學(xué)生深入理解Web程序設(shè)計(jì)的核心所在，真正做到培養(yǎng)高標(biāo)準(zhǔn)信息人才。

關(guān)鍵詞：翻轉(zhuǎn)課堂；教學(xué)模式；Java EE；核心；人才

中圖分類(lèi)號(hào)：G642.0 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1674-9324（2018）27-0054-02

當(dāng)前，《Web程序設(shè)計(jì)》課程涵蓋內(nèi)容復(fù)雜多變，主要培養(yǎng)學(xué)生的邏輯判斷能力和縝密的程序設(shè)計(jì)能力，使學(xué)生能夠靈活做到前端頁(yè)面表示層與后臺(tái)服務(wù)層的交互，從而設(shè)計(jì)出完善的Web系統(tǒng)。同時(shí)，程序設(shè)計(jì)需要在反復(fù)調(diào)試和測(cè)試中發(fā)現(xiàn)問(wèn)題、解決問(wèn)題，單純依靠課堂教學(xué)并不能達(dá)到高效課堂的目標(biāo)。因此，翻轉(zhuǎn)課堂給《Web程序設(shè)計(jì)》教學(xué)指明新的出路，通過(guò)將課下學(xué)習(xí)和課堂交流進(jìn)行有機(jī)融合，把自學(xué)實(shí)踐過(guò)程中遇到的問(wèn)題放到課堂上討論，更有針對(duì)性地進(jìn)行教學(xué)，全面提高課堂的教學(xué)效率。

一、運(yùn)用翻轉(zhuǎn)課堂做好課前預(yù)習(xí)

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，使得將其運(yùn)用于改革傳統(tǒng)教學(xué)成為可能?！胺D(zhuǎn)課堂”正是在移動(dòng)互聯(lián)網(wǎng)驅(qū)動(dòng)下逐漸發(fā)展起來(lái)，它將教師角色、課程模式和教學(xué)管理進(jìn)行深刻變革，真正做到使學(xué)生參與教學(xué)?！禬eb程序設(shè)計(jì)》的教學(xué)效果要想得到更高層次發(fā)展，首先要利用翻轉(zhuǎn)課堂做好課前預(yù)習(xí)。

Web程序設(shè)計(jì)課程整體分為兩部分，第一部分為Web基礎(chǔ)，使學(xué)生了解Web相關(guān)技術(shù)在各個(gè)層面上的作用，布置與教學(xué)內(nèi)容相應(yīng)的實(shí)踐加深理解；第二部分以當(dāng)前流行的Java EE應(yīng)用開(kāi)發(fā)的主流框架Spring MVC為核心設(shè)計(jì)課程，使學(xué)生理解用戶(hù)請(qǐng)求與服務(wù)端響應(yīng)的相關(guān)內(nèi)容。要想科學(xué)地掌握Web程序設(shè)計(jì)規(guī)范，首先要做好課前預(yù)習(xí)和實(shí)踐準(zhǔn)備，以對(duì)Web應(yīng)用開(kāi)發(fā)高級(jí)技術(shù)Spring MVC有清晰的理解。將翻轉(zhuǎn)課堂用于課前預(yù)習(xí)，首先要給學(xué)生提供豐富的學(xué)習(xí)資源和實(shí)踐空間，使其借助信息平臺(tái)達(dá)到對(duì)知識(shí)的自學(xué)。教師可以針對(duì)課堂需要討論交流的內(nèi)容，給學(xué)生課前預(yù)習(xí)提供相關(guān)的學(xué)習(xí)資料，讓他們?cè)谡n下借助這些資料進(jìn)行自學(xué)。其次，教師要為學(xué)生制定學(xué)習(xí)目標(biāo)，讓其在自學(xué)過(guò)程中更有方向性。Web程序設(shè)計(jì)涉及面較廣，如果沒(méi)有循序漸進(jìn)的學(xué)習(xí)規(guī)劃，容易產(chǎn)生抵制情緒，不能快速、完整地掌握程序設(shè)計(jì)知識(shí)，不利于對(duì)Web程序有深刻地理解。最后，要引導(dǎo)學(xué)生總結(jié)歸納不理解的內(nèi)容，更有針對(duì)性地進(jìn)行課堂討論交流。翻轉(zhuǎn)課堂主要是讓學(xué)生從自學(xué)中發(fā)現(xiàn)問(wèn)題，及時(shí)把不能解決的問(wèn)題放到課堂上進(jìn)行處理，讓師生共同探討分析，從而實(shí)現(xiàn)《Web程序設(shè)計(jì)》課程兼顧到每位學(xué)生，保證其全面系統(tǒng)地理解知識(shí)。例如，在設(shè)計(jì)程序時(shí)，借助Eclipse程序設(shè)計(jì)平臺(tái)拋出“Null Pointer Exception”時(shí)，學(xué)生首先要去尋找自己定義的對(duì)象是否為空，在反復(fù)測(cè)試中仍不能解決問(wèn)題就把它放到課堂上去解決。這樣，學(xué)生通過(guò)課堂討論發(fā)現(xiàn)錯(cuò)誤所在，達(dá)到對(duì)知識(shí)的掌握。同時(shí)，其他學(xué)生在糾正過(guò)程中也學(xué)習(xí)到相應(yīng)的知識(shí)點(diǎn)，避免在同樣問(wèn)題上出錯(cuò)。

運(yùn)用翻轉(zhuǎn)課堂進(jìn)行課前預(yù)習(xí)，可讓學(xué)生全面掌握Web設(shè)計(jì)的流程和注意事項(xiàng)，同時(shí)針對(duì)不理解的問(wèn)題進(jìn)行總結(jié)分析，為牢固理解Spring MVC打下堅(jiān)實(shí)的基礎(chǔ)，促進(jìn)課堂教學(xué)更有針對(duì)性和效率。

二、課堂上針對(duì)問(wèn)題進(jìn)行有效溝通討論

翻轉(zhuǎn)課堂的突出優(yōu)勢(shì)在于師生之間、學(xué)生之間可以進(jìn)行有效地討論交流，幫助學(xué)生分析在自學(xué)過(guò)程中遇到的問(wèn)題與困難，師生共同研究，最終使學(xué)生達(dá)到對(duì)知識(shí)的全面把握。

《Web程序設(shè)計(jì)》課程涵蓋的內(nèi)容比較豐富，學(xué)生借助網(wǎng)上視頻、電子圖書(shū)和教學(xué)播客等進(jìn)行自學(xué)，學(xué)生在自學(xué)過(guò)程中會(huì)遇到種種問(wèn)題，這些問(wèn)題恰恰是學(xué)好程序設(shè)計(jì)的關(guān)鍵所在，利用翻轉(zhuǎn)課堂可有效提高程序設(shè)計(jì)課堂的教學(xué)水平。例如，服務(wù)器拋出“404”、“500”、“503”、“302”等，這些問(wèn)題都是Java程序設(shè)計(jì)中常出現(xiàn)的錯(cuò)誤，課堂探究這些問(wèn)題的解決途徑對(duì)掌握Web程序設(shè)計(jì)有極大的幫助。要想在翻轉(zhuǎn)課堂模式下實(shí)現(xiàn)有效的溝通討論，首先要讓學(xué)生敢于拋出自己的問(wèn)題。長(zhǎng)期以來(lái)，學(xué)生遇到問(wèn)題后會(huì)選擇單獨(dú)詢(xún)問(wèn)教師或者請(qǐng)教他人，不愿意把自己的問(wèn)題擺在課堂上進(jìn)行研究，擔(dān)心自己遇到的問(wèn)題被他人嘲笑。因此，鼓勵(lì)學(xué)生拋出問(wèn)題是發(fā)揮翻轉(zhuǎn)課堂優(yōu)勢(shì)的關(guān)鍵所在。教師以強(qiáng)大的親和力去引導(dǎo)學(xué)生積極發(fā)言，對(duì)提出問(wèn)題的學(xué)生進(jìn)行表?yè)P(yáng)和贊許，讓學(xué)生放下內(nèi)心負(fù)擔(dān)，以更好的姿態(tài)參與到教學(xué)中。其次，鼓勵(lì)學(xué)生提出自己的看法和建議。在處理課堂問(wèn)題時(shí)，教師不能以“承包式”攬下所有題目，對(duì)學(xué)生問(wèn)題依次講解。而是應(yīng)該鼓勵(lì)班級(jí)學(xué)生各抒己見(jiàn)，把解決問(wèn)題的途徑列舉出來(lái)，實(shí)現(xiàn)有效的學(xué)生互助學(xué)習(xí)。例如，在設(shè)計(jì)Web程序時(shí)，遇到數(shù)據(jù)提交不到數(shù)據(jù)庫(kù)中。此時(shí)，筆者會(huì)讓學(xué)生將可能存在的問(wèn)題列舉下來(lái)。學(xué)生通過(guò)自己掌握的知識(shí)得出插入數(shù)據(jù)類(lèi)型與數(shù)據(jù)庫(kù)類(lèi)型不符、表單提交路徑錯(cuò)誤、XML配置文件沒(méi)有配好、JDBC相應(yīng)的Java包不全等結(jié)論。此時(shí)，筆者按照相應(yīng)的內(nèi)容去尋找問(wèn)題，最終找到有效的解決途徑。最后，針對(duì)較難的問(wèn)題，教師要聯(lián)動(dòng)學(xué)生共同去研討解決的途徑，讓學(xué)生逐步實(shí)現(xiàn)對(duì)知識(shí)的掌握。Spring MVC是Java EE Web程序設(shè)計(jì)的靈魂所在，它將某項(xiàng)請(qǐng)求響應(yīng)分為若干步驟，降低各自之間的聯(lián)系，提高代碼的靈活性和重復(fù)使用性。例如，針對(duì)系統(tǒng)響應(yīng)亂碼問(wèn)題，很多學(xué)生都不能很好地找到其根源。在這時(shí)，筆者會(huì)問(wèn)學(xué)生：“Spring MVC亂碼主要是由什么引起的？一般通過(guò)哪些形式體現(xiàn)？”此時(shí)，學(xué)生依照自學(xué)內(nèi)容得出“主要由于中文編碼出現(xiàn)問(wèn)題，表現(xiàn)在界面中文亂碼而其他格式正常顯示”等結(jié)論。筆者會(huì)繼續(xù)引導(dǎo)學(xué)生：“界面通過(guò)何種方式來(lái)糾正亂碼？Controller獲得中文參數(shù)亂碼又該如何糾正？”在這時(shí)，學(xué)生結(jié)合掌握的內(nèi)容很快得出解決途徑：“界面糾正亂碼通過(guò)設(shè)置JSP編碼為‘UTF-8，而form表單提交時(shí)必須為POST才能實(shí)現(xiàn)Spring編碼過(guò)濾器效果，如果想使用GET在web.xml增加過(guò)濾器Filter。”教師通過(guò)一步步引導(dǎo)學(xué)生參與到探究問(wèn)題上來(lái)，讓學(xué)生及時(shí)回顧和加深自學(xué)內(nèi)容，從而將《Web程序設(shè)計(jì)》與翻轉(zhuǎn)課堂有機(jī)結(jié)合在一起，實(shí)現(xiàn)學(xué)生程序設(shè)計(jì)能力的有效提升。

三、課后制訂適合自己的學(xué)習(xí)計(jì)劃，實(shí)現(xiàn)個(gè)性化學(xué)習(xí)

根據(jù)學(xué)生掌握知識(shí)的進(jìn)度與能力，合理制訂學(xué)習(xí)計(jì)劃，這是翻轉(zhuǎn)課堂想要達(dá)到的理想目標(biāo)。教學(xué)要兼顧到每位學(xué)生，真正做到對(duì)知識(shí)的掌握與理解，以適合學(xué)生發(fā)展的方式從事教學(xué)活動(dòng)。

《Web程序設(shè)計(jì)》課程各個(gè)章節(jié)難易程度有所不同，制訂學(xué)習(xí)計(jì)劃要以學(xué)生為基礎(chǔ)，讓他們對(duì)系統(tǒng)設(shè)計(jì)游刃有余。對(duì)于學(xué)習(xí)難度較低、容易掌握的內(nèi)容，教師讓學(xué)生去調(diào)整自己的學(xué)習(xí)節(jié)奏，擴(kuò)大學(xué)習(xí)內(nèi)容。對(duì)于學(xué)習(xí)難度較大的知識(shí)點(diǎn)，適當(dāng)降低學(xué)習(xí)速度，帶領(lǐng)學(xué)生深入研究該章節(jié)的關(guān)鍵點(diǎn)，使其通過(guò)反復(fù)練習(xí)實(shí)現(xiàn)對(duì)內(nèi)容的掌握。經(jīng)過(guò)翻轉(zhuǎn)課堂的應(yīng)用，學(xué)生學(xué)習(xí)《Web程序設(shè)計(jì)》更為科學(xué)，以適合自己的方式進(jìn)行知識(shí)獲取，做到對(duì)每個(gè)知識(shí)點(diǎn)都能靈活把握。

總而言之，《Web程序設(shè)計(jì)》課程與翻轉(zhuǎn)課堂的有機(jī)統(tǒng)一，可以在很大程度上提高教學(xué)效率和質(zhì)量，讓學(xué)生能夠充分掌握Web程序設(shè)計(jì)的各個(gè)流程，可以獨(dú)立完成項(xiàng)目的設(shè)計(jì)與搭建，遇到問(wèn)題可以快速準(zhǔn)確找出錯(cuò)誤所在。因此，高校在程序教學(xué)中，積極做好與翻轉(zhuǎn)課堂的融合，充分發(fā)揮其提高教學(xué)水平的推動(dòng)作用，實(shí)現(xiàn)培養(yǎng)高素質(zhì)人才的目標(biāo)。

參考文獻(xiàn)：

[1]馬秀麟，趙國(guó)慶，鄔彤.翻轉(zhuǎn)課堂促進(jìn)大學(xué)生自主學(xué)習(xí)能力發(fā)展的實(shí)證研究——基于大學(xué)計(jì)算機(jī)公共課的實(shí)踐[J].中國(guó)電化教育，2016，（7）.

[2]趙瑩，王冠軍，劉佰龍.翻轉(zhuǎn)課堂在卓越工程師班軟件開(kāi)發(fā)類(lèi)課程中的應(yīng)用與思考[J].現(xiàn)代計(jì)算機(jī)（專(zhuān)業(yè)版），2017，（4）.