張永超

摘要：該設(shè)計(jì)采用HTML5、ASP.NET、SQL Server 2012等技術(shù)開發(fā)了一個(gè)網(wǎng)絡(luò)教學(xué)系統(tǒng)，主要實(shí)現(xiàn)了用戶管理，教學(xué)資源的查詢、瀏覽、上傳、下載，在線測(cè)試、作業(yè)提交、互動(dòng)答疑等主要功能，基本上可以滿足網(wǎng)絡(luò)教學(xué)的一般需求。

關(guān)鍵詞：教學(xué)網(wǎng)站；HTML5；ASP.NET

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2018）26-0051-02

為了貫徹《教育部關(guān)于推進(jìn)教師教育信息化建設(shè)的意見》中提出的教育要信息化、現(xiàn)代化的精神：“要全面推進(jìn)現(xiàn)代信息技術(shù)和教育技術(shù)在教師教育中的普及和應(yīng)用，要探索并構(gòu)建信息環(huán)境下教師教育的有效模式”。多年來，我院結(jié)合學(xué)校的實(shí)際情況在探索教學(xué)新模式，提高教師信息化素質(zhì)方面做了大量積極的嘗試，并把網(wǎng)絡(luò)教學(xué)平臺(tái)建設(shè)作為教學(xué)信息化的一個(gè)重要組成部分。日常教學(xué)中通常會(huì)遇到以下問題：傳統(tǒng)單一的課堂教學(xué)方式缺乏互動(dòng)性往往容易使學(xué)生產(chǎn)生厭學(xué)情緒；課外面對(duì)網(wǎng)上龐雜浩瀚的知識(shí)不知道怎么學(xué)，甚至大量時(shí)間浪費(fèi)在游戲娛樂中；課外任課教師缺乏和學(xué)生的交流和溝通等，因此，針對(duì)以上問題開發(fā)一個(gè)功能比較完善的網(wǎng)絡(luò)教學(xué)平臺(tái)顯得尤為重要，網(wǎng)絡(luò)教學(xué)作為課堂教學(xué)的有益補(bǔ)充和延伸，通過共享教學(xué)資源、在線答疑交流、收集評(píng)價(jià)和反饋信息、了解教學(xué)效果，及時(shí)改進(jìn)教學(xué)方法，從而提高學(xué)校的信息化教學(xué)水平。

1 HTML5新特性簡(jiǎn)介

1） HTML5作為最新的HTML標(biāo)準(zhǔn)，引入了全新的語義化的結(jié)構(gòu)元素標(biāo)簽，使頁面具有邏輯性結(jié)構(gòu)、容易維護(hù)，并且對(duì)數(shù)據(jù)挖掘服務(wù)更友好，解決了大量使用Div布局混亂的問題。新增的結(jié)構(gòu)元素，不僅大大提高了網(wǎng)頁代碼的可讀性，而且對(duì)搜索引擎而言，將更好識(shí)別和組織索引內(nèi)容，加快搜索的速度和準(zhǔn)確度。

2） HTML5 提供了一種通過 audio和video 元素來分別處理音頻和視頻的統(tǒng)一標(biāo)準(zhǔn)方法。之前網(wǎng)頁上的音頻和視頻的播放需要瀏覽器安裝不同的插件去實(shí)現(xiàn)。

3） HTML5通過Canvas元素配合腳本語言直接在瀏覽器上繪制顯示圖像和動(dòng)畫從而替代了Flash等插件。

4） HTML5通過創(chuàng)建cache manifest文件，實(shí)現(xiàn)web 應(yīng)用的離線訪問，不僅提高了資源加載速度，而且減少了服務(wù)器的負(fù)載。

2 系統(tǒng)總體設(shè)計(jì)

通過可行性分析，本系統(tǒng)采用B/S結(jié)構(gòu)，前臺(tái)界面主要使用HTML5+CSS3+JavaScript 來設(shè)計(jì)，后臺(tái)管理系統(tǒng)主要使用ASP.NET+ SQL Server 2012數(shù)據(jù)庫(kù)來實(shí)現(xiàn)。從學(xué)校實(shí)際情況出發(fā)，盡量采用現(xiàn)有的軟硬件環(huán)境，要符合國(guó)內(nèi)流行的網(wǎng)絡(luò)教學(xué)系統(tǒng)的設(shè)計(jì)模式，以達(dá)到充分利用現(xiàn)有資源，提高系統(tǒng)開發(fā)水平和應(yīng)用效果的目的。網(wǎng)絡(luò)教學(xué)系統(tǒng)旨在為學(xué)校師生提供一個(gè)在線學(xué)習(xí)和交流的環(huán)境，根據(jù)系統(tǒng)的功能設(shè)計(jì)，劃分出以下幾大模塊：1）用戶管理模塊；2）課程管理模塊；3）資源管理模塊；4）作業(yè)提交模塊；5）作業(yè)管理模塊；6）在線測(cè)試模塊；7）互動(dòng)答疑模塊等。系統(tǒng)具體功能模塊劃分如圖1所示：

3 數(shù)據(jù)庫(kù)設(shè)計(jì)

本系統(tǒng)主要涉及學(xué)生信息、教師信息、管理員信息、課件視頻等資源信息、作業(yè)信息、考試信息，留言信息等，從系統(tǒng)需求、信息量大小、安全性等方面綜合考慮，決定采用SQL Server 2012作為本系統(tǒng)的數(shù)據(jù)庫(kù)。系統(tǒng)的數(shù)據(jù)庫(kù)中主要包含：1）用戶類型表：主要用于存儲(chǔ)登錄用戶的類型，主要字段有類型ID、類型名稱，用戶權(quán)限等，其中類型ID為主鍵；2）用戶信息表：主要用于保存用戶注冊(cè)時(shí)的信息，主要字段有用戶ID、用戶名、Email、密碼、電話號(hào)碼、專業(yè)等，其中用戶ID為主鍵；3）資源類型表：主要用于存儲(chǔ)資源的類型，主要字段有類型ID、類型名稱其中類型ID為主鍵；4）資源信息表：主要用于存儲(chǔ)不同類型教學(xué)資源的基本信息，主要字段包括：資源ID、資源名稱、資源類別、資源分組、上傳的用戶等。其中資源ID為主鍵；5）作業(yè)發(fā)布信息表：主要用于保存教師所發(fā)布作業(yè)的信息；6）作業(yè)提交信息表：主要用于保存學(xué)生上交的作業(yè)內(nèi)容；7）考試題目信息表：主要用來保存在線測(cè)試中的考試題目信息；8）答疑信息表：主要用于保存學(xué)生的留言信息及教師的回復(fù)信息。

4 主要功能模塊設(shè)計(jì)

4.1 用戶管理模塊

根據(jù)操作權(quán)限的不同，把用戶分為學(xué)生、教師和管理員三種不同的類型，不同的用戶具有不同的權(quán)限，登錄后進(jìn)入不同的操作界面。學(xué)生用戶能瀏覽下載教學(xué)資源、修改個(gè)人信息、參加測(cè)試、提交作業(yè)等。教師用戶可以上傳教學(xué)資源、發(fā)布作業(yè)、管理測(cè)試、進(jìn)行答疑等。管理員具有最高的權(quán)限，可以進(jìn)行全部操作，包括添加修改刪除用戶信息，分配權(quán)限等操作。

4.2 課程管理模塊

課程管理主要是對(duì)課程的基本信息進(jìn)行管理，管理員或者任課教師可以添加新的課程，修改已有課程信息。為了方便用戶查找所需要的資源，系統(tǒng)對(duì)網(wǎng)站的課程進(jìn)行了分類。其中包括公共基礎(chǔ)課，專業(yè)課，選修課，實(shí)驗(yàn)課。按照不同的類別對(duì)課程進(jìn)行分組分類來快速定位到自己所需學(xué)習(xí)的課程。

4.3 資源管理模塊

資源管理主要實(shí)現(xiàn)在后臺(tái)為系統(tǒng)添加資源信息以及刪除和修改資源的功能。教學(xué)資源主要包括課程介紹、教師介紹、教學(xué)大綱，教學(xué)課件，視頻錄像，參考資料，歷年試題等。本地資源上傳是為了方便用戶之間共享資源，資源上傳模塊可以在網(wǎng)站使用的過程中不斷積累豐富網(wǎng)站的內(nèi)容。資源下載可以幫助用戶下載所需要的資源文件。方便用戶本地瀏覽學(xué)習(xí)。當(dāng)用戶需要查找某個(gè)特定的資源時(shí)，可以通過在搜索模塊中的搜索框里輸入關(guān)鍵詞快速檢索對(duì)應(yīng)的資源文件。注意在上傳視頻文件時(shí)使用 HTML5中

4.4 作業(yè)提交和管理模塊

作業(yè)管理模塊主要實(shí)現(xiàn)教師發(fā)布新的作業(yè)任務(wù)，已發(fā)布作業(yè)的查詢、修改和刪除，對(duì)學(xué)生已提交作業(yè)的下載查看和批改打分。學(xué)生通過作業(yè)提交模塊查看老師發(fā)布的作業(yè)任務(wù)，完成后上傳提交作業(yè)，在我的作業(yè)的查詢頁面中可以查看自己上交過的作業(yè)信息，包括作業(yè)的得分和老師的反饋意見等。

4.5 在線測(cè)試模塊

在線測(cè)試模塊主要實(shí)現(xiàn)相關(guān)課程的在線考試功能。任課教師可以通過后臺(tái)添加、修改、刪除課程測(cè)試題目，并對(duì)數(shù)據(jù)庫(kù)中的學(xué)生和試題信息進(jìn)行維護(hù)。學(xué)生通過學(xué)號(hào)姓名等登錄后進(jìn)入測(cè)試頁面開始答題，按照系統(tǒng)設(shè)定時(shí)間開始倒計(jì)時(shí)，讓學(xué)生隨時(shí)知道考試剩余時(shí)間，測(cè)試到達(dá)結(jié)束時(shí)間時(shí)系統(tǒng)自動(dòng)交卷并閱卷，學(xué)生可以在成績(jī)頁面查詢測(cè)試成績(jī)，教師可以在后臺(tái)查看學(xué)生詳細(xì)答題情況，并導(dǎo)出系統(tǒng)自動(dòng)生成的測(cè)試成績(jī)單和成績(jī)分析表格等。

4.6 互動(dòng)答疑模塊

互動(dòng)答疑模塊主要通過課程留言板和在線聊天等使教師和學(xué)生進(jìn)行交流，了解教學(xué)的效果，及時(shí)改進(jìn)教學(xué)方法。平時(shí)因?yàn)榻虒W(xué)任務(wù)繁重課堂時(shí)間有限，任課教師缺少和學(xué)生的溝通，所以教師可以在課程留言板上統(tǒng)一解答學(xué)生遇到的典型的問題，學(xué)生可以通過該模塊交流課程學(xué)習(xí)經(jīng)驗(yàn)心得，上傳分享自己擁有的學(xué)習(xí)資料。通過在線聊天室實(shí)現(xiàn)多人在線實(shí)時(shí)交流。該模塊既是學(xué)生互相交流學(xué)習(xí)的一個(gè)平臺(tái)，也是任課教師了解跟蹤學(xué)生學(xué)習(xí)情況的一個(gè)窗口。

5 結(jié)論

該網(wǎng)絡(luò)教學(xué)平臺(tái)基于最新的HTML5標(biāo)準(zhǔn)，將信息技術(shù)和教育教學(xué)有機(jī)結(jié)合，實(shí)現(xiàn)了優(yōu)秀教學(xué)資源的存儲(chǔ)與共享、教學(xué)效果評(píng)價(jià)與教學(xué)信息反饋、在線測(cè)試答疑等基本功能，使教學(xué)真正跨越時(shí)間、空間的約束，既為教師提供了一個(gè)真正開放式的、以資源為中心的教學(xué)環(huán)境，又為學(xué)生營(yíng)造了一個(gè)自主學(xué)習(xí)、主動(dòng)創(chuàng)新的學(xué)習(xí)氛圍，使傳統(tǒng)的課堂教學(xué)可以逐步向課外拓展，通過網(wǎng)絡(luò)教學(xué)平臺(tái)的建設(shè)和應(yīng)用，勢(shì)必促進(jìn)教學(xué)水平的提高。但網(wǎng)絡(luò)教學(xué)平臺(tái)的建設(shè)是一項(xiàng)長(zhǎng)期的工作，隨著信息技術(shù)在教育領(lǐng)域的不斷應(yīng)用和發(fā)展以及學(xué)校自身的改革和建設(shè)我們還需進(jìn)一步的研究和探討……

參考文獻(xiàn)：

[1] Jon Galloway，Brad Wilson.ASP.NET MVC 5高級(jí)編程[M].5版.北京：清華大學(xué)出版社，2015.

[2] 潘雪峰，張宇晴，毛敏，等.在線教育產(chǎn)業(yè)發(fā)展現(xiàn)狀及產(chǎn)品設(shè)計(jì)研究[J].科技和產(chǎn)業(yè)，2013（8）.

[3] 張海藩.軟件工程導(dǎo)論[M].北京：清華大學(xué)出版社，2006.

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

[5] 《教育部關(guān)于啟動(dòng)高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程精品課程建設(shè)工作的通知》（教高[2003]1號(hào)）[Z].

[通聯(lián)編輯：唐一東]