專題學習網站動態生成系統的開發與應用

[摘 要] 通過分析中小學專題學習網站建設中存在的問題以及教師、管理者、學習者對專題學習網站建設工具的需求，探索研發了專題學習網站動態生成系統，以利于中小學校學科教師在統一平臺下快速建立簡便、實用、快捷的專題學習網站，有效地用于實際教學，開展基于專題學習網站的各類教學活動。同時系統可實現對專題學習網站建設的統一規劃、管理，實現優質專題學習網站的區域共享。

[關鍵詞] 專題學習網站； 動態生成系統； 開發應用； 區域共享

[中圖分類號] G434 [文獻標志碼] A

[作者簡介] 賀相春（1980—），男，甘肅武威人，碩士。主要從事教育軟件開發研究。E-mail：hxc@nwnu.edu.cn。

一、序 言

專題學習網站是基于“專題探索—網站開發”學習模式而建設的教學網站，展示與學習專題相關的知識，把與學習內容相關的文本、圖形、圖像、動畫等資源進行結構化重組，也將與學習專題相關的擴展性學習資源進行收集管理，包括結合不同學科特點的學習工具（如字典、計算工具、幾何畫板、仿真實驗室等）和相關資源網站的鏈接，同時還可以根據學習專題進行網上協商討論和答疑指導。在專題學習網站的支持下，師生查閱相關資源，對知識進行深度加工，形成圍繞一個特定主題的內容整體架構。

專題學習網站所具有的結構化知識展示、擴展性學習資源展示、網上協商討論和網上自我評價等功能，可以支持學習者基于資源的自主學習、協作學習、探究學習，因此越來越多的教師開始創建并使用專題學習網站。筆者以“專題學習網站”為關鍵字在萬方數據庫中進行搜索，共有420條記錄符合條件。其中，期刊論文319篇，學位論文80篇，會議論文21篇。從搜索結果中可以看到，2002年至2007年有關專題學習網站的研究論文從5篇上升至81篇，呈迅速上升趨勢。2008年至2009年有所回落，但仍保持在一個相對較高的水平，尤其是2008年的學位論文達到20篇。可見，專題學習網站得到了研究者的廣泛關注。

二、當前專題學習網站建設應用中存在的問題

筆者在一項技術支持的教師專業發展項目的需求調研中發現，廣大教師對利用專題學習網站支持教學表現出濃厚的興趣，許多教師設計了相關的課例，也開發了專題學習網站，但這些專題學習網站存在的主要問題是：1.專題學習網站不符合Web標準；①2.由于采用不同的開發技術，很難將多個專題學習網站整合在同一平臺下；3.專題學習網站多采用靜態頁面技術，缺少交互設計；4.專題學習網站后期更新維護較少。

通過訪談，了解到出現以上問題的主要原因是：開發專題學習網站對教師技術要求高，需要掌握網頁制作的相關技術，而掌握這些技術對于中小學學科教師是有一定難度的。

通過搜索相關文獻，發現國內學者對于專題學習網站建設中存在的問題也有論述。如吳亞群指出專題學習網站低水平重復建設，網站共享程度不高。許多專題學習網站甚至只是用于參加各種評比，不能有效地用于實際教學，普遍存在應用難的問題。教師存在建站的技術瓶頸，參與建設的積極性不高。[1]王賢燦認為學科教師的信息素養制約了專題學習網站的維護。一個專題學習網站的前期規劃和建設往往由信息技術教師或網站技術提供商完成，這樣容易導致主題學習網站的模式化，不易體現學科教師的教學思想。加之相關的應用培訓跟不上，使得專題學習網站在技術上形成了一定的障礙。[2]可見，目前仍缺乏一個統一、便捷（低技術門檻）、可實現區域共享的建站系統，由此筆者提出開發專題學習網站動態生成系統。

三、專題學習網站動態生成系統

（一）系統設計思想

專題學習網站并不是資源的堆積，而是從專題所蘊涵的特定文化、意義出發，進行結構化的構建，網站風格不但包含相應的知識，更體現設計者的思想。[3]因此，筆者明確地意識到專題學習網站生成系統要以用戶為中心，以資源收集和知識社區建設為目標，實現信息社區和知識社區的融合，它既是一個教學系統，還應是一個管理系統。

對于教育管理者，需要實現對專題學習網站建設的統一規劃，統一管理，實現優質專題學習資源的區域共享。

對于教師，需要一個專題學習網站建設工具去體現他的教學理念。教師可以利用該工具快速建立專題學習網站、開展基于專題學習網站的各類教學活動、與學生進行在線協商與交流、指導并監控學生的學習活動、創設學習情境、對學生進行評價、與其他教師共建共享專題學習網站、與其他學校教師開展網絡教研、進行自我反思等。

對于學生，需要一個在網絡環境下基于資源的認知工具。學生可以利用該系統開展網絡環境下的各類學習活動、與教師共同建設專題學習網站、與師生進行在線協商與交流、進行個人的反思、迅速找到所需的資源、與師生共享自己的學習成果和學習資料等。

綜上所述，系統的總體需求可以概括為以下兩個方面：1.專題學習網站生成系統可以實現對專題學習網站進行統一規劃、管理、共享。2.專題學習網站生成系統可以幫助教師快速、便捷地對專題知識進行多視角的擴展、挖掘和組織，支持以學生為中心的教學活動。

（二）系統整體架構

依據系統需求分析，筆者將專題學習網站動態生成系統分為表示層、業務邏輯層、數據庫層。表示層負責為用戶提供完整統一的交互界面，業務邏輯層負責系統核心功能的處理，數據庫層負責對數據的存取。系統整體架構如圖1所示，整個系統采用B/S結構，即Brower-Server（瀏覽器—服務器）架構，系統使用者（教師、學生、系統管理員）通過瀏覽器登錄至系統，通過表示層的用戶界面向系統提出系統管理和專題學習網站建設的業務請求，系統業務邏輯層對業務進行處理，在必要的時候對數據庫進行操作。在B/S結構下，整個系統的管理、資源分配、數據庫操作、業務邏輯的管理及動態加載等工作集中于服務器，容易部署和管理。

圖1 系統整體架構

（三）界面設計

系統用戶界面設計是整個系統中藝術要求最高的部分，在設計中，主界面和基礎模板的設計工作最為重要。由于系統界面較多，無法逐一介紹，僅從結構設計、交互設計和視覺設計等三方面加以論述。

1. 結構設計

結構設計也稱概念設計，是界面設計的骨架。通過對用戶研究和任務分析，制定出產品的整體架構。在結構設計中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。

在本系統中，各主要界面之間的關系如圖2所示。其中個人空間頁面和專題學習網站管理頁面是系統的兩個主要樞紐，可以通過這兩個頁面進入到系統各功能頁面中。

圖2 系統主要界面關系

2. 交互設計

交互設計的目的是使系統能簡單使用。任何系統功能的實現都是通過人機交互來完成的。因此，人的因素應作為設計的核心被體現出來。

在本系統的交互設計中特別關注以下六個方面。

（1）清楚地錯誤提示。當用戶錯誤操作后，系統提供有針對性的提示。如用戶在發布專題知識時，當專題知識的標題為空時，用戶點擊提交按鈕，會彈出“主題不能為空”的對話框。

（2）讓用戶控制界面。系統在設計時從用戶角度考慮，讓用戶在界面中有足夠的自由去選擇自己接下來的操作。如系統界面設計中設置了個人空間，當用戶登錄后，可以進入個人空間進行個人日志發布、專題學習網站管理、個人信息修改等操作。如圖3為系統管理員個人空間的導航條。

圖3 系統管理員個人空間導航條

（3）使用日常生活中的語言，避免技術性的語言。 系統在設計時對頁面提示語、后臺管理菜單等的命名均采用用戶容易理解的日常生活用語。

（4）提供快速反饋。如在用戶注冊頁面，當用戶輸入用戶名后，即馬上顯示該用戶名是否已注冊，而不是用戶填完所有注冊信息，點擊提交按鈕后才提示有相同用戶名。

（5）提供合理的導航功能。專題學習網站的導航設計中，筆者采用橫向導航和縱向導航結合的方式。主目錄采用橫向設計，二級目錄及更深層的目錄采用縱向設計。如圖4所示為縱向二級導航菜單。

圖4 縱向二級導航

（6）讓用戶知道自己當前的位置，使其作出下一步行動的決定。系統在多處均設置“當前位置”的提示信息，以防止用戶迷航。

3. 視覺設計

在結構設計的基礎上，參照目標群體的心理模型和任務達成進行視覺設計（Visual Design），包括色彩、字體、頁面等。視覺設計要達到用戶愉悅使用的目的。在系統的視覺設計中，注意了以下幾個方面。

（1）界面清晰明了，允許用戶快速更換風格。在系統設計中，筆者力求設計界面清晰明了，能在界面中快速找到主要元素。系統采用Smarty模板引擎，教師可以一鍵更換站點模板。

（2）排列有序。系統界面的各項功能鏈接有序的組織和排列，便于用戶快速查找。

（3）界面的協調一致。系統界面設計注重用戶操作界面的協調，避免出現不同操作界面之間巨大的反差。如專題學習網站的管理界面和個人中心界面之間的協調。

（4）圖標的一致性。系統界面中處于不同位置的、表示相同功能的圖標保持一致，以避免用戶產生不必要的視覺錯亂。

（5）色彩與內容的一致。系統界面中多采用穩重的藍色，在需要關注的部分采用紅色標識，盡量避免過分跳躍的色彩。

（四）系統功能設計

系統功能設計即業務邏輯層的設計。依據需求分析，業務邏輯層主要包含兩大功能：系統的管理、專題學習網站的建設。

1. 系統功能結構

專題學習網站動態生成系統的功能結構如圖5所示。系統主要分為系統管理模塊和網站管理模塊兩部分。系統管理模塊主要對整個生成系統進行管理，包括用戶管理、模板管理、系統信息管理、數據庫管理等。網站管理模塊主要是用戶對建立的專題學習網站進行管理，包括網站基本信息管理、論壇管理、協作者管理、資料館管理等。

圖5 系統功能結構

2. 系統各模塊功能設計

（1）系統配置模塊

系統配置模塊包括學校信息配置、學科年級管理、班級管理、系統風格管理等。

學校信息配置是系統運行前首先要配置的信息。通過該信息來保證與其他學校或與教育局信息中心平臺之間的數據共享。

學科年級管理實現學科、年級的添加、刪除、編輯等操作。學科年級配置信息決定了平臺首頁導航的顯示。系統管理員也可使用另外的方式來配置，例如按照學校—學科的方式來配置。

班級管理是對班級基本信息進行維護。班級信息主要用于學生在注冊時選擇所在班級。

系統風格管理是用于添加和更換專題學習網站動態生成系統模板。由于系統會在不同的學校或教育機構部署，而不同用戶對系統風格的要求不同。所以系統設計了不同的風格供用戶選擇，用戶也可根據需要添加新的風格。

（2）用戶管理模塊

本模塊負責用戶的添加、注冊審核、刪除、信息編輯等。為了合理地共享系統資源，必須要求所有用戶進行注冊，才可正常使用系統功能。用戶分為教師用戶和學生用戶。用戶注冊后，系統管理員進行審核，通過后就可使用系統建立專題學習網站，學生可申請加入某專題學習網站的學習中。

（3）系統信息管理模塊

系統信息管理模塊包括站點信息分類的添加、刪除、修改，信息的發布、刪除、修改等功能。

（4）站點管理模塊

站點管理模塊允許系統管理員對系統所有的專題學習網站進行精彩推薦管理、備份管理、導入管理、刪除管理等操作。

（5）模板管理模塊

模板管理模塊允許系統管理員對系統中的專題學習網站模板進行添加、刪除、編輯等操作。在系統主頁面、系統內的各專題學習網站中均采用了模板技術。此處的模板管理是指對系統內各專題學習網站模板的管理。

（6）數據庫管理模塊

專題學習網站群形成以后，數據的備份顯得極為重要。數據庫管理目前擁有數據的備份恢復功能。

（7）網站基本信息管理模塊

專題網站基本信息管理包括基本信息編輯、目錄及內容管理、首頁內容設置、模板管理幾個方面。

網站基本信息編輯可以對網站的名稱、標題、宣傳語、Banner、版權信息、訪問密碼等進行設置。

目錄及內容管理包括對站點目錄及內容的添加、編輯、刪除等功能。站點內容的添加、編輯是系統最重要的功能之一。本系統采用所見即所得的在線編輯器CKEditor并進行了功能改進，添加了對教師建站有實際意義的功能，如插入flv、wmv、rmvb等視頻、頁面模板、單個頁面背景的設置等功能。

首頁設置主要是設定站點的首頁面。站點首頁面默認為靜態頁面表現形式。可以從所有專題知識中選擇某一內容作為整個站點的首頁。一般為有關該專題的介紹性內容或者情境引入性內容。

站點模塊主要實現對站點模板的選擇和切換。由于不同教師對站點風格要求不同，不同的專題內容也需要不同的站點風格，所以系統設計此功能，使用戶可以快速更換整個站點的模板，而無需自己去重新編輯模板。系統目前提供了130個模板供用戶選擇。這些模板盡量考慮了站點的各種不同版面布局。

（8）網站論壇管理模塊

網站論壇管理模塊包括站點論壇子版塊的添加、刪除、編輯等功能以及對站點論壇所發布帖子的刪除、編輯、置頂、設為精華等功能。

（9）站點資料館管理

網站資料館管理模塊包括站點資料館分類的添加、刪除、編輯及對站點資料的添加、刪除、編輯等功能。站點資料館可用于專題資源的分類整理、相關資源的下載、學習成果的上傳展示等。資料館僅在學習者加入到站點的學習中或者教師邀請學習者后才可上傳資源。

（10）建設者管理模塊

協作建設者管理模塊允許教師邀請學生或者教師加入站點的建設中來。邀請后的協作者將擁有該站點管理的所有權限。

專題學習網站的建設往往需要師生共建，即由教師和學生共同提供專題學習網站的內容。學生在建設過程中，通過網絡搜索、下載相關資源，對獲取的資源進行篩選，并對這些資源進行相應的處理、加工，既提高了自身的信息素養和分析問題、解決問題的能力，也培養了創新精神及創新能力。

（11）學習者管理模塊

學習者管理模塊允許教師邀請學習者加入自己建設的專題學習網站或者從已加入的學習者中刪除學習者。教師還可以對申請加入站點的學習者進行審核操作。加入站點的學習者將擁有在站點論壇、資料館發布相關內容的權限。

加入學習者管理模塊是為了便于利用專題學習網站開展課堂教學。同時也是為了提高專題學習網站的安全性。

（12）站點備份管理模塊

站點備份允許教師一鍵備份建立的站點，并可將備份的站點下載。

本系統可以部署在學校服務器上，也可部署在市教育信息中心或更高一級部門服務器上。為實現各級部門專題學習網站的共享，系統提供了站點備份功能。

（13）個人空間模塊

個人空間是系統管理員、教師、學生登錄系統后的操作中心。在個人空間里，可以發布個人日志，新建專題學習網站，查看自己建立的專題學習網站，管理專題學習網站。個人空間模塊對不同用戶具有不同的功能導航。教師擁有專題學習網站建站菜單，而學生則沒有。教師和學生都具有個人日志、我參與的專題學習網站、我協助建設的專題網站、修改個人信息等菜單。

四、專題學習網站動態生成系統應用實例

本研究所開發的專題學習網站動態生成系統目前已在“利用網絡環境建立城鄉互動教師專業化能力協同發展模式研究”項目中應用，并得到中小學教師的認可。截至2012年3月3日，在該系統下已建立專題學習網站523個，注冊用戶1420人，其中教師用戶779人，形成了部分有影響力的專題學習網站。以下簡單介紹幾個有代表性的網站。

1. 三月丁香習作教學網站

圖6 三月丁香習作教學專題學習網站首頁

該網站是某交通大學附屬小學高級教師田老師在2009年7月利用專題學習網站動態生成系統建立的。目前有六位教師共同建設和管理。三月丁香專題學習網站包含寫景、敘事、寫人、狀物、想象、童話、說明、議論、書信、場面描寫、讀后感、詩歌、課外拓展、主題討論、檔案館等欄目。

在主頁面中，教師每周在網站的首頁展示一篇學生的優秀習作，讓學生獲得成功的體驗，進一步激發寫作熱情。圖6為該網站的主頁面。

在利用該專題學習網站開展習作教學的活動中，教師將單元作文放在相應的模塊下。學生通過論壇將習作上傳，學生和教師在論壇中互相修改、評議習作。如圖7為學生利用論壇互評作文。

田老師和她的同事們還建立了交大附小低年級習作教學專題網站 、“演講稿”專題學習網站、三月丁香之建議書寫作、交大附小詩歌專題學習網站、交大附小習作教學專題網站——人物篇等多個習作教學專題網站，這些網站已經形成了一個習作教學網站群，為學生提供了開放的互動對話環境，使每個獨立個體的話語權得到充分尊重。

圖7 學生利用論壇互評作文

2. “走進日本”——探究教學網站

《我們鄰近的國家和地區》是義務教育課程標準實驗教科書高二年級地理（人教版） 第七章的內容。《“走進日本”——探究教學網站》是利用專題學習網站動態生成系統建立的一個探究性的專題學習網站。在教學過程中，教師首先用一段視頻導入情境，然后布置探究任務，學生分組完成探究任務。在專題學習網站中，教師提供了大量已經搜集并整理好的學習資源，包括圖片資源、視頻資源、擴展資源、相關網站資源鏈接等。學生可以充分利用這些資源來完成自己的探究活動，最終形成的作品通過專題學習網站提交并在作品區展示，同時專題學習網站提供了評價標準，個人、小組之間可以互評，教師也結合資料的收集、內容的分析、成果展示、報告設計、團隊協作等幾個方面點評學生表現或者小組表現。課后，學生還可以繼續利用專題學習網站的主題討論模塊開展討論。

不難看出，網站使得學習過程的探究更加直接，學生可以主動地獲取由教師或其他同學匯編整理并放置在專題學習網站上的相關資料，這為整個探究的過程提供了支持。

3. “移動學習”課題組專題研究網站

《“移動學習”課題組專題研究網站》是某高校一研究團隊利用專題學習網站動態生成系統建立的課題組專題研究網站。

課題組在確定了網站目錄結構后進行了分工，在深入研究的過程中，不斷在專題學習網站中補充新的內容，完善原有知識結構，豐富網站資源，促進專題知

（下轉第80頁）

（上接第72頁）

識的共享。有研究者將此種方式稱為“開發性學習模式”——基于專題網站的開發性學習模式是圍繞某一專題性內容進行較廣泛、深入的學習與研究，并通過構建專題學習網站來培養學生的創新精神和實踐能力。[4]

4. “我們臨近的國家和地區”專題研究網站

《我們臨近的國家和地區》專題研究網站是“利用網絡環境建立城鄉互動教師專業化能力協同發展模式研究”項目執行團隊建立的，目的是建立一個“基于網絡環境的協作教研專題研究網站”的范例。在其示范下，教師們先后建立了“戲曲大舞臺”專題研究網站、 “叩問月亮”單元的教學專題研究網站、口語交際專題研究網站、折線統計圖專題學習網站。目前這些網站還在不斷完善、充實和應用中。

該專題研究網站作為城鄉互動教師專業化能力協同發展課題研究成果的集中體現平臺，介紹了每一個課題研究的團隊、研究背景、目的、內容和方法、研究過程設計、研究基礎、預期研究成果等；記錄了教研活動、教學反思和研究報告等；匯總了研究成果；共享交流了教研的成果，是本系統在校際協作教研中的應用案例。

五、總結與展望

專題學習網站動態生成系統簡化了專題學習網站的建設過程，降低了學科教師建站的技術門檻，為教師提供了一個簡單、易用的站點建設工具。教師只需要掌握基本的計算機操作技能就可以自主建立專題學習網站，開展基于專題學習網站的教學活動，能更好地引導學生積極思考，培養他們的想象力和發散思維能力。同時，教育管理部門可以對專題學習網站的建設實現統一規劃、管理，形成區域專題學習網站群，促進專題學習網站共享的廣度和深度。在系統的前期應用中，實現了開發的初衷，在后續研究中，筆者將進一步擴大系統應用范圍，進行基于該系統的教學應用方式和評價方法的研究。

[參考文獻]

[1] 吳亞群.區域整體推進專題學習網站建設的有效策略[J].中國電化教育，2005，（10）：88～91.

[2] 王賢燦.專題學習網站建設值得思考的幾個問題[J].教育信息技術，2007，（3）：25～26.

[3] 黃娟，李克東.開發專題學習網站及進行相關研究性學習的思路及方法[J].中國電化教育，2003，（5）：25～28.

[4] 謝幼如，余紅，尹睿.基于專題網站的開發性學習模式的行動研究[J].電化教育研究，2004，（11）：52～56.