【摘要】教學(xué)活動(dòng)的展開呈現(xiàn)為教學(xué)事件和學(xué)習(xí)內(nèi)容的序列化，網(wǎng)絡(luò)教學(xué)模式本質(zhì)上是將網(wǎng)絡(luò)教學(xué)活動(dòng)序列化的過程模型，文章在把握這一規(guī)律基礎(chǔ)上，提出了網(wǎng)絡(luò)教學(xué)活動(dòng)模板化設(shè)計(jì)理念;設(shè)計(jì)開發(fā)出網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)TAGS，為基于過程模型的網(wǎng)上教學(xué)活動(dòng)的開展提供了靈活開放的設(shè)計(jì)方案和實(shí)施平臺(tái)。

【關(guān)鍵詞】網(wǎng)絡(luò)教學(xué)活動(dòng);過程模型;模板化;生成工具

【中圖分類號(hào)】G40-057 【文獻(xiàn)標(biāo)識(shí)碼】A 【論文編號(hào)】1009—8097(2010)02—0104—05

一 引言

當(dāng)前的網(wǎng)絡(luò)教學(xué)更多的是依托網(wǎng)絡(luò)教學(xué)支撐平臺(tái)來承載教學(xué)內(nèi)容，而忽略了教學(xué)活動(dòng)的展開。原因在于網(wǎng)絡(luò)教學(xué)支撐平臺(tái)在教師組織教學(xué)活動(dòng)的支持服務(wù)功能上較為欠缺，留給學(xué)科教師充分自主開展教學(xué)設(shè)計(jì)的空間比較少，對(duì)平臺(tái)設(shè)計(jì)存在技術(shù)壁壘的學(xué)科教師無法自己設(shè)計(jì)網(wǎng)上教學(xué)活動(dòng)平臺(tái)，只能按照開發(fā)者的意圖直接套用現(xiàn)成模式(如WEBQUEST模板)，最終很難表達(dá)自身對(duì)學(xué)科教學(xué)的理解;而擁有開發(fā)能力的技術(shù)人員對(duì)教學(xué)設(shè)計(jì)的概念模糊，無法設(shè)計(jì)出滿足教師展開教學(xué)活動(dòng)的平臺(tái)工具。

因此，開發(fā)一套模板化的教學(xué)活動(dòng)生成工具，讓教師按照自己的意圖自由設(shè)計(jì)教學(xué)活動(dòng)有著十分重要的意義。網(wǎng)絡(luò)教學(xué)活動(dòng)模板化生成工具是基于以下原理進(jìn)行設(shè)計(jì)開發(fā):任何一種網(wǎng)絡(luò)教學(xué)模式無非是由過程要素(教學(xué)活動(dòng)過程性的內(nèi)容，比如模塊名稱指代的含義以及呈現(xiàn)不同階段的教學(xué)信息)和功能要素(教學(xué)活動(dòng)交互功能，比如提交任務(wù)計(jì)劃書、進(jìn)入活動(dòng)討論區(qū)、下載量規(guī)、提交作品等)構(gòu)成的若干模塊構(gòu)成，也就是說，我們只要實(shí)現(xiàn)教師能夠定義1個(gè)模塊及模塊包含要素的定義，就可以讓教師同理完成N個(gè)模塊的定義;而實(shí)現(xiàn)對(duì)模塊排列順序的邏輯調(diào)整就等于實(shí)現(xiàn)了教師對(duì)教學(xué)活動(dòng)序列的靈活組織。

網(wǎng)絡(luò)教學(xué)活動(dòng)模板化生成工具的研究意義在于:①基于模板的教學(xué)平臺(tái)生成工具讓教師按照自己的思想設(shè)計(jì)、組織更符合教學(xué)設(shè)計(jì)的思想，也能使教師實(shí)施更有效的教學(xué)活動(dòng)。②基于模板的設(shè)計(jì)能使教師輕易添加教學(xué)活動(dòng)環(huán)節(jié)，更方便更靈活地設(shè)計(jì)網(wǎng)絡(luò)教學(xué)活動(dòng)。③基于模板的教學(xué)平臺(tái)生成工具力求打破傳統(tǒng)教學(xué)平臺(tái)模板的組織形式，強(qiáng)調(diào)以學(xué)生為中心，有利于提高學(xué)習(xí)者的學(xué)習(xí)主動(dòng)性和教師的教學(xué)積極性。④基于模板的網(wǎng)絡(luò)教學(xué)平臺(tái)生成工具有強(qiáng)大的交互性及反饋的及時(shí)性，有利于學(xué)習(xí)者更自由地學(xué)習(xí)，同時(shí)真正地體現(xiàn)了因材施教的教學(xué)方法。

二 TAGS網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)的功能設(shè)計(jì)

根據(jù)前述分析，我們可以得到設(shè)計(jì)網(wǎng)絡(luò)教學(xué)活動(dòng)生成工具的基本需求:為教師提供網(wǎng)絡(luò)教學(xué)活動(dòng)創(chuàng)建工具，輕松設(shè)計(jì)滿足自身需要的教學(xué)活動(dòng)模板，能夠?qū)崿F(xiàn)教師對(duì)模塊的定義及對(duì)模塊順序靈活動(dòng)態(tài)地調(diào)整。而為了實(shí)現(xiàn)工具的通用性，以及提高平臺(tái)的推廣應(yīng)用價(jià)值，本文將設(shè)計(jì)目標(biāo)確定為:為教師群體提供自由搭建網(wǎng)絡(luò)教學(xué)活動(dòng)平臺(tái)的生成系統(tǒng)——即網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)(Teaching Activity Generation System)TAGS。

網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)從應(yīng)用上按照角色設(shè)計(jì)原則，將用戶分為系統(tǒng)管理員、教師、學(xué)生三類，具體功能設(shè)計(jì)如圖1所示:

1 系統(tǒng)管理員

(1) 教師管理功能。系統(tǒng)管理員具有添加教師，修改教師個(gè)人信息，刪除教師等功能。

(2) 模板管理功能。系統(tǒng)管理員具有創(chuàng)建、設(shè)置、刪除模板功能。系統(tǒng)管理員創(chuàng)建的模板稱為系統(tǒng)模板，可以為所有老師共享使用，但不能被教師更改和刪除。

(3) 管理共享資源庫(kù)功能。TAGS網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)中自帶了一個(gè)共享資源庫(kù)供教師之間共享資源。系統(tǒng)管理員具有管理更改資源庫(kù)的功能，審核教師上傳的資源，完成資源的上傳、下載、刪除等操作。

2 教師

(1) 課程的管理

教師可以執(zhí)行添加課程(設(shè)置課程信息主要包括課程名稱、課程類型、課時(shí)數(shù)以及備注等)、刪除課程的操作。

(2) 活動(dòng)管理

平臺(tái)為教師提供了新建活動(dòng)、設(shè)置活動(dòng)、編輯活動(dòng)、刪除活動(dòng)及查詢活動(dòng)的功能。新建活動(dòng)是對(duì)活動(dòng)的基本信息進(jìn)行設(shè)置包括活動(dòng)名稱、活動(dòng)所屬課程、活動(dòng)主題、活動(dòng)狀態(tài)、是否共享、活動(dòng)開始時(shí)間以及結(jié)束時(shí)間、選擇的模板等等。設(shè)置活動(dòng)是對(duì)已創(chuàng)建活動(dòng)的基本信息進(jìn)行修改。編輯活動(dòng)是TAGS平臺(tái)中最重要的部分，在這一模塊中教師可以對(duì)所創(chuàng)建的活動(dòng)模塊進(jìn)行管理包括模塊新建、編輯、修改、刪除等操作。查詢活動(dòng)是教師對(duì)已創(chuàng)建的活動(dòng)進(jìn)行查看。

(3) 模板管理

模板管理主要包括兩部分:一是我的模板。在我的模板中，列出了教師所創(chuàng)建的所有模板的基本信息。教師具有新建模板、設(shè)置模板和查詢模板的功能。二是共享模板。主要包括系統(tǒng)管理員所創(chuàng)建的模板和其他教師所共享出來的模板。

(4) 資源管理

平臺(tái)為教師提供了豐富的資源管理功能，采用Ajax結(jié)合Swfupload組件實(shí)現(xiàn)。分為我的資源和共享資源兩部分。我的資源是教師的個(gè)人資源管理，教師可以進(jìn)行查看、上傳、下載、刪除資源等操作。共享資源是平臺(tái)提供的資源共享庫(kù)，所有教師都能查看，上傳并下載庫(kù)中的資源但不能刪除，只有系統(tǒng)管理員才能執(zhí)行刪除操作。

(5) 學(xué)生管理

教師具有查看學(xué)生信息、查看學(xué)生作品、下載學(xué)生作品的功能，以方便教師對(duì)學(xué)生的管理。

3 學(xué)生

(1) 活動(dòng)管理

學(xué)生通過登錄頁(yè)面進(jìn)入活動(dòng)管理頁(yè)面，默認(rèn)顯示當(dāng)前活動(dòng)面板，面板中列出了系統(tǒng)中正在進(jìn)行(已發(fā)布)的活動(dòng)，包含活動(dòng)名稱、活動(dòng)主題、活動(dòng)創(chuàng)建者、開始時(shí)間、結(jié)束時(shí)間、當(dāng)前狀態(tài)等等。學(xué)生單擊選中某一活動(dòng)，通過點(diǎn)擊面板上的“開始學(xué)習(xí)”按鈕，即進(jìn)入該活動(dòng)頁(yè)面開始學(xué)習(xí)。

(2) 資源管理

包括我的資源和共享資源兩部分。我的資源是學(xué)生的個(gè)人資源管理，學(xué)生可以查看、上傳、下載、刪除等等。共享資源是平臺(tái)提供的資源共享庫(kù)，所有學(xué)生都能查看，上傳并下載庫(kù)中的資源但不能刪除，只有系統(tǒng)管理員才能執(zhí)行刪除操作。

三 網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)TAGS設(shè)計(jì)原則

TAGS網(wǎng)絡(luò)教學(xué)平臺(tái)是基于JavaEE平臺(tái)的系統(tǒng)架構(gòu)，運(yùn)用Spring、Struts、Hibernate、Extjs等多種技術(shù)，實(shí)現(xiàn)核心功能組件化、系統(tǒng)配置自動(dòng)化、功能設(shè)計(jì)個(gè)性化、資源管理智能化，其最大特點(diǎn)為通用性強(qiáng)、超強(qiáng)個(gè)性化。學(xué)科教師只需要專注于教學(xué)內(nèi)容準(zhǔn)備，而不用關(guān)心具體的技術(shù)實(shí)現(xiàn)，通過WEB操作界面便可自主創(chuàng)作出極富個(gè)性化的教學(xué)活動(dòng)。

1 簡(jiǎn)單易用

該系統(tǒng)要簡(jiǎn)單易用，避免復(fù)雜的頁(yè)面設(shè)計(jì)和網(wǎng)絡(luò)程序開發(fā)。能夠讓不懂教學(xué)設(shè)計(jì)的教師自由選擇適合自己的模板進(jìn)行網(wǎng)絡(luò)教學(xué)活動(dòng)的設(shè)計(jì)，讓理解教學(xué)設(shè)計(jì)的教師自由運(yùn)用及改造甚至創(chuàng)建網(wǎng)絡(luò)教學(xué)模板，輕松設(shè)計(jì)教學(xué)活動(dòng)。從而拿出更多時(shí)間思考學(xué)習(xí)主題的設(shè)計(jì)、活動(dòng)組織和執(zhí)行策略。

2 開放性原則

基于B/S結(jié)構(gòu)，教師基于瀏覽器進(jìn)行創(chuàng)作。瀏覽者、學(xué)習(xí)者均通過瀏覽器進(jìn)行，不受時(shí)間和空間的限制。

3 共享共創(chuàng)原則

網(wǎng)絡(luò)教學(xué)活動(dòng)模板凝聚了教師教學(xué)設(shè)計(jì)思想，蘊(yùn)含了教師豐富的教學(xué)經(jīng)驗(yàn)，體現(xiàn)最新的教學(xué)理念。因此對(duì)于優(yōu)秀的網(wǎng)絡(luò)教學(xué)活動(dòng)模板應(yīng)該進(jìn)行共享，這在一定程度上體現(xiàn)了優(yōu)質(zhì)教學(xué)資源共享的理念。對(duì)于共享出來的優(yōu)秀的網(wǎng)絡(luò)教學(xué)活動(dòng)模板，其他的教師可以根據(jù)自己的需要借鑒使用，也可以在此基礎(chǔ)之上改造成滿足自己需要的教學(xué)模板。

4 個(gè)性化原則

模板的設(shè)計(jì)是為了減輕教師教學(xué)設(shè)計(jì)負(fù)擔(dān)，同時(shí)也是滿足教師個(gè)性化教學(xué)設(shè)計(jì)的需求。網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)的設(shè)計(jì)應(yīng)適用于不同層次教學(xué)設(shè)計(jì)能力的教師。

四 TAGS網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)實(shí)現(xiàn)技術(shù)

1 系統(tǒng)的體系架構(gòu)

TAGS網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)采用Spring2.0+Struts2+Hibernate3.2的技術(shù)架構(gòu)，具體如圖2所示:

前端采用Extjs組件展示技術(shù)，整個(gè)平臺(tái)使用Tomcat作為web服務(wù)器，Tomcat是一個(gè)小型的輕量級(jí)應(yīng)用服務(wù)器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場(chǎng)合下被普遍使用，是開發(fā)和調(diào)試Jsp程序的首選。數(shù)據(jù)庫(kù)使用的是Mysql數(shù)據(jù)庫(kù)，MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫(kù)。Spring是一個(gè)開源框架，可以解決應(yīng)用開發(fā)的復(fù)雜性設(shè)計(jì)。Struts框架具有組件的模塊化，靈活性和重用性的優(yōu)點(diǎn)，同時(shí)簡(jiǎn)化了基于MVC的web應(yīng)用程序的開發(fā)。Apache Struts2是一個(gè)優(yōu)雅的，可擴(kuò)展的JAVA EE web框架?？蚣茉O(shè)計(jì)的目標(biāo)貫穿整個(gè)開發(fā)周期，從開發(fā)到發(fā)布，包括維護(hù)的整個(gè)過程。

TAGS網(wǎng)絡(luò)教學(xué)平臺(tái)大量采用了基于Ajax的組件開發(fā)，為教師與平臺(tái)之間提供了高度的交互性，并給予教師在教學(xué)活動(dòng)設(shè)計(jì)開展中更豐富的頁(yè)面瀏覽體驗(yàn)。采用Ajax技術(shù)帶來的無刷新頁(yè)面體驗(yàn)解除了其它許多教學(xué)平臺(tái)中教師在進(jìn)行完一項(xiàng)操作后，不得不花大量時(shí)間等待服務(wù)器做出反應(yīng)并再次更新瀏覽器頁(yè)面的苦惱。這也是本平臺(tái)相對(duì)與其它很多教學(xué)平臺(tái)的優(yōu)勢(shì)所在。

2 其他關(guān)鍵技術(shù)

在網(wǎng)絡(luò)教學(xué)活動(dòng)開展過程中教師的活動(dòng)依次如下:選擇或者創(chuàng)建教學(xué)模板;對(duì)模板中的每一個(gè)模塊進(jìn)行編輯，每一個(gè)模塊中可以添加一個(gè)或者幾個(gè)活動(dòng)模塊如分組討論(系統(tǒng)分組、教師分組、學(xué)生自由組合)、聊天工具(進(jìn)行同步討論)、論壇工具(進(jìn)行異步討論)、筆記本、公告欄、調(diào)查等;對(duì)已編輯好的一整套模板進(jìn)行發(fā)布(可以立即發(fā)布也可以設(shè)定在規(guī)定的時(shí)間發(fā)布);對(duì)學(xué)生的學(xué)習(xí)活動(dòng)過程進(jìn)行監(jiān)控;對(duì)最終學(xué)習(xí)結(jié)果進(jìn)行評(píng)價(jià)。通過上述對(duì)教師活動(dòng)分析，可以看到平臺(tái)的實(shí)現(xiàn)核心就是教師對(duì)活動(dòng)模塊的編輯。

(1) 模塊的順序調(diào)整

在圖3(a)中，左側(cè)列出該活動(dòng)的幾個(gè)模塊，教師可以根據(jù)自己的需要，利用鼠標(biāo)移動(dòng)模塊到相應(yīng)的位置即可實(shí)現(xiàn)對(duì)模塊的順序調(diào)整，滿足了教師動(dòng)態(tài)化教學(xué)設(shè)計(jì)的需求。

具體代碼實(shí)現(xiàn)如下:

function() {

var Dom = YAHOO.util.Dom;

var Event = YAHOO.util.Event;

var DDM = YAHOO.util.DragDropMgr;

YAHOO.example.DDApp = {

init: function() {

var rows=14，cols=14，i，j;

for (i=1;i

new YAHOO.util.DDTarget(\"ul\"+i);}

for (i=1;i

for (j=1;j

new YAHOO.example.DDList(\"li\" + i + \"_\" + j);

}

}

Event.on(\"showButton\"， \"click\"， this.publish);

}，

var ul1=Dom.get(\"ul1\");

document.getElementById(\"state\").value=parseList(ul1，\"\");

}

switchStyles: function() {

Dom.get(\"ul1\").className = \"draglist_alt\";

Dom.get(\"ul2\").className = \"draglist_alt\";

}};

......

a.onComplete.subscribe(function() {

Dom.setStyle(proxyid， \"visibility\"， \"hidden\");

Dom.setStyle(thisid， \"visibility\"， \"\"); });

a.animate();}，

onDragDrop: function(e， id) {

if (DDM.interactionInfo.drop.length === 1) {

var pt = DDM.interactionInfo.point;

var region = DDM.interactionInfo.sourceRegion;

if (!region.intersect(pt)) {

var destEl = Dom.get(id);

var destDD = DDM.getDDById(id);

destEl.appendChild(this.getEl());

destDD.isEmpty = 1;

DDM.refreshCache();}}}，

onDrag: function(e) {

var y = Event.getPageY(e);

if (y < this.lastY) {

this.goingUp = true;

} else if (y > this.lastY) {

this.goingUp = 1;}

this.lastY = y;}，

onDragOver: function(e， id) {

var srcEl = this.getEl();

Event.onDOMReady(YAHOO.example.DDApp.init， YAHOO.example.DDApp， true);

});

這段js代碼是采用YAHOO.util.DragDropMgr提供的創(chuàng)建拖拽應(yīng)用的框架來完成模塊拖拽功能的。首先要定義YAHOO.util中的對(duì)象如Dom對(duì)象、Event(事件)、DragDropMgr等對(duì)象然后初始化需要拖拽的模塊對(duì)象，這里采用列表li的id來標(biāo)識(shí)某一模塊。然后設(shè)置YAHOO.util中對(duì)象的方法來定義模塊能被拖拽，鼠標(biāo)拖拽模塊時(shí)模塊的狀態(tài)，將模塊放下時(shí)狀態(tài)的改變等等。以上代碼中onDrag()、onDragOver()等方法就是實(shí)現(xiàn)這些功能。

(2) 模塊的新建與刪除

教師也可以根據(jù)自己的需要在已建好的模板之上，添加或者刪除已有模塊，具體如圖3(b)，圖3(c)所示:

(3) 應(yīng)用其他模板

在圖3(a)右上角有一個(gè)應(yīng)用其他模板的按鈕，教師可以根據(jù)教學(xué)需求應(yīng)用系統(tǒng)中所提供的模板或者是其他教師所共享出來的模板。點(diǎn)擊應(yīng)用其他模板按鈕即會(huì)跳轉(zhuǎn)到圖3(d):

五 結(jié)束語

本文在分析了目前網(wǎng)絡(luò)教學(xué)活動(dòng)開展存在問題的基礎(chǔ)之上，提出了網(wǎng)絡(luò)教學(xué)活動(dòng)模板化設(shè)計(jì)理念。并進(jìn)一步闡述了網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)的功能設(shè)計(jì)、原則及實(shí)現(xiàn)的技術(shù)。TAGS網(wǎng)絡(luò)教學(xué)活動(dòng)生成平臺(tái)消除了教師開展網(wǎng)絡(luò)教學(xué)活動(dòng)的技術(shù)壁壘，提供了教師自主教學(xué)設(shè)計(jì)的平臺(tái)，不僅使教師能夠輕松設(shè)計(jì)出符合教學(xué)實(shí)際的網(wǎng)絡(luò)教學(xué)活動(dòng)，而且使教師成為不受技術(shù)約束的教學(xué)設(shè)計(jì)者，在一定程度上有助于提升教師教學(xué)設(shè)計(jì)的水平。

參考文獻(xiàn)

[1] 柯和平，陳銳浩.精品課程創(chuàng)作平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].現(xiàn)代教育技術(shù)，2009，(3).

[2] 師丹琳，樊勇.網(wǎng)絡(luò)教學(xué)模式探究[J].教育研究，1999，(5).

[3] 霍丙森.網(wǎng)絡(luò)教學(xué)活動(dòng)設(shè)計(jì)的模板化工具建構(gòu)[J].電化教育研究，2000，(6).

[4] 中國(guó)教育技術(shù)網(wǎng).網(wǎng)絡(luò)課程的功能結(jié)構(gòu)及教學(xué)模式初探[EB/OL].

[5] 皮亞杰(瑞士)著，王憲鈿等譯.發(fā)生認(rèn)識(shí)論原理[M].商務(wù)印書館，1981.

[6] 呂云峰.網(wǎng)絡(luò)教學(xué)模式及本質(zhì)[J].電化教育研究，2001，(6).

[7] 劉曉平，石惠，毛崢強(qiáng).模板研究發(fā)展與展望[J].合肥工業(yè)大學(xué)學(xué)報(bào)，2005，(9).

[8] 何啟偉.深入淺出Extjs[M].北京:人民郵電出版社，2009.

[9] (美)迪布瓦.MySQL Cookbook[M].電子工業(yè)出版社，2008.

[10] 計(jì)磊，李里，周偉.精通J2EE整合應(yīng)用案例[M].人民郵電出版社，2006.

[11] 劉中兵，許曉欣.精通Tomcat[M].北京:清華大學(xué)出版社，2007.

[12] 喬愛玲，王楠.網(wǎng)絡(luò)環(huán)境中的學(xué)習(xí)活動(dòng)設(shè)計(jì)模型及相關(guān)研究[J].電化教育研究，2009，(5).

Design and Exploit a Generating System (TAGS) of Network Teaching Activities

DING XiaHUANG Ru-min2 YANG Cheng

(School of Information and Communication ，Xuzhou Normal University， Xuzhou，Jiangsu 221009，china)

Abstract: The development of teaching and learning activities means serialization of teaching case and learning content. Essentially，network teaching mode is the process model making network teaching activities serialized.Based on the teaching discipline，this paper puts a templated design idea of network teaching activities and exploits a generating system (TAGS) of network teaching activities，which offers a flexible and open design proposal as well as ARIS for the promoting of Network teaching activities based on process model.

Keywords: Network Teaching Activities; Process Model; Templating; Generator編輯:山石