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

開花旭 王蕊 羅萬麗

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

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

開花旭 王蕊 羅萬麗

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

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

專題學習網(wǎng)站；設計與開發(fā)；應用策略

一、問題的提出

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

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

二、專題學習網(wǎng)站的設計與開發(fā)

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

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

（一）網(wǎng)站系統(tǒng)架構(gòu)和功能模塊設計

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

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

2.網(wǎng)站功能模塊設計

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

（二）網(wǎng)站技術(shù)可行性分析

1.技術(shù)路線

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

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

該網(wǎng)站在開發(fā)過程中主要用到的技術(shù)有：JSP動態(tài)網(wǎng)頁開發(fā)技術(shù)、Java Servlet技術(shù)、JavaScript技術(shù)和MySQL數(shù)據(jù)庫技術(shù)。

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

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

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

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

（三）網(wǎng)站設計和使用流程

1.結(jié)構(gòu)設計

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

圖1 慶陽文化專題學習網(wǎng)站總體結(jié)構(gòu)設計效果圖

2.交互設計

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

3.用戶使用流程

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

（四）網(wǎng)站數(shù)據(jù)庫的設計與實現(xiàn)

1.數(shù)據(jù)庫概念模型的設計與實現(xiàn)

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

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

2.數(shù)據(jù)庫表結(jié)構(gòu)

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

表1 用戶信息表結(jié)構(gòu)

三、專題學習網(wǎng)站的應用策略

（一）構(gòu)建專題學習網(wǎng)站的知識模塊

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

1.專題資源庫

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

2.專題知識庫

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

3.協(xié)作學習平臺

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

4.專題論壇

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

（二）將網(wǎng)站功能與教學應用相結(jié)合

1.教學內(nèi)容以主題化的形式呈現(xiàn)

教師借助專題學習網(wǎng)站的導航欄功能，將教學內(nèi)容以主題化形式呈現(xiàn)給學生，教學內(nèi)容可以是經(jīng)過優(yōu)化整合后的學習資源，也可以是在教師的專門組織下產(chǎn)生的有意義的教學活動設計。

2.網(wǎng)絡環(huán)境下開展探究學習活動

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

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

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

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

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

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

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

[3]范榮.基于Web 2.0的專題學習網(wǎng)站構(gòu)建[J].現(xiàn)代教育技術(shù),2010，(S1)：130-132.

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

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

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

[7]張艷紅.專題學習網(wǎng)站的結(jié)構(gòu)設計及相關(guān)案例分析[J].中國遠程教育,2003，(03)：51-53.

[8]劉玉平.中小學專題學習網(wǎng)站建設與應用的有效策略研究[J].新課程研究(基礎(chǔ)教育),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年甘肅省哲學社會科學規(guī)劃項目“甘肅省新聞網(wǎng)站建設與對外傳播研究”（15YB031）

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