基于Joomla的響應(yīng)式教學(xué)督導(dǎo)網(wǎng)站的構(gòu)建

譚溢霖　陳杰志　陳肖生

[摘 要]對(duì)基于Joomla的響應(yīng)式督導(dǎo)網(wǎng)站系統(tǒng)進(jìn)行了探討，從開(kāi)源軟件Joomla和響應(yīng)式WEB的特點(diǎn)，開(kāi)發(fā)環(huán)境、模板、組件、插件以及系統(tǒng)集成，安全等方面闡述了督導(dǎo)網(wǎng)站系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。該課題對(duì)利用Joomla構(gòu)建學(xué)校督導(dǎo)網(wǎng)站及其推廣具有一定的指導(dǎo)和借鑒價(jià)值。

[關(guān)鍵詞]教學(xué)督導(dǎo) Joomla 督導(dǎo)網(wǎng)站 響應(yīng)式設(shè)計(jì)

中圖分類號(hào)：TU127 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-914X（2016）04-0232-01

0.引言

近年來(lái)，隨著互聯(lián)網(wǎng)的廣泛應(yīng)用，很多學(xué)校都構(gòu)建了督導(dǎo)網(wǎng)站。但是，大多督導(dǎo)網(wǎng)站風(fēng)格單調(diào)，欄目及內(nèi)容少，訪問(wèn)量低，屬于web1.0版本，不能滿足移動(dòng)互聯(lián)網(wǎng)時(shí)代的管理和應(yīng)用需求。本課題采用最新的Joomla CMS為核心平臺(tái)構(gòu)建督導(dǎo)網(wǎng)站，在LAMP（Linux，Apache，Mysql，PHP）框架下運(yùn)行，具有響應(yīng)式和WEB2.0特征。集成在線支持、論壇、博客、留言、問(wèn)答、工作管理等功能。系統(tǒng)具有前瞻性，適應(yīng)移動(dòng)互聯(lián)網(wǎng)時(shí)代的督導(dǎo)工作的需求。網(wǎng)站具有構(gòu)建簡(jiǎn)單、功能容易擴(kuò)充、成本低、安全性高以及運(yùn)維方便等特點(diǎn)。對(duì)其他學(xué)校督導(dǎo)網(wǎng)站建設(shè)具有參考意義。

1.joomla CMS與響應(yīng)式WEB

Joomla是一套使用PHP語(yǔ)言和MySQL等數(shù)據(jù)庫(kù)開(kāi)發(fā)的著名CMS（內(nèi)容管理系統(tǒng)）。Joomla的前身Manbo曾獲Linux User & Developer Award 2004最佳開(kāi)源軟件大獎(jiǎng)。目前是由Open Source Matters這個(gè)開(kāi)放源碼組織進(jìn)行開(kāi)發(fā)與支持，該組織擁有大批來(lái)自全世界的開(kāi)發(fā)、設(shè)計(jì)、系統(tǒng)管理、文檔撰寫(xiě)等志愿者。它具有各種各樣的模塊、組件等擴(kuò)展。全世界很多個(gè)人用戶、中小企業(yè)、學(xué)校和組織用它來(lái)創(chuàng)建各類網(wǎng)站。Bootstrap 是最受歡迎的 HTML、CSS和JS 框架之一，它讓前端開(kāi)發(fā)更快速、簡(jiǎn)單，無(wú)論P(yáng)C、筆記本還是iPad等設(shè)備都可以適配。Joomla 3.x引入了Bootstrap前端框架，一些基礎(chǔ)CSS都默認(rèn)集成在Joomla 3.x中，無(wú)疑極大的提升了用戶體驗(yàn)。

2.督導(dǎo)網(wǎng)站需求分析

根據(jù)教育改革和信息時(shí)代的發(fā)展要求，督導(dǎo)網(wǎng)站建設(shè)應(yīng)滿足如下需求：作為學(xué)校督導(dǎo)的形象窗口及連接及相關(guān)管理系統(tǒng)的門(mén)戶；提供督學(xué)、督教信息發(fā)布；具有互動(dòng)交流，自己發(fā)布內(nèi)容的WEB2.0特征；實(shí)現(xiàn)網(wǎng)上評(píng)教評(píng)學(xué)，減少紙質(zhì)文件，有效地提高督導(dǎo)工作的質(zhì)量和效率；為有關(guān)教師改進(jìn)教學(xué)質(zhì)量提供幫助，為管理層決策提供咨詢；簡(jiǎn)單易用、安全可靠、容易升級(jí)及維護(hù)及滿足移動(dòng)互聯(lián)網(wǎng)時(shí)代的需求。

3.督導(dǎo)網(wǎng)站系統(tǒng)實(shí)現(xiàn)

（一）網(wǎng)站服務(wù)器環(huán)境

本課題的服務(wù)器硬件配置了Intel（R） Xeon（R） CPU E7- 4820 @ 2.00GHz 64位CUP，4G內(nèi)存，200G硬盤(pán)。系統(tǒng)環(huán)境基于廣泛應(yīng)用的LAMP開(kāi)源架構(gòu)。Linux采用CentOS 7。數(shù)據(jù)庫(kù)采用完全兼容Mysql的MariaDB。CMS系統(tǒng)采用Joomla3.4.5及相關(guān)組件。

（二）督導(dǎo)網(wǎng)站主要功能的實(shí)現(xiàn)

（1）網(wǎng)站后臺(tái)管理

Joomla的后臺(tái)管理功能強(qiáng)大，管理容易，操作簡(jiǎn)單。在網(wǎng)站后臺(tái)“控制面板”的界面上，有系統(tǒng)、用戶、菜單、內(nèi)容、組件、擴(kuò)展等菜單，超級(jí)用戶通過(guò)此界面可以對(duì)網(wǎng)站進(jìn)行初期設(shè)置、網(wǎng)站系統(tǒng)功能構(gòu)建與配置、系統(tǒng)備份、系統(tǒng)更新升級(jí)、日常運(yùn)維等全面管理操作。

（2）網(wǎng)站主要欄目功能的實(shí)現(xiàn)

網(wǎng)站在首頁(yè)菜單下方，設(shè)置了幻燈片，以圖片展示督導(dǎo)目前關(guān)注的焦點(diǎn)。首頁(yè)還安排了新聞與日程、熱門(mén)文章、日歷、標(biāo)簽云、優(yōu)秀督導(dǎo)員模塊和師生亮點(diǎn)模塊。

關(guān)于我們：菜單包含督導(dǎo)部門(mén)簡(jiǎn)介和 “督導(dǎo)信息”和“督導(dǎo)文件”2個(gè)二級(jí)菜單，“督導(dǎo)信息”又含三級(jí)菜單如“工作計(jì)劃”、“工作總結(jié)”、及“工作交流”等欄目。該欄目利用K2組件，通過(guò)后臺(tái)設(shè)置類別，按類別添加內(nèi)容實(shí)現(xiàn)。

博客：博客主要是為各位督導(dǎo)隨意發(fā)表和分享自己的觀點(diǎn)、感想、主張、經(jīng)驗(yàn)等。也是互聯(lián)網(wǎng)WEB2.0時(shí)代的主要特征之一。博客同樣利用K2組件實(shí)現(xiàn)。只要督導(dǎo)注冊(cè)成為用戶，后臺(tái)啟用了用戶菜單后，督導(dǎo)在網(wǎng)站前臺(tái)通過(guò)添加文章菜單，選擇“博客分類”，就可以發(fā)表自己的博文。

到課率等表單：在Joomla擴(kuò)展里，有不少自定義表單組件，如Fabrik，RSForm 等。本網(wǎng)站采用RSForm作為到課率等自定義表單。它擁有豐富的自定義字段類型，包括：Textbox文本輸入控件，Textarea多行的文本輸入控件，Dropdown、Calendar、Submit Button等控件。到課率在網(wǎng)站前臺(tái)輸入提交后，在網(wǎng)站后臺(tái)的表單組件里選擇“管理提交”，就能看到提交的結(jié)果。如需要導(dǎo)出結(jié)果，只要勾選該結(jié)果，點(diǎn)擊“按CSV格式導(dǎo)出”到客戶端后，就可以用EXCEL正常打開(kāi)和保存。

督導(dǎo)工作管理：督導(dǎo)除了聽(tīng)課、指導(dǎo)年輕教師外，每個(gè)月需要提交一份督導(dǎo)個(gè)人總結(jié)報(bào)告，還要負(fù)責(zé)一些教學(xué)檢查工作，比如畢業(yè)設(shè)計(jì)、“課程規(guī)范”檢查等。為了實(shí)現(xiàn)網(wǎng)上分配任務(wù)、文件提交與歸檔等督導(dǎo)工作管理，本課題采用了最新版本的Projectfork 4.3.4 組件實(shí)現(xiàn)了上述功能。該組件具有項(xiàng)目、里程碑、任務(wù)、用戶、文件倉(cāng)庫(kù)、論壇、評(píng)論、時(shí)間跟蹤等管理功能。

督導(dǎo)論壇：為了實(shí)現(xiàn)分享督導(dǎo)個(gè)人觀點(diǎn)、討論、提高督導(dǎo)團(tuán)隊(duì)歸屬感以及督導(dǎo)之間、師生之間互動(dòng)交流的目的，網(wǎng)站安裝了最新版的Kunena4.0.7論壇組件。Kunena安裝包含有“論壇搜索”、“最新帖子”等模塊和插件。一般先安裝這些模塊和插件，最后安裝組件。論壇可根據(jù)督導(dǎo)的關(guān)注點(diǎn)預(yù)先設(shè)定一些板塊。

留言板：為了方便督導(dǎo)和師生能及時(shí)反映教學(xué)環(huán)境、宿舍、飯?zhí)玫葐?wèn)題，或提出合理化建議，網(wǎng)站還設(shè)置了留言本。留言本采用easy book reloaded組件。督導(dǎo)或相關(guān)師生可通過(guò)PC、手機(jī)等設(shè)備發(fā)表留言，留言和建議由督導(dǎo)室負(fù)責(zé)回復(fù)或向相關(guān)部門(mén)反映，得到及時(shí)處理和改善。

問(wèn)答：為了能實(shí)現(xiàn)類似“百度知道”、“雅虎問(wèn)答”這樣的功能和作為知識(shí)庫(kù)，網(wǎng)站開(kāi)設(shè)了問(wèn)答欄目。采用了針對(duì) Joomla開(kāi)發(fā)的“問(wèn)答”Questions組件。

下載：作為督導(dǎo)網(wǎng)站，需要提供一個(gè)下載功能，以便將有關(guān)法律法規(guī)、督導(dǎo)文件、規(guī)章制度、教研教改、簡(jiǎn)報(bào)等文件上傳下載。網(wǎng)站利用jDownloads組件來(lái)實(shí)現(xiàn)上述功能。

（三）網(wǎng)站安全管理及優(yōu)化

本課題采用的網(wǎng)站安全措施是：?jiǎn)⒂肧ELinux，強(qiáng)化操作系統(tǒng)安全；安裝Akeeba backup備份與遷移組件，定期備份網(wǎng)站源程序和數(shù)據(jù)庫(kù)；安裝AdminExile插件，為登陸網(wǎng)站后臺(tái)增加一道用戶密碼認(rèn)證防線，防止黑客直接通過(guò)Joomla默認(rèn)的路徑administrtor訪問(wèn)后臺(tái)登錄頁(yè)面，實(shí)施暴力破解密碼攻擊；及時(shí)對(duì)系統(tǒng)、組件、模塊、插件更新和升級(jí)。

4.結(jié)語(yǔ)

本課題是在LAMP環(huán)境下實(shí)現(xiàn)基于Joomla 3.x的教學(xué)督導(dǎo)網(wǎng)站，響應(yīng)式設(shè)計(jì)支持PC和移動(dòng)設(shè)備訪問(wèn)，為督導(dǎo)和師生提供不受地域限制、實(shí)時(shí)的在線體驗(yàn)。網(wǎng)站集成的博客、論壇、RSS、TAG、工作管理、教學(xué)檢查、在線支持、留言本、問(wèn)答、下載等WEB2.0特征和功能，滿足一般教學(xué)督導(dǎo)網(wǎng)站的需求，實(shí)現(xiàn)了網(wǎng)上督導(dǎo)工作和文檔管理。實(shí)際應(yīng)用表明，可以充分地提高教學(xué)督導(dǎo)工作效率，可供其他學(xué)校督導(dǎo)網(wǎng)站構(gòu)建或改版時(shí)參考和借鑒。

參考文獻(xiàn)

[1] 高艷.教學(xué)督導(dǎo)信息化的探討.遼寧省交通高等?？茖W(xué)校學(xué)報(bào)，2011年6月.

[2] 顏承元.高校服務(wù)型教學(xué)督導(dǎo)MIS 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].上海：華東師范大學(xué)， 2010.

[3] 胡曉敏.高校教學(xué)督導(dǎo)網(wǎng)站建設(shè)探討[J].軟件導(dǎo)刊，2007（5）.