基于云服務(wù)、ajax html5技術(shù)的課程自學(xué)系統(tǒng)的設(shè)計與實(shí)現(xiàn)

王若菌　潘鐵俊

摘要：利用新興的網(wǎng)絡(luò)技術(shù)，為學(xué)生建立了課前預(yù)習(xí)，課后復(fù)習(xí)、討論的服務(wù)平臺，該平臺功能模塊包括管理員后臺管理的班級管理、學(xué)生管理、課程管理、開課管理、試題管理、試卷管理和學(xué)生前臺自助的選課、自學(xué)課堂、模擬考試9個模塊。實(shí)現(xiàn)系統(tǒng)功能的同時，最大限度的考慮了學(xué)生使用的便捷性和實(shí)用性。通過網(wǎng)絡(luò)隨時隨地訪問的課程自學(xué)平臺，能夠使學(xué)生學(xué)會自我管理、自主學(xué)習(xí)，合理安排學(xué)習(xí)時間，充分調(diào)動學(xué)生學(xué)習(xí)主動性，該自助平臺的建立對于全面提高安全工程專業(yè)本科教學(xué)質(zhì)量具有重要意義。

關(guān)鍵詞：云服務(wù)；ajax；html5；自學(xué)系統(tǒng)

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）05-0082-02

Abstract： A service platform of emerging network technologies was built for students to preview， review after class and discuss. The platform modules conclude nine modules which were administrator management background classroom management， student management， curriculum management， opening course management， test management， paper management and student self-elective class， self-class， exam. System function implements practical and convenience. The network platform enables students to study anytime and anywhere and to learn self-management， self-learning， reasonable arrangements for study time， which fully mobilize the initiative of student learning. The establishment of the self-service platform to comprehensively improve the quality of safety engineering undergraduate teaching is of great significance.

Key words： cloud service； ajax； html5； self-learning system

隨著虛擬化技術(shù)的不斷發(fā)展，云服務(wù)已成為搭建各類系統(tǒng)的首選，它的可擴(kuò)展性、穩(wěn)定性為系統(tǒng)的運(yùn)行提供了低廉和可持續(xù)發(fā)展平臺，而網(wǎng)絡(luò)編程技術(shù)中ajax，html5技術(shù)的發(fā)展，為更好的提升客戶體驗(yàn)提供了良好的技術(shù)支撐[1-3]。使用新興的網(wǎng)絡(luò)技術(shù)，為學(xué)生搭建可隨時隨地訪問的課程自學(xué)平臺，能夠?yàn)閷W(xué)生的課程學(xué)習(xí)和課后復(fù)習(xí)提供良好的支持，使學(xué)生能更好地掌握所學(xué)的知識。

1 自學(xué)系統(tǒng)結(jié)構(gòu)

隨著社會的變革，學(xué)校教育已逐漸由原來“我說的算”為主導(dǎo)的教育行業(yè)轉(zhuǎn)為服務(wù)行業(yè)，一是為社會服務(wù)，提供優(yōu)質(zhì)的大學(xué)生，為社會的發(fā)展和進(jìn)步提供所需人才，二是為學(xué)生服務(wù)，為學(xué)生教授知識，提供在社會可獨(dú)立思考和生存的技能。這種轉(zhuǎn)變要求學(xué)校轉(zhuǎn)變教學(xué)思想和教學(xué)模式，結(jié)合社會和學(xué)生對教學(xué)的需求提升自己的教學(xué)質(zhì)量。目前的網(wǎng)絡(luò)已成為各類人群提供服務(wù)的一個載體，它的方便性、快捷性、可持續(xù)發(fā)展性迎合了大眾群體的需求[4]。利用網(wǎng)絡(luò)技術(shù)為學(xué)生建立服務(wù)系統(tǒng)，學(xué)生可利用該服務(wù)平臺隨時隨地有針對性地進(jìn)行課前預(yù)習(xí)，課后復(fù)習(xí)、討論，該平臺功能模塊包括管理員后臺管理的班級管理、學(xué)生管理、課程管理、開課管理、試題管理、試卷管理和學(xué)生前臺自助的選課、自學(xué)課堂、模擬考試9個模塊，功能結(jié)構(gòu)框圖如圖1所示。

2 應(yīng)用技術(shù)選擇

為了能夠達(dá)到隨時隨地地訪問系統(tǒng)的需求，要求系統(tǒng)能夠7X24小時全天候的提供持續(xù)型服務(wù)，但自主搭建服務(wù)器在校級課題有限的經(jīng)費(fèi)下是很難實(shí)現(xiàn)的，而目前的云服務(wù)提供商卻恰恰可以提供這種低價又能持續(xù)運(yùn)行的服務(wù)。目前的云服務(wù)大體分為Paas（Platform as a service），Saas（Software as a service），Iaas（Infrastructure as a service）三種模式，為了更大限度地利用服務(wù)商提供的服務(wù)，又可自行管理個人的應(yīng)用，因此，選擇Pass模式來規(guī)劃系統(tǒng)[5-6]。

在考慮選擇開發(fā)語言時，為了響應(yīng)快速開發(fā)和部署的便利性，選擇PHP（Hypertext Preprocessor）語言作為系統(tǒng)的后端開發(fā)語言。PHP是一種通用開源腳本語言，其語法吸收了C語言、Java和Perl的特點(diǎn)，利于學(xué)習(xí)，使用廣泛，主要適用于Web開發(fā)領(lǐng)域。PHP 獨(dú)特的語法混合了C、Java、Perl以及PHP自創(chuàng)的語法。它可以比CGI或者Perl更快速地執(zhí)行動態(tài)網(wǎng)頁。用PHP做出的動態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP還可以執(zhí)行編譯后代碼，編譯可以達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快，為了良好的軟件結(jié)構(gòu)，選擇php的Laravel框架實(shí)現(xiàn)系統(tǒng)的MVC（Model-View-Contoller）開發(fā)模式。前端使用HTML來展示，為了適配各種瀏覽器、不同分辨率（如PC、PAD、Cell Phone）以及良好的用戶體驗(yàn)，系統(tǒng)需要使用html5+css3來達(dá)到更好的效果，在前端和后端交互時使用ajax技術(shù)來達(dá)到良好的用戶體驗(yàn)，實(shí)現(xiàn)無頁面刷新。

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

根據(jù)系統(tǒng)需求和應(yīng)用技術(shù)的選擇，系統(tǒng)的整體架構(gòu)，如圖2所示。系統(tǒng)以云服務(wù)平臺為基礎(chǔ)，在其上搭建自學(xué)管理系統(tǒng)，在系統(tǒng)搭建上使用MVC結(jié)構(gòu)的Laravel，并結(jié)合ajax，html5，css3等技術(shù)搭建后臺管理以及與用戶交互的前端學(xué)習(xí)系統(tǒng)。同時，系統(tǒng)可使用普通pc、pad和手機(jī)進(jìn)行訪問。

為了實(shí)現(xiàn)日后系統(tǒng)變更的快速響應(yīng)，系統(tǒng)遵循軟件設(shè)計模式中面向接口、而非面向細(xì)節(jié)的編程思想，將系統(tǒng)抽象為接口，然后再實(shí)現(xiàn)這些接口，降低系統(tǒng)間的耦合度，當(dāng)業(yè)務(wù)細(xì)節(jié)變更后，只需變更實(shí)現(xiàn)細(xì)節(jié)相關(guān)的類，而不用修改其他類，最大限度地降低變更后產(chǎn)生bug的風(fēng)險。如試卷服務(wù)類的設(shè)計，首先定義PaperService接口，然后類PaperServiceImpl去實(shí)現(xiàn)接口，前端的控制類通過IoC調(diào)用接口，這樣當(dāng)服務(wù)類的實(shí)現(xiàn)細(xì)節(jié)變化后，控制類不用變更，有效地進(jìn)行解耦，代碼片段如下：

4 結(jié)論與展望

系統(tǒng)的實(shí)現(xiàn)為學(xué)生提供了課前預(yù)習(xí)和課后復(fù)習(xí)的系統(tǒng)平臺，學(xué)生通過該平臺能夠更好地掌握重點(diǎn)、難點(diǎn)知識，充分利用網(wǎng)絡(luò)技術(shù)實(shí)現(xiàn)了自主學(xué)習(xí)，自我管理。該平臺不僅適合大學(xué)，同樣也適合中專、高職等其他各類各層次院校的需求。另外該系統(tǒng)也可作為考試系統(tǒng)，進(jìn)行客觀題的考試與自動閱卷。盡管html5和css3可以適配手機(jī)瀏覽器，但效果沒有手機(jī)APP的效果好，因此，應(yīng)進(jìn)一步開發(fā)對手機(jī)APP客戶端。

參考文獻(xiàn)：

[1] 楊毅.基于云計算技術(shù)的數(shù)字圖書館云服務(wù)平臺架構(gòu)設(shè)計[J]. 電子測試，2015（8）：19-23 .

[2] 陳宮，牛秦洲. 基于云計算的數(shù)字圖書館信息服務(wù)平臺[J].情報科學(xué)，2012，30（5）：684-688.

[3] 尹光輝，陳瑛. 云服務(wù)基礎(chǔ)上的智慧校園設(shè)計思路[J].電子技術(shù)與軟件工程，2015（7）：16-17.

[4] 呂倩. 基于云計算及物聯(lián)網(wǎng)構(gòu)建智慧校園[J]. 計算機(jī)科學(xué)，2011，38（10）：18-21.

[5] 喻昕，王敬一. 基于云計算技術(shù)的數(shù)字圖書館云服務(wù)平臺架構(gòu)研究[J]. 情報科學(xué)，2011，29（7）：1049-1053.

[6] 李興蓉，郭紅生，張連剛. 大學(xué)生網(wǎng)絡(luò)自主學(xué)習(xí)效果影響因素實(shí)證分析[J].現(xiàn)代教育管理，2009（10）：57-60.

[7] Schiaffino S， Garcia P. eTeacher：Providing Personalized Assistance to E-Learning Students [J].Computers & Education，2008（51）.

[8] 杜娥. 基于云計算的信息化網(wǎng)絡(luò)的研究與探索[J]. 實(shí)驗(yàn)技術(shù)與管理，2014，31（5）：160-162.