基于Joomla的精品課程網(wǎng)站建設(shè)

李效偉, 李志慧, 王 賽, 董亞亞

(山東女子學(xué)院 信息技術(shù)學(xué)院,山東 濟南 250300)

基于Joomla的精品課程網(wǎng)站建設(shè)

李效偉, 李志慧, 王 賽, 董亞亞

(山東女子學(xué)院 信息技術(shù)學(xué)院,山東 濟南 250300)

精品課程網(wǎng)站的建設(shè)質(zhì)量直接決定了課程的教學(xué)效果。本文基于Joomla開源框架，利用PHP腳本技術(shù)，使用MySQL數(shù)據(jù)庫，以Apache作為服務(wù)器，并結(jié)合div+css技術(shù)設(shè)計網(wǎng)頁界面，開發(fā)了一個廣泛應(yīng)用于教學(xué)的精品課程網(wǎng)站。最后，以《網(wǎng)頁制作》精品課程網(wǎng)站為例進行用戶研究，驗證了基于Joomla開源框架開發(fā)精品課程網(wǎng)站的有效性和用戶滿意度。

精品課程;用戶研究;Joomla;內(nèi)容管理系統(tǒng)

0 引言

2011年，教育部發(fā)布了《關(guān)于國家精品開放課程建設(shè)的實施意見》，旨在“加強優(yōu)質(zhì)教育資源開發(fā)和普及共享，進一步提高高等教育質(zhì)量，服務(wù)學(xué)習(xí)型社會建設(shè)”[1]。精品課程是指具有特色和一流教學(xué)水平的優(yōu)秀課程，是具有一流的教學(xué)隊伍，一流的教學(xué)內(nèi)容，一流的教學(xué)方法，一流的教學(xué)條件，一流的教學(xué)管理等特點的示范性課程[2]。Joomla[3]是使用PHP編程語言和MySQL[4]數(shù)據(jù)庫開發(fā)的Portal(企業(yè)門戶)型CMS(Content Management System,內(nèi)容管理系統(tǒng))[5]，與其他CMS相比，更適用于門戶網(wǎng)站的開發(fā)[6-7]。

2001年麻省理工學(xué)院院長查爾斯宣布,將在10年內(nèi)把全部的課程材料上網(wǎng),供全世界人們免費使用[8]。2003年，我國啟動了國家精品課程建設(shè)項目，該項目是我國史上重大的教育教學(xué)改革工程[9]。近幾年通過資源共享促進教育公平，提升教育質(zhì)量已成為我國教育領(lǐng)域研究的熱點問題[10]。目前，我國大部分精品課程網(wǎng)站都采取獨立開發(fā)模式，該模式使網(wǎng)站的穩(wěn)定性和安全性不高?，F(xiàn)有的精品課程網(wǎng)站建設(shè)的模式可以分為兩類：一是靜態(tài)網(wǎng)站模式；二是網(wǎng)絡(luò)教學(xué)平臺模式。采用靜態(tài)網(wǎng)頁工具可以研發(fā)功能強大的網(wǎng)站，但對網(wǎng)站制作人員的專業(yè)技術(shù)要求較高，也存在開發(fā)周期長的問題?；贘oomla建設(shè)精品課程的動態(tài)網(wǎng)站，則解決了以上問題。Joomla用PHP編寫代碼，用MySQL數(shù)據(jù)庫保存網(wǎng)站數(shù)據(jù)[11-12]，可以在不同的平臺上執(zhí)行，最重要的是能通過上千種插件進行功能擴展[13]，Joomla網(wǎng)站內(nèi)容管理系統(tǒng)可以用作門戶網(wǎng)站的核心軟件框架[14]。

精品課程建設(shè)要求有關(guān)課程的教學(xué)大綱全部上網(wǎng),這推動了高校建立基于網(wǎng)絡(luò)的遠(yuǎn)程學(xué)習(xí)環(huán)境,并為學(xué)生的個性化學(xué)習(xí)提供高質(zhì)量的服務(wù)[15]。本文主要研究基于Joomla的精品課程網(wǎng)站的建設(shè)，以Web界面與用戶交互界面實現(xiàn)了教學(xué)資源的共享[16]，提高了教學(xué)質(zhì)量。精品課程網(wǎng)站不僅可以實時、快捷地為學(xué)生提供教學(xué)方法,更好地加強老師和學(xué)生之間的交流,還可以滿足學(xué)生自主學(xué)習(xí)的要求，最終達到提高學(xué)生自學(xué)能力的目的。精品課程網(wǎng)站是一種體現(xiàn)學(xué)生主體地位、以“自主、探究、合作”為特征的新型學(xué)習(xí)方式[17]，能夠使教育資源共享程度和教學(xué)效果達到最優(yōu)化[18]。

1 網(wǎng)站建設(shè)過程

1.1 建設(shè)流程

基于Joomla的網(wǎng)站建設(shè)流程一般分為：總體規(guī)劃；環(huán)境搭建；模板選擇與設(shè)置；組件、模塊、插件安裝與設(shè)置；內(nèi)容編輯與管理以及二次開發(fā)與整體優(yōu)化等六大步驟。網(wǎng)站建設(shè)流程圖如圖1所示。

圖1 Joomla門戶網(wǎng)站建站流程

1.2 建設(shè)步驟

(1)總體規(guī)劃

在正式開始建立網(wǎng)站時，要先對網(wǎng)站進行規(guī)劃，以達到精品課程網(wǎng)站實現(xiàn)資源共享的效果。若未規(guī)劃好整個網(wǎng)站，隨著信息量的逐漸增大，站點將變得混亂不堪，難以管理。

(2)環(huán)境搭建

下載并安裝Joomla及其漢化包。Joomla是使用PHP 編程語言和MySQL數(shù)據(jù)庫開發(fā)的框架，因此，在安裝Joomla框架之前，需要安裝支持 PHP的Web服務(wù)器和MySQL數(shù)據(jù)庫。

(3)模板選擇與設(shè)置

根據(jù)網(wǎng)站建設(shè)的具體需求選擇合適的模板，在后臺管理界面對選定的模板進行設(shè)置。

(4)組件、模塊、插件安裝與設(shè)置

根據(jù)網(wǎng)站的設(shè)計，在后臺管理界面將所需的組件、模塊、插件進行安裝。

(5)內(nèi)容編輯與管理

首先將分散的內(nèi)容分成單元和分類兩個層次；其次，使用菜單將內(nèi)容按指定的順序和結(jié)構(gòu)對外展示。若對個性化有需求，則可以通過安裝現(xiàn)成的模板或者自己開發(fā)的擴展來實現(xiàn)。

(6)二次開發(fā)與整體優(yōu)化

根據(jù)用戶研究結(jié)果，整合網(wǎng)站資源和優(yōu)化網(wǎng)站設(shè)計。

2 《網(wǎng)頁制作》精品課程的網(wǎng)站建設(shè)

《網(wǎng)頁制作》精品課程的網(wǎng)站建設(shè)是高校教學(xué)網(wǎng)絡(luò)化的一項重要措施。精品課程網(wǎng)站主要為在校大學(xué)生和成人本科學(xué)生服務(wù)，同時，精品課程也為學(xué)生提供了一種新的學(xué)習(xí)方式。以《網(wǎng)頁制作》精品課程網(wǎng)站為例，網(wǎng)站的主菜單主要分為首頁、課程設(shè)置、教學(xué)內(nèi)容、教學(xué)方法、實時實訓(xùn)、教學(xué)效果、政策支持、課程團隊等八個菜單項，如圖2所示?；诰W(wǎng)站建設(shè)的需求，每個菜單項設(shè)置了多個子菜單項，教學(xué)內(nèi)容菜單項頁面展示如圖3所示。

圖2 網(wǎng)站首頁

圖3 教學(xué)內(nèi)容

隨著《網(wǎng)頁制作》精品課程網(wǎng)站的不斷建設(shè)和深化，實現(xiàn)了教育資源網(wǎng)絡(luò)化，可以更好地展示學(xué)生和老師的網(wǎng)頁制作作品，同時，也方便了校內(nèi)和校外專家對精品課程進行網(wǎng)上評審,學(xué)生及其家長也可通過此網(wǎng)站了解學(xué)生的學(xué)習(xí)效果。另一方面，還能夠使后期的課程教學(xué)易于被管理監(jiān)控，確保資源建設(shè)的延續(xù)性，豐富資源媒體的表現(xiàn)形式，增強資源的時效性，保證其能夠?qū)崟r地為學(xué)生提供學(xué)習(xí)資源。精品課程的網(wǎng)絡(luò)化，在深化教學(xué)內(nèi)容和課程體系改革，特別在提高教學(xué)質(zhì)量和水平方面發(fā)揮了非常重要的作用。

3 用戶評估

3.1 實驗參與者、設(shè)備和實驗任務(wù)

選取10個參與者(在校大學(xué)生)進行用戶評估實驗，實驗采用的設(shè)備是PC機。參與者分別訪問《網(wǎng)頁制作》精品課程網(wǎng)站的新舊版，網(wǎng)址分別為wpc.sdwu.edu.cn和kc15.sdwu.edu.cn。對精品課程網(wǎng)站新舊版的“學(xué)生作品”模塊、“課程錄像”模塊及網(wǎng)站的頁面設(shè)計等進行了瀏覽，最后在此基礎(chǔ)上參與者填寫了調(diào)查報告問卷。

3.2 實驗結(jié)果

圖4和圖5為參與者對新舊兩版精品課程網(wǎng)站的體驗滿意度。其中，圖4主要從對網(wǎng)站的界面設(shè)計、網(wǎng)絡(luò)資源豐富度、是否易于瀏覽及對新版網(wǎng)站的喜愛四個方面來調(diào)查。圖5針對新舊版網(wǎng)站的頁面設(shè)計、內(nèi)容完善度及網(wǎng)站的色彩搭配三個方面進行對比。由于新版課程網(wǎng)站加入了以用戶為中心的設(shè)計元素，選擇了新的配色、字體和版式設(shè)計方案，所以大多數(shù)參與者更加傾向于新版的精品課程網(wǎng)站。由此可以得到結(jié)論，新版的精品課程網(wǎng)站建設(shè)更能夠滿足用戶的需求。

圖4 參與者對新版精品課程網(wǎng)站的滿意度

圖5 參與者對新舊版網(wǎng)站的喜愛程度

4 結(jié)束語

精品課程網(wǎng)站的建設(shè)是教育部深化教學(xué)改革，以教育信息化帶動教育現(xiàn)代化的一項重要舉措。特別針對網(wǎng)頁制作精品課程網(wǎng)站，通過用戶研究發(fā)現(xiàn)，由于新版課程網(wǎng)站加入了以用戶為中心的設(shè)計元素，選擇了新的配色、字體和版式設(shè)計方案，更能夠滿足用戶的需求。

[1] 教育部.教育部關(guān)于國家精品開放課程建設(shè)的實施意見[S].2011.

[2] 龔志武.關(guān)于國家精品課程建設(shè)現(xiàn)狀的若干思考[J].中國電化教育,2008(1):53-56.

[3] 張蒲生.Mysql數(shù)據(jù)庫應(yīng)用技術(shù)[M].北京:清華大學(xué)出版社，2008.

[4] 薛小龍.PHP典型系統(tǒng)實戰(zhàn)與解析[M].北京:電子工業(yè)出版社，2009.

[5] Huang Lan, Zhang Jing, Feng Kai,et al.Building a scientific social network with Joomla[J].Applied Mechanics and Materials,2014, 687-691: 2316-2319.

[6] 王正良，鐘麗丹.基于Joomla！內(nèi)容管理系統(tǒng)的門戶網(wǎng)站建設(shè)[J].農(nóng)業(yè)網(wǎng)絡(luò)信息，2011,3(7):82-84.

[7] 王懿.體育視頻數(shù)據(jù)庫的制作方案——開源 CMS 系統(tǒng) Joomla的比較與分析[J].體育科研,2009,30(2):45-57.

[8] 許坦，石長征.精品課程發(fā)展現(xiàn)狀綜述[J].中國電化教育,2007(5):53-56.

[9] 丁興富.北京市精品課程網(wǎng)上資源運行情況專題調(diào)研及主要結(jié)論[J].中國大學(xué)教學(xué),2006,7(5)： 22-25.

[10] 李彥敏,周躍良.基于開放課程構(gòu)建校際協(xié)作學(xué)習(xí)新模式——以國家精品課程“現(xiàn)代遠(yuǎn)程教育(MDE)”為例[J].中國電化教育,2012(4):47-51.

[11] PATELS K， RATHOD V R， PARIKH S P.Joomla, Drupal and WordPress-a statistical comparison of open source CMS[J]. IEEE，2011,23(10):182-187.

[12] 胡前進，蔡永州，吳敏.基于MVC模式的Joomla！框架在Web系統(tǒng)組件擴展開發(fā)中的應(yīng)用研究[J].現(xiàn)代教育技術(shù),2009,23(6):97-100.

[13] 渠芳.利用Joomla！構(gòu)建WEB應(yīng)用系統(tǒng)[J].農(nóng)業(yè)圖書情報學(xué)刊,2010,22(11):62-64.

[14] MAHMOUD A, NAGY Z K. Developing the TriLab,a triple access mode (hands-on, virtual, remote) laboratory of a process control rig using LabVIEW and Joomla[J]. Computer Applications in Engineering Education, 2010, 21(4):614-626.

[15] 師黎,常永英.國家精品課程建設(shè)中構(gòu)建和諧教學(xué)體系的思考[J].鄭州大學(xué)學(xué)報:哲學(xué)社會科學(xué)版,2007,40(6):151-153.

[16] 王紅.Apache Web應(yīng)用開發(fā)技術(shù)實用教程[M].北京:中國水利水電出版社,2008.

[17] 何克抗.從Blending Learning看教育技術(shù)理論的新發(fā)展(下)[J].中國電化教育,2004(4):161-164.

[18] 祝智庭,賀斌.智慧教育:教育信息化的新境界[J].電化教育研究,2012,7(12):5-13.

Website construction of excellent course based on Joomla

Li Xiaowei, Li Zhihui, Wang Sai, Dong Yaya

(School of Information Technology, Shandong Women’s University, Jinan 250300, China)

The website construction of excellent courses plays an important role in higher education. This paper shows the construction of an excellent course based on an open source framework named Joomla, with the utility of PHP, MySQL, Apache server, and div+css technology. A widely used excellent course website is developed. In the end, an example is given to show the performance of the construction of excellent courses.

excellent course; user study; joomla; content management system

G434

A

1674-7720(2016)05-0091-03

李效偉,李志慧,王賽,等. 基于Joomla的精品課程網(wǎng)站建設(shè)[J].微型機與應(yīng)用，2016,35(5)：91-93.

2015-11-01)

李效偉(1989-),男,研究生,助教,主要研究方向：人機交互與虛擬現(xiàn)實。

李志慧(1994-),女,本科，主要研究方向：人機交互與虛擬現(xiàn)實。

王賽(1993-),女,本科，主要研究方向：人機交互與虛擬現(xiàn)實。