基于Joomla的精品課程網站建設

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

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

基于Joomla的精品課程網站建設

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

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

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

精品課程;用戶研究;Joomla;內容管理系統

0 引言

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

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

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

1 網站建設過程

1.1 建設流程

基于Joomla的網站建設流程一般分為：總體規劃；環境搭建；模板選擇與設置；組件、模塊、插件安裝與設置；內容編輯與管理以及二次開發與整體優化等六大步驟。網站建設流程圖如圖1所示。

圖1 Joomla門戶網站建站流程

1.2 建設步驟

(1)總體規劃

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

(2)環境搭建

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

(3)模板選擇與設置

根據網站建設的具體需求選擇合適的模板，在后臺管理界面對選定的模板進行設置。

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

根據網站的設計，在后臺管理界面將所需的組件、模塊、插件進行安裝。

(5)內容編輯與管理

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

(6)二次開發與整體優化

根據用戶研究結果，整合網站資源和優化網站設計。

2 《網頁制作》精品課程的網站建設

《網頁制作》精品課程的網站建設是高校教學網絡化的一項重要措施。精品課程網站主要為在校大學生和成人本科學生服務，同時，精品課程也為學生提供了一種新的學習方式。以《網頁制作》精品課程網站為例，網站的主菜單主要分為首頁、課程設置、教學內容、教學方法、實時實訓、教學效果、政策支持、課程團隊等八個菜單項，如圖2所示。基于網站建設的需求，每個菜單項設置了多個子菜單項，教學內容菜單項頁面展示如圖3所示。

圖2 網站首頁

圖3 教學內容

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

3 用戶評估

3.1 實驗參與者、設備和實驗任務

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

3.2 實驗結果

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

圖4 參與者對新版精品課程網站的滿意度

圖5 參與者對新舊版網站的喜愛程度

4 結束語

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

[1] 教育部.教育部關于國家精品開放課程建設的實施意見[S].2011.

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

[3] 張蒲生.Mysql數據庫應用技術[M].北京:清華大學出版社，2008.

[4] 薛小龍.PHP典型系統實戰與解析[M].北京:電子工業出版社，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！內容管理系統的門戶網站建設[J].農業網絡信息，2011,3(7):82-84.

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

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

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

[10] 李彥敏,周躍良.基于開放課程構建校際協作學習新模式——以國家精品課程“現代遠程教育(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系統組件擴展開發中的應用研究[J].現代教育技術,2009,23(6):97-100.

[13] 渠芳.利用Joomla！構建WEB應用系統[J].農業圖書情報學刊,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] 師黎,常永英.國家精品課程建設中構建和諧教學體系的思考[J].鄭州大學學報:哲學社會科學版,2007,40(6):151-153.

[16] 王紅.Apache Web應用開發技術實用教程[M].北京:中國水利水電出版社,2008.

[17] 何克抗.從Blending Learning看教育技術理論的新發展(下)[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的精品課程網站建設[J].微型機與應用，2016,35(5)：91-93.

2015-11-01)

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

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

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