基于翻轉課堂的《HTML5移動應用開發》課程教學探討與研究

華 英

蘇州市職業大學 江蘇 蘇州 215000

1 什么是翻轉課堂

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

翻轉課堂的實施，對學生和教師都提出了更高的要求。我國傳統教育模式倡導“以知識為本位”，教學過程中強調課堂教學中老師教的主體地位。尤其程序設計類課程，需要培養學生的動手實踐能力。“翻轉課堂”提出“以學生為中心”，學生變被動為主動，課前自主學習，課上討論實踐；老師從“傳道者”變成“解惑者”，運用自己豐富的知識儲備和靈活的組織把控能力，保證課堂討論實踐地層層推進，有序開展。

2 《HTML5移動應用開發》課程教學探討與研究

2.1 存在的問題

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

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

（2）缺乏學習興趣。傳統的教學模式沒有考慮到不同能力學生的需求，教學任務安排單一，難以激發學生的學習興趣。能力較好的學生會覺得任務過于簡單，無法拓展他們的創新能力；能力一般的學生往往也只滿足于按部就班按照老師的演示完成作業，不能深刻理解內涵；能力較差的學生會覺得無從下手，甚至選擇放棄實踐。

（3）缺乏相互交流。《HTML5移動應用開發》課程的實踐任務往往要寫許多腳本，學生在初學過程中還沒有養成邊寫邊調試的習慣，常常把所有代碼全部寫完再運行調試。因此在課堂上都忙于敲代碼，學生之間很少有交流，等課后調試出現問題時，又不能及時向老師請教。而老師在課堂也很難做到和幾十個學生單獨輔導，尤其程序在沒有運行時也很難看出代碼的問題。

2.2 通過翻轉課堂解決問題

（1）解決時間問題。“課前學”把知識點的學習放到課前，將課堂上大量“教”的時間空余出來，使學生“被動聽”轉變為“主動學”，成為課堂的主體。近年來，微課和慕課資源迅速增長，慕課作為目前主要的網絡化教育載體，打破了教室的限制，充分體現了知識共享。多功能開放教學平臺的支持和多形式的教學內容展示，保證了學生在課前就能很好地學習到課堂需要掌握的知識點，對之前遺漏的知識點也能隨時查漏補缺，老師在課堂上就不需要再花費大量的時間講解，很好的解決了時間問題。

（2）解決興趣問題。學生對新事物都會充滿好奇心，希望去探索去嘗試。“翻轉課堂”顛覆傳統教學模式，本身就會激發學生的好奇心，尤其把學生放在主導地位，這就更吸引他們去探索，去發現問題解決問題。課堂上學生分組協作完成任務，互相監督互相促進，對學習態度并不積極的學生可以起到很好的帶動作用，在大家齊心協力共同完成任務的過程中，學習的興趣也會得到提升。

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

2.3 教學模式的設計

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

（1）課前階段。在“翻轉課堂”教學模式中，課前的視頻學習資料是學生學習的關鍵因素。因此，提供有趣、有效的視頻是教學正常開展的首要任務。通過調研總結發現，視頻時間不宜過長，除了教學視頻，老師還需要在課前發布與視頻內容相關的思考題和多個不同難度的教學任務，為學生提供自我評價的標準，也為課堂任務開展做準備。

（2）課中階段。在翻轉課堂的課中階段，課堂變成了師生、生生交流互動的場所。有效的課堂互動必須在平等、民主的課堂氛圍下進行。《HTML5移動應用開發》屬于技能性課程，分三個學習水平：一是模仿水平；二是獨立操作水平；三是遷移水平。本項目在課堂實施中，采用“模仿—改進—創新”三步原則，先和學生一起討論課前教學視頻中的案例，引導學生分析總結，解答學生學習過程中的問題，在此基礎上，針對不同分組，提出改進要求，引導學生結合已有技能完成調整，最后根據學生能力不同提出創新要求，學生協作進行“頭腦風暴”，綜合運用所學技能實現作品，并在交流中更好地發現問題，解決問題。

（3）課后階段。互聯網環境為我們提供了立體化的教學資源，傳智播客、百度傳課等學習平臺都提供了大量的相關學習視頻，HTML5中國、jQuery之家上也分享了許多網頁源碼可以用來學習，引導學生課后有針對性的學習，得到知識的升華。

2.4 教學效果

在我校2016級計算機應用專業開設《HTML5移動應用開發》課程的五個班級選取其中兩個班級采用“翻轉課堂”教學模式，另外三個班級采用傳統教學模式。課程結束后通過期末測試、問卷調查和自愿性綜合實踐任務三方面對5個班級的學生進行調查和測試，調查結果如表1所示。

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

表1 調查結果匯總表

3 結論

“翻轉課堂”并不只是教學過程的簡單變化，而是教學內容、教學手段、教學理念的全方位多層面變革。從傳統教學模式過渡到這一新的教學模式，對學生和老師都提出更高的要求。雖然我們取得了一定的成效，但同時也存在一些問題，還需要老師和學生共同地努力。

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