劉 恒，高東懷,寧玉文

（1．西北大學(xué)現(xiàn)代教育技術(shù)中心，陜西 西安 710069；2．第四軍醫(yī)大學(xué)網(wǎng)絡(luò)中心，陜西 西安 710032）

基于W ordPress的Web標(biāo)準(zhǔn)教學(xué)資源庫設(shè)計(jì)與實(shí)現(xiàn)

劉 恒1，高東懷2,寧玉文2

（1．西北大學(xué)現(xiàn)代教育技術(shù)中心，陜西 西安 710069；2．第四軍醫(yī)大學(xué)網(wǎng)絡(luò)中心，陜西 西安 710032）

本文首先闡述了Word Press開源博客的特點(diǎn)和功能，分析了Web標(biāo)準(zhǔn)及符合Web標(biāo)準(zhǔn)的網(wǎng)頁布局給網(wǎng)站建設(shè)帶來的便利；其次參考教學(xué)資源庫的主要考察點(diǎn)，提出了構(gòu)建教學(xué)資源庫的金字塔模型和內(nèi)容模型；最后根據(jù)教學(xué)資源庫的設(shè)計(jì)模型以某高校外國語學(xué)院西方文化教學(xué)資源庫為例進(jìn)行了實(shí)現(xiàn)。

W ordPress；Web標(biāo)準(zhǔn)；教學(xué)資源庫；插件

網(wǎng)絡(luò)教學(xué)資源是開展網(wǎng)絡(luò)教育的前提和基礎(chǔ)，隨著網(wǎng)絡(luò)教育的逐步拓展，網(wǎng)絡(luò)教學(xué)資源越來越豐富，教學(xué)資源的開發(fā)和有效管理成為開展網(wǎng)絡(luò)教育的關(guān)鍵，建設(shè)教學(xué)資源庫，為各類學(xué)習(xí)內(nèi)容對(duì)象提供高效的存儲(chǔ)管理，為各種使用者提供方便快捷的存取功能，為教學(xué)管理者提供資源訪問效果評(píng)價(jià)分析，從而提高教學(xué)資源對(duì)象的利用率，促進(jìn)教學(xué)資源更好地為教學(xué)服務(wù)，是推動(dòng)教學(xué)資源建設(shè)的一項(xiàng)重要任務(wù)。

一、WordPress簡介

WordPress是一個(gè)使用PHP語言開發(fā)的開源博客平臺(tái)，用戶可以在支持PHP程序語言和MySQL數(shù)據(jù)庫的服務(wù)器上架設(shè)自己的博客系統(tǒng)。也可以把WordPress作為內(nèi)容管理系統(tǒng)（CMS）使用。按系統(tǒng)提供的規(guī)則，對(duì)系統(tǒng)程序進(jìn)行適當(dāng)修改之后，可以把系統(tǒng)打造成精美論壇、學(xué)校門戶等站點(diǎn)。據(jù)WordPress官方網(wǎng)站（wordpress.org）的最新統(tǒng)計(jì)，全世界超過6億人選擇了使用WordPress開發(fā)屬于自己的博客平臺(tái)。另外，WordPress是一個(gè)免費(fèi)的開源項(xiàng)目，在GNU通用公共許可證下授權(quán)發(fā)布。目前最新版本為2011年7月發(fā)布的3.2.1版。[1]主要功能如表1所示。

表1 WordPress主要功能[2]

二、Web標(biāo)準(zhǔn)簡析

Web標(biāo)準(zhǔn)是由W3C和其他標(biāo)準(zhǔn)化組織共同制定，用來創(chuàng)建和解釋基于Web內(nèi)容的一系列規(guī)范共同組成的標(biāo)準(zhǔn)集合。符合Web標(biāo)準(zhǔn)的網(wǎng)站主要由三部分組成：結(jié)構(gòu)（structure）、表現(xiàn)（presentation）和行為（behavior）。對(duì)應(yīng)的網(wǎng)站標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言，主要包括XHTML和XML；表現(xiàn)標(biāo)準(zhǔn)語言，主要包括CSS；行為標(biāo)準(zhǔn)語言，主要包括對(duì)象模型（如W3C DOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W 3C組織起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂。[3]利用Web標(biāo)準(zhǔn)構(gòu)建的網(wǎng)站有代碼量少、可讀性好、易維護(hù)、兼容性好、方便分析器解析網(wǎng)頁、便于搜索引擎索引網(wǎng)頁、用戶體驗(yàn)更流暢等特征。

構(gòu)建Web標(biāo)準(zhǔn)網(wǎng)站，最典型的特點(diǎn)是采用DIV+CSS的網(wǎng)頁布局模式取代傳統(tǒng)的表格（table）布局。長期以來，企業(yè)和高校的網(wǎng)頁布局一般采用的是table布局，其原因是table布局的快速性和簡便性。但由于table標(biāo)簽本身的含義是網(wǎng)頁上展示結(jié)構(gòu)化數(shù)據(jù)，進(jìn)行網(wǎng)頁布局破壞了它原有的語義，導(dǎo)致代碼晦澀難讀。圖1是通過火狐瀏覽器的代碼調(diào)試工具firebug瀏覽采用table布局的某網(wǎng)站首頁部分代碼截圖。代碼表示的是網(wǎng)站首頁布局情況，然而從代碼可讀性而言，難以理解其布局含義。圖2為采用Web標(biāo)準(zhǔn)布局的某網(wǎng)站首頁的部分代碼截圖。從代碼對(duì)DIV標(biāo)簽的ID賦值情況可以清晰地明白網(wǎng)頁布局的具體情況，例如，ID值為header的DIV塊代表的是網(wǎng)頁頭部，一般是網(wǎng)頁的主導(dǎo)航部分；ID值為content的DIV塊代表的是網(wǎng)頁主體部分，即網(wǎng)頁主體內(nèi)容；ID值為footer的DIV塊代表的是網(wǎng)頁尾部，一般為網(wǎng)站的備案信息和版權(quán)信息。

通過圖1和圖2的比較可以看出，采用Web標(biāo)準(zhǔn)的網(wǎng)頁布局模式可以提高代碼的可讀性。同時(shí)，代碼可讀性的提高，也方便了網(wǎng)站后期代碼維護(hù)。

三、教學(xué)資源庫的設(shè)計(jì)模型

1．教學(xué)資源庫的主要考察點(diǎn)

傳統(tǒng)教學(xué)中，大部分學(xué)習(xí)資源分散于教師手中，分散于學(xué)生手中的資源也很難實(shí)現(xiàn)資源共享。通過構(gòu)建網(wǎng)絡(luò)教學(xué)資源庫，將學(xué)習(xí)資源分類并有組織、有設(shè)計(jì)地部署在校園網(wǎng)中，方便了教師的輔助教學(xué)和學(xué)生的自主學(xué)習(xí)，提高了教學(xué)效率。

目前，高?；蚱髽I(yè)采用的教學(xué)資源庫（或稱培訓(xùn)資源庫）開發(fā)模式有瀏覽器/服務(wù)器結(jié)構(gòu)（B/S結(jié)構(gòu)）及客戶端/服務(wù)器結(jié)構(gòu)（C/S結(jié)構(gòu)）。其中主要是以B/S架構(gòu)開發(fā)的教學(xué)資源庫。表2列出了教學(xué)資源庫的主要考察點(diǎn)。

表2 教學(xué)資源庫的主要考察點(diǎn)

為了方便用戶的訪問和管理員的維護(hù)，主要采用B/S軟件開發(fā)架構(gòu)開發(fā)系統(tǒng)，這樣用戶只要可以上網(wǎng)，不用在本機(jī)上安裝其他專門軟件，就可以方便地進(jìn)入自主學(xué)習(xí)。教學(xué)資源庫的主要目的是存儲(chǔ)足夠多的學(xué)習(xí)資源，方便管理員的存儲(chǔ)管理及用戶的使用，不要求很強(qiáng)的交互性。

2．教學(xué)資源庫的設(shè)計(jì)模型

參考教學(xué)資源庫的主要考察點(diǎn)，提出了基于資源層、設(shè)計(jì)層、技術(shù)層三個(gè)層面構(gòu)建教學(xué)資源庫的金字塔模型，如圖3所示：資源層為教學(xué)資源庫提供教學(xué)資源；設(shè)計(jì)層對(duì)教學(xué)資源合理組織與設(shè)計(jì)，它包括了以教為主的系統(tǒng)設(shè)計(jì)方式及以學(xué)為主的系統(tǒng)設(shè)計(jì)方式；技術(shù)層選用合適的技術(shù)實(shí)現(xiàn)下層的設(shè)計(jì)，它包括了界面設(shè)計(jì)、開發(fā)技術(shù)等。其中設(shè)計(jì)層是一個(gè)銜接層，它對(duì)下層的教學(xué)資源進(jìn)行合理的組織與設(shè)計(jì)，為上層的技術(shù)選擇提供依據(jù)。

根據(jù)教學(xué)資源庫的功能需求，提出了構(gòu)建教學(xué)資源庫的內(nèi)容模型，圖4表明教學(xué)資源庫系統(tǒng)的建設(shè)應(yīng)從內(nèi)容展示和用戶交互兩方面進(jìn)行。內(nèi)容展示部分，對(duì)資源分類構(gòu)建，每個(gè)分類提供圖、文、聲、像（視頻、動(dòng)畫）四種資源，圖中以四個(gè)分類示意，具體進(jìn)行資源庫構(gòu)建時(shí)應(yīng)以樹狀結(jié)構(gòu)設(shè)計(jì)分類圖。用戶交互部分，圖中以常用的留言板、論壇、即時(shí)通訊（IM）示意，具體構(gòu)建教學(xué)資源庫時(shí)應(yīng)根據(jù)實(shí)際情況確定。

四、教學(xué)資源庫的技術(shù)實(shí)現(xiàn)

使用WordPress二次開發(fā)教學(xué)資源庫主要完成的任務(wù)是WordPress模板開發(fā)和WordPress插件開發(fā)。圖5所示為某高校外國語學(xué)院西方文化教學(xué)資源庫系統(tǒng)開發(fā)流程圖。

1．基于Web標(biāo)準(zhǔn)的模板開發(fā)

Web標(biāo)準(zhǔn)要求網(wǎng)頁內(nèi)容與網(wǎng)頁表現(xiàn)分離，模板開發(fā)中，我們將用于表現(xiàn)網(wǎng)頁布局和效果的CSS代碼和JavaScript代碼單獨(dú)置于各自文件目錄中。為了使文檔結(jié)構(gòu)更加合理，將動(dòng)畫代碼和圖片也單獨(dú)置于各自文件目錄中。完成WordPress安裝后，用戶自定義模板中的文件結(jié)構(gòu)如圖6所示。

首頁文件index.php調(diào)用CSS文件目錄對(duì)應(yīng)文件完成頁面布局及調(diào)用JavaScript文件目錄完成頁面動(dòng)態(tài)效果的具體實(shí)現(xiàn)方法如下：

2．W ordPress插件選擇

插件是指一類特定的功能模塊 （通常由第三方開發(fā)者實(shí)現(xiàn)），它的特點(diǎn)是：當(dāng)需要它的時(shí)候激活它，不需要它的時(shí)候禁用或刪除它；且無論是激活還是禁用都不影響系統(tǒng)核心模塊的運(yùn)行，它是一種非侵入式的模塊化設(shè)計(jì)，實(shí)現(xiàn)了核心程序與插件程序的松散耦合。我們通過選擇WordPress插件，解決了幾個(gè)關(guān)鍵技術(shù)問題。

（1）分頁插件WP-PageNavi

WordPress系統(tǒng)默認(rèn)在當(dāng)前頁顯示的文章數(shù)超過10篇時(shí)，將以分頁方式展示，默認(rèn)情況下系統(tǒng)以單調(diào)的上一頁和下一頁模式顯示分頁。該插件提供了一個(gè)更加高級(jí)和美觀的分頁提示面板，可以計(jì)算總的文章數(shù)并加重凸顯當(dāng)前頁數(shù)，每頁顯示的文章數(shù)也可以在WordPress管理后臺(tái)設(shè)置。WP-PageNavi插件使得分頁顯示更加人性化，插件在WordPress官方網(wǎng)站（wordpress.org）提供下載。

（2）視頻插件PJW Mime Config

教學(xué)資源庫支持對(duì)flv和rmvb格式視頻文件的播放，在模板頁面嵌入播放器代碼，發(fā)現(xiàn)系統(tǒng)對(duì)視頻文件格式的支持出現(xiàn)問題。該插件提供了在系統(tǒng)后臺(tái)設(shè)置支持的視頻格式功能。在PHP環(huán)境中選擇php.ini文件，打開文件定位到 upload_max_filesize變量并設(shè)置合適的值。這樣基本解決了視頻格式及上傳視頻大小限制的問題。插件在WordPress官方網(wǎng)站（wordpress.org）提供下載。

（3）角色管理插件Role Manager

WordPress系統(tǒng)實(shí)現(xiàn)了基于角色的訪問控制，系統(tǒng)默認(rèn)是“管理員、編輯、作者、投稿者、訂閱者”五種角色名稱，很難更改。選用Role Manager插件，將系統(tǒng)默認(rèn)的角色修改成了系統(tǒng)維護(hù)管理員（供開發(fā)者維護(hù)使用）、責(zé)任教師管理員（供負(fù)責(zé)系統(tǒng)管理的教師使用）、普通教師管理員、學(xué)生、訪客五種角色，并分別賦予了相應(yīng)權(quán)限。該插件還允許開發(fā)者新建多個(gè)角色等級(jí)，并為每個(gè)等級(jí)的角色分配不同的權(quán)限，甚至可以為同等級(jí)中的某一用戶分配不同的權(quán)限。插件在開源軟件發(fā)布平臺(tái)SourceForge提供下載。

3．系統(tǒng)部署

系統(tǒng)部署采用目前流行的LAMP（Linux+Apache+ MySQL+PHP）模式部署。它是一組常用來搭建動(dòng)態(tài)網(wǎng)站的開源軟件，隨著開源潮流的蓬勃發(fā)展，開放源代碼的LAMP已經(jīng)與Sun公司的Java2平臺(tái)企業(yè)版（J2EE）以及微軟公司的.NET框架商業(yè)軟件形成三足鼎立之勢，從網(wǎng)站的流量上來說，70%以上的訪問流量是LAMP提供的，它已經(jīng)成為了最強(qiáng)大的網(wǎng)站解決方案。[4]

系統(tǒng)采用了基于客戶機(jī)和服務(wù)器模式的三層體系結(jié)構(gòu)B/S/S（Browser/Webserver/DatabaseServer），前臺(tái)客戶端直接采用瀏覽器，中間服務(wù)器是Web服務(wù)器，后臺(tái)為數(shù)據(jù)庫服務(wù)器。由客戶端在Web頁面發(fā)出請(qǐng)求至Web服務(wù)器，然后再由中間服務(wù)器對(duì)數(shù)據(jù)庫服務(wù)器發(fā)出請(qǐng)求，客戶端與數(shù)據(jù)庫服務(wù)器不直接聯(lián)系，保證了數(shù)據(jù)的安全性，適合數(shù)據(jù)信息的發(fā)布和查詢，具有跨平臺(tái)、界面統(tǒng)一、操作簡單等優(yōu)點(diǎn)。[5]

五、總結(jié)與展望

教學(xué)資源的建設(shè)是一項(xiàng)長期而艱巨的任務(wù)。無論在理論研究上還是在具體實(shí)踐上都需要廣大教師和專家們進(jìn)一步的探索。[5]隨著LAMP和Web標(biāo)準(zhǔn)的盛行，利用LAMP模式部署符合Web標(biāo)準(zhǔn)的應(yīng)用將會(huì)成為未來的主要發(fā)展趨勢之一。高校利用開源軟件二次開發(fā)Web應(yīng)用可以大大節(jié)省資金，基于WordPress的多博客系統(tǒng)，能夠初步解決站群建設(shè)問題，這為高校網(wǎng)站群的管理提供了一條有益的解決思路。☉

[1]百度百科.W ordPress[EB/OL].[2011-10-27].http: //baike.baidu.com/view/23618.htm.

[2]戴一平.基于W ordPress的CMS分析與設(shè)計(jì)[J].計(jì)算機(jī)與現(xiàn)代化,2011(4):79-83.

[3]百度百科.Web標(biāo)準(zhǔn)[EB/OL].[2011-08-23].http: //baike.baidu.com/view/7921.htm.

[4]百度百科.LAMP[EB/OL].[2011-08-29].http:// baike.baidu.com/view/365086.htm.

[5]宋維堂，張淑梅.基于Web2.0理念的高職院校教學(xué)資源庫建設(shè)研究[J].中國教育信息化,2011(9):31-34.

（編輯：金冉）

B

1673-8454(2012)11-0027-04