基于ThinkPHP框架的視頻教學(xué)網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)
掃描二維碼
隨時(shí)隨地手機(jī)看文章
引 言
近年來(lái),隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展,網(wǎng)絡(luò)教學(xué)已經(jīng)滲透到各大高校的教學(xué)改革中,利用網(wǎng)絡(luò)提高教師工作效率和學(xué)生的學(xué)習(xí)效率迫在眉睫。視頻教學(xué)網(wǎng)站的設(shè)計(jì)能很好地滿足這一理念,利用教學(xué)網(wǎng)站發(fā)布與教學(xué)進(jìn)度同步的教學(xué)視頻, 并可以通過(guò)視頻的評(píng)論留言和習(xí)題促進(jìn)教師和學(xué)生之間的互動(dòng)交流,給教師和學(xué)生創(chuàng)造了很好的學(xué)習(xí)和交流的虛擬平臺(tái)。
1 系統(tǒng)設(shè)計(jì)
教學(xué)網(wǎng)站的開(kāi)發(fā)環(huán)境是Windows+Apache+MySQL+PHP集成環(huán)境,是以ThinkPHP 框架為基礎(chǔ)的。
1.1 網(wǎng)站前臺(tái)設(shè)計(jì)
網(wǎng)站前臺(tái)主要包括個(gè)人信息動(dòng)態(tài)展示、視頻列表、好友互動(dòng)和賬號(hào)管理這幾個(gè)欄目。個(gè)人信息動(dòng)態(tài)可以顯示自己的學(xué)習(xí)進(jìn)度以及好友的學(xué)習(xí)情況,視頻列表展示網(wǎng)站更新的視頻, 好友互動(dòng)可以實(shí)現(xiàn)老師和學(xué)生、學(xué)生和學(xué)生之間的互動(dòng),賬號(hào)管理可以更改個(gè)人信息以及提供管理員進(jìn)入后臺(tái)。
前臺(tái)頁(yè)面的設(shè)計(jì)使得學(xué)生對(duì)學(xué)習(xí)進(jìn)度有一個(gè)很直觀的認(rèn)識(shí),并且可以了解其他同學(xué)的學(xué)習(xí)狀態(tài),起到了相輔相成的作用,通過(guò)及時(shí)地提問(wèn)和討論,增加了學(xué)生學(xué)習(xí)的積極性并提高了學(xué)習(xí)效率。
1.2 網(wǎng)站后臺(tái)設(shè)計(jì)
后臺(tái)主要是針對(duì)前臺(tái)的功能進(jìn)行管理,管理員可以通過(guò)視頻管理上傳視頻,通過(guò)用戶管理來(lái)管理學(xué)生,還可以通過(guò)評(píng)論管理來(lái)收集學(xué)生的代表性問(wèn)題進(jìn)行有效且及時(shí)的解決。老師作為管理員,可以很容易就了解到學(xué)生的疑惑和需求,極大的提高了教師的工作效率。
1.3 數(shù)據(jù)庫(kù)設(shè)計(jì)
(1) 用戶信息表 :用來(lái)存儲(chǔ)管理員和普通用戶的基本信息和權(quán)限(見(jiàn)圖 1)。

(2) 視頻信息表 :用來(lái)存儲(chǔ)視頻的基本信息和連接地址, 由于本網(wǎng)站采用的是鏈接視頻地址,所以只需存儲(chǔ)視頻源文件地址,通過(guò)跳轉(zhuǎn)到視頻門(mén)戶網(wǎng)站實(shí)現(xiàn)視頻播放(見(jiàn)圖 2)。
圖 2 視頻信息表
評(píng)論信息表:存儲(chǔ)用戶評(píng)論信息和提問(wèn)信息(見(jiàn)圖 3)。
圖 3 評(píng)論信息表
其他的數(shù)據(jù)庫(kù)表在此就不一一贅述了。
2 系統(tǒng)功能的實(shí)現(xiàn)與管理
2.1 用戶信息系統(tǒng)管理
為了能更好地反饋學(xué)生的學(xué)習(xí)情況,該系統(tǒng)記錄下了學(xué)生每次學(xué)習(xí)視頻的章節(jié)和進(jìn)度,并將信息展示在個(gè)人中心欄目里面 ;好友動(dòng)態(tài)欄目里面顯示其他學(xué)員最近的學(xué)習(xí)情況 ;還可以通過(guò)好友搜索功能了解指定學(xué)員的學(xué)習(xí)進(jìn)展。
2.2 視頻文件系統(tǒng)管理
視頻文件的分類采用的是PHP 無(wú)限分類方法,可以無(wú)限的創(chuàng)建子類,將視頻更好地整理歸類 ;考慮到服務(wù)器的高昂成本,該系統(tǒng)的實(shí)現(xiàn)是將視頻文件上傳至優(yōu)酷視頻網(wǎng)站,然后將網(wǎng)站的Flash 播放地址存儲(chǔ)在數(shù)據(jù)庫(kù)中,然后通過(guò)鏈接地址訪問(wèn)視頻文件,這種方法是現(xiàn)在視頻網(wǎng)站的主流方法,緩解了服務(wù)器的壓力并提高了用戶體驗(yàn)質(zhì)量。
2.3 評(píng)論與回復(fù)系統(tǒng)管理
該系統(tǒng)的最大亮點(diǎn)之一就是實(shí)現(xiàn)了師生之間的交互。提高學(xué)習(xí)效率的最好的方法就是交流,此系統(tǒng)合理的運(yùn)用了現(xiàn)在比較新穎的技術(shù) AJAX,實(shí)現(xiàn)網(wǎng)頁(yè)的異步刷新,在不影響視頻播放的同時(shí),可以進(jìn)行評(píng)論和提問(wèn),被提問(wèn)的人還能進(jìn)行實(shí)時(shí)的回復(fù)。交互功能的應(yīng)用極大地提高了學(xué)習(xí)效率。
3 網(wǎng)站的測(cè)試和上傳服務(wù)器
網(wǎng)站經(jīng)過(guò)我們實(shí)驗(yàn)小組的多次實(shí)驗(yàn)測(cè)試,良好地實(shí)現(xiàn)了用戶信息的展示、視頻上傳和播放以及評(píng)論與回復(fù)功能 ;網(wǎng)站的外觀上簡(jiǎn)潔明了,功能邏輯性強(qiáng),用戶體驗(yàn)好。
我們?cè)品?wù)器上租用了一個(gè) 256MB的空間,用來(lái)上傳我們的網(wǎng)站??朔艘幌盗械睦щy,最終實(shí)現(xiàn)了廣域網(wǎng)對(duì)我們網(wǎng)站的正常訪問(wèn)。
結(jié) 語(yǔ)
本網(wǎng)站采用的是ThinkPHP 框架和 MVC 模式。整個(gè)網(wǎng)站的代碼量較小易維護(hù),而且可拓展性強(qiáng),為后期的發(fā)展打下了一個(gè)良好的基礎(chǔ) ;實(shí)現(xiàn)功能代碼與界面代碼的完美分離,安全性能更強(qiáng) ;將視頻上傳至大型視頻網(wǎng)站,使得視頻的安全性提高 ;通過(guò)交互模式的教學(xué),更好地提高學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)效率,給傳統(tǒng)的教學(xué)模式提出了一種新的思路。





