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

　?。ㄉ綎|女子學(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)站的有效性和用戶滿意度。

　　關(guān)鍵詞：精品課程;用戶研究;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ā)周期長的問題。基于Joomla建設(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ò)的遠程學(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.2建設(shè)步驟

　?。?）總體規(guī)劃

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

　?。?）環(huán)境搭建

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

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

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

　?。?）組件、模塊、插件安裝與設(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ǎng)站建設(shè)的需求，每個菜單項設(shè)置了多個子菜單項，教學(xué)內(nèi)容菜單項頁面展示如圖3所示。

　　隨著《網(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è)計元素，選擇了新的配色、字體和

　　圖5參與者對新舊版網(wǎng)站的喜愛程度版式設(shè)計方案，所以大多數(shù)參與者更加傾向于新版的精品課程網(wǎng)站。由此可以得到結(jié)論，新版的精品課程網(wǎng)站建設(shè)更能夠滿足用戶的需求。

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.

　?。?］ 龔志武.關(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.

　?。?］ 王懿.體育視頻數(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.

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

　?。?1］ 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.

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

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

　?。?4］ 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.

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

　?。?7］ 何克抗.從Blending Learning看教育技術(shù)理論的新發(fā)展(下)［J］.中國電化教育,2004(4):161164.

　?。?8］ 祝智庭,賀斌.智慧教育:教育信息化的新境界［J］.電化教育研究,2012,7(12):513.