基于JSP的在線教育網(wǎng)站設(shè)計與實現(xiàn)

韋　靈　劉　璐

摘 要 在信息高度發(fā)達(dá)的IT時代，在線學(xué)習(xí)也已經(jīng)成為更多人獲取新知識的方式，“互聯(lián)網(wǎng)+”引發(fā)的在線教育產(chǎn)品已經(jīng)逐漸成為熱門。在線教育產(chǎn)品針對不同的用戶群體設(shè)計不同的功能。本文不僅介紹了JSP的發(fā)展歷程，也對JSP等軟件技術(shù)進(jìn)行了詳細(xì)的解剖。針對在線教育系統(tǒng)進(jìn)行分析，從前端到后臺對主要功能進(jìn)行詳細(xì)的設(shè)計與研究，對相關(guān)軟件框架進(jìn)行介紹。為在線教育產(chǎn)品的設(shè)計及軟件開發(fā)提出合理的建議，從而使用戶得到了有效的體驗。

關(guān)鍵詞 教育 JSP 慕課

中圖分類號：TP311.5 文獻(xiàn)標(biāo)識碼：A

1 JSP技術(shù)的發(fā)展

近十年來，Internet有著陽光的發(fā)展前景；隨著Web應(yīng)用的不斷發(fā)展，在線購物、在線辦公、在線視頻、企業(yè)系統(tǒng)管理等都已經(jīng)成為我們生活中的一部分了。無論人們身處何地都可以進(jìn)行信息共享、電子商務(wù)交易、在線辦公等，這些都促進(jìn)了Web應(yīng)用的發(fā)展。Web應(yīng)用是一種軟件應(yīng)用程序，它通過前后端多種語言編寫。用戶只需一個客戶端瀏覽器便可訪問多種Web應(yīng)用。此應(yīng)用的發(fā)展速度相當(dāng)之快，在最初階段，Web僅僅是一個用來展示固定的頁面信息的靜態(tài)網(wǎng)頁。需要通過更改HTML代碼來變更其中的內(nèi)容。在這種情況下，不能夠?qū)崿F(xiàn)與用戶進(jìn)行交互以及內(nèi)容的實時更新。所以靜態(tài)網(wǎng)站的這種局限性必然不會被大眾型企業(yè)所采納。然而為了順應(yīng)現(xiàn)今大多企業(yè)的需求，動態(tài)網(wǎng)站的應(yīng)用也悄然而生。

Sun公司在20世紀(jì)90年代末發(fā)布了Servlet的Web服務(wù)器，并創(chuàng)建了相應(yīng)的編碼標(biāo)準(zhǔn)，直到現(xiàn)在絕大多數(shù)的服務(wù)器仍遵循這種編碼標(biāo)準(zhǔn)，Servlet有很好的移植性且執(zhí)行的效率也很高。Sun公司花費大量的精力編寫完整的類庫去處理HTTP協(xié)議的請求。但Servlet也有不足之處，首先，Servlet在界面設(shè)計的開發(fā)比較困難，實現(xiàn)此功能需要嵌入大量的HTML，并且每次細(xì)微的改動都需要重新編譯，對于網(wǎng)站的設(shè)計與維護十分不利，因此JSP（Java Server Pages）技術(shù)也就應(yīng)運而生。

JSP是基于Java語言的服務(wù)器腳本語言，是一種實現(xiàn)HTML代碼和Java代碼的混合編碼技術(shù)。JSP將業(yè)務(wù)處理模塊和頁面顯示模塊進(jìn)行分離，能夠同時運行多個操作系統(tǒng)，方便設(shè)計人員或開發(fā)部門人員的操作，JSP中嵌套的是Java語言，Java語言在所有語言中的優(yōu)勢占很大比例，而它所具有的優(yōu)勢也都表現(xiàn)在了JSP上。

本系統(tǒng)采用B/S結(jié)構(gòu)，在B/S結(jié)構(gòu)下客戶端不需要開發(fā)、安裝其他客服端軟件，只需安裝一款瀏覽器，所有的業(yè)務(wù)實現(xiàn)全部交由服務(wù)器。后期維護和升級是B/S結(jié)構(gòu)中一個最為突出的優(yōu)點之一。用戶通過客戶端瀏覽器發(fā)送請求給服務(wù)器端，當(dāng)服務(wù)器端接受到請求過后，對用戶發(fā)送過來的數(shù)據(jù)進(jìn)行業(yè)務(wù)處理，并且大多數(shù)伴隨著對數(shù)據(jù)庫的存取。當(dāng)過程結(jié)束時，服務(wù)器將會把處理后的結(jié)果在網(wǎng)頁上進(jìn)行顯示，使客戶獲得信息。

2在線教育系統(tǒng)總體設(shè)計

2.1概述

在線教育系統(tǒng)改變了傳統(tǒng)的授課方式，使學(xué)習(xí)者充分利用碎片化時間，不受地點和時間的限制，隨時隨地學(xué)習(xí)想學(xué)習(xí)的課程，并對課程的學(xué)習(xí)進(jìn)行合理的安排。巨大的教學(xué)資源庫，讓學(xué)習(xí)者有更加廣泛的選擇。其教學(xué)方式通過視頻或文字及聲音為學(xué)者們的學(xué)習(xí)帶來了更強的趣味性。

2.2軟件開發(fā)環(huán)境

操作系統(tǒng)：Windows 10、數(shù)據(jù)庫平臺：MySQL、應(yīng)用平臺：tomcat、開發(fā)平臺JDK1.6；eclipse、客戶端軟件：谷歌瀏覽器，火狐瀏覽器等。

2.3系統(tǒng)業(yè)務(wù)層次

2.4模塊簡介

2.4.1學(xué)生用戶模塊

學(xué)生用戶模塊是本系統(tǒng)的核心，它的主要功能有注冊登錄，自主學(xué)習(xí)，論壇討論、查看課程、教師一對一、個人信息的管理。

學(xué)習(xí)者可以通過網(wǎng)站注冊自己的賬號，填寫想關(guān)的基礎(chǔ)信息。在首頁位置查看自己感興趣的課程，同時可以在課程下方查看學(xué)過課程的同學(xué)對教師教學(xué)質(zhì)量的評分。同時也可以參與討論發(fā)帖。在學(xué)習(xí)過程中可以對一門課程反復(fù)學(xué)習(xí)，對于重難點內(nèi)容，通過反復(fù)學(xué)習(xí)不斷思考來幫助和理解知識。此外，還可以適當(dāng)添加其他功能，比如直播錄播、在線課堂練習(xí)、在線考試。

2.4.2教師用戶模塊

線上教學(xué)更為教師們搭起了市場招新的平臺，通過制作優(yōu)質(zhì)的教育產(chǎn)品，吸引大量的學(xué)生。

教師注冊并通過認(rèn)證后，便可上傳錄制的課程資源，課程通過審核后即可展現(xiàn)給學(xué)生。教師可通過查看學(xué)生對老師課程的評分了解課程質(zhì)量，繼而不斷對教學(xué)資源進(jìn)行整改，積累良好口碑。線下之余教師可回復(fù)學(xué)生對課程的評論也可對學(xué)生進(jìn)行管理、查看學(xué)生的學(xué)習(xí)進(jìn)度、對學(xué)生進(jìn)行一對一教學(xué)等。

2.4.3資源管理模塊

資源管理模塊在本系統(tǒng)的模塊中也占領(lǐng)很重要的一部分。對教師身份注冊的審核，對教師上傳教學(xué)資源的審核，嚴(yán)把教學(xué)質(zhì)量關(guān)卡。同時有對教師學(xué)生賬戶的管理包括信息修改、密碼重置等。也可以查看學(xué)生對教師的評價，若系統(tǒng)出現(xiàn)異常該模塊可以進(jìn)行簡單的自動處理。

2.5 JSP系統(tǒng)架構(gòu)簡介

系統(tǒng)采用MVC（模型-視圖-控制）設(shè)計思想，JSP主要生成動態(tài)的網(wǎng)頁，只需負(fù)責(zé)頁面的展示；Servlet主要用于流程的控制，用來處理GET、POST等各種請求；JavaBean是模型層，它的主要功能是系統(tǒng)對數(shù)據(jù)庫的處理和業(yè)務(wù)上的處理。用戶可以通過客戶端瀏覽器向Web應(yīng)用中的Servlet發(fā)送各類請求，Servlet接受到請求后便可以實例化JavaBean對象，并調(diào)用相應(yīng)的方法。JavaBean模型層的代碼可以與數(shù)據(jù)庫進(jìn)行交互，把讀取的數(shù)據(jù)返回。Servlet將會選擇合適的JSP，并且將數(shù)據(jù)在前臺頁面上進(jìn)行展示。基于MVC的思維模式開發(fā)大型的軟件系統(tǒng)雖然增加了開發(fā)的復(fù)雜度，但是可以讓更多人參與到項目中，各司其職互不干涉。JSP中的Java代碼通過使用Servlet得到了分離，使得JSP文件可讀性得到了提高，結(jié)構(gòu)也變得相對簡單。

此開發(fā)的模式有一定的優(yōu)點，但需要開發(fā)人員有完整的開發(fā)思路，遵循相關(guān)開發(fā)規(guī)范。軟件產(chǎn)品的后期維護將是一個巨大的工程，J2EE的分層框架，對一層的修改并不會影響到其他層的功能。從一開始，客戶的需求并不是固定，隨著產(chǎn)品不斷地發(fā)展，功能也將進(jìn)行不斷的升級，因此采用優(yōu)秀的軟件框架技術(shù)將會很大程度上的解決這些難題。在此基礎(chǔ)上我們將引入SSH（Struts、Spring、Hibernate）架構(gòu)技術(shù)，這是一種較為復(fù)雜但層次卻非常清晰的一種開發(fā)模式。這三種框架技術(shù)對開發(fā)的效率有很大的提升，同時對于MVC的設(shè)計思想也得到了一定的體現(xiàn)。它具有良好的拓展性和可維護性，即使新的開發(fā)者接觸代碼也能很輕易的上手。非常方便的開發(fā)出新的需求，大大的降低了開發(fā)的成本。隨著技術(shù)不斷地更新，在開發(fā)大型Web應(yīng)用時，選擇優(yōu)秀的軟件框架技術(shù)將變得尤為重要。當(dāng)下流行框架很多，如SpringMVC、Mybatis、微服務(wù)等，對大型Web系統(tǒng)的開發(fā)都有著舉足輕重的作用。未來教育形式在不斷地發(fā)展，在線教育系統(tǒng)也可能會有新的功能不斷上線，所以采用SSH等優(yōu)秀的軟件框架技術(shù)。大大減少了開發(fā)的難度，對部分功能的實現(xiàn)提供了幫助，更加方便后期的維護。

3對在線教育系統(tǒng)的設(shè)計提出建議

目前，做在線教育，一定要立足于教育，應(yīng)該把教書育人作為首要目標(biāo)。教育形式的不斷變化和傳統(tǒng)的教科書式教育有一定的碰撞。而這些碰撞帶來的問題需要我們不斷地去解決。（1）保障教學(xué)效果，提供優(yōu)質(zhì)服務(wù)；（2）增加信任感；（3）提升學(xué)習(xí)體驗。

在實現(xiàn)碎片化學(xué)習(xí)之前，應(yīng)該要把內(nèi)容設(shè)計成碎片化，效仿新聞類產(chǎn)品，通過把知識內(nèi)容切碎，讓每一段視頻講一個知識點，讓每一次測試題復(fù)習(xí)一個知識點，然后反復(fù)的鞏固學(xué)習(xí)的最小單元，從而達(dá)到學(xué)以致用的效果。同時在產(chǎn)品的設(shè)計上可以采用多端互動的方式比如PC端、移動端。PC端是主要的學(xué)習(xí)端，移動端是PC端的輔助，解決碎片化學(xué)習(xí)的痛點。

在產(chǎn)品的設(shè)計中提出四個方面的建議：

（1）教學(xué)：在線教育系統(tǒng)目前缺乏因材施教。在教學(xué)方式中教師通過錄播課程的方式只是其中一種，每份教材或者教案對每個學(xué)生的影響也都不同。所以在產(chǎn)品的設(shè)計中可以添加師生一對一的方式，單獨輔導(dǎo)。

（2）互動：通過論壇、微信群是提高學(xué)生學(xué)習(xí)興趣和增強信心非常重要的途徑。師生之間有了互動一定會學(xué)起來會很快，學(xué)生之間有了互動學(xué)起來就會很好玩，在學(xué)習(xí)的過程中，如果可以相互激勵，不失是一種前進(jìn)的動力。

（3）練習(xí)：學(xué)生在學(xué)習(xí)過程中最重要的步驟便是練習(xí)，為了鞏固知識或達(dá)到一定的高度，多次有效的練習(xí)尤為重要，這種練習(xí)會讓學(xué)生更加充滿自信，同時也會激發(fā)學(xué)生的獨立思考的能力，讓其達(dá)到更好的學(xué)習(xí)效果。

（4）答疑：答疑絕對是在線教育過程中必不可少的一個過程，它可以及時的為學(xué)生解答疑惑，能讓學(xué)習(xí)者保持學(xué)習(xí)的動力。在答疑的過程中也加強了師生之間的溝通，讓老師有更適合的方式教授學(xué)生，讓學(xué)生也適應(yīng)老師的授課方式。

當(dāng)你真正為學(xué)生著想，讓學(xué)生們真切通過你的平臺獲得性價比高的教育，那么口碑和信任感自然而然的被表達(dá)出來。但是合理的服務(wù)加上極致的體驗，在在線教育這個行業(yè)本身就是一個非常困難的話題，但是作為服務(wù)行業(yè)，在優(yōu)秀教師稀缺的大環(huán)境下，通過正向刺激讓老師發(fā)揮潛力，讓學(xué)生學(xué)到知識，讓平臺得到口碑及傳播，就基本達(dá)到互聯(lián)網(wǎng)教育的制高點了。在線教育系統(tǒng)以自學(xué)為主，教學(xué)為輔，好的教育產(chǎn)品必定會產(chǎn)生好的學(xué)習(xí)效果。無論技術(shù)、工具如何加載，只要教育從業(yè)者有好的服務(wù)和質(zhì)量，也必定會使學(xué)習(xí)者終身受益。

基金項目：廣西科技大學(xué)鹿山學(xué)院2018年大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃項目“基于JSP的在線教育平臺開發(fā)”（項目編號：201813639046）。

作者簡介：韋靈（1979.08-），男，漢族，碩士，講師，廣西科技大學(xué)鹿山學(xué)院電氣與計算機工程系，研究方向：機器學(xué)習(xí)；劉璐（1998.02-），男，土家族，大學(xué)本科，學(xué)生，廣西科技大學(xué)鹿山學(xué)院電氣與計算機工程系，研究方向：軟件系統(tǒng)研發(fā)、網(wǎng)頁設(shè)計。

參考文獻(xiàn)

[1] 王金龍，張靜.基于JSP+Mysql的高校慕課（MOOC）教學(xué)系統(tǒng)設(shè)計[J].通訊世界，2017（20）：276-277.

[2] 解繼麗.“互聯(lián)網(wǎng)+”引領(lǐng)教育改革新趨勢[J].楚雄師范學(xué)院學(xué)報，2015，30（02）：85-88+108.