摘 要：在線課程學習網(wǎng)站的發(fā)展迅速，吸引了廣大用戶?；贖TML5的在線學習系統(tǒng)經(jīng)過需求分析、設(shè)計、編程等過程實現(xiàn)，它將文字、圖片、音頻、視頻、課件、動畫等教學資源融合在一起，配合在線留言、論壇等互動學習活動讓在線學習功能更加豐富。豐富的知識內(nèi)容的呈現(xiàn)形式和互動學習活動更加吸引學習者參與到在線學習中，享受學習的樂趣，提高學習效率。

關(guān)鍵詞：HTML5；在線學習；需求分析；在線測試

目前在線課程學習網(wǎng)站的發(fā)展也是非常的迅速，它的出現(xiàn)吸引大量用戶，滿足了用戶的移動學習要求。隨著流媒體技術(shù)的發(fā)展，通過多媒體技術(shù)將文字、圖片、音頻、視頻、課件、動畫等教學資源融合在一起讓學習內(nèi)容表現(xiàn)更加生動，同時配合在線留言、論壇等互動學習活動讓在線學習功能更加豐富。[1]用戶不僅可以瀏覽文檔，觀看教學視頻、教學課件，還可以進行在線練習、在線考試。在線課程學習網(wǎng)站為廣大用戶們提供了十分便利的條件。

1 HTML5優(yōu)勢

網(wǎng)站的建設(shè)大部分采用B/S 架構(gòu)，壓力聚集在服務(wù)器端，這就需要平衡客戶端和服務(wù)器端的壓力。通過HTML5與JavaScript相結(jié)合使用將底層的大多數(shù)邏輯處理轉(zhuǎn)移到客戶端，服務(wù)器端只提供少量邏輯處理和數(shù)據(jù)接口，解決 B/S 架構(gòu)服務(wù)器壓力問題。[2]

HTML5具有動畫特性、多媒體特性，可實現(xiàn)文字、圖片、表格、音頻、視頻、色彩的有機結(jié)合。HTML5新增的標簽?zāi)苤苯又С忠曨l、音頻等多媒體元素的在線呈現(xiàn)，可以替代部分Flash和Silverlight能夠?qū)崿F(xiàn)的功能，并且具有更好的處理效率。[3]同時配合CSS3支持字體嵌入、版面排版以及動畫功能，讓HTML5在線課程的學習內(nèi)容的表現(xiàn)形式變得更加豐富，能極大吸引學習者的注意，增強學習效果。同時HTML5還具有較好的學習交互、支持跨平臺學習、離線學習等特性。

2 系統(tǒng)需求分析

通過對教師、學生進行走訪，結(jié)合傳統(tǒng)課堂教學和網(wǎng)絡(luò)教學，形成系統(tǒng)需求分析。系統(tǒng)用戶有學生、教師、管理員和游客。一個學習網(wǎng)站，主要圍繞的就是這幾類用戶展開的，學生主要是進入網(wǎng)站進行學習，教師就負責上傳課件、文檔視頻資源，供學生查看，管理員就負責管理課程的信息以及教師的信息。

在線課程學習網(wǎng)站中，學生用戶可以進行登錄網(wǎng)站，進入網(wǎng)站后，學生可以根據(jù)自己的喜好去選擇文檔或者視頻方式進行學習，也可以將自己需要的文檔進行下載，這樣下次即便不進入網(wǎng)站也是不影響查看資料的。視頻資源是可以在線觀看的，只要連接了網(wǎng)絡(luò)，能夠上網(wǎng)就可以看視頻，邊看邊學。網(wǎng)站還為學生提供了一個在線測試的模塊，學生學習過后還能進行在線測試。教師在網(wǎng)站后臺上傳考試題目之后，學生在網(wǎng)站前臺頁面可以進行測試，點擊首頁的在線測試就可以。如果學習過程中出現(xiàn)自己不明白的問題或者自己覺得拿不定主意的問題，還可以通過留言板給老師留言。

教師用戶需要點擊網(wǎng)站首頁，輸入用戶名和密碼，點擊登錄，進入網(wǎng)站的后臺，可以上傳文檔課件以及視頻等教學資源，并可對其進行添加、刪除、修改等操作。教師的試題管理可以修改刪除已發(fā)布的試題。教師也可以根據(jù)留言板學生反映的情況，以及提出的改進建議更加完善一下資源信息。

管理員的登錄也是進入網(wǎng)站首頁之后，點擊一下網(wǎng)站底部的登錄后臺，輸入用戶名和密碼，就可以登錄后臺。登錄后臺之后，可以對課程信息進行操作，還有對教師隊伍的管理，簡單便捷。

游客打開網(wǎng)站后可以查看網(wǎng)站公告、論壇以及公共課程資源。

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

在線學習系統(tǒng)的總體設(shè)計分為學生、教師、管理員和游客。

學生用戶主要實現(xiàn)的功能有：注冊、登錄、觀看視頻、查閱課件、文檔資源下載、在線測試、在線留言。自己遇到難解的問題，就在留言板給教師留言，或者自己覺得哪些地方需要完善，需要更加改進一下，都可以給教師留言，提一下自己的建議。

教師用戶主要實現(xiàn)的功能有：注冊、登錄后臺，教師用戶登錄后臺后就可以上傳發(fā)布課件，進行在線答疑，回答學生在留言板中提出的問題，還可以上傳發(fā)布教學視頻。

管理員主要需要實現(xiàn)的功能有：登錄后臺，管理員用賬號密碼登錄后臺后就可以管理課程信息、管理教師信息、管理用戶信息。

游客：面向互聯(lián)網(wǎng)上的所有用戶，擁有觀看公共課程、公告、論壇的權(quán)限。

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

系統(tǒng)設(shè)計分為前臺和后臺，前臺是系統(tǒng)與用戶的交互界面，為用戶提供課程視頻、學習課件、資源下載、在線測試、在線留言等功能。用戶注冊后獲得相應(yīng)的用戶權(quán)限，沒有注冊的用戶只能以游客的身份進行訪問，只能觀看公共課程部分。在登錄的過程中用戶選擇學生、教師和管理員這三個角色登錄，系統(tǒng)會在數(shù)據(jù)表中進行查詢驗證。

本系統(tǒng)主要利用HTML5配合CSS3來定制統(tǒng)一的頁面色彩風格，建立頁面字體，明確主體維度，定做頁面主體。通過HTML5提供的

5 總結(jié)

目前在線課程學習網(wǎng)站的發(fā)展迅速，吸引了廣大用戶?；贖TML5的在線學習系統(tǒng)經(jīng)過需求分析、設(shè)計將其實現(xiàn)，它將文字、圖片、音頻、視頻、課件、動畫等教學資源融合在一起，讓學習內(nèi)容表現(xiàn)更加生動，同時配合在線留言、論壇等互動學習活動讓在線學習功能更加豐富。豐富的知識內(nèi)容的呈現(xiàn)形式和互動學習活動更加吸引學習者參與到在線學習中，享受學習的樂趣，提高學習效率。

參考文獻：

[1]郜繼紅.基于HTML5的移動學習平臺應(yīng)用實現(xiàn)[J].現(xiàn)代鹽化工，2017，12（6）：103-104.

[2]彭巍.基于HTML5的網(wǎng)絡(luò)課程教學系統(tǒng)的設(shè)計與實現(xiàn)[D].吉林大學，2015.

[3]李麗平，薛玉倩.基于HTML5微課平臺的開發(fā)與實現(xiàn)[J].河北軟件職業(yè)技術(shù)學院學報，2017，19（3）：1-3.

[4]趙學銘，王剛.基于HTML5的交互式移動學習平臺研究[J].現(xiàn)代教育技術(shù)，2016，26（9）：106-112.

作者簡介：李兆翠（1980-），女，山東莒南人，碩士，副教授，主要研究方向為計算機軟件工程。