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

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

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

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

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

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

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

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

0 引言

2011年，教育部發(fā)布了《關(guān)于國家精品開放課程建設(shè)的實(shí)施意見》，旨在“加強(qiáng)優(yōu)質(zhì)教育資源開發(fā)和普及共享，進(jìn)一步提高高等教育質(zhì)量，服務(wù)學(xué)習(xí)型社會(huì)建設(shè)”[1]。精品課程是指具有特色和一流教學(xué)水平的優(yōu)秀課程，是具有一流的教學(xué)隊(duì)伍，一流的教學(xué)內(nèi)容，一流的教學(xué)方法，一流的教學(xué)條件，一流的教學(xué)管理等特點(diǎn)的示范性課程[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),供全世界人們免費(fèi)使用[8]。2003年，我國啟動(dòng)了國家精品課程建設(shè)項(xiàng)目，該項(xiàng)目是我國史上重大的教育教學(xué)改革工程[9]。近幾年通過資源共享促進(jìn)教育公平，提升教育質(zhì)量已成為我國教育領(lǐng)域研究的熱點(diǎn)問題[10]。目前，我國大部分精品課程網(wǎng)站都采取獨(dú)立開發(fā)模式，該模式使網(wǎng)站的穩(wěn)定性和安全性不高。現(xiàn)有的精品課程網(wǎng)站建設(shè)的模式可以分為兩類：一是靜態(tài)網(wǎng)站模式；二是網(wǎng)絡(luò)教學(xué)平臺(tái)模式。采用靜態(tài)網(wǎng)頁工具可以研發(fā)功能強(qiáng)大的網(wǎng)站，但對(duì)網(wǎng)站制作人員的專業(yè)技術(shù)要求較高，也存在開發(fā)周期長的問題。基于Joomla建設(shè)精品課程的動(dòng)態(tài)網(wǎng)站，則解決了以上問題。Joomla用PHP編寫代碼，用MySQL數(shù)據(jù)庫保存網(wǎng)站數(shù)據(jù)[11-12]，可以在不同的平臺(tái)上執(zhí)行，最重要的是能通過上千種插件進(jìn)行功能擴(kuò)展[13]，Joomla網(wǎng)站內(nèi)容管理系統(tǒng)可以用作門戶網(wǎng)站的核心軟件框架[14]。

精品課程建設(shè)要求有關(guān)課程的教學(xué)大綱全部上網(wǎng),這推動(dòng)了高校建立基于網(wǎng)絡(luò)的遠(yuǎn)程學(xué)習(xí)環(huán)境,并為學(xué)生的個(gè)性化學(xué)習(xí)提供高質(zhì)量的服務(wù)[15]。本文主要研究基于Joomla的精品課程網(wǎng)站的建設(shè)，以Web界面與用戶交互界面實(shí)現(xiàn)了教學(xué)資源的共享[16]，提高了教學(xué)質(zhì)量。精品課程網(wǎng)站不僅可以實(shí)時(shí)、快捷地為學(xué)生提供教學(xué)方法,更好地加強(qiáng)老師和學(xué)生之間的交流,還可以滿足學(xué)生自主學(xué)習(xí)的要求，最終達(dá)到提高學(xué)生自學(xué)能力的目的。精品課程網(wǎng)站是一種體現(xiàn)學(xué)生主體地位、以“自主、探究、合作”為特征的新型學(xué)習(xí)方式[17]，能夠使教育資源共享程度和教學(xué)效果達(dá)到最優(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)站時(shí)，要先對(duì)網(wǎng)站進(jìn)行規(guī)劃，以達(dá)到精品課程網(wǎng)站實(shí)現(xiàn)資源共享的效果。若未規(guī)劃好整個(gè)網(wǎng)站，隨著信息量的逐漸增大，站點(diǎn)將變得混亂不堪，難以管理。

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

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

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

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

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

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

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

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

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

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

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

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

圖2 網(wǎng)站首頁

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

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

3 用戶評(píng)估

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

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

3.2 實(shí)驗(yàn)結(jié)果

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

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

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

4 結(jié)束語

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

[1] 教育部.教育部關(guān)于國家精品開放課程建設(shè)的實(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)實(shí)戰(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)上資源運(yùn)行情況專題調(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] 胡前進(jìn)，蔡永州，吳敏.基于MVC模式的Joomla！框架在Web系統(tǒng)組件擴(kuò)展開發(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è)圖書情報(bào)學(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é)報(bào):哲學(xué)社會(huì)科學(xué)版,2007,40(6):151-153.

[16] 王紅.Apache Web應(yīng)用開發(fā)技術(shù)實(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].微型機(jī)與應(yīng)用，2016,35(5)：91-93.

2015-11-01)

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

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

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