基于雨課堂的網站設計與開發課程教學改革與實踐

劉淑婷 明巧英

[摘 ?要]本文目的是讓手機變成學生學習的工具，提高學生的自主學習能力。本文的方法是將雨課堂應用于網站設計與開發課程的實踐教學中。本文得出的結果是基于雨課堂的線上線下教學，學生的學習積極性提高了，教學效果增強了。本文結論是基于雨課堂的混合式教學模式既開拓了教師的教學思維，又提高了學生的學習能力。

[關鍵詞]網站設計與開發 ?雨課堂 ?混合式教學 ?教學改革

基金項目：校級教改項目（項目編號： J19B20）;校級在線開放課程建設項目（項目編號： M1905）;2019年教育部產學合作協同育人項目（項目編號： 201901263001）;西安翻譯學院軟件工程一流專業培養項目資助;陜西省高等教育學會高等教育科學研究項目（項目編號：XGH19207）;校級重點教改項目（項目編號：J19A06）。

引 ?言

隨著信息技術的快速發展，教育信息化、智能化在教育教學改革中得到廣泛應用。教育部《教育信息化2.0行動計劃》中明確提出智慧教育創新發展行動。《國家中長期教育改革和發展規劃綱要（2010-2020年）》和《國務院關于印發國家教育事業發展“十三五”規劃的通知》提出全力推動信息技術與教育教學深度融合，強化高校創新體系建設。

雨課堂是學堂在線和清華大學在線教育辦公室共同研發的PPT小插件，是在移動互聯網與大數據背景下的新型智慧教學工具，將教學工具巧妙融入PPT與微信采集數據，實現了課前、課中、課后的師生互動與交流，推動教學改革。雨課堂在課外預習與課堂教學間建立溝通橋梁，讓課堂互動永不下線[1]。

傳統教學中存在的問題

《網站設計與開發》課程是計算機類專業開設的職業技能必修課。傳統的教學方式是教師對知識點進行講授和演示，學生上機練習和鞏固。本文分析多年來的教學效果，發現《網站設計與開發》課程的教學存在以下問題：

1.知識分散、學生缺少創新能力

《網站設計與開發》課程的傳統教學是以教師為中心，分模塊依次講解PHP語音基礎、Web交互編程、MySQL數據庫、PHP訪問數據庫等內容，注重系統講授專業知識。該課程共有64學時，學生機械地接受這些知識，每節課完成教師布置的任務，缺少主動探究和創新能力，畢業設計時這門課學的知識幾乎全忘了，無法做出網站，不能學以致用，學習興趣和積極性都不高。

2.忽略學生差異、師生缺少交流

從高校擴招以來，學生的知識水平不一，傳統教學“一刀切”違背了學生的差異性。《網站設計與開發》課程是理論課與實踐課交替授課，教師講完學生做作業，整個學期教師和學生都在忙著完成教學和學習，缺少交流，有的學生由于理論課走神而導致實踐課跟不上，又不好意思問，導致問題越積越多，甚至放棄本課程的學習。

3.課程信息量大、考試方式單一

《網站設計與開發》課程的現行課程有網頁設計、Photoshop、數據庫應用技術等理論與實踐知識，課程信息量較大，需要學生將相關知識應用到網站中。通常的考試采用試卷統一，考試時間、地點固定，考試方式單一，學生通過考前突擊備考，不能夠反映學生的實際學習掌握和應用情況。

雨課堂在《網站設計與開發》教學中的實踐

目前在校大學生出生在2000年左右，對網絡和智能手機非常依賴，針對學生的特點，對教學內容進行優化，讓學生利用手機上課，創新教學手段，提高學生的學習積極性，提高教學效果，2018至2019學年第二學期，對《網站設計與開發》課程進行教學改革實踐。

1.雨課堂插件的安裝與使用

雨課堂是內置在PPT中的一個小插件，打開PPT，在頂部菜單欄中即可看到雨課堂。五步完成雨課堂授課，開啟雨課堂授課—創建課程和班級—確認開啟雨課堂—等待學生掃碼，加入本次課程—教師手機變身遙控器，開始上課，教師在原有PPT不做任何補充的情況下，即可直接開啟雨課堂授課實現掃碼簽到、PPT同步到學生手機、彈幕互動、隨機點名等功能，使用簡單快捷。

2.教學內容改革

改變《網站設計與開發》課程的傳統教學內容次序，將整體內容分為兩個基礎知識和五個項目開發，根據內容，分為課堂講授（主要線下學習）、部分翻轉課堂（部分內容通過雨課堂自主學習討論）、完全翻轉課堂（通過雨課堂討論交流），《網站設計與開發》課程引入雨課堂與翻轉課堂進行線上線下混合式教學，真正實現教師隨時隨地教學、學生隨時隨地學習的體驗模式，實現不受時間、地點限制在線實時交流[2]。

3.課前預習活動

以《網站設計與開發》課程中的“價格查詢系統”為例，2019年上學期，針對西安翻譯學院計算機類專業，開展了基于雨課堂的混合式教學實踐。

為了讓學生明確每節課的課堂內容，教師需提前設計預習內容和需要解決的問題，布置每節課的學習任務和要求，在課前利用雨課堂向學生推送學習課件、MOOC視頻、測驗等學習資料，并隨時隨地進行交流分享。

“價格查詢系統”作為完全翻轉課堂，因為通過前面的學習，學生已經有開發項目的經驗，教師課前通過雨課堂發布開發該項目的任務重點，幫助學生理清思路。學生自主學習相關知識點、課件、MOOC視頻、語音，了解本項目的和要求，對不解的內容及時通過雨課堂進行交流討論，培養學生自主學習的能力和利用碎片時間個性化學習的能力[3]。

4.課中教學活動

基于雨課堂進行混合式教學，需要學生帶著問題來到課堂中，教師在講解時，有針對性地學習，使用雨課堂將課件同步到學生的手機上，哪頁的知識點沒有理解學懂，可以直接點擊“不懂”反饋給教師，教師及時解答，學習進度可以由學生自己掌握。學生分學習小組在翻轉課堂上講解“價格查詢系統”，可以利用雨課堂的投票功能，讓學生自己選出優勝團隊，然后利用“彈幕”進行全班學生集體討論，促使學生踴躍表達自己對項目的設計與實現的觀點，對每個學習小組進行實時點評，每個小組可以收集同學的意見，對項目進行改進。

5.課后評估及活動延續

課后主要是對學生的學習效果進行評價，采用課程形成性評價考核，以激發學生學習動力、增強學習自信、促進自主學習、提升綜合素質為主要目的。通過考核，及時了解或掌握學生對所學知識、理論及技能的掌握程度，學習小組在雨課堂上展示價格查詢系統設計與實現的過程，學生針對該項目提出問題，然后進行師生（生生）交流，學生對該項目進行自我評價并寫出報告，教師根據學生反饋的問題，發現學生知識和能力上存在的問題和缺漏，適時改進教學內容、安排、進度等，不斷補充新的課程資源和完善課程體系。考核應貫穿于教學全過程，教師必須對課程平時考核內容與方法進行嚴格設計并正確實施。

對雨課堂教學的思考

1.雨課堂需進一步研究

基于雨課堂的教學模式實現了課前、課中、課后的混合式教學，以及數據采集。對于教師，應隨時推送預習資料、語音講解、MOOC視頻、練習題目等，做好精準教學。對于學生，應做好預習、難點反饋、隨時交流互動，采用過程性考試，實現了教學、考核全過程的評價，避免了傳統教學期末考試“一考定終身”的缺點，但是雨課堂還有一些需要進一步研究的問題。

2.加強在線課程資源建設

由于學生的自制力差，雨課堂通過手機學習，讓手機從“低頭的工具”變成“抬頭的利器”，要防止學生上課玩手機，應加大課堂考核的力度，增加平時成績所占的比例。結合西安翻譯學院的課程形成性評價考核中的過程考試改革，將學生平時的成績考核部分（占總成績的）從30%提高到50%。但僅僅憑借雨課堂進行平時課堂的測驗，這樣無法提高學生的培養質量，因此，筆者所在的教學團隊依靠西安翻譯學院在線課程的資源，注重課程資源的建設和提供，有效地促進學生的自主學習，提高學生的綜合素質。

結 ?語

《網站設計與開發》課程作為計算機類專業的職業技能必修課，通過該課程的學習，使學生掌握動態網站制作的基本操作技能，并能熟練應用于中小型動態網站的建設中，在項目實踐中提高學生的動手能力和創新能力[4]。筆者利用雨課堂結合西安翻譯學院在線課程的資源進行了課堂教學改革，通過精心設計課前、課中、課后的活動，將以教師為中心改為以學生為中心的教學方式，增強了學生協同工作的團隊合作意識，促進了學生的自主學習、分析問題和解決問題的能力，使教學質量達到較高的水平。

參考文獻：

[1]王帥國：《雨課堂：移動互聯網與大數據背景下的智慧教學工具》，《現代教育技術》2017年第5期，第26-32頁。

[2]袁博、趙海媚、張成萍 等：《基于雨課堂的研究生英語學習行為可視化分析》，《現代教育技術》2018年第5期，第68-74頁。

[3]于洪濤：《基于雨課堂的高校智慧教學五步法探究——以“網絡教育應用”課程為例》，《現代教育技術》2018年第9期，第54-58頁。

[4]姚潔、王偉力：《微信雨課堂混合學習模式應用于高校教學的實證研究》，《高校探索》2017年第9期，第50-54頁。

作者單位：西安翻譯學院工程技術學院 陜西西安