一種基于Internet互動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)與應(yīng)用

劉國輝，王東政

（沈陽大學(xué) 教務(wù)處計(jì)算中心，遼寧 沈陽 110044）

隨著Internet的普及，網(wǎng)絡(luò)已成為人們學(xué)習(xí)、工作、生活不可或缺的一部分.網(wǎng)絡(luò)學(xué)習(xí)將必定成為信息化社會(huì)學(xué)習(xí)的主要途徑之一，而目前網(wǎng)絡(luò)中這種互動(dòng)學(xué)習(xí)平臺(tái)極少，導(dǎo)致學(xué)習(xí)者的學(xué)習(xí)數(shù)據(jù)主要來源于搜索引擎.所以構(gòu)建一個(gè)虛擬的互動(dòng)網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)就顯得尤為重要，它不僅滿足了學(xué)習(xí)者對(duì)傳統(tǒng)的文件數(shù)據(jù)和圖片數(shù)據(jù)的需求，還可以使學(xué)習(xí)者通過視頻、音頻以及論壇提問和在線聊天的方式進(jìn)行交互式的學(xué)習(xí)［1－2］.

在網(wǎng)絡(luò)發(fā)展如火如荼的今天，網(wǎng)絡(luò)學(xué)習(xí)已經(jīng)成為人們社會(huì)化學(xué)習(xí)的一種新方式，網(wǎng)絡(luò)學(xué)習(xí)之所以受到廣大學(xué)習(xí)者的青睞是因?yàn)樵诰W(wǎng)絡(luò)上的學(xué)習(xí)數(shù)據(jù)豐富、學(xué)習(xí)時(shí)間靈活，還可以通過互動(dòng)交流的方式進(jìn)行學(xué)習(xí)［3－4］.而互動(dòng)交流是非常有效的網(wǎng)絡(luò)學(xué)習(xí)手段，對(duì)學(xué)習(xí)者的創(chuàng)新能力和認(rèn)知能力的發(fā)展，發(fā)揮出不可低估的作用.然而當(dāng)今網(wǎng)絡(luò)上提供這種互動(dòng)學(xué)習(xí)平臺(tái)少之又少，僅有的學(xué)習(xí)平臺(tái)也大部分以收費(fèi)為主，并且與學(xué)習(xí)者互動(dòng)性不夠，學(xué)習(xí)數(shù)據(jù)也不能及時(shí)更新較為陳舊，不能滿足人們學(xué)習(xí)社會(huì)化的需求.基于Internet的互動(dòng)學(xué)習(xí)平臺(tái)是為學(xué)習(xí)者進(jìn)行網(wǎng)絡(luò)學(xué)習(xí)和交流所專門開發(fā)的平臺(tái).學(xué)習(xí)者不僅可以通過這個(gè)平臺(tái)獲得文件、圖片等傳統(tǒng)學(xué)習(xí)數(shù)據(jù)，還可以發(fā)布視頻教程或語音教程與他人分享，遇到問題還可以在系統(tǒng)論壇上或聊天室上與其他學(xué)習(xí)者互動(dòng)交流，使得學(xué)習(xí)的方式更為靈活［5－6］.

1 基于Internet的互動(dòng)學(xué)習(xí)平臺(tái)需求分析

根據(jù)本系統(tǒng)的實(shí)際情況，用戶登錄系統(tǒng)后，可以完成發(fā)布教程、使用網(wǎng)絡(luò)硬盤、在線聊天、發(fā)表和回復(fù)帖子等操作.

登錄用戶業(yè)務(wù)流程描述如下：

（1）發(fā)布教程.當(dāng)用戶發(fā)布的教程信息成功添加到數(shù)據(jù)表后，將教程文件上傳到服務(wù)器指定目錄，管理員將在后臺(tái)教程管理模塊中對(duì)教程信息進(jìn)行管理，并將修改過的教程信息反饋給該用戶.

（2）網(wǎng)絡(luò)硬盤.當(dāng)用戶完成對(duì)網(wǎng)絡(luò)硬盤空間的操作，管理員可以在后臺(tái)管理網(wǎng)絡(luò)硬盤模塊中管理該用戶的網(wǎng)絡(luò)硬盤的使用信息，并將對(duì)該用戶網(wǎng)絡(luò)硬盤的管理信息反饋給該用戶.

（3）發(fā)表主題.當(dāng)用戶填寫完主題信息后，將該主題信息添加到數(shù)據(jù)表中，并由論壇管理員對(duì)用戶發(fā)表的主題進(jìn)行管理，將管理后的主題信息反饋給該用戶.

（4）發(fā)表回復(fù).用戶選擇相應(yīng)的主題進(jìn)行回復(fù)后，論壇管理員可以對(duì)用戶發(fā)表的主題回復(fù)進(jìn)行管理，并將論壇管理員的回復(fù)信息反饋給該用戶.

登錄用戶部分業(yè)務(wù)流程如圖1所示.

圖1 登錄用戶部分業(yè)務(wù)流程圖Fig.1 Part of the business process diagrams of login user

2 基于Internet互動(dòng)學(xué)習(xí)平臺(tái)的總體設(shè)計(jì)

2.1 基于Internet的互動(dòng)學(xué)習(xí)平臺(tái)總體設(shè)計(jì)

依據(jù)上述功能的分析，系統(tǒng)中模塊分別為：個(gè)人信息管理、發(fā)布教程、上傳影音、視頻課堂、語音課堂、網(wǎng)絡(luò)硬盤、聊天室、論壇、公告管理、教程管理、用戶管理、網(wǎng)絡(luò)硬盤管理、系統(tǒng)管理.互動(dòng)學(xué)習(xí)平臺(tái)系統(tǒng)功能結(jié)構(gòu)如圖2所示.

圖2 互動(dòng)學(xué)習(xí)平臺(tái)系統(tǒng)功能結(jié)構(gòu)圖Fig.2 System function structure chart of interactive learning platform

2.2 基于Internet的互動(dòng)學(xué)習(xí)平臺(tái)數(shù)據(jù)庫設(shè)計(jì)

在這里每一個(gè)實(shí)體便代表數(shù)據(jù)庫中的一個(gè)表，由于表與表是有聯(lián)系的，所以實(shí)體之間必然也存在聯(lián)系.經(jīng)分析可得到系統(tǒng)的E－R模型圖，見圖3.

圖3 互動(dòng)學(xué)習(xí)平臺(tái)系統(tǒng)數(shù)據(jù)庫E－R圖Fig.3 E－R diagram of database of interactive learning platform system

2.3 基于Internet互動(dòng)學(xué)習(xí)平臺(tái)的實(shí)現(xiàn)

系統(tǒng)共有13個(gè)模塊，下面對(duì)系統(tǒng)主要功能模塊進(jìn)行說明.

2.3.1 系統(tǒng)主界面實(shí)現(xiàn)

本系統(tǒng)的主界面是在表格布局的基礎(chǔ)上利用用戶自定義控件技術(shù)實(shí)現(xiàn)的，并且為增加網(wǎng)站的視覺效果還利用了css樣式表技術(shù)對(duì)界面進(jìn)行了美化.在首頁局部模塊（如網(wǎng)站公告模塊）還利用html技術(shù)實(shí)現(xiàn)了滾動(dòng)效果，增添了網(wǎng)站的視覺美感.系統(tǒng)主界面如圖4所示.

圖4 系統(tǒng)主界面Fig.4 Main interface of the system

2.3.2 發(fā)布教程功能實(shí)現(xiàn)

用戶只有成功登錄以后才具有發(fā)布教程的權(quán)限，用戶可以選擇發(fā)布教程的類型視頻教程或語音教程，并且可以查看已發(fā)布過的教程，對(duì)于發(fā)布過的教程根據(jù)點(diǎn)擊率的多少在前臺(tái)頁面排序顯示.發(fā)布教程頁如圖5所示.

圖5 發(fā)布教程Fig.5 Presentation of a tutorial

實(shí)現(xiàn)目標(biāo)：只有登錄用戶才能通過首頁導(dǎo)航條上的發(fā)布教程按鈕進(jìn)入到此發(fā)布教程頁，用戶需要填寫教程名稱、教程類型、課程類型、內(nèi)容簡介和需要上傳的文件才能成功發(fā)布教程，發(fā)布成功以后就可以與其他學(xué)習(xí)者分享自己發(fā)布的教程了.如果選擇教程類型是視頻，那么格式限制為wmv；如果選擇教程類型是語音，那么格式限制為mp3；如果想要發(fā)布其他媒體格式的教程，那么需要進(jìn)入上傳影音頁，由管理員審核并格式轉(zhuǎn)化后才能發(fā)布教程.

實(shí)現(xiàn)過程：首先用一個(gè)DropDownList控件來綁定tb＿Type（語言類型表）的語言類型名稱，當(dāng)用戶點(diǎn)擊發(fā)布按鈕后，后臺(tái)代碼判斷文件類型是否符合格式要求、判斷在服務(wù)器上此文件名稱的文件是否存在，如果均符合要求，則將教程信息添加到數(shù)據(jù)庫，并將文件上傳到系統(tǒng)服務(wù)器.在編寫文件類型判斷代碼時(shí)如果采用大家常用的if（FileUpload1. FileName. Substring （File Upload1.File Name.LastIndexOf（“.”）＋1）＝＝“wmv”）代碼來判斷文件類型，攻擊者就可以通過修改文件后綴格式為wmv的方法實(shí)現(xiàn)服務(wù)器欺騙，如果欺騙的文件是一個(gè)網(wǎng)頁木馬，那么很有可能整個(gè)平臺(tái)就會(huì)成為黑客掛馬的工具，使訪問該網(wǎng)站的用戶都會(huì)成為傳播木馬的受害者，即使是普通文件，也會(huì)因?yàn)椴荒苷２シ哦鴶_亂網(wǎng)站的正常次序.本系統(tǒng)采用的文件格式判斷方法是利用上傳控件PostFile對(duì)象的ContentType屬性來獲取客戶端發(fā)送的文件的 MIME內(nèi)容類型，由于瀏覽器在向服務(wù)器發(fā)送請(qǐng)求前，首先會(huì)確定發(fā)送內(nèi)容的MIME類型，并將MIME類型作為信息的一部分提交到服務(wù)器端.

2.3.3 網(wǎng)絡(luò)硬盤功能實(shí)現(xiàn)

網(wǎng)站注冊(cè)用戶享有100M最大上傳文件和10M的私人網(wǎng)上磁盤空間，但允許用戶上傳文件的格式限于zip、rar、jpg、gif、bmp、doc.初始界面如圖6所示.

圖6 網(wǎng)路硬盤初始界面Fig.6 Initial interface of network hard disk

實(shí)現(xiàn)目標(biāo)：

（1）在 Web.config文件中定義文件上傳路徑、上傳類型限制、總文件夾容量限制、單個(gè)文件大小限制等參數(shù)，方便以后隨時(shí)調(diào)整.程序通過讀取Web.config文件夾獲取這些數(shù)據(jù).

（2）4個(gè)界面通過 MultiView進(jìn)行切換，頁面頂部下拉列表框提供4個(gè)界面的切換，改變選項(xiàng)自動(dòng)切換界面.

（3）管理文件界面中使用ListBox列出目錄中所有文件，單擊任何一項(xiàng)都自動(dòng)在右部給出文件詳細(xì)信息，并且把文件名輸入到“對(duì)文件重命名”按鈕前的文本框中.

（4）對(duì)沒有選擇上傳文件、上傳文件的類型不匹配、大小超過單個(gè)文件限制、大小超過文件夾可用容量、上傳成功等情況都使用客戶端警告框給予提示.

實(shí)現(xiàn)過程：本模塊不涉及到利用ADO.NET數(shù)據(jù)庫訪問技術(shù)而是應(yīng)用 Directory、DirectoryInfo、File、FileInfo類利用C＃編程思想實(shí)現(xiàn)對(duì)文件和文件夾的操作.只有登錄用戶才能擁有使用此功能的權(quán)限，每個(gè)用戶名對(duì)應(yīng)服務(wù)器端的一個(gè)文件夾名稱，當(dāng)用戶登錄時(shí)首先判斷該用戶名的文件夾在服務(wù)器上是否存在，如果不存在則利用Directory類的CreateDirectory方法創(chuàng)建一個(gè)文件夾.

3 結(jié) 論

本文主要介紹了基于Internet的互動(dòng)學(xué)習(xí)平臺(tái)的研發(fā)項(xiàng)目的分析和設(shè)計(jì)過程，系統(tǒng)完成了預(yù)期的全部功能，具有個(gè)人信息管理、教程發(fā)布、上傳影音、視頻／語音課堂、網(wǎng)絡(luò)硬盤、聊天室、論壇、公告管理、教程管理、用戶管理、網(wǎng)絡(luò)硬盤管理、系統(tǒng)管理等功能.本系統(tǒng)利用動(dòng)態(tài)網(wǎng)頁來與用戶交互.本系統(tǒng)中采用ASP.NET＋SQL Server的數(shù)據(jù)庫連接技術(shù)，開發(fā)了一個(gè)基于Internet的互動(dòng)學(xué)習(xí)平臺(tái)，實(shí)現(xiàn)了自主學(xué)習(xí)交互式管理.

［1］ 張偉遠(yuǎn).網(wǎng)絡(luò)教學(xué)發(fā)展模式的理論構(gòu)建與應(yīng)用［J］.現(xiàn)代遠(yuǎn)程教育研究，2013（1）：14－23.

（Zhang Weiyuan. The Theoretical Construction and Application of the Development Mode for Online Instruction［J］.Modern Distance Education Research，2013（1）：14－23.）

［2］ 劉瑩昕，石偉.基于ASP的電子檔案袋評(píng)價(jià)系統(tǒng)的設(shè)計(jì)［J］.沈陽大學(xué)學(xué)報(bào)，2011，23（6）：111－114.

（Liu Yingxin，Shi Wei.E－Portfolio Evaluation System Design Based on ASP［J］.Journal of Shenyang University，2011，23（6）：111－114.）

［3］ 徐苑苑，張際平.開放教育資源的應(yīng)用模式研究［J］.現(xiàn)代教育技術(shù)，2013，23（5）：78－83.

（Xu Yuanyuan，Zhang Jiping.Research on Open Education Resources Application Model［J］. Modern Educational Technology，2013，23（5）：78－83.）

［4］ 張靜，蔣立兵，楊方正.遠(yuǎn)程教育視野下的成人在線學(xué)習(xí)平臺(tái)設(shè)計(jì)［J］.江蘇教育研究，2013（24）：12－15.

（Zhang Jing，Jiang Libing，Yang Fangzheng.On the Design of Adult Learning Platform from the Perspective of Distance Education［J］.Jiangsu Education Research，2013（24）：12－15.）

［5］ 李萍.Web 2.0環(huán)境下基于 Moodle的讀者自助學(xué)習(xí)平臺(tái)的實(shí)現(xiàn)［J］.科技情報(bào)開發(fā)與經(jīng)濟(jì)，2013，23（16）：124－126.

（Li Ping.The Implementation of Reader's Self－learning Platform Based on Moodle under Web 2.0Environment［J］.Sci－Tech Information Development ＆ Economy，2013，23（16）：124－126.）

［6］ 安文廣，陳剛.基于Internet的網(wǎng)絡(luò)工程虛擬實(shí)驗(yàn)室平臺(tái)架構(gòu)設(shè)計(jì)［J］.無線互聯(lián)科技，2013（9）：84－85.

（An Wenguang，Chen Gang.Platform Structuring Design of Network Engineering Virtual Laboratory Based on Internet［J］.Wireless Technology，2013（9）：84－85.）