基于WAMP的網(wǎng)絡(luò)教學(xué)系統(tǒng)的設(shè)計開發(fā)*

羅云芳黃錦祝

?

基于WAMP的網(wǎng)絡(luò)教學(xué)系統(tǒng)的設(shè)計開發(fā)*

羅云芳1黃錦祝2

（ 1.廣西職業(yè)技術(shù)學(xué)院，廣西 南寧，530226；2.廣西機(jī)電職業(yè)技術(shù)學(xué)院，廣西 南寧，530003）

［摘要］“PHP網(wǎng)站建設(shè)與開發(fā)”課程知識深廣且抽象，學(xué)生難以理解掌握。鑒于此，基于WAMP框架設(shè)計開發(fā)了一套供學(xué)生復(fù)習(xí)、課后答疑和在線測試的網(wǎng)絡(luò)教學(xué)系統(tǒng)。應(yīng)用表明，該系統(tǒng)對學(xué)生深入探究學(xué)習(xí)內(nèi)容有極大幫助，有效提高了課程教學(xué)質(zhì)量。

［關(guān)鍵詞］PHP網(wǎng)站建設(shè)與開發(fā)；WAMP；單例模式；組卷

1　引言

“PHP網(wǎng)站建設(shè)與開發(fā)”是計算機(jī)相關(guān)專業(yè)核心課程，也是社會急需的Web軟件開發(fā)程序員、Web軟件設(shè)計與測試員、Web網(wǎng)站管理和維護(hù)等崗位人才的必備技能，課程的教學(xué)質(zhì)量將直接影響學(xué)生的就業(yè)質(zhì)量。而“PHP網(wǎng)站建設(shè)與開發(fā)”涉及理論基礎(chǔ)和PHP開發(fā)語言、Mysql數(shù)據(jù)庫、HTML標(biāo)記語言、AJAX異步數(shù)據(jù)交換、Smarty模板和開發(fā)框架等各類專業(yè)技術(shù)知識，內(nèi)容繁多，學(xué)生在學(xué)習(xí)的過程中比較難以掌握［1］［2］［3］。

為提高課程教學(xué)質(zhì)量，為學(xué)生提供老師授課視頻和各類豐富的教學(xué)材料；學(xué)生與學(xué)生之間、學(xué)生與教師之間的即時交流等等是非常必要的。因此需要設(shè)計開發(fā)一套網(wǎng)絡(luò)教學(xué)系統(tǒng)，實(shí)現(xiàn)教師授課視頻的上傳和播放管理，各類教學(xué)材料的上傳與管理，學(xué)生與教師交流的論壇，學(xué)生考試和練習(xí)管理。為學(xué)生提供一個很好的課后復(fù)習(xí)、與教師交流和教師即時監(jiān)控學(xué)生學(xué)習(xí)過程情況的平臺。

2　系統(tǒng)整體設(shè)計

為方便學(xué)生使用，系統(tǒng)開發(fā)基于B/S架構(gòu)實(shí)現(xiàn)，開發(fā)平臺采用WAMP框架。WAMP是中小型Web應(yīng)用系統(tǒng)開發(fā)的黃金組合，即以Windows為操作系統(tǒng)，Apache為Web服務(wù)器，Mysql為系統(tǒng)后臺數(shù)據(jù)庫，PHP為系統(tǒng)開發(fā)語言。按MVC軟件設(shè)計模式進(jìn)行開發(fā)實(shí)現(xiàn)，以提高系統(tǒng)代碼的可讀性、系統(tǒng)的可維護(hù)性和系統(tǒng)的可擴(kuò)展性［4］。

本系統(tǒng)功能主要包括：課件的上傳與管理，授課視頻的上傳與管理，師生互動交流，教師教學(xué)，學(xué)生學(xué)習(xí)和在線測試等功能模塊。整體框架如圖1所示。

圖1　系統(tǒng)整體架構(gòu)圖

系統(tǒng)數(shù)據(jù)處理層主要負(fù)責(zé)數(shù)據(jù)的讀取和存儲處理，程序與數(shù)據(jù)庫服務(wù)器的連接采用PDO對象模型實(shí)現(xiàn)［5］，數(shù)據(jù)的存取調(diào)用邏輯層的數(shù)據(jù)操作命令實(shí)現(xiàn)，Mysql數(shù)據(jù)庫數(shù)據(jù)的存取采用ODBC數(shù)據(jù)驅(qū)動器實(shí)現(xiàn)［6］；邏輯層負(fù)責(zé)接收UI層中的各類數(shù)據(jù)，通過邏輯處理構(gòu)造成相應(yīng)的數(shù)據(jù)處理操作命令，UI層負(fù)責(zé)數(shù)據(jù)功能模塊與用戶的接口，實(shí)現(xiàn)各功能模塊的功能操作界面，提供給管理員用戶信息管理數(shù)據(jù)的錄入，教師用戶多媒體課件和授課視頻的上傳與管理，師生互動交流數(shù)據(jù)的錄入管理，教師教學(xué)和學(xué)生在線測試相關(guān)數(shù)據(jù)的輸入和相關(guān)命令操作。

3　系統(tǒng)設(shè)計實(shí)現(xiàn)

3.1數(shù)據(jù)處理層數(shù)據(jù)操作公共類實(shí)現(xiàn)

本網(wǎng)絡(luò)教學(xué)系統(tǒng)各功能的實(shí)現(xiàn)都需要與數(shù)據(jù)庫進(jìn)行通信，讀取數(shù)據(jù)庫中數(shù)據(jù)或?qū)⑾到y(tǒng)數(shù)據(jù)存儲到數(shù)據(jù)庫中，按程序操作數(shù)據(jù)庫的步驟，頻繁的數(shù)據(jù)庫操作中，如果每次操作都創(chuàng)建與數(shù)據(jù)庫的新連接，將會大大增加系統(tǒng)和內(nèi)存資源消耗，降低系統(tǒng)的性能，針對數(shù)據(jù)庫句柄連接數(shù)據(jù)庫的行為，使用單例模式可以避免大量的new操作，避免系統(tǒng)和內(nèi)存資源的消耗，提高系統(tǒng)的性能［7］。同時系統(tǒng)各功能的實(shí)現(xiàn)，數(shù)據(jù)庫操作都是相同的CURD四種，實(shí)現(xiàn)的核心代碼都是一樣的，只是具體的實(shí)現(xiàn)命令不同，因此數(shù)據(jù)庫的具體操作實(shí)現(xiàn)在數(shù)據(jù)處理層以一個獨(dú)立的數(shù)據(jù)操作公共類實(shí)現(xiàn)，可以提高系統(tǒng)的可擴(kuò)展性和代碼的封裝性，大大減少代碼的重復(fù)性。創(chuàng)建單例模式實(shí)現(xiàn)的系統(tǒng)數(shù)據(jù)操作公共類必須同時滿足：只能有一個實(shí)例；必須能夠自行創(chuàng)建這個實(shí)例；必須自行向整個系統(tǒng)提供這個實(shí)例［8］。單例設(shè)計模式的原理如圖2所示。

圖2　單例設(shè)計模式原理圖

以單例模式實(shí)現(xiàn)的系統(tǒng)數(shù)據(jù)操作公共類關(guān)鍵代碼：

3.2文件上傳與管理功能實(shí)現(xiàn)

要實(shí)現(xiàn)教學(xué)材料和測試試題的管理需將材料文件信息分類入庫存儲到系統(tǒng)數(shù)據(jù)庫中，同時將材料文件內(nèi)容上傳到服務(wù)器相應(yīng)目錄。系統(tǒng)中各功能中需要上傳文件功能雖不一樣，但文件上傳的原理是一致的，即將選擇的符合上傳條件的文件從客戶機(jī)磁盤復(fù)制到服務(wù)器指定目錄，在實(shí)現(xiàn)文件上傳時選擇上傳文件的表單一定注意加上"enctype"屬性和對應(yīng)的"multipart/form-data"值［9］，選擇的文件上傳時利用$_FILES全局變量裝載保存，上傳利用move_uploaded_file（）函數(shù)將文件復(fù)制到服務(wù)器相應(yīng)目錄，實(shí)現(xiàn)文件上傳與管理功能程序流程如圖3所示。

圖3　文件上傳程序流程

實(shí)現(xiàn)文件上傳的關(guān)鍵代碼：

3.3師生互動交流功能實(shí)現(xiàn)

師生互動交流主要包括以列表的方式顯示登錄的用戶、公共發(fā)貼回貼和針對用戶發(fā)貼回貼功能［10］。列表顯示登錄的用戶，當(dāng)用戶登錄成功后采用從數(shù)據(jù)表中動態(tài)向列表框中添加用戶信息的方式實(shí)現(xiàn)；公共發(fā)貼回貼和針對某用戶發(fā)貼回貼實(shí)現(xiàn)的方法是一致的，都是在交流頁面中發(fā)表問題貼子和選擇相關(guān)問題貼子進(jìn)行回復(fù)，針對某用戶發(fā)貼和回貼只是在發(fā)貼和回貼前要先選擇相關(guān)用戶而已，在實(shí)現(xiàn)中為了使發(fā)貼和回貼內(nèi)容展示更生動，使用FCKeditor第三方編輯控件實(shí)現(xiàn)。FCKeditor是目前最優(yōu)秀的可見即可得網(wǎng)頁編輯器之一，它采用JavaScript編寫［11］。具備功能強(qiáng)大、配置容易、跨瀏覽器、支持多種編程語言、開源等特點(diǎn)。FCKeditor編輯控件在PHP中使用步驟：首先到其官網(wǎng)下載并解壓到項(xiàng)目根目錄， 然后在項(xiàng)目文件中使用include（"fckeditor/fckeditor. php"）語句載入FCKeditor控件類文件，載入成功即可使用。在互動交流發(fā)表提問貼子時，在錄入問題分類和主題后即可采用FCKeditor控件錄入問題貼子的詳細(xì)內(nèi)容。發(fā)表問題貼子的流程如圖4所示。

圖4　發(fā)表問題貼子流程

實(shí)現(xiàn)師生互動功能的關(guān)鍵代碼：

3.4在線測試功能實(shí)現(xiàn)

在線測試功能主要是包括試題庫試題內(nèi)容的導(dǎo)入，測試試題的自動組卷和學(xué)生作答后提交試卷的評分三個功能點(diǎn)。試題庫試題內(nèi)容的導(dǎo)入，首先將試題內(nèi)容保存到試題內(nèi)容模板EXCEL文件中，然后利用OLEDB數(shù)據(jù)驅(qū)動方式與EXCEL試題內(nèi)容文件進(jìn)行連接，讀取EXCEL文件試題內(nèi)容后采用SQL Update語句更新到試題庫數(shù)據(jù)表中［12］；試卷評分是當(dāng)學(xué)生測試完成提交試卷后，將學(xué)生所做答案保存到試卷答案數(shù)據(jù)表，然后利用SQL查詢語句將試卷參考答案和學(xué)生所做答案取出一一比對，如果答案一致則按試題分值記分，從而計算出學(xué)生測試的成績；測試試題自動卷是在線測試功能的關(guān)鍵功能，測試試題自動組卷的目的是生成一份用于測試的考生試卷，用于給學(xué)生進(jìn)行在線測試，由于一份測試試卷涉及到總題量、章節(jié)內(nèi)容比例、重點(diǎn)知識內(nèi)容比例和簡中難題比例等，要在試題庫中找出滿足相應(yīng)條件的題目組成隨機(jī)的、科學(xué)合理的試卷，必須有科學(xué)合理的組卷原理和算法［13］。

按要求輸入生成目標(biāo)試卷的總題量和各項(xiàng)約束條件，并將這些約束條件轉(zhuǎn)化為試題的具體量化參數(shù)，然后按相應(yīng)的算法從試題庫中隨機(jī)抽取試題，判斷抽取的試題是否符合量化參數(shù)要求，如果不符合要求則重新選題，依此循環(huán)直到達(dá)到試題總題量要求，將抽取的試題按賦分原則賦分，最后編排形成學(xué)生的測試試題［14］。測試試題組卷原理流程如圖5所示。

圖5　組卷原理流程圖

請補(bǔ)充組卷功能實(shí)現(xiàn)的關(guān)鍵代碼：

4　總結(jié)

PHP網(wǎng)站建設(shè)與開發(fā)是計算機(jī)相關(guān)專業(yè)的核心課程，課程直接面向就業(yè)工作崗位，課程的教學(xué)質(zhì)量直接影響著學(xué)生的就業(yè)，而課程涉及的知識內(nèi)容廣且抽象難以理解掌握，單靠學(xué)生在課堂上的學(xué)習(xí)時間難以熟練掌握課程知識技能［15］?；赪AMP架構(gòu)針對PHP網(wǎng)站建設(shè)與開發(fā)課程設(shè)計開發(fā)的網(wǎng)絡(luò)教學(xué)系統(tǒng)，經(jīng)過2年來的試用，在提高課程教學(xué)質(zhì)量上起到良好的效果，廣受學(xué)生的好評。

參考文獻(xiàn):

［1］劉耀欽.基于Smarty模板引擎的Web頁靜態(tài)化研究與性能分析［J］.計算機(jī)與數(shù)字工程,2015（02）：295-333.

［2］孫光明,王碩.基于JSON的Ajax數(shù)據(jù)通信快速算法［J］.計算機(jī)應(yīng)用與軟件,2015（01）：263-266.

［3］李榮國,王見.MySQL數(shù)據(jù)庫在自動測試系統(tǒng)中的應(yīng)用［J］.計算機(jī)應(yīng)用，2011（12）：63-67.

［4］何佩佩,韓漢光,謝穎華等.基于WAMP的網(wǎng)站流量數(shù)據(jù)分析［J］.計算機(jī)系統(tǒng)應(yīng)用,2014（7）：94-99.

［5］傳智播客教材編輯部.PHP程序設(shè)計高級教程［M］.中國鐵道出版社,2014（8）：33.

［6］仇偉明.基于Visual Basic環(huán)境下數(shù)據(jù)庫訪問技術(shù)的研究［J］.長春工業(yè)大學(xué)學(xué)報自然科學(xué)版,2014（10）：35-40.

［7］劉偉,胡志剛,劉宏韜等.單例模式導(dǎo)向的源代碼自動重構(gòu)研究［J］.小型微型計算機(jī)系統(tǒng),2014（12）：2664-2669.

［8］劉耀欽.單例模式及其擴(kuò)展在Web開發(fā)中的應(yīng)用分析［J］.計算機(jī)系統(tǒng)應(yīng)用,2014（05）：218-221.

［9］朱杰.使用HTTP協(xié)議傳輸數(shù)據(jù)的幾種方式的比較［J］.信息與電腦,2014（08）：42-47.

［10］齊越.基于PHP的BBS論壇管理系統(tǒng)的設(shè)計與實(shí)現(xiàn)［C］.吉林大學(xué),2015（05）：45.

［11］張順吉,李紅林.基于WEB的科技符號在線輸入的研究及實(shí)現(xiàn)［J］.曲靖師范學(xué)院學(xué)報,2011（11）：28-32.

［12］陳洪磊,施秋萍.基于C#的OLEDB 和COM組件對Excel文件操作［J］.大眾科技，2014（6）：6-9.

［13］曾一，冉忠，郭永林等.試題庫中自動組卷的算法及試卷測評策略［J］.計算機(jī)工程與設(shè)計,2006（8）：3024-3027.

［14］許永達(dá).基于改進(jìn)遺傳算法的智能組卷研究［J］.計算機(jī)與數(shù)字工程,2013（02）:51-55.

［15］譚鴻健.基于職業(yè)能力發(fā)展規(guī)律的PHP課程教學(xué)實(shí)踐［J］.高教論壇,2015（03）：82-86.

The Design and Development of Web-Teaching System Based on WAMP Frame

Luo Yun-fang1Huang Jin-zhu2
（1.Guangxi Vocational and Technical College, Nanning, Guangxi 530226; 2.Guangxi Technological College of Machinery and Electricity, Nanning, Guangxi 530003）

Abstract:The course of PHP Website Building and Development is so abstract that the students can hardly understand and grasp the knowledge. In view of this, we designed and developed a web-teaching system based on WAMP frame, which can help the students to review what they have learned, answer their questions after class, and conduct online testing. It shows that this system can help the students to explore the learning content deeply and promote the teaching quality effectively.

Keywords:PHP website building and development; WAMP; singleton pattern; test paper composition

中圖分類號：TP391

文獻(xiàn)標(biāo)識碼：A

文章編號：1674-3083（2016）02-0012-05

收稿日期：2016-03-04

基金項(xiàng)目：PHP網(wǎng)站建設(shè)與開發(fā)課程教與學(xué)資源平臺的開發(fā)（桂職院〔2015〕174號151208）。

作者簡介：羅云芳（1981-），男，廣西賀州人，講師，碩士研究生，主要研究方向：軟件工程,計算機(jī)應(yīng)用技術(shù)及計算機(jī)教學(xué)。黃錦祝（1965 -），男，廣西武鳴人，教授，學(xué)士，研究方向: 計算機(jī)應(yīng)用及軟件開發(fā)。