基于Internet的多媒體教學(xué)系統(tǒng)設(shè)計(jì)

田忠彬+李平

摘要：隨著計(jì)算機(jī)的普及以及網(wǎng)絡(luò)的全面覆蓋，網(wǎng)絡(luò)技術(shù)發(fā)展迅速，它全面改造了我們的學(xué)習(xí)與生活，使得傳統(tǒng)意義上的學(xué)習(xí)方式和生產(chǎn)生活方式都發(fā)生了巨變。網(wǎng)絡(luò)的全面的覆蓋與使用，使得網(wǎng)上的在線學(xué)習(xí)變得可以實(shí)現(xiàn)。因此，網(wǎng)絡(luò)學(xué)習(xí)展示了它旺盛的生命力和強(qiáng)勁的發(fā)展?jié)摿?，在世界范圍?nèi)發(fā)展迅速。該系統(tǒng)的設(shè)計(jì)模式是瀏覽器/服務(wù)器模式，在開(kāi)發(fā)的過(guò)程中，綜合使用了Photoshop來(lái)處理圖片，以及使用了網(wǎng)絡(luò)開(kāi)發(fā)語(yǔ)言html和JavaScript進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。將Jsp技術(shù)與Servlet技術(shù)組合起來(lái)的方式使保證系統(tǒng)能夠正常的運(yùn)行。用JDBC實(shí)現(xiàn)數(shù)據(jù)庫(kù)與程序的連接。

關(guān)鍵詞：計(jì)算機(jī)技術(shù)；網(wǎng)絡(luò)學(xué)習(xí)；瀏覽器/服務(wù)器模式；JSP；JDBC

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）25-0192-02

Abstract： Universal coverage with the popularity of computer and network， the network technology is developing rapidly， it comprehensive transformation of our study and life， makes the traditional learning style and lifestyle changes have taken place in the production. Network of comprehensive coverage and use， making the Internet， online learning can be achieved. Therefore， the network study shows its vitality and strong development potential， is developing rapidly throughout the world.The design patterns of this system is B/S mode， in the process of development， the comprehensive use Photoshop to deal with pictures， and the use of the web development language HTML and JavaScript for web design. Combined with the Jsp and Servlet way to ensure that the system running normally. Using the JDBC database connection with the program.

Key words： technology of computer；web-based learning；B/C partten； JSP； JDBC

1 背景

21世紀(jì)的來(lái)臨也預(yù)示著我們逐步進(jìn)入了高科技時(shí)代，以計(jì)算機(jī)技術(shù)、物聯(lián)網(wǎng)為核心的高新技術(shù)的發(fā)展，使我們的生活和學(xué)習(xí)發(fā)生了天翻地覆的改變。電腦的普及，網(wǎng)絡(luò)的全方位覆蓋讓我們隨時(shí)隨地上網(wǎng)成為了可能，這也為本系統(tǒng)的實(shí)現(xiàn)提供了有利因素。因?yàn)榫W(wǎng)絡(luò)的全球方位覆蓋可以讓我們無(wú)論相隔多遠(yuǎn)都能在同一個(gè)地方學(xué)習(xí)和交流，這也是傳統(tǒng)的板書(shū)教學(xué)所不能提供的。本系統(tǒng)采用的是模塊化的設(shè)計(jì)思想，分為管理員、老師、學(xué)生三個(gè)主要對(duì)象，主要是為了更好地提高學(xué)生的學(xué)習(xí)興趣，有多學(xué)科都可以在線學(xué)習(xí)，是學(xué)生能夠全方位提高自己。隨著人們生活水平的不斷提高，人們對(duì)學(xué)習(xí)的要求也越來(lái)越高，這也能夠推動(dòng)多媒體教學(xué)系統(tǒng)的不斷完善和發(fā)展，使多媒體系統(tǒng)的功能越來(lái)越強(qiáng)大，最終能滿足絕大多數(shù)人的需求。

2 系統(tǒng)分析

2.1 系統(tǒng)的需求分析

由于本身對(duì)教育系統(tǒng)比較熟悉，了解傳統(tǒng)的面對(duì)面教學(xué)，板書(shū)教學(xué)的優(yōu)點(diǎn)和缺點(diǎn)，

本系統(tǒng)結(jié)合了板書(shū)教學(xué)的細(xì)致，嚴(yán)謹(jǐn)?shù)娘L(fēng)格，同時(shí)總結(jié)了板書(shū)教學(xué)的缺點(diǎn)，經(jīng)過(guò)調(diào)查與詢問(wèn)，本系統(tǒng)希望能過(guò)提供一個(gè)能過(guò)比較全面的滿足大多數(shù)學(xué)生對(duì)學(xué)習(xí)要求的系統(tǒng)。學(xué)生都能再本系統(tǒng)中找到他想要鍛煉的某方面的能力。比如說(shuō)交流能力，理解能力，動(dòng)手能力等。

本系統(tǒng)需要滿足的需求大體如下：

1） 系統(tǒng)管理用戶能夠查看其他系統(tǒng)其他用戶的資料，并修改，發(fā)布系統(tǒng)公告等。

2） 教師用戶能夠上傳和下載授課資料，能在線批改學(xué)生試題。修改個(gè)人密碼。

3） 學(xué)生用戶能夠上傳作業(yè)，下載資料，能在線測(cè)試，修改個(gè)人密碼。

4） 學(xué)生和老師能在本系統(tǒng)互相交流，回答問(wèn)題。

5） 學(xué)生能根據(jù)關(guān)鍵詞搜索自己需要的資料和文檔。

2.2 系統(tǒng)開(kāi)發(fā)設(shè)計(jì)思想

本系統(tǒng)采用面向?qū)ο蟪绦蛘Z(yǔ)言Java來(lái)實(shí)現(xiàn)，使用模塊化的程序設(shè)計(jì)，使得后期測(cè)試和修改方便。同時(shí)使用SqlServer2005作為數(shù)據(jù)的存儲(chǔ)結(jié)構(gòu)，方便管理數(shù)據(jù)。

系統(tǒng)包含了大多數(shù)的對(duì)數(shù)據(jù)庫(kù)的操作，如增加、刪除、修改、查詢基本的對(duì)數(shù)據(jù)字段的操作。具體就是對(duì)資料的修改和增加。

2.3 系統(tǒng)的主要技術(shù)

2.3.1 Java Server Page（JSP）技術(shù)

本系統(tǒng)采用的是jsp開(kāi)發(fā)語(yǔ)言來(lái)進(jìn)行程序的編寫(xiě)。Jsp是一種從java發(fā)展來(lái)的網(wǎng)頁(yè)編程技術(shù)。它是在html中插入腳本語(yǔ)言的網(wǎng)頁(yè)編程技術(shù)，JSP是Sun公司J2EE架構(gòu)中重要的部分[5]。

2.3.2 JDBC技術(shù)

JDBC技術(shù)就是將程序與數(shù)據(jù)庫(kù)的連接部分分離開(kāi)來(lái)，獨(dú)立于J2EE框架與數(shù)據(jù)表。同過(guò)JDBC技術(shù)，可以更加方便地實(shí)現(xiàn)數(shù)據(jù)庫(kù)的連接，更加方便地對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，極大地方便了程序的開(kāi)發(fā)，方便程序與數(shù)據(jù)庫(kù)的維護(hù)[6]。endprint

2.4 系統(tǒng)的運(yùn)行環(huán)境和開(kāi)發(fā)平臺(tái)

2.4.1 硬件設(shè)備及操作系統(tǒng)

服務(wù)器：PentiumIII 1G，內(nèi)存256mb以上，像素1024*768。

操作系統(tǒng)：Windows 98以上。

客戶端：PentiumIII 500，內(nèi)存256mb以上，像素1024*768。

網(wǎng)絡(luò)：網(wǎng)絡(luò)能夠連接，配置TCP/IP協(xié)議。

2.4.2 系統(tǒng)開(kāi)發(fā)工具

電腦配置：Dell品牌機(jī)CPU：core i5 內(nèi)存：DDR 4G 硬盤(pán)：500G

操作系統(tǒng)：Microsoft Windows Server 7

開(kāi)發(fā)環(huán)境：MyEclispse 8.5

Web服務(wù)平臺(tái)：Tomcat 6.0

數(shù)據(jù)庫(kù)：SQL Server 2005

3 系統(tǒng)設(shè)計(jì)

本系統(tǒng)的學(xué)生用戶可以在網(wǎng)站上進(jìn)行在線視頻的觀看，以及資料的上傳和下載，還能夠在線測(cè)試，給教師留言等功能。使得學(xué)生的學(xué)習(xí)變得更加的方便，更加有利于調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，培養(yǎng)學(xué)生的動(dòng)手和交流能力，培養(yǎng)學(xué)生的自學(xué)能力，使學(xué)生能夠更加迅速地融入其中，提高學(xué)習(xí)成績(jī)。

本系統(tǒng)的教師用戶可以修改個(gè)人資料，上傳和下載教學(xué)課件與學(xué)習(xí)資料，在線批改學(xué)生作業(yè)等功能。使教師分工作變得更加的方便，不用一直去學(xué)校辦公，而是在閑暇時(shí)都能通過(guò)本系統(tǒng)來(lái)管理學(xué)生，培養(yǎng)學(xué)生，備課等。能夠使得教師有更多的空余時(shí)間來(lái)知道學(xué)生們學(xué)習(xí)，方便教師的工作與生活。

本系統(tǒng)的admin用戶負(fù)責(zé)增加和刪除用戶，管理資料，管理視頻，管理頁(yè)面公告等功能。

能夠使本系統(tǒng)網(wǎng)站更加合理流暢地運(yùn)行，使學(xué)生用戶和老師用戶能夠更加熟練地使用本系統(tǒng)。

3.1 系統(tǒng)用例

與本系統(tǒng)相關(guān)的用戶和角色包括：

系統(tǒng)管理員：增加和刪除用戶，修改用戶資料，管理上傳的資料，發(fā)布系統(tǒng)公告等。

教師：管理教師個(gè)人信息和登錄密碼，管理班級(jí)信息，上傳資料和視頻，在線修改學(xué)生作業(yè)。

學(xué)生：學(xué)生用戶可以瀏覽本網(wǎng)站內(nèi)容，觀看學(xué)習(xí)視頻，下載學(xué)習(xí)課件和完成教師布置的任務(wù)，給教師留言，向老師提出學(xué)習(xí)問(wèn)題等。

3.2 系統(tǒng)功能模塊的劃分

按照需求分析以及系統(tǒng)分析，我將本系統(tǒng)大致定為以下幾個(gè)模塊，如圖1所示。

4 系統(tǒng)實(shí)現(xiàn)

當(dāng)部署好本系統(tǒng)，啟動(dòng)服務(wù)器，在瀏覽器中輸入（http：//localhost：8080/dbjsxys）后，頁(yè)面會(huì)跳轉(zhuǎn)到系統(tǒng)首頁(yè)，如圖2所示。

主頁(yè)上方顯示了多媒體精品課程教學(xué)網(wǎng)站，網(wǎng)站以藍(lán)色為主題顏色，一眼望去，有身心愉悅的感覺(jué)，簡(jiǎn)潔明了，優(yōu)雅大方。非常的有人性化。同時(shí)主頁(yè)包含了課程簡(jiǎn)介，教學(xué)大綱，授課教案，視頻教學(xué)，資源導(dǎo)航，關(guān)于我們等幾大欄目。頁(yè)面左方部署了登錄模塊，用戶可以在此輸入用戶名和密碼進(jìn)行登錄，驗(yàn)證成功后會(huì)跳轉(zhuǎn)到指定的頁(yè)面。正中間顯示的是我們的課程簡(jiǎn)介，游客可以在其中瀏覽關(guān)于課程的相關(guān)介紹，選擇自己所感興趣的進(jìn)行查看。中間圖片上方喇叭處是管理員發(fā)布的公告信息欄，可以在此查看主要公告信息。右方是教學(xué)大綱，簡(jiǎn)要地介紹了我們的教學(xué)宗旨和教學(xué)理念，向大家介紹我們的教學(xué)方法，使用戶大致了解我們的想法，便于他們深入學(xué)習(xí)。

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

互聯(lián)網(wǎng)技術(shù)日新月異的飛速發(fā)展，極大地推動(dòng)了基于Internet 的應(yīng)用技術(shù)的發(fā)展，支持Web 數(shù)據(jù)庫(kù)訪問(wèn)的新技術(shù)層出不窮。隨著校園網(wǎng)的發(fā)展，基于Internet 的教務(wù)、教學(xué)管理系統(tǒng)也在不斷地深入和提高。本文所介紹的“基于Internet的多媒體教學(xué)系統(tǒng)設(shè)計(jì)”僅僅是高校管理信息系統(tǒng)的一個(gè)小模塊。今后我們將進(jìn)一步努力，不斷學(xué)習(xí)和研究新技術(shù)，開(kāi)發(fā)出更多更好的具有本單位特征的校園管理信息系統(tǒng)和教學(xué)系統(tǒng)。更好地利用網(wǎng)絡(luò)資源，使教師與學(xué)生、學(xué)生與學(xué)生、教師與教師間的交流更為方便、快捷。

參考文獻(xiàn)：

[1] 信息學(xué)院的數(shù)字化學(xué)院系統(tǒng)軟件開(kāi)發(fā)任務(wù)書(shū)[M].

[2] Todd Cook. JSP從入門(mén)到精通[M]. 北京： 電子工業(yè)出版社， 2003.

[3] Soren Lauesen. Software Requirements Styles and Techniques[M]. BeiJing： Publishing House of Electronics Industry， 2002.

[4] Roger S Pressman. Software Engineering A Practitioners Approach[M]. 5th ed.北京： 清華大學(xué)出版社， 2001.

[5] 耿祥義， 張躍平. JSP實(shí)用教程[M]. 北京： 清華大學(xué)出版社， 2003.

[6] Hans Bergsten.JavaServer Pages_2nd Edition[M]. O'Reilly， August 2002.

[7] Kevin Duffey，Vikram Goyal. Professional JSP Site Design[M]. BeiJing： Publishing House of Electronics Industry， 2002.

[8] 飛思科技產(chǎn)品研發(fā)中心著JSP應(yīng)用開(kāi)發(fā)詳解[M]. 2版.北京： 電子工業(yè)出版社， 2004.

[9] 薩師煊， 王珊. 數(shù)據(jù)庫(kù)系統(tǒng)概論[M]. 北京： 高等教育出版社， 2002.

[10] 蘇林忠， 冀翼. 基于JSP技術(shù)的動(dòng)態(tài)WEB開(kāi)發(fā)[J]. 河南師范大學(xué)學(xué)報(bào)：自然科學(xué)版， 2003， 31（3）.

[11] 程文. 基于JSP開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J]. 現(xiàn)代計(jì)算機(jī)， 2002（149）.

[12] Paul C Jorgensen.Software Testing A Craftsmans Approach[M]. 2nd ed. China Machine Press， 2003.endprint