“Flash動畫制作”翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺的設(shè)計與開發(fā)

郭雪峰

（洛陽師范學(xué)院 教育科學(xué)學(xué)院，河南 洛陽 471000）

“Flash動畫制作”翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺的設(shè)計與開發(fā)

郭雪峰

（洛陽師范學(xué)院 教育科學(xué)學(xué)院，河南 洛陽 471000）

信息技術(shù)環(huán)境下，翻轉(zhuǎn)課堂作為一種新的教學(xué)模式受到了教育工作者的廣泛關(guān)注，很多教師在自己的課堂中開始嘗試翻轉(zhuǎn)，而課堂的翻轉(zhuǎn)離不開學(xué)習(xí)平臺的支撐，本文主要論述了“Flash動畫制作”課程翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺的設(shè)計與開發(fā)，主要包括學(xué)習(xí)平臺的需求分析和功能模塊的設(shè)計、使用的主要技術(shù)、數(shù)據(jù)庫設(shè)計、系統(tǒng)的功能實現(xiàn)等。

翻轉(zhuǎn)課堂；學(xué)習(xí)支持平臺；Sql Server；Asp.Net

“Flash動畫制作”是教育技術(shù)學(xué)專業(yè)的一門重要的專業(yè)技能課之一，目前存在著教學(xué)時間少，內(nèi)容多，操作性、實踐性強(qiáng)等特點(diǎn)。傳統(tǒng)的教學(xué)模式重理論、輕實踐，采用“一刀切”的方式，忽視了學(xué)生的個體差異，抑制了學(xué)生自主學(xué)習(xí)能力、創(chuàng)新思維和批判思維能力的發(fā)展，導(dǎo)致教學(xué)效果不佳。而項目教學(xué)法、研討式教學(xué)法是軟件開發(fā)類課程較為合適的教學(xué)方法，有利于培養(yǎng)學(xué)生學(xué)習(xí)的興趣、主動性和實際動手能力。[1]美國德克薩斯州教師布雷特·維廉認(rèn)為，翻轉(zhuǎn)課堂的實施可節(jié)省大量的課堂時間，教師與學(xué)生可利用這些節(jié)省下來的時間進(jìn)行增強(qiáng)性的課堂活動，如討論、實驗、互動和基于項目的學(xué)習(xí)。[2]翻轉(zhuǎn)課堂的這種特點(diǎn)與“Flash動畫制作”課程的強(qiáng)實踐性要求相吻合，采用該種教學(xué)方式，有利于發(fā)揮學(xué)生的主觀能動性，培養(yǎng)學(xué)生的動手能力和創(chuàng)新能力，提高教學(xué)效果。

而翻轉(zhuǎn)課堂的成功實施需要信息技術(shù)的支撐，技術(shù)工具和信息資源成為學(xué)生學(xué)習(xí)的基礎(chǔ)。[3]因此翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺的建設(shè)就顯得很有必要。

一、翻轉(zhuǎn)課堂與翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺

（一）翻轉(zhuǎn)課堂概述

“翻轉(zhuǎn)課堂”（Flipped Classroom）是一種對知識傳授和知識內(nèi)化的顛倒安排，即“學(xué)生白天在教室完成知識吸收與知識內(nèi)化，晚上回家學(xué)習(xí)新知識”的教學(xué)模式。[4]翻轉(zhuǎn)課堂的實質(zhì)就是從根本上變革學(xué)生傳統(tǒng)的學(xué)習(xí)方式，利用多種教學(xué)活動影響和引導(dǎo)學(xué)生的學(xué)習(xí)，使學(xué)生的學(xué)習(xí)方式逐漸變?yōu)閺膫鹘y(tǒng)的滿堂聽到自主地在課堂下觀看教學(xué)視頻等學(xué)習(xí)，而在課堂上，教師和學(xué)生就可以針對在學(xué)習(xí)中遇到的問題，共同討論，解決問題，從而達(dá)到高效率的學(xué)習(xí)。[5]

隨著2011年美國可汗學(xué)院的興起以及大型開放式網(wǎng)絡(luò)課程MOOC的發(fā)展，翻轉(zhuǎn)課堂教學(xué)方式開始風(fēng)靡國內(nèi)外。由于翻轉(zhuǎn)課堂能夠改變傳統(tǒng)的教學(xué)模式，符合新課程倡導(dǎo)的教學(xué)理念，國內(nèi)外越來越多的研究者和實踐者開始關(guān)注并研究翻轉(zhuǎn)課堂。

（二）翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺開發(fā)的必要性

在翻轉(zhuǎn)課堂實踐中，判斷一堂課翻轉(zhuǎn)成功的標(biāo)準(zhǔn)是：學(xué)生在課前的自學(xué)情況可以達(dá)到傳統(tǒng)課堂中教師講授的效果和課堂中學(xué)生能完全內(nèi)化本次課程的內(nèi)容。[6]學(xué)生要實現(xiàn)成功的課前學(xué)習(xí)，需要具有較強(qiáng)的自主學(xué)習(xí)能力、豐富的資源支撐。而由于課前學(xué)習(xí)處于師生分離的狀態(tài)，學(xué)生遇到問題如果得不到及時的解決會影響學(xué)習(xí)的效果，因此有必要提供方便、有效的溝通交流的渠道；另外教師課堂活動安排的依據(jù)是學(xué)生課前學(xué)習(xí)中遇到的問題，因此教師需要了解學(xué)生的學(xué)習(xí)狀況，及時獲取學(xué)生學(xué)習(xí)中遇到的問題。另外教師應(yīng)提供環(huán)境，幫助學(xué)生培養(yǎng)自主學(xué)習(xí)能力和協(xié)作學(xué)習(xí)能力，完成課前學(xué)習(xí)。因此，在翻轉(zhuǎn)課堂中我們很有必要給學(xué)生提供一個學(xué)習(xí)支持平臺，以滿足翻轉(zhuǎn)課堂中師生的各種需要，從而提高翻轉(zhuǎn)效果。

二、“Flash動畫制作”翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺的功能模塊設(shè)計

在“Flash動畫制作”課程的教學(xué)中，為了提高教學(xué)效果，對部分內(nèi)容利用QQ群進(jìn)行了翻轉(zhuǎn)課堂的嘗試，效果有了明顯提高。為了更好地實施翻轉(zhuǎn)課堂，我們通過對翻轉(zhuǎn)課堂的文獻(xiàn)研究、實踐探索的情況分析及對學(xué)生的調(diào)查，設(shè)計并開發(fā)了“Flash動畫制作”翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺。

本系統(tǒng)是翻轉(zhuǎn)課堂的學(xué)習(xí)支持平臺，因此它的設(shè)計要考慮翻轉(zhuǎn)課堂的需要，即滿足課前、課中、課后的學(xué)習(xí)及交流需要。首先課前學(xué)生要利用各種資源進(jìn)行學(xué)習(xí)，因此該平臺首先要具有對各類資源的動態(tài)的添加、查看、修改、刪除等功能，另外平臺要讓學(xué)生能時時了解課程的最新動態(tài)。在翻轉(zhuǎn)課堂中，問題的確定是翻轉(zhuǎn)課堂學(xué)習(xí)活動設(shè)計的依據(jù)，因此，該平臺要能收集學(xué)生在課下學(xué)習(xí)時遇到的問題。合作、交流討論是翻轉(zhuǎn)課堂課前、課中非常重要的學(xué)習(xí)活動，因此，該平臺要能滿足學(xué)生的交流協(xié)作的需要。為了激發(fā)學(xué)生創(chuàng)作優(yōu)秀Flash作品的積極性，我們可以把學(xué)生的優(yōu)秀作品展示在平臺中，供學(xué)生學(xué)習(xí)觀看。另外，系統(tǒng)還應(yīng)具有檢測學(xué)生學(xué)習(xí)情況的功能。

依據(jù)需求分析與系統(tǒng)功能設(shè)計目標(biāo)，結(jié)合實際情況，本平臺主要包括課程介紹、課程公告、專題學(xué)習(xí)、優(yōu)秀作品、交流天地、學(xué)習(xí)支持、在線測試、后臺管理等模塊，如圖1所示。

圖1 學(xué)習(xí)支持平臺結(jié)構(gòu)圖

（一）課程介紹模塊

課程介紹模塊包括課程概述、課程大綱、學(xué)習(xí)方法和參考資料四部分。

課程概述：主要是對課程的性質(zhì)、地位及內(nèi)容作一個簡單的介紹，使學(xué)生對該課程有一個簡單的了解。

課程大綱:課程大綱明確規(guī)定本門課程在專業(yè)教學(xué)計劃中的地位和作用，確定本門課程教學(xué)的基本任務(wù)和要求，明確了各章、節(jié)的基本內(nèi)容、重點(diǎn)和難點(diǎn)，可為教師的講授和學(xué)生的自學(xué)提供指導(dǎo)。

學(xué)習(xí)方法:主要是結(jié)合本課程的特點(diǎn)，對本課程的學(xué)習(xí)方法提出一些建議。

參考資料:給學(xué)生提供了相關(guān)的教材及相關(guān)資源推薦，為學(xué)生在今后學(xué)習(xí)活動中提供參考。

（二）課程公告模塊

課程公告模塊主要是為了讓學(xué)生快速了解到本課程最新的教學(xué)動態(tài)，同時可以起到提示作用，主要涉及最新資源上傳、課程計劃、作業(yè)上交等內(nèi)容。

（三）專題學(xué)習(xí)模塊

專題學(xué)習(xí)模塊主要是為了給學(xué)生提供課前自主學(xué)習(xí)所需的各種資源，是本學(xué)習(xí)支持平臺的核心部分。根據(jù)翻轉(zhuǎn)課堂的需求，結(jié)合課程內(nèi)容和學(xué)生的專業(yè)要求，我們把課程內(nèi)容分為了八個相對獨(dú)立的專題，分別為Flash基礎(chǔ)、基礎(chǔ)動畫制作、高級動畫制作、Flash中的聲音和視頻、ActionScript入門和基本交互控制、操作交互的實現(xiàn)、練習(xí)測驗的制作和Flash模板的使用。每個專題下面包括自主學(xué)習(xí)任務(wù)單、學(xué)習(xí)視頻、實踐練習(xí)、相關(guān)資源、作品提交、我要提問等子模塊。該模塊的設(shè)置可使學(xué)生按照自主學(xué)習(xí)任務(wù)單的要求和建議進(jìn)行每一個專題的課前學(xué)習(xí)，通過練習(xí)及時檢測學(xué)習(xí)成果，遇到問題可及時提出以尋求老師的幫助；同時教師可及時收集教學(xué)中遇到的問題，為課堂學(xué)習(xí)活動的設(shè)計提供依據(jù)。

（四）優(yōu)秀作品模塊

優(yōu)秀作品模塊主要用來展示學(xué)生在課程學(xué)習(xí)中制作的優(yōu)秀作品，以激發(fā)學(xué)生的學(xué)習(xí)積極性，并可供其他學(xué)生學(xué)習(xí)和借鑒。

（五）交流天地模塊

交流天地模塊主要是為學(xué)生的學(xué)習(xí)提供一個非實時的交互式的學(xué)習(xí)環(huán)境，在這里學(xué)生可以就學(xué)習(xí)中的疑難問題或感興趣的問題展開討論。教師可以參與其中的討論并對學(xué)生的學(xué)習(xí)加以引導(dǎo),同時教師也可提出一些有價值的話題，引導(dǎo)學(xué)生進(jìn)行研討式的合作交流學(xué)習(xí)，以進(jìn)行思想碰撞，啟迪智慧。

（六）學(xué)習(xí)支持模塊

學(xué)習(xí)支持模塊主要為學(xué)生的學(xué)習(xí)提供擴(kuò)展性的資源，包括常見的素材資源類網(wǎng)站地址、Flash網(wǎng)絡(luò)教程網(wǎng)址、Flash學(xué)習(xí)論壇。另外，還放置了一些學(xué)生在學(xué)習(xí)中常見的疑難問題，為學(xué)生的學(xué)習(xí)提供便利。

（七）在線測試模塊

在線測試模塊主要是用于學(xué)期結(jié)束時對學(xué)生學(xué)習(xí)本門課的情況進(jìn)行測試。主要分為在線測試和成績查詢兩部分。學(xué)生輸入學(xué)號、姓名、班級后才能進(jìn)行測試，試題類型是選擇、判斷、填空等客觀題。學(xué)生登錄后，可在線答題，試卷的抽取采用自動組卷技術(shù)，根據(jù)數(shù)據(jù)庫中試題的類型、試卷的難易程度、試題所在章節(jié)按比例進(jìn)行組卷，使得每份試卷試題類型基本一致，試題所在章節(jié)分配合理。答題結(jié)束系統(tǒng)會自動判卷給出成績，并將其保存到數(shù)據(jù)庫。在線測試成績作為對學(xué)生學(xué)習(xí)本門課程綜合評價的一部分。可以按學(xué)號、姓名查詢個人成績，也可按班級進(jìn)行班級整體成績查詢。測試的成績會按照一定的權(quán)重折算到課程的最終成績評定中。

（八）后臺管理模塊

后臺管理模塊也是本系統(tǒng)非常重要的部分，主要用于實現(xiàn)對各個模塊的管理功能，包括公告管理、優(yōu)秀作品管理、專題管理、答疑管理、論壇管理、試題管理幾部分。公告管理部分可以發(fā)布新公告，查看、修改、刪除原有公告；優(yōu)秀作品管理可以發(fā)布優(yōu)秀作品，查看、修改、刪除原有作品；專題管理一是實現(xiàn)專題的添加、修改及刪除功能，另外還可以實現(xiàn)專題內(nèi)各種學(xué)習(xí)資源的添加、修改及刪除功能；答疑管理主要是用于教師查看學(xué)生在學(xué)習(xí)中遇到的問題，了解學(xué)生的學(xué)習(xí)狀況，從而更好地設(shè)計課堂活動，還可根據(jù)提出的問題及時進(jìn)行解疑答惑；論壇管理主要用于教師對交流、討論的引導(dǎo)管理，如可以發(fā)新的有價值的討論話題，可以回復(fù)帖子、引導(dǎo)討論，還可以刪除一些無價值、無意義的帖子，試題管理主要對在線測試中的試題進(jìn)行添加、修改、刪除等操作。

三、“Flash動畫制作”翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺的實現(xiàn)

（一）開發(fā)環(huán)境

本學(xué)習(xí)支持平臺選取Asp.Net 作為開發(fā)工具，以Microsoft公司為Asp.Net平臺量身定做的語言——C#作為開發(fā)語言，以.Net Framework 4.0為系統(tǒng)框架，以Visual Studio 2010為開發(fā)環(huán)境，以Sql Server 2008 作為系統(tǒng)數(shù)據(jù)庫置于服務(wù)器端，采用Ado.Net數(shù)據(jù)庫訪問技術(shù)實現(xiàn)數(shù)據(jù)庫連接。

（二）體系結(jié)構(gòu)

本平臺的設(shè)計采用B/S的三層架構(gòu)——表示層、業(yè)務(wù)邏輯層和數(shù)據(jù)層。表示層主要是指用戶通過瀏覽器端看到的用戶界面，是用戶和整個系統(tǒng)的接口，用于用戶在網(wǎng)頁中提出各種操作請求并將請求提交給Web服務(wù)器；中間層是業(yè)務(wù)邏輯層，它為表示層服務(wù)，同時又與數(shù)據(jù)層直接關(guān)聯(lián),其主要負(fù)責(zé)接收用戶瀏覽器傳來的請求并將請求傳給數(shù)據(jù)層，同時將請求處理結(jié)果發(fā)給用戶瀏覽器；位于最底層的是數(shù)據(jù)層，負(fù)責(zé)存儲、管理數(shù)據(jù)，該層以Ado.Net為接口，主要用于接收業(yè)務(wù)邏輯層對數(shù)據(jù)的請求，實現(xiàn)對數(shù)據(jù)的查詢、插入、修改、刪除等各種功能，并把處理的結(jié)果發(fā)送給業(yè)務(wù)邏輯層應(yīng)用服務(wù)器。[7]在這種體系結(jié)構(gòu)中，由于每一層都可以獨(dú)立地進(jìn)行修改而不會互相干擾，有利于進(jìn)行系統(tǒng)的開發(fā)、維護(hù)和擴(kuò)展。

（三）數(shù)據(jù)庫設(shè)計

網(wǎng)站的設(shè)計與開發(fā)離不開數(shù)據(jù)庫的支持，數(shù)據(jù)庫設(shè)計是網(wǎng)絡(luò)學(xué)習(xí)平臺開發(fā)中的重要環(huán)節(jié)。數(shù)據(jù)庫設(shè)計要在正確分析需求的基礎(chǔ)上,使用規(guī)范化的設(shè)計方法對數(shù)據(jù)庫進(jìn)行概念上和邏輯上的建模,以求客觀準(zhǔn)確地反映真實世界。根據(jù)對本學(xué)習(xí)支持平臺的需求的分析及建模，數(shù)據(jù)庫中主要的數(shù)據(jù)表設(shè)計如下：課程公告表（公告編號、公告標(biāo)題、公告內(nèi)容、發(fā)布時間）、資源信息表（資源編號、資源類型、所在專題）、專題信息表（專題編號、專題名稱）、問題表（問題編號、問題、提問者、提問時間、回復(fù)內(nèi)容、回復(fù)者、回復(fù)時間）、優(yōu)秀作品信息表（編號、名稱、作者、封面圖、內(nèi)容、上傳時間）、交流信息表（帖子編號、發(fā)帖人、帖子內(nèi)容、發(fā)帖時間）、交流信息回復(fù)表（回帖編號、回帖內(nèi)容、回帖人、回帖時間、原帖編號）、學(xué)生信息表（學(xué)號、姓名、班級）、成績表（學(xué)號、姓名、成績、測試時間）、試題表（試題編號、試題內(nèi)容、試題類型、試題難度、所在章節(jié)、試題答案）。其中試題難度用1、2、3來表示，代表含義分別為簡單、中等、難。

（四） 系統(tǒng)數(shù)據(jù)庫連接實現(xiàn)

本網(wǎng)絡(luò)學(xué)習(xí)支持平臺采用 Ado.Net數(shù)據(jù)庫訪問技術(shù)實現(xiàn)數(shù)據(jù)庫連接。[8]Ado.Net是.Net應(yīng)用程序的數(shù)據(jù)訪問模型,它能用于訪問關(guān)系型數(shù)據(jù)庫系統(tǒng)。在系統(tǒng)開發(fā)過程中，因為要多次連接數(shù)據(jù)庫，如果這些連接都在各個頁面的后臺中去實現(xiàn)，將會非常麻煩，而且會出現(xiàn)大量的重復(fù)代碼，因此，為了簡化這些連接操作，在開發(fā)設(shè)計網(wǎng)站的時候我們設(shè)計了一個可重復(fù)使用的類，把對數(shù)據(jù)庫的連接操作都封裝在這個類中，這樣，在后臺頁面需要連接數(shù)據(jù)庫的時候，就可以直接調(diào)用這個類。

（五）主要功能界面的實現(xiàn)

1．首頁的實現(xiàn)

首頁中從數(shù)據(jù)庫中讀取優(yōu)秀作品表以及課程公告表，通過綁定控件，使課程公告和優(yōu)秀學(xué)生的作品展示在首頁上，如圖2所示。

圖2 首頁界面

2．課程學(xué)習(xí)界面的實現(xiàn)

課程學(xué)習(xí)界面把內(nèi)容按教學(xué)專題劃分，每一個專題包括：學(xué)習(xí)任務(wù)單、學(xué)習(xí)視頻、練習(xí)實例、相關(guān)資源、我要提問幾個模塊，分別從數(shù)據(jù)庫中讀取不同的信息，然后展示在學(xué)習(xí)界面的不同位置，如圖3所示。

圖3 課程學(xué)習(xí)界面

四、 總結(jié)與反思

該平臺是一個基于.Net Framework的翻轉(zhuǎn)課堂學(xué)習(xí)支持平臺，經(jīng)過一段時間的試用，發(fā)現(xiàn)該系統(tǒng)基本可滿足翻轉(zhuǎn)課堂的需要。在平臺中教師可根據(jù)自己的需要動態(tài)添加各種資源，學(xué)生可以根據(jù)自身情況利用教學(xué)視頻等資源在課下合理地安排自己的學(xué)習(xí)，可以在一種輕松的氛圍中學(xué)習(xí)，不用擔(dān)心跟不上老師的節(jié)奏，學(xué)生在自主學(xué)習(xí)的過程中有疑問還可以通過交流天地進(jìn)行交流，從而增加了學(xué)生間的互動，也可直接通過“我要提問”直接提出問題。老師也能夠有大量的時間與學(xué)生交流，對于交流過程中發(fā)現(xiàn)的共性問題，可以有針對性地進(jìn)行統(tǒng)一講解，也可以針對學(xué)生的問題，讓學(xué)生自己成立學(xué)習(xí)小組，互相幫助，以提高學(xué)習(xí)效率。另外該系統(tǒng)還可以很方便地對學(xué)生進(jìn)行測試評價，減輕了教師的工作量。

[1]王娟,?？诐?軟件開發(fā)類課程教學(xué)方法探討[J].當(dāng)代教育理論與實踐,2011，(3)：60-61.

[2]楊剛，楊文正，陳立.十大“翻轉(zhuǎn)課堂”精彩案例[J].中小學(xué)信息技術(shù)教育,2012，(3)：12-14.

[3]張金磊.“翻轉(zhuǎn)課堂”教學(xué)模式的關(guān)鍵因素探析[J].中國遠(yuǎn)程教育，2013，(10)：59-64.

[4]曾明星，周清平，王曉波，蔡國民，董堅峰.軟件工程專業(yè)“翻轉(zhuǎn)課堂”云計算教學(xué)平臺探討[J].現(xiàn)代教育技術(shù),2013，(8)：26-31.

[5]卜彩麗,馬穎瑩.翻轉(zhuǎn)課堂教學(xué)模式在我國高等院校應(yīng)用的可行性分析[J].軟件導(dǎo)刊,2013，(7)：9-11.

[6]李宏敏.基于翻轉(zhuǎn)課堂教學(xué)理念的課程設(shè)計與開發(fā)——以《學(xué)習(xí)科學(xué)與技術(shù)課程為例》[D].南寧：廣西師范學(xué)院，2013.

[7]李建林,孫剛.基于結(jié)構(gòu)的課堂教學(xué)管理平臺的設(shè)計與實現(xiàn)[J].信息化研究,2012，(2)：71-74.

[8]鄭淼，基于WEB的高校畢業(yè)生管理系統(tǒng)設(shè)計[J].常州工學(xué)院學(xué)報,2007，(6)：39-43.

（責(zé)任編輯 喬磊）

Design and Exploitation of "Flash Animation" Flipped Classroom Learning Supportive Platform

GUO Xuefeng
(Institute of Education and Science,Luoyang Normal University,Luoyang,Henan,China 471000)

Under the information technology environment,flipped classroom,a new teaching mode,has drawn lots of attentions from educators.An increasing number of teachers start trying flipped classroom,but the flipping of class cannot work without the support of learning platform. This paper mainly talks about the design and exploitation of "Flash Animation" flipped classroom learning supportive platform,mainly including the demand analysis of learning platform and design of functional module,main technologies used,database design,and functional realization of the system,etc.

flipped classroom;learning supportive platform;Sql Server;Asp.Net

G40-057

A

2096-0069（2015）05-0034-05

2015-07-20

該論文為2014年河南省高等教育教學(xué)改革項目（編號：2014SJGLX293）及2014年洛陽師范學(xué)院教改項目（編號：29）的階段性研究成果之一。

郭雪峰（1980— ），女，漢族，河南新野人，洛陽師范學(xué)院教育科學(xué)學(xué)院講師，碩士，主要研究方向為計算機(jī)教育應(yīng)用、信息化教學(xué)設(shè)計。