專題學習網站的設計、開發和應用策略研究
——以“慶陽文化專題學習網站”為例

開花旭 王蕊 羅萬麗

（西北師范大學 教育技術學院，甘肅 蘭州 7 3 0 0 7 0）

專題學習網站的設計、開發和應用策略研究
——以“慶陽文化專題學習網站”為例

開花旭 王蕊 羅萬麗

（西北師范大學 教育技術學院，甘肅 蘭州 7 3 0 0 7 0）

專題學習網站是互聯網背景下學習資源的一種重新組織，其為學生提供了一種便捷的探究學習平臺，能夠培養學生在網絡環境下自主學習、探究學習和合作學習的能力。本文針對目前專題學習網站建設中存在的問題，以“慶陽文化專題學習網站”的建設為例重新設計與開發了專題網站，并得出其應用策略，以期對我國專題學習網站的研究工作提供借鑒。

專題學習網站；設計與開發；應用策略

一、問題的提出

專題學習網站最初是源于李克東教授在2001年提出的“專題探索—網站開發”的教學思想，后有研究者將其內涵概括為四論：學習系統論、學習平臺論、工具論和教學方式論。[1]專題學習網站作為網絡學習環境下的資源學習型網站，主要是圍繞教學目標，以專題為導向進行相關主題資源的優化整合，內容多以結構化知識展示和拓展性資源呈現為主，可輔助學習者進行基于資源的自主學習和協作學習。

在現代信息技術環境下，專題學習網站以其多樣化的資源優勢和結構化的知識展示等優勢深受廣大教師所喜愛。筆者在參與“甘肅省新聞網站建設與對外傳播研究”項目的一次調研中發現，很多教師對于借助專題學習網站進行教學普遍很感興趣，也嘗試過在教學中使用并且創建專題學習網站，設計相關的專題案例，開發專門的技術平臺等，但這些專題學習網站也存在著頁面設計不合理、技術支持不到位等問題。通過文獻梳理發現，國內研究者對于專題學習網站建設存在的問題也有論述。如陳永光認為專題學習網站結構化知識設計不足，表現在用戶界面、導航、內容和超鏈接等模糊呆板，擴展性學習資源設計較少。[2]范榮指出專題學習網站重開發實踐而輕理念研究，忽略了“師生共建”的原則，從教學設計到資源整合，基本是教師單方面承擔了所有工作，沒有考慮到學生的主體性。[3]可見教師對于專題學習網站的結構和本質認識還比較模糊，在應用方面還需要更為深入的探究，專題學習網站的設計與開發也亟待更多的策略和建議。

二、專題學習網站的設計與開發

在“互聯網+”潮流的影響下，教師借助專題學習網站培養學生自主學習、協作學習和探究學習等能力，促進學生創新、實踐能力的培養，是新時代下實現教育信息化所必需的教學手段。[4]專題學習網站的設計應當重點突出對內容結構和功能的設計。首先，對于功能模塊的設計要能夠滿足用戶的基本學習需要，導航、資源庫、討論空間等是一個專題學習網站基本的功能模塊，其設計要求操作簡單、使用方便；其次，要突出其資源整合的功能，資源庫系統的設計應當能夠兼容多種不同格式的資源，便于學習者瀏覽和下載；最后，需要整合多種相關技術來搭建網絡學習平臺，且平臺的使用應當具備技術門檻低、協作交流便捷等特征。

本文以“慶陽文化專題學習網站”的建設為例研究專題學習網站的設計與開發，主要從以下四個方面進行論述：

（一）網站系統架構和功能模塊設計

1.系統整體架構

該專題學習網站采用典型的B/S模式架構，即瀏覽器/服務器模式。筆者依據系統需求分析，將該網站的整體架構分為表示層、管理層和數據庫層。表示層主要是為用戶提供一個可視化的操作界面，管理層負責對整個系統運行進行管理，數據庫層負責對系統數據的構建和存取。[5]處于表示層的教師、學生和管理員通過瀏覽器不僅能便捷瀏覽該網站中的開放學習資源，注冊登錄后還能通過可視化的界面向系統管理員發出業務請求；管理層負責對接收到的業務請求進行處理并反饋給用戶，若是用戶訪問失敗或者不能正常作業，則必要時還需要對數據庫層進行操作；數據庫層收錄了對該網站使用者的多種數據庫，用戶和管理員操作的數據都存放在數據庫中，包括系統信息庫、用戶數據庫、資源數據庫和論壇庫等。

2.網站功能模塊設計

慶陽文化專題學習網站的設計主要包括前臺和后臺兩部分。前臺部分提供給用戶便捷的資源瀏覽和訪問，資源主要包括六個模塊：首頁展示、魅力慶陽、文化新聞、縣區動態、教育在線、視頻播報，訪問包括注冊、登錄之后進入到文化論壇進行發帖評論。后臺管理部分包括資源管理和用戶管理，資源管理涉及對網站學習資源的添加編輯，用戶管理是對網站使用者的管理，包括用戶查找和刪除等。

（二）網站技術可行性分析

1.技術路線

慶陽文化專題學習網站以MyEclipse 8.5為主要開發工具，以Dreamweaver 8.0為輔助開發工具，服務器采用Tomcat 6.0版本。該學習網站的頁面開發和集成主要采用JSP（Java Server Pages）技術實現，JSP從根本上講是一個簡化的Servlet設計，用它開發的Web應用能夠兼容多種不同瀏覽器和運行環境。網站前臺頁面主要是以HTML語言進行制作，使用DIV+CSS進行布局和樣式化。頁面制作還用到了圖形圖像處理工具PhotoShop和動畫制作工具Flash，兩者都是Adobe公司下的多媒體軟件工具，其自身攜帶多種技術的功能優勢能夠支持專題學習網站的建設獲得豐富多樣的界面素材。

2.關鍵技術

該網站在開發過程中主要用到的技術有：JSP動態網頁開發技術、Java Servlet技術、JavaScript技術和MySQL數據庫技術。

（1）JSP動態網頁開發技術：指一種基于Java語言的動態網頁編程技術，具備跨平臺、跨網站服務器、易維護和安全性能高等特點。JSP技術建立的網站支持與用戶進行高效的動態交互，是目前動態網站建設所使用的主流技術。

（2）Java Servlet技術：該技術是在Web服務器端創建應用程序，并且與JSP結合使用以響應用戶請求的對象，即Servlet對象。

（3）JavaScript技術：JavaScript是一個腳本編程語言，其功能主要是提供一種動態的、個性化的Web內容，并且能夠與用戶進行交互。

（4）MySQL數據庫技術：MySQL是一種互聯數據庫技術，它將數據信息保存在不同的表中，并對表中的數據信息進行編輯、刪除、修改等操作，是一種支持網站系統靈活運行的技術。

（三）網站設計和使用流程

1.結構設計

結構設計是網站建設的骨架，因為專題學習網站特定的教育性目的，在設計結構時不僅要關注知識結構的設計，以有利于體現教學內容的層次關系，還要注意對功能結構的設計，以有利于實現個別化教學，培養學習者的發散性思維[6]。在進行慶陽文化專題學習網站知識內容的設計時，筆者選擇以慶陽本土特色文化為主，內容涉及飲食文化、民俗文化、語言文化及各縣區文化時事要聞等，意圖吸引更多學習者的關注。關于功能結構的設計，主要依據學習者的學習習慣進行內容組織和導航設計，在遠程學習中，清晰明了的導航設計能夠幫助學習者更好地理解學習內容，為了方便學習者隨時進入某一導航，該網站始終保持導航欄位于頁面的上方。網站整體結構設計效果如圖1所示。

圖1 慶陽文化專題學習網站總體結構設計效果圖

2.交互設計

慶陽文化專題學習網站設計了專門的學習交流空間，學習者只需要通過注冊頁面注冊個人相關信息，在管理員認證審核后就能登錄到BBS論壇中。BBS論壇支持學習者網上發帖互動，解決學習中遇到的問題和困難，并能夠向網站管理員提出該網站改進的意見和建議等。

3.用戶使用流程

慶陽文化專題學習網站是一個基于B/S架構的開放式專題學習網站，學習者使用瀏覽器向Web服務器發出資源學習的請求，服務器對此請求做出響應，將有關資源信息發送給學習者的瀏覽器供學習和查看，并且能夠通過瀏覽器注冊和登錄之后學習相關的資源信息。其用戶在使用該網站進行學習時，可依據個人需求進行首頁和其他導航頁面資源的瀏覽學習，在學習過程當中遇到困難需要幫助或者對其他用戶討論內容感興趣的情況下，可以通過注冊登錄的方式進入到BBS論壇中瀏覽或發表評論來獲得幫助，問題解決之后退出登錄。

（四）網站數據庫的設計與實現

1.數據庫概念模型的設計與實現

數據庫的模式架構依照一定的模型來實現。概念模型是人們對現實世界數據對象的初步建模，同時也是開發者和用戶之間的一種語言，能夠表達出用戶所想并為開發者所知曉。概念模型的建構能夠幫助學習者正確理解網站結構和資源的組織形式。概念模型中的實體指的是客觀存在的事物，能夠很清晰地區分出來。聯系指的是現實世界中事物內部或者事物與事物之間的聯系，這些聯系能夠客觀地反映出事物與事物之間的聯系。一個實體往往通過某種邏輯與另一個或多個實體產生聯系，概念模型中的聯系將直接影響數據庫的設計。

慶陽文化專題學習網站采用MySQL數據庫，形成了概念模型的實體—聯系屬性圖（E-R圖），主要有用戶實體、管理員實體、資源實體和論壇實體。用戶實體通過評論作用于論壇實體，通過瀏覽資源作用于資源實體，管理員實體的作用是對其他三種實體進行管理，以此來構建各實體之間的聯系。

2.數據庫表結構

按照該網站的結構功能要求，筆者在數據庫中總共建立了四張表，分別是用戶信息表、管理員信息表、資源信息表和論壇表，以用戶信息表為例說明數據庫中的表結構。如表1用戶信息表結構所示，表中“列”共設計了四個字段，每個字段都包含了不同的數據信息。由于登錄名、郵箱地址和登錄密碼都難以估計其確切的數據長度，所以使用Varchar可變長度的字符串數據類型，并且用戶在注冊和登錄過程中必須完整輸入相關信息才能成功，主關鍵字作為用戶信息表的唯一特定標識，其數值也不能為空。數據庫表結構的相關信息只有擁有管理員權限才能進行編輯、刪除和修改等操作。

表1 用戶信息表結構

三、專題學習網站的應用策略

（一）構建專題學習網站的知識模塊

網站體系的構建依賴于一定的知識模塊，主要包括專題資源庫、專題知識庫、協作學習平臺和專題論壇這四個模塊。[7]

1.專題資源庫

專題資源庫的類型包括文本資源庫、視音頻資源庫、圖形動畫資源庫、案例資源庫和文獻資料庫等，將這些類型的資源上傳到網上，作為課外拓展資源供學生隨時查看，補充了教師課堂教學中的不足。

2.專題知識庫

專題知識庫資源的建設主要來自課本的結構化知識和課本之外的拓展性知識。結構化知識與校本課程相關聯，內容與學科知識緊密結合，學生通過專題網站學習這些結構化知識，完成對知識的重新建構。拓展性知識是綜合各學科的知識，它通常建立起不限于本學科的知識體系供學生參考。學生在學習的過程中先以校本課程中的結構化知識為基礎，然后學習學科之外的拓展性知識，在體驗學科知識交叉的教學過程中使個人能力得到全面發展。

3.協作學習平臺

協作學習平臺支持的是一種合作交流的探究性學習活動，各學習群體和個人之間是協商互動、共同作業的關系。該平臺應至少包括三個功能模塊，即管理員空間、教師空間和學生空間，用戶憑借自己的賬號、密碼登錄到各自的學習空間。且學生通過空間訪問，以個人或小組合作的形式完成討論任務和作業。

4.專題論壇

論壇模塊的設計旨在為學習者提供一個討論交流的空間，論壇不僅支持組內成員間發帖交流，而且對注冊該網站的所有用戶都開放，用戶可自由在論壇頁面發表個人意見，其他用戶看到后可跟帖評論。

（二）將網站功能與教學應用相結合

1.教學內容以主題化的形式呈現

教師借助專題學習網站的導航欄功能，將教學內容以主題化形式呈現給學生，教學內容可以是經過優化整合后的學習資源，也可以是在教師的專門組織下產生的有意義的教學活動設計。

2.網絡環境下開展探究學習活動

與傳統的學習環境相比，借助專題學習網站可以實現網絡環境下的學習活動。教師將資源上傳到網上供學生查看和下載，也可在互動討論區布置相關話題，學生在討論區發帖進行交流學習，教師對學生學習情況進行監控。在學生質疑、發現問題時，應先主動查找資料進行自我學習和探究，不能解決時再與同伴或教師溝通。

3.O2O模式下進行多樣化評價

基于網絡的專題學習網站教學是一種線下線上相結合的教學模式，其評價主體是多元化的。教師通過網站不僅能在線上對學生的學習情況進行實時發帖評論，而且能在線下對學生提交的作業進行批改；學生使用網站提供的交流工具也能對同伴和教師教學做出評價，這種評價也是實時與非實時相結合的。

4.組別劃分功能支持分層化教學

網絡教學經常會因為學習內容多、任務重等影響教學質量，加之學生作為獨立的個體，其自身具備的特質又普遍存在著差異。而專題學習網站具有劃分小組的功能，將學生按照學習成績或者特定的測試結果進行分組，按照組別將學生名單錄入系統，以小組協作學習的方式實現分層化教學，在一定程度上促進個性化教學實施。[8]

[1]趙健,郭紹青.設計專題學習網站提升教師信息化教學能力[J].電化教育研究,2011，(01)：85-89.

[2]陳永光.中小學專題學習網站建設存在的問題與對策[J].教育探索,2014，(03)：94-95.

[3]范榮.基于Web 2.0的專題學習網站構建[J].現代教育技術,2010，(S1)：130-132.

[4]張利桃,任改梅,李揚.基于專題學習網站的“WebQuest”學習過程設計[J].中國電化教育,2013，(02)：98-101.

[5]賀相春.專題學習網站動態生成系統的開發與應用[J].電化教育研究,2013，(03)：68-72.

[6]王宇飛.中學信息技術課程專題學習網站的設計[J].現代教育技術,2007，(12)：90-92.

[7]張艷紅.專題學習網站的結構設計及相關案例分析[J].中國遠程教育,2003，(03)：51-53.

[8]劉玉平.中小學專題學習網站建設與應用的有效策略研究[J].新課程研究(基礎教育),2009，(02)：146-147.

（責任編輯 孫志莉）

Research on Design and Development of Subject-Based Learning Websites and Their Application Strategies—A C a s e S t u d y o f Qi n g y a n g C u l t u r e S u b j e c t-B a s e d L e a r n i n g We b s i t e

KAI Huaxu,WANG Rui,LUO Wanli
(College of Education Technology,Northwest Normal University,Lanzhou,Gansu,China 730070)

The subject-based learning website is restructuring learning resources in the context of the Internet.It provides students a convenient and fast enquiry-based learning platform,which can cultivate students’abilities of autonomous learning,enquiry-based learning,and collaborative learning in the network environment.Based on the current problems existed in the construction of subject-based learning website,this study redesigned and redeveloped the subject-based learning website by taking the Qingyang culture subject-based learning website as the example.Meanwhile,it puts forward some application strategies for constructing the website,hoping that it may offer some references for the study of subject-based learning website in China.

subject-based learning website;design and development;application strategy

G 4

A

2096-0069（2017）04-00 8 1-05

2017-05-02

2015年甘肅省哲學社會科學規劃項目“甘肅省新聞網站建設與對外傳播研究”（15YB031）

開花旭（1992— ），男，甘肅慶陽人，研究生，研究方向為信息技術與教育應用；王蕊（1967— ），女，甘肅蘭州人，教授、碩士生導師，研究方向為信息技術與教育應用；羅萬麗（1993— ），女，甘肅定西人，研究生，研究方向為現代遠程教育。