網絡教學活動生成平臺TAGS的設計與實現

【摘要】教學活動的展開呈現為教學事件和學習內容的序列化，網絡教學模式本質上是將網絡教學活動序列化的過程模型，文章在把握這一規律基礎上，提出了網絡教學活動模板化設計理念;設計開發出網絡教學活動生成平臺TAGS，為基于過程模型的網上教學活動的開展提供了靈活開放的設計方案和實施平臺。

【關鍵詞】網絡教學活動;過程模型;模板化;生成工具

【中圖分類號】G40-057 【文獻標識碼】A 【論文編號】1009—8097(2010)02—0104—05

一 引言

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

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

網絡教學活動模板化生成工具的研究意義在于:①基于模板的教學平臺生成工具讓教師按照自己的思想設計、組織更符合教學設計的思想，也能使教師實施更有效的教學活動。②基于模板的設計能使教師輕易添加教學活動環節，更方便更靈活地設計網絡教學活動。③基于模板的教學平臺生成工具力求打破傳統教學平臺模板的組織形式，強調以學生為中心，有利于提高學習者的學習主動性和教師的教學積極性。④基于模板的網絡教學平臺生成工具有強大的交互性及反饋的及時性，有利于學習者更自由地學習，同時真正地體現了因材施教的教學方法。

二 TAGS網絡教學活動生成平臺的功能設計

根據前述分析，我們可以得到設計網絡教學活動生成工具的基本需求:為教師提供網絡教學活動創建工具，輕松設計滿足自身需要的教學活動模板，能夠實現教師對模塊的定義及對模塊順序靈活動態地調整。而為了實現工具的通用性，以及提高平臺的推廣應用價值，本文將設計目標確定為:為教師群體提供自由搭建網絡教學活動平臺的生成系統——即網絡教學活動生成平臺(Teaching Activity Generation System)TAGS。

網絡教學活動生成平臺從應用上按照角色設計原則，將用戶分為系統管理員、教師、學生三類，具體功能設計如圖1所示:

1 系統管理員

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

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

(3) 管理共享資源庫功能。TAGS網絡教學活動生成平臺中自帶了一個共享資源庫供教師之間共享資源。系統管理員具有管理更改資源庫的功能，審核教師上傳的資源，完成資源的上傳、下載、刪除等操作。

2 教師

(1) 課程的管理

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

(2) 活動管理

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

(3) 模板管理

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

(4) 資源管理

平臺為教師提供了豐富的資源管理功能，采用Ajax結合Swfupload組件實現。分為我的資源和共享資源兩部分。我的資源是教師的個人資源管理，教師可以進行查看、上傳、下載、刪除資源等操作。共享資源是平臺提供的資源共享庫，所有教師都能查看，上傳并下載庫中的資源但不能刪除，只有系統管理員才能執行刪除操作。

(5) 學生管理

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

3 學生

(1) 活動管理

學生通過登錄頁面進入活動管理頁面，默認顯示當前活動面板，面板中列出了系統中正在進行(已發布)的活動，包含活動名稱、活動主題、活動創建者、開始時間、結束時間、當前狀態等等。學生單擊選中某一活動，通過點擊面板上的“開始學習”按鈕，即進入該活動頁面開始學習。

(2) 資源管理

包括我的資源和共享資源兩部分。我的資源是學生的個人資源管理，學生可以查看、上傳、下載、刪除等等。共享資源是平臺提供的資源共享庫，所有學生都能查看，上傳并下載庫中的資源但不能刪除，只有系統管理員才能執行刪除操作。

三 網絡教學活動生成平臺TAGS設計原則

TAGS網絡教學平臺是基于JavaEE平臺的系統架構，運用Spring、Struts、Hibernate、Extjs等多種技術，實現核心功能組件化、系統配置自動化、功能設計個性化、資源管理智能化，其最大特點為通用性強、超強個性化。學科教師只需要專注于教學內容準備，而不用關心具體的技術實現，通過WEB操作界面便可自主創作出極富個性化的教學活動。

1 簡單易用

該系統要簡單易用，避免復雜的頁面設計和網絡程序開發。能夠讓不懂教學設計的教師自由選擇適合自己的模板進行網絡教學活動的設計，讓理解教學設計的教師自由運用及改造甚至創建網絡教學模板，輕松設計教學活動。從而拿出更多時間思考學習主題的設計、活動組織和執行策略。

2 開放性原則

基于B/S結構，教師基于瀏覽器進行創作。瀏覽者、學習者均通過瀏覽器進行，不受時間和空間的限制。

3 共享共創原則

網絡教學活動模板凝聚了教師教學設計思想，蘊含了教師豐富的教學經驗，體現最新的教學理念。因此對于優秀的網絡教學活動模板應該進行共享，這在一定程度上體現了優質教學資源共享的理念。對于共享出來的優秀的網絡教學活動模板，其他的教師可以根據自己的需要借鑒使用，也可以在此基礎之上改造成滿足自己需要的教學模板。

4 個性化原則

模板的設計是為了減輕教師教學設計負擔，同時也是滿足教師個性化教學設計的需求。網絡教學活動生成平臺的設計應適用于不同層次教學設計能力的教師。

四 TAGS網絡教學活動生成平臺實現技術

1 系統的體系架構

TAGS網絡教學活動生成平臺采用Spring2.0+Struts2+Hibernate3.2的技術架構，具體如圖2所示:

前端采用Extjs組件展示技術，整個平臺使用Tomcat作為web服務器，Tomcat是一個小型的輕量級應用服務器，在中小型系統和并發訪問用戶不是很多的場合下被普遍使用，是開發和調試Jsp程序的首選。數據庫使用的是Mysql數據庫，MySQL是一個小型關系型數據庫管理系統，由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，許多中小型網站為了降低網站總體擁有成本而選擇了MySQL作為網站數據庫。Spring是一個開源框架，可以解決應用開發的復雜性設計。Struts框架具有組件的模塊化，靈活性和重用性的優點，同時簡化了基于MVC的web應用程序的開發。Apache Struts2是一個優雅的，可擴展的JAVA EE web框架。框架設計的目標貫穿整個開發周期，從開發到發布，包括維護的整個過程。

TAGS網絡教學平臺大量采用了基于Ajax的組件開發，為教師與平臺之間提供了高度的交互性，并給予教師在教學活動設計開展中更豐富的頁面瀏覽體驗。采用Ajax技術帶來的無刷新頁面體驗解除了其它許多教學平臺中教師在進行完一項操作后，不得不花大量時間等待服務器做出反應并再次更新瀏覽器頁面的苦惱。這也是本平臺相對與其它很多教學平臺的優勢所在。

2 其他關鍵技術

在網絡教學活動開展過程中教師的活動依次如下:選擇或者創建教學模板;對模板中的每一個模塊進行編輯，每一個模塊中可以添加一個或者幾個活動模塊如分組討論(系統分組、教師分組、學生自由組合)、聊天工具(進行同步討論)、論壇工具(進行異步討論)、筆記本、公告欄、調查等;對已編輯好的一整套模板進行發布(可以立即發布也可以設定在規定的時間發布);對學生的學習活動過程進行監控;對最終學習結果進行評價。通過上述對教師活動分析，可以看到平臺的實現核心就是教師對活動模塊的編輯。

(1) 模塊的順序調整

在圖3(a)中，左側列出該活動的幾個模塊，教師可以根據自己的需要，利用鼠標移動模塊到相應的位置即可實現對模塊的順序調整，滿足了教師動態化教學設計的需求。

具體代碼實現如下:

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提供的創建拖拽應用的框架來完成模塊拖拽功能的。首先要定義YAHOO.util中的對象如Dom對象、Event(事件)、DragDropMgr等對象然后初始化需要拖拽的模塊對象，這里采用列表li的id來標識某一模塊。然后設置YAHOO.util中對象的方法來定義模塊能被拖拽，鼠標拖拽模塊時模塊的狀態，將模塊放下時狀態的改變等等。以上代碼中onDrag()、onDragOver()等方法就是實現這些功能。

(2) 模塊的新建與刪除

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

(3) 應用其他模板

在圖3(a)右上角有一個應用其他模板的按鈕，教師可以根據教學需求應用系統中所提供的模板或者是其他教師所共享出來的模板。點擊應用其他模板按鈕即會跳轉到圖3(d):

五 結束語

本文在分析了目前網絡教學活動開展存在問題的基礎之上，提出了網絡教學活動模板化設計理念。并進一步闡述了網絡教學活動生成平臺的功能設計、原則及實現的技術。TAGS網絡教學活動生成平臺消除了教師開展網絡教學活動的技術壁壘，提供了教師自主教學設計的平臺，不僅使教師能夠輕松設計出符合教學實際的網絡教學活動，而且使教師成為不受技術約束的教學設計者，在一定程度上有助于提升教師教學設計的水平。

參考文獻

[1] 柯和平，陳銳浩.精品課程創作平臺的設計與實現[J].現代教育技術，2009，(3).

[2] 師丹琳，樊勇.網絡教學模式探究[J].教育研究，1999，(5).

[3] 霍丙森.網絡教學活動設計的模板化工具建構[J].電化教育研究，2000，(6).

[4] 中國教育技術網.網絡課程的功能結構及教學模式初探[EB/OL].

[5] 皮亞杰(瑞士)著，王憲鈿等譯.發生認識論原理[M].商務印書館，1981.

[6] 呂云峰.網絡教學模式及本質[J].電化教育研究，2001，(6).

[7] 劉曉平，石惠，毛崢強.模板研究發展與展望[J].合肥工業大學學報，2005，(9).

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

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

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

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

[12] 喬愛玲，王楠.網絡環境中的學習活動設計模型及相關研究[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編輯:山石