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

　　（山東女子學院 信息技術學院,山東 濟南 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.2建設步驟

　　（1）總體規劃

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

　　（2）環境搭建

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

　　（3）模板選擇與設置

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

　　（4）組件、模塊、插件安裝與設置

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

　　（5）內容編輯與管理

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

　　（6）二次開發與整體優化

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

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

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

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

3用戶評估

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

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

　　3.2實驗結果

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

　　圖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.