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

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

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

　　關(guān)鍵詞：精品課程;用戶(hù)研究;Joomla;內(nèi)容管理系統(tǒng)

0引言

　　2011年，教育部發(fā)布了《關(guān)于國(guó)家精品開(kāi)放課程建設(shè)的實(shí)施意見(jiàn)》，旨在“加強(qiáng)優(yōu)質(zhì)教育資源開(kāi)發(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編程語(yǔ)言和MySQL［4］數(shù)據(jù)庫(kù)開(kāi)發(fā)的Portal（企業(yè)門(mén)戶(hù)）型CMS（Content Management System,內(nèi)容管理系統(tǒng))［5］，與其他CMS相比，更適用于門(mén)戶(hù)網(wǎng)站的開(kāi)發(fā)［67］ 。

　　2001年麻省理工學(xué)院院長(zhǎng)查爾斯宣布,將在10年內(nèi)把全部的課程材料上網(wǎng),供全世界人們免費(fèi)使用［8］。2003年，我國(guó)啟動(dòng)了國(guó)家精品課程建設(shè)項(xiàng)目，該項(xiàng)目是我國(guó)史上重大的教育教學(xué)改革工程［9］。近幾年通過(guò)資源共享促進(jìn)教育公平，提升教育質(zhì)量已成為我國(guó)教育領(lǐng)域研究的熱點(diǎn)問(wèn)題［10］。目前，我國(guó)大部分精品課程網(wǎng)站都采取獨(dú)立開(kāi)發(fā)模式，該模式使網(wǎng)站的穩(wěn)定性和安全性不高。現(xiàn)有的精品課程網(wǎng)站建設(shè)的模式可以分為兩類(lèi)：一是靜態(tài)網(wǎng)站模式；二是網(wǎng)絡(luò)教學(xué)平臺(tái)模式。采用靜態(tài)網(wǎng)頁(yè)工具可以研發(fā)功能強(qiáng)大的網(wǎng)站，但對(duì)網(wǎng)站制作人員的專(zhuān)業(yè)技術(shù)要求較高，也存在開(kāi)發(fā)周期長(zhǎng)的問(wèn)題?；贘oomla建設(shè)精品課程的動(dòng)態(tài)網(wǎng)站，則解決了以上問(wèn)題。Joomla用PHP編寫(xiě)代碼，用MySQL數(shù)據(jù)庫(kù)保存網(wǎng)站數(shù)據(jù)［1112］，可以在不同的平臺(tái)上執(zhí)行，最重要的是能通過(guò)上千種插件進(jìn)行功能擴(kuò)展［13］，Joomla網(wǎng)站內(nèi)容管理系統(tǒng)可以用作門(mén)戶(hù)網(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界面與用戶(hù)交互界面實(shí)現(xiàn)了教學(xué)資源的共享［16］，提高了教學(xué)質(zhì)量。精品課程網(wǎng)站不僅可以實(shí)時(shí)、快捷地為學(xué)生提供教學(xué)方法,更好地加強(qiáng)老師和學(xué)生之間的交流,還可以滿(mǎn)足學(xué)生自主學(xué)習(xí)的要求，最終達(dá)到提高學(xué)生自學(xué)能力的目的。精品課程網(wǎng)站是一種體現(xiàn)學(xué)生主體地位、以“自主、探究、合作”為特征的新型學(xué)習(xí)方式［17］，能夠使教育資源共享程度和教學(xué)效果達(dá)到最優(yōu)化［18］。

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

　　1.1建設(shè)流程

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

　　1.2建設(shè)步驟

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

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

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

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

　?。?）模板選擇與設(shè)置

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

　?。?）組件、模塊、插件安裝與設(shè)置

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

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

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

　?。?）二次開(kāi)發(fā)與整體優(yōu)化

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

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

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

　　隨著《網(wǎng)頁(yè)制作》精品課程網(wǎng)站的不斷建設(shè)和深化，實(shí)現(xiàn)了教育資源網(wǎng)絡(luò)化，可以更好地展示學(xué)生和老師的網(wǎng)頁(yè)制作作品，同時(shí)，也方便了校內(nèi)和校外專(zhuān)家對(duì)精品課程進(jìn)行網(wǎng)上評(píng)審,學(xué)生及其家長(zhǎng)也可通過(guò)此網(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用戶(hù)評(píng)估

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

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

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

　　圖4和圖5為參與者對(duì)新舊兩版精品課程網(wǎng)站的體驗(yàn)滿(mǎn)意度。其中，圖4主要從對(duì)網(wǎng)站的界面設(shè)計(jì)、網(wǎng)絡(luò)資源豐富度、是否易于瀏覽及對(duì)新版網(wǎng)站的喜愛(ài)四個(gè)方面來(lái)調(diào)查。圖5針對(duì)新舊版網(wǎng)站的頁(yè)面設(shè)計(jì)、內(nèi)容完善度及網(wǎng)站的色彩搭配三個(gè)方面進(jìn)行對(duì)比。由于新版課程網(wǎng)站加入了以用戶(hù)為中心的設(shè)計(jì)元素，選擇了新的配色、字體和

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

4結(jié)束語(yǔ)

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

參考文獻(xiàn)

　　［1］ 教育部.教育部關(guān)于國(guó)家精品開(kāi)放課程建設(shè)的實(shí)施意見(jiàn)［S］.2011.

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

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

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

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

　?。?］ 王正良，鐘麗丹.基于Joomla！內(nèi)容管理系統(tǒng)的門(mén)戶(hù)網(wǎng)站建設(shè)［J］.農(nóng)業(yè)網(wǎng)絡(luò)信息，2011,3（7）:8284.

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

　?。?］ 許坦，石長(zhǎng)征.精品課程發(fā)展現(xiàn)狀綜述［J］.中國(guó)電化教育,2007(5):5356.

　?。?］ 丁興富.北京市精品課程網(wǎng)上資源運(yùn)行情況專(zhuān)題調(diào)研及主要結(jié)論［J］.中國(guó)大學(xué)教學(xué),2006,7(5)： 2225.

　?。?0］ 李彥敏,周躍良.基于開(kāi)放課程構(gòu)建校際協(xié)作學(xué)習(xí)新模式——以國(guó)家精品課程“現(xiàn)代遠(yuǎn)程教育(MDE)”為例［J］.中國(guó)電化教育,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.

　?。?2］ 胡前進(jìn)，蔡永州，吳敏.基于MVC模式的Joomla！框架在Web系統(tǒng)組件擴(kuò)展開(kāi)發(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è)圖書(shū)情報(bào)學(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.

　?。?5］ 師黎,常永英.國(guó)家精品課程建設(shè)中構(gòu)建和諧教學(xué)體系的思考［J］.鄭州大學(xué)學(xué)報(bào):哲學(xué)社會(huì)科學(xué)版,2007,40(6):151153.

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

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

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