引入翻轉(zhuǎn)課堂的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目教學(xué)設(shè)計(jì)

鄭丹青

(湖南汽車工程職業(yè)學(xué)院 信息工程系，湖南 株洲 412001)

引入翻轉(zhuǎn)課堂的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目教學(xué)設(shè)計(jì)

鄭丹青

(湖南汽車工程職業(yè)學(xué)院 信息工程系，湖南 株洲 412001)

摘要：根據(jù)項(xiàng)目教學(xué)法的特點(diǎn)，提出了動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目教學(xué)設(shè)計(jì)，即以圖書(shū)商城項(xiàng)目為導(dǎo)向，將動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)內(nèi)容劃分為多個(gè)教學(xué)項(xiàng)目的方案，并根據(jù)教學(xué)實(shí)踐，指出了項(xiàng)目教學(xué)法的局限性。為了拓展項(xiàng)目教學(xué)法中知識(shí)傳授與知識(shí)內(nèi)化的時(shí)間和空間，實(shí)現(xiàn)個(gè)性化教學(xué)，提出了引入翻轉(zhuǎn)課堂，與項(xiàng)目相結(jié)合的教學(xué)設(shè)計(jì)。

關(guān)鍵詞：翻轉(zhuǎn)課堂；項(xiàng)目教學(xué)法；動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)設(shè)計(jì)

項(xiàng)目教學(xué)是目前職業(yè)教育教學(xué)改革的熱點(diǎn)與方向。它將傳統(tǒng)的學(xué)科體系中的知識(shí)內(nèi)容轉(zhuǎn)化為若干個(gè)教學(xué)項(xiàng)目，圍繞著項(xiàng)目組織展開(kāi)教學(xué)，使學(xué)生直接參與項(xiàng)目全過(guò)程的一種教學(xué)方法。項(xiàng)目教學(xué)法是以學(xué)生為中心，以任務(wù)為導(dǎo)向進(jìn)行的教學(xué)活動(dòng)，以培養(yǎng)學(xué)生的專業(yè)技能為教學(xué)首要任務(wù)，充分發(fā)揮教師的協(xié)助作用，以學(xué)生完成項(xiàng)目的情況來(lái)評(píng)價(jià)學(xué)生學(xué)習(xí)效果的新型教學(xué)模式[1]。

從上世紀(jì)80年代開(kāi)始，由于計(jì)算機(jī)、多媒體和互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，推動(dòng)了全球信息化技術(shù)的發(fā)展。特別是近幾年來(lái)，隨著移動(dòng)互聯(lián)網(wǎng)、云計(jì)算技術(shù)和物聯(lián)網(wǎng)技術(shù)的應(yīng)用，將人類社會(huì)帶入了信息化的時(shí)代。信息技術(shù)不僅改變了人們傳統(tǒng)的經(jīng)濟(jì)活動(dòng)方式和社會(huì)生活方式，還對(duì)傳統(tǒng)的教育方式產(chǎn)生了深刻影響，促進(jìn)了教育信息化的發(fā)展。如近年來(lái)出現(xiàn)的翻轉(zhuǎn)課堂教學(xué)模式就是利用現(xiàn)代信息化技術(shù)，運(yùn)用網(wǎng)絡(luò)數(shù)字化平臺(tái)和多媒體技術(shù)，實(shí)現(xiàn)將知識(shí)傳授和知識(shí)內(nèi)化顛倒安排[2]，形成了一種“學(xué)習(xí)知識(shí)在課外、內(nèi)化知識(shí)在課堂”的新型教學(xué)結(jié)構(gòu)[3]。

隨著信息技術(shù)與課程整合日漸深入，探索將翻轉(zhuǎn)課堂教學(xué)理念融入項(xiàng)目式教學(xué)中，開(kāi)展翻轉(zhuǎn)課堂與項(xiàng)目教學(xué)法相結(jié)合的教學(xué)研究是很有必要的。本文以動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程為例，提出了引入翻轉(zhuǎn)課堂的項(xiàng)目教學(xué)設(shè)計(jì)。

1動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目教學(xué)設(shè)計(jì)

動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程屬于網(wǎng)站開(kāi)發(fā)設(shè)計(jì)類課程，是軟件技術(shù)、網(wǎng)絡(luò)技術(shù)、計(jì)算機(jī)應(yīng)用技術(shù)和移動(dòng)互聯(lián)等計(jì)算機(jī)類專業(yè)的核心課程，也是一門(mén)綜合性很強(qiáng)的技能課程，它包含了網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)、Div + Css、MySQL數(shù)據(jù)庫(kù)應(yīng)用、PHP編程等內(nèi)容的綜合應(yīng)用。學(xué)生一般是在完成了前續(xù)課程靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作、數(shù)據(jù)庫(kù)管理與應(yīng)用等課程的學(xué)習(xí)后，才進(jìn)入后續(xù)課程動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的學(xué)習(xí)。由于程序設(shè)計(jì)類課程對(duì)高職院校學(xué)生是一個(gè)學(xué)習(xí)的難點(diǎn)，許多學(xué)生因缺乏程序設(shè)計(jì)思維方式的訓(xùn)練，在學(xué)習(xí)過(guò)程中，很容易產(chǎn)生畏難情緒，從而失去學(xué)習(xí)的興趣。因此，為了提高教學(xué)效果，教師在教學(xué)過(guò)程中不僅要強(qiáng)調(diào)對(duì)學(xué)生的知識(shí)傳授，而且要加強(qiáng)對(duì)學(xué)生進(jìn)行知識(shí)的內(nèi)化。只有通過(guò)不斷的知識(shí)內(nèi)化過(guò)程，才能逐步形成程序設(shè)計(jì)的思維方式，從而真正地理解動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的基本概念和PHP程序設(shè)計(jì)的方法。

項(xiàng)目教學(xué)法是根據(jù)項(xiàng)目開(kāi)發(fā)過(guò)程(或基于工作過(guò)程)的思路，將整個(gè)項(xiàng)目分拆為若干個(gè)有組織又相互關(guān)聯(lián)的小項(xiàng)目。然后，依據(jù)項(xiàng)目開(kāi)發(fā)的需要來(lái)構(gòu)建教學(xué)項(xiàng)目和安排教學(xué)活動(dòng)，而每個(gè)教學(xué)項(xiàng)目都有一定的工作任務(wù)。在教學(xué)過(guò)程中，教師首先在課堂上依據(jù)教學(xué)項(xiàng)目向?qū)W生講授完成工作任務(wù)所必需的知識(shí)點(diǎn)和技能點(diǎn)，學(xué)生則是通過(guò)觀看教師對(duì)項(xiàng)目的演示來(lái)接受知識(shí)點(diǎn)。然后，學(xué)生在教師的指導(dǎo)下，通過(guò)自已動(dòng)手及小組合作的方式在限定的時(shí)間內(nèi)完成項(xiàng)目任務(wù)，以實(shí)現(xiàn)知識(shí)的內(nèi)化過(guò)程。學(xué)生是通過(guò)項(xiàng)目實(shí)踐來(lái)了解和掌握完成項(xiàng)目所需的知識(shí)點(diǎn)和技能點(diǎn)，而教師是以項(xiàng)目完成后所取得的成果來(lái)了解、評(píng)價(jià)學(xué)生的學(xué)習(xí)情況，以便及時(shí)調(diào)整教學(xué)內(nèi)容。

在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)中，項(xiàng)目的選擇是關(guān)鍵。現(xiàn)以圖書(shū)商城項(xiàng)目為例，將動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)內(nèi)容分成三大模塊：基礎(chǔ)知識(shí)模塊、圖書(shū)商城前臺(tái)功能模塊、圖書(shū)商城后臺(tái)功能模塊。每個(gè)模塊都包含了相應(yīng)的教學(xué)項(xiàng)目，每個(gè)教學(xué)項(xiàng)目分別對(duì)應(yīng)著完成項(xiàng)目工作任務(wù)所必需的知識(shí)點(diǎn)和技能點(diǎn)。在教學(xué)過(guò)程中，學(xué)生先通過(guò)基礎(chǔ)知識(shí)模塊學(xué)習(xí)，初步了解和掌握動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的基本理論和操作技能。然后，將圖書(shū)商城前臺(tái)功能模塊拆分為用戶管理、商品顯示、購(gòu)物車等三個(gè)項(xiàng)目。圖書(shū)商城后臺(tái)功能模塊可拆分為用戶管理、圖書(shū)管理、訂單管理、信息管理等四個(gè)項(xiàng)目，每個(gè)項(xiàng)目還可拆分為相應(yīng)的幾個(gè)子項(xiàng)目。圖書(shū)商城前臺(tái)功能模塊與圖書(shū)商城后臺(tái)功能模塊中的各個(gè)教學(xué)項(xiàng)目的教學(xué)內(nèi)容、知識(shí)點(diǎn)和技能點(diǎn)如表1、表2所示。

表2　圖書(shū)商城后臺(tái)功能模塊教學(xué)項(xiàng)目

續(xù)表2

項(xiàng)目編號(hào)項(xiàng)目名稱子項(xiàng)目名稱知識(shí)點(diǎn)技能點(diǎn)3訂單管理查詢訂單編輯訂單1、PHP數(shù)據(jù)庫(kù)操作2、訂單管理頁(yè)面設(shè)計(jì)訂單信息管理設(shè)計(jì)4信息管理公告管理添加公告刪除公告1、PHP數(shù)據(jù)庫(kù)操作2、公告管理頁(yè)面設(shè)計(jì)公告信息管理設(shè)計(jì)

2動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目式教學(xué)現(xiàn)狀及挑戰(zhàn)

以動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程中的用戶登錄子項(xiàng)目教學(xué)為例，在項(xiàng)目教學(xué)開(kāi)始前，教師先將學(xué)生分組，并將用戶登錄子項(xiàng)目分解為用戶登錄頁(yè)面設(shè)計(jì)、驗(yàn)證碼程序設(shè)計(jì)和用戶登錄數(shù)據(jù)處理設(shè)計(jì)等工作任務(wù)，每個(gè)工作任務(wù)對(duì)應(yīng)著不同的職業(yè)能力。教師在課堂上，通過(guò)創(chuàng)建用戶登錄項(xiàng)目進(jìn)行案例講解與演示，將項(xiàng)目中的知識(shí)點(diǎn)傳授給學(xué)生，學(xué)生再通過(guò)項(xiàng)目練習(xí)掌握相應(yīng)的知識(shí)點(diǎn)和技能點(diǎn)。但是，在實(shí)施過(guò)程中，由于學(xué)生缺乏課前預(yù)習(xí)的習(xí)慣，因此，在課堂教學(xué)中，教師仍然需要花費(fèi)許多時(shí)間給學(xué)生講解為完成項(xiàng)目所必備的知識(shí)點(diǎn)，而給予學(xué)生自主學(xué)習(xí)的時(shí)間就會(huì)縮短。同時(shí)，由于學(xué)生學(xué)習(xí)能力參差不齊，使教師無(wú)法兼顧到不同層次學(xué)生的學(xué)習(xí)需求，因而也很難做到對(duì)學(xué)生進(jìn)行個(gè)性化教學(xué)。

為了提高學(xué)習(xí)效率，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力，拓展學(xué)生學(xué)習(xí)空間和時(shí)間，關(guān)注不同學(xué)生的學(xué)習(xí)需求，有必要對(duì)現(xiàn)在課堂教學(xué)模式進(jìn)行改革，探索在項(xiàng)目教學(xué)法中引入翻轉(zhuǎn)課堂的教學(xué)理念，開(kāi)展翻轉(zhuǎn)課堂與項(xiàng)目教學(xué)相結(jié)合的教學(xué)研究，尋找新的教學(xué)組織形式、教學(xué)方法和教學(xué)手段，改變高職學(xué)生的學(xué)習(xí)習(xí)慣，培養(yǎng)學(xué)生的學(xué)習(xí)興趣，提高學(xué)生的學(xué)習(xí)主動(dòng)性和自律性，增加課堂上師生互動(dòng)時(shí)間，培養(yǎng)學(xué)生自主學(xué)習(xí)和小組合作學(xué)習(xí)的能力，提高動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)課程的教學(xué)效果。

3引入翻轉(zhuǎn)課堂的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目教學(xué)設(shè)計(jì)

翻轉(zhuǎn)課堂就是學(xué)生在課前利用教師分發(fā)的教學(xué)材料，如微課教學(xué)視頻、學(xué)生學(xué)習(xí)手冊(cè)等，先自主學(xué)習(xí)課程，在課堂上再參與同伴和老師之間的釋疑、解惑、探究等互動(dòng)活動(dòng)，并完成練習(xí)的一種教學(xué)形式。翻轉(zhuǎn)課堂也是利用網(wǎng)絡(luò)，實(shí)現(xiàn)將知識(shí)傳授和知識(shí)內(nèi)化顛倒安排來(lái)達(dá)到對(duì)課堂時(shí)間重新分配的目的[4]。

在項(xiàng)目教學(xué)中，引入翻轉(zhuǎn)課堂教學(xué)理念的關(guān)鍵是利用現(xiàn)代信息化技術(shù)，構(gòu)建網(wǎng)絡(luò)化的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)資源庫(kù)。教學(xué)資源庫(kù)包含了學(xué)生自學(xué)指導(dǎo)書(shū)和動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的知識(shí)點(diǎn)圖譜，知識(shí)點(diǎn)圖譜是學(xué)生自主學(xué)習(xí)課程知識(shí)點(diǎn)的路徑圖。在知識(shí)點(diǎn)圖譜中，每個(gè)節(jié)點(diǎn)對(duì)應(yīng)著每個(gè)教學(xué)項(xiàng)目中的知識(shí)點(diǎn)，每個(gè)知識(shí)點(diǎn)都有相應(yīng)的微課教學(xué)視頻、輔助教學(xué)PPT、用于檢測(cè)學(xué)習(xí)效果的測(cè)試練習(xí)和項(xiàng)目練習(xí)。學(xué)生可根據(jù)自學(xué)指導(dǎo)書(shū)、微課教學(xué)視頻、輔助教學(xué)PPT和測(cè)試練習(xí)來(lái)完成課前自主學(xué)習(xí)。

引入翻轉(zhuǎn)課堂的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目教學(xué)的實(shí)施過(guò)程分為課前知識(shí)點(diǎn)自學(xué)，課中測(cè)試、釋疑、解惑、項(xiàng)目練習(xí)、課程評(píng)價(jià)和課后分小組合作開(kāi)展課程設(shè)計(jì)等三部分。課前，教師根據(jù)課程的知識(shí)圖譜向?qū)W生布置課前學(xué)習(xí)任務(wù)，指導(dǎo)學(xué)生到動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)絡(luò)空間課堂上下載學(xué)生自學(xué)指導(dǎo)書(shū)和動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的知識(shí)點(diǎn)圖譜，要求學(xué)生根據(jù)知識(shí)點(diǎn)圖譜找到對(duì)應(yīng)的微課教學(xué)視頻、輔助教學(xué)PPT和檢測(cè)學(xué)習(xí)效果的測(cè)試練習(xí)，利用課前時(shí)間完成自主學(xué)習(xí)。課中，教師首先檢測(cè)學(xué)生自主學(xué)習(xí)的效果，根據(jù)學(xué)生學(xué)習(xí)情況對(duì)知識(shí)點(diǎn)的重點(diǎn)、難點(diǎn)進(jìn)行釋疑、解惑，指導(dǎo)學(xué)生通過(guò)自主學(xué)習(xí)與小組合作學(xué)習(xí)開(kāi)展項(xiàng)目練習(xí)。最后，對(duì)項(xiàng)目練習(xí)的成果進(jìn)行評(píng)價(jià)。為了進(jìn)一步檢驗(yàn)學(xué)生掌握知識(shí)的程度，設(shè)計(jì)了小組合作課程設(shè)計(jì)項(xiàng)目，要求學(xué)生以小組為單位，自選一個(gè)網(wǎng)站主題開(kāi)展課程設(shè)計(jì)。在課程結(jié)束時(shí)，各小組成員要舉辦網(wǎng)站設(shè)計(jì)作品的匯報(bào)展示會(huì)，并進(jìn)行作品評(píng)價(jià)。

引入翻轉(zhuǎn)課堂的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程項(xiàng)目的教學(xué)評(píng)價(jià)分為課前學(xué)習(xí)效果評(píng)價(jià)、課中項(xiàng)目練習(xí)成果評(píng)價(jià)和課后小組合作課程設(shè)計(jì)項(xiàng)目成果評(píng)價(jià)等三部分。課前學(xué)習(xí)效果評(píng)價(jià)目的是督促學(xué)生主動(dòng)完成課前學(xué)習(xí)任務(wù)，改變學(xué)生的學(xué)習(xí)習(xí)慣，提高學(xué)生的自主學(xué)習(xí)能力，以保障翻轉(zhuǎn)課堂能順利進(jìn)行。同時(shí)，翻轉(zhuǎn)課堂為不同層次學(xué)生提供自主學(xué)習(xí)平臺(tái)，學(xué)生可以根據(jù)自已的學(xué)習(xí)情況，按照課程的知識(shí)圖譜選擇學(xué)習(xí)進(jìn)度，教師也可根據(jù)學(xué)生情況進(jìn)行個(gè)性化教學(xué)。

4結(jié)語(yǔ)

翻轉(zhuǎn)課堂引入到項(xiàng)目教學(xué)中，不僅可以將教師從教學(xué)進(jìn)度、課時(shí)的限制中解放出來(lái)，將教學(xué)重點(diǎn)轉(zhuǎn)向理解活動(dòng)的組織中來(lái)[5]，還可以改變學(xué)生的學(xué)習(xí)習(xí)慣，提高學(xué)生的學(xué)習(xí)效率。但是，要保障翻轉(zhuǎn)課堂的順利實(shí)施，首先要基于現(xiàn)代信息化技術(shù)，構(gòu)建網(wǎng)絡(luò)化的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)資源庫(kù)。其次，教師要指導(dǎo)與督促學(xué)生學(xué)會(huì)利用教學(xué)資源庫(kù)進(jìn)行自主學(xué)習(xí)。在教學(xué)過(guò)程中，教師一方面通過(guò)教學(xué)評(píng)價(jià)來(lái)督促學(xué)生學(xué)習(xí)，特別是課前的自主學(xué)習(xí)；另一方面則是要及時(shí)了解學(xué)生的學(xué)習(xí)情況，從而實(shí)現(xiàn)對(duì)學(xué)生的個(gè)性化教學(xué)。

參考文獻(xiàn)

[1] 鄭丹青.項(xiàng)目教學(xué)法在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程中的教學(xué)應(yīng)用[J].中央民族大學(xué)學(xué)報(bào)(自然科學(xué)版),2014，23(2)：67-70.

[2] 宋朝霞,俞啟定.基于翻轉(zhuǎn)課堂的項(xiàng)目式教學(xué)模式研究[J].遠(yuǎn)程教育雜志,2014(1):96-104.

[3] 金陵.“翻轉(zhuǎn)課堂”,翻轉(zhuǎn)了什么？[J].中國(guó)信息技術(shù)教育,2012(9):20.

[4] 鐘曉流,宋述強(qiáng),焦麗珍.信息化環(huán)境中基于翻轉(zhuǎn)課堂理念的教學(xué)設(shè)計(jì)研究[J].開(kāi)放教育研究,2013,19(1)：58-64.

[5] 陳明選,陳舒.圍繞理解的翻轉(zhuǎn)課堂設(shè)計(jì)及其實(shí)施[J].高等教育研究,2014,35(12)：63-67.

[責(zé)任編輯、校對(duì)：東艷]

Teaching Design of Flipped Classroom-introduced Dynamic Website Design Course Project

ZHENGDan-qing

(Department of Electronics and Information,Hunan Automotive Engineering Profession College,Zhuzhou 412001,China)

Abstract：According to the project approach,the paper proposes a teaching design of dynamic web design course project pedagogy,namely that the project is "book store" project-oriented,and divides the teaching content of dynamic web design course into several teaching programs.According to the teaching practice,the paper points out the limitations of the project approach.To expand the time and space of knowledge impartment and knowledge internalization,and realize the individualized teaching,the paper presents the teaching design of combining flipped classroom with project.

Key words：flipped classroom;project approach;dynamic web design;teaching design

收稿日期：2016-03-17

基金項(xiàng)目：湖南省職業(yè)教育與成人教育學(xué)會(huì)科研規(guī)劃課題(XHB2015027)

作者簡(jiǎn)介：鄭丹青(1962-)，女，湖南邵陽(yáng)人，副教授，主要從事管理信息系統(tǒng)、數(shù)據(jù)庫(kù)及數(shù)據(jù)挖掘和計(jì)算機(jī)教學(xué)研究。

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

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1008-9233(2016)03-0085-04