基于翻轉(zhuǎn)課堂的《HTML5移動應(yīng)用開發(fā)》課程教學(xué)探討與研究

華 英

蘇州市職業(yè)大學(xué) 江蘇 蘇州 215000

1 什么是翻轉(zhuǎn)課堂

隨著信息技術(shù)和互聯(lián)網(wǎng)產(chǎn)業(yè)的不斷發(fā)展和推動，催生出經(jīng)濟(jì)社會發(fā)展的新形態(tài)——“互聯(lián)網(wǎng)+”。隨著各行各業(yè)與互聯(lián)網(wǎng)的深度融合，教育業(yè)也不無例外的加入“互聯(lián)網(wǎng)+”大軍。微課、慕課、SPOC等一系列新的教學(xué)模式不斷涌現(xiàn)，他們利用信息化技術(shù)組織整理教學(xué)資源，依托互聯(lián)網(wǎng)平臺發(fā)布，給更多學(xué)生提供系統(tǒng)學(xué)習(xí)的可能。翻轉(zhuǎn)課堂作為一種新興的教育模式，在全球范圍迅速升溫，得到教育界的廣泛關(guān)注，2011年被加拿大《環(huán)球郵報(bào)》評為“影響課堂教學(xué)的重大技術(shù)變革”[1]。

翻轉(zhuǎn)課堂的實(shí)施，對學(xué)生和教師都提出了更高的要求。我國傳統(tǒng)教育模式倡導(dǎo)“以知識為本位”，教學(xué)過程中強(qiáng)調(diào)課堂教學(xué)中老師教的主體地位。尤其程序設(shè)計(jì)類課程，需要培養(yǎng)學(xué)生的動手實(shí)踐能力?！胺D(zhuǎn)課堂”提出“以學(xué)生為中心”，學(xué)生變被動為主動，課前自主學(xué)習(xí)，課上討論實(shí)踐；老師從“傳道者”變成“解惑者”，運(yùn)用自己豐富的知識儲備和靈活的組織把控能力，保證課堂討論實(shí)踐地層層推進(jìn)，有序開展。

2 《HTML5移動應(yīng)用開發(fā)》課程教學(xué)探討與研究

2.1 存在的問題

《HTML5移動應(yīng)用開發(fā)》是我校移動應(yīng)用開發(fā)和應(yīng)用技術(shù)專業(yè)學(xué)生大一下學(xué)期開設(shè)的職業(yè)能力課程，主要使學(xué)生理解web開發(fā)的思路和過程，培養(yǎng)學(xué)生HTML5、CSS3和 Java Script等 web應(yīng)用開發(fā)的知識，使學(xué)生具有綜合運(yùn)用各種知識進(jìn)行web設(shè)計(jì)和開發(fā)的能力。多年的教學(xué)過程中發(fā)現(xiàn)，針對此類web應(yīng)用開發(fā)課程傳統(tǒng)的教學(xué)模式很難培養(yǎng)學(xué)生的綜合實(shí)踐能力，其主要原因在于“三缺乏”。

（1）缺乏實(shí)踐時(shí)間。《HTML5移動應(yīng)用開發(fā)》課程需要學(xué)生掌握HTML5、CSS3和JavaScript等腳本語言的基本語法規(guī)則，沒有這些理論的支撐很難完成實(shí)踐案例。因此在傳統(tǒng)教學(xué)中老師通常要花費(fèi)大量的時(shí)間講理論，為保證學(xué)生能夠順利完成作業(yè)往往還需要演示作業(yè)實(shí)現(xiàn)步驟，課上能留給學(xué)生實(shí)踐的時(shí)間很少。

（2）缺乏學(xué)習(xí)興趣。傳統(tǒng)的教學(xué)模式?jīng)]有考慮到不同能力學(xué)生的需求，教學(xué)任務(wù)安排單一，難以激發(fā)學(xué)生的學(xué)習(xí)興趣。能力較好的學(xué)生會覺得任務(wù)過于簡單，無法拓展他們的創(chuàng)新能力；能力一般的學(xué)生往往也只滿足于按部就班按照老師的演示完成作業(yè)，不能深刻理解內(nèi)涵；能力較差的學(xué)生會覺得無從下手，甚至選擇放棄實(shí)踐。

（3）缺乏相互交流?！禜TML5移動應(yīng)用開發(fā)》課程的實(shí)踐任務(wù)往往要寫許多腳本，學(xué)生在初學(xué)過程中還沒有養(yǎng)成邊寫邊調(diào)試的習(xí)慣，常常把所有代碼全部寫完再運(yùn)行調(diào)試。因此在課堂上都忙于敲代碼，學(xué)生之間很少有交流，等課后調(diào)試出現(xiàn)問題時(shí)，又不能及時(shí)向老師請教。而老師在課堂也很難做到和幾十個(gè)學(xué)生單獨(dú)輔導(dǎo)，尤其程序在沒有運(yùn)行時(shí)也很難看出代碼的問題。

2.2 通過翻轉(zhuǎn)課堂解決問題

（1）解決時(shí)間問題。“課前學(xué)”把知識點(diǎn)的學(xué)習(xí)放到課前，將課堂上大量“教”的時(shí)間空余出來，使學(xué)生“被動聽”轉(zhuǎn)變?yōu)椤爸鲃訉W(xué)”，成為課堂的主體。近年來，微課和慕課資源迅速增長，慕課作為目前主要的網(wǎng)絡(luò)化教育載體，打破了教室的限制，充分體現(xiàn)了知識共享。多功能開放教學(xué)平臺的支持和多形式的教學(xué)內(nèi)容展示，保證了學(xué)生在課前就能很好地學(xué)習(xí)到課堂需要掌握的知識點(diǎn)，對之前遺漏的知識點(diǎn)也能隨時(shí)查漏補(bǔ)缺，老師在課堂上就不需要再花費(fèi)大量的時(shí)間講解，很好的解決了時(shí)間問題。

（2）解決興趣問題。學(xué)生對新事物都會充滿好奇心，希望去探索去嘗試。“翻轉(zhuǎn)課堂”顛覆傳統(tǒng)教學(xué)模式，本身就會激發(fā)學(xué)生的好奇心，尤其把學(xué)生放在主導(dǎo)地位，這就更吸引他們?nèi)ヌ剿?，去發(fā)現(xiàn)問題解決問題。課堂上學(xué)生分組協(xié)作完成任務(wù)，互相監(jiān)督互相促進(jìn)，對學(xué)習(xí)態(tài)度并不積極的學(xué)生可以起到很好的帶動作用，在大家齊心協(xié)力共同完成任務(wù)的過程中，學(xué)習(xí)的興趣也會得到提升。

（3）解決交流問題。分組教學(xué)模式要求學(xué)生從選擇分組到執(zhí)行任務(wù)到最后展示都必須合作完成。大家是一個(gè)整體，要完成任務(wù)既要發(fā)揮自己的特長，展示自己的想法，更要和同組的同學(xué)互相幫助共同進(jìn)步。依上所述，將“翻轉(zhuǎn)課堂”新型教學(xué)模式應(yīng)用到《HTML5移動應(yīng)用開發(fā)》課程中是可行并且必要的。

2.3 教學(xué)模式的設(shè)計(jì)

“翻轉(zhuǎn)課堂”對于老師和學(xué)生都提出了更高的要求。學(xué)生要轉(zhuǎn)變之前作為一個(gè)沉默“聆聽者”的角色，充分發(fā)揮自己的主觀能動性和團(tuán)隊(duì)合作意識。而作為老師雖然從原來主導(dǎo)的“演說家”角色解脫出來，但賦予了老師更多的責(zé)任：課前需要制作微課、慕課等教學(xué)資源；課上需要精心設(shè)計(jì)課堂活動，需要觀察學(xué)生的階段性完成情況給出建設(shè)性意見；課后需要發(fā)現(xiàn)學(xué)生的薄弱環(huán)節(jié)進(jìn)行補(bǔ)救，需要總結(jié)階段性問題完善后面的教學(xué)內(nèi)容。

（1）課前階段。在“翻轉(zhuǎn)課堂”教學(xué)模式中，課前的視頻學(xué)習(xí)資料是學(xué)生學(xué)習(xí)的關(guān)鍵因素。因此，提供有趣、有效的視頻是教學(xué)正常開展的首要任務(wù)。通過調(diào)研總結(jié)發(fā)現(xiàn)，視頻時(shí)間不宜過長，除了教學(xué)視頻，老師還需要在課前發(fā)布與視頻內(nèi)容相關(guān)的思考題和多個(gè)不同難度的教學(xué)任務(wù)，為學(xué)生提供自我評價(jià)的標(biāo)準(zhǔn)，也為課堂任務(wù)開展做準(zhǔn)備。

（2）課中階段。在翻轉(zhuǎn)課堂的課中階段，課堂變成了師生、生生交流互動的場所。有效的課堂互動必須在平等、民主的課堂氛圍下進(jìn)行?！禜TML5移動應(yīng)用開發(fā)》屬于技能性課程，分三個(gè)學(xué)習(xí)水平：一是模仿水平；二是獨(dú)立操作水平；三是遷移水平。本項(xiàng)目在課堂實(shí)施中，采用“模仿—改進(jìn)—創(chuàng)新”三步原則，先和學(xué)生一起討論課前教學(xué)視頻中的案例，引導(dǎo)學(xué)生分析總結(jié)，解答學(xué)生學(xué)習(xí)過程中的問題，在此基礎(chǔ)上，針對不同分組，提出改進(jìn)要求，引導(dǎo)學(xué)生結(jié)合已有技能完成調(diào)整，最后根據(jù)學(xué)生能力不同提出創(chuàng)新要求，學(xué)生協(xié)作進(jìn)行“頭腦風(fēng)暴”，綜合運(yùn)用所學(xué)技能實(shí)現(xiàn)作品，并在交流中更好地發(fā)現(xiàn)問題，解決問題。

（3）課后階段?；ヂ?lián)網(wǎng)環(huán)境為我們提供了立體化的教學(xué)資源，傳智播客、百度傳課等學(xué)習(xí)平臺都提供了大量的相關(guān)學(xué)習(xí)視頻，HTML5中國、jQuery之家上也分享了許多網(wǎng)頁源碼可以用來學(xué)習(xí)，引導(dǎo)學(xué)生課后有針對性的學(xué)習(xí)，得到知識的升華。

2.4 教學(xué)效果

在我校2016級計(jì)算機(jī)應(yīng)用專業(yè)開設(shè)《HTML5移動應(yīng)用開發(fā)》課程的五個(gè)班級選取其中兩個(gè)班級采用“翻轉(zhuǎn)課堂”教學(xué)模式，另外三個(gè)班級采用傳統(tǒng)教學(xué)模式。課程結(jié)束后通過期末測試、問卷調(diào)查和自愿性綜合實(shí)踐任務(wù)三方面對5個(gè)班級的學(xué)生進(jìn)行調(diào)查和測試，調(diào)查結(jié)果如表1所示。

從表格數(shù)據(jù)可以看出，“翻轉(zhuǎn)課堂”的實(shí)施不僅提升學(xué)生的學(xué)習(xí)成績，更培養(yǎng)了學(xué)生的學(xué)習(xí)興趣，取得了良好的教學(xué)效果。這一新的教學(xué)模式仍處在嘗試摸索階段，通過一學(xué)期的實(shí)踐，取得了成功，也收獲了問題，在今后的教學(xué)中還要進(jìn)一步的完善提高。

表1 調(diào)查結(jié)果匯總表

3 結(jié)論

“翻轉(zhuǎn)課堂”并不只是教學(xué)過程的簡單變化，而是教學(xué)內(nèi)容、教學(xué)手段、教學(xué)理念的全方位多層面變革。從傳統(tǒng)教學(xué)模式過渡到這一新的教學(xué)模式，對學(xué)生和老師都提出更高的要求。雖然我們?nèi)〉昧艘欢ǖ某尚В瑫r(shí)也存在一些問題，還需要老師和學(xué)生共同地努力。

[1]馬秀麟,雷湘源,張金忠.翻轉(zhuǎn)課堂的教育價(jià)值及誤區(qū)分析[J].中國教育信息化,2017(2):1-5.