劉國輝,王東政
(沈陽大學(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].
根據(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
依據(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
在這里每一個(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
系統(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)椴荒苷2シ哦鴶_亂網(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è)文件夾.
本文主要介紹了基于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.)