基于ThinkPHP框架的視頻教學(xué)網(wǎng)站的設(shè)計和實現(xiàn)
掃描二維碼
隨時隨地手機看文章
引 言
近年來,隨著計算機網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展,網(wǎng)絡(luò)教學(xué)已經(jīng)滲透到各大高校的教學(xué)改革中,利用網(wǎng)絡(luò)提高教師工作效率和學(xué)生的學(xué)習(xí)效率迫在眉睫。視頻教學(xué)網(wǎng)站的設(shè)計能很好地滿足這一理念,利用教學(xué)網(wǎng)站發(fā)布與教學(xué)進(jìn)度同步的教學(xué)視頻, 并可以通過視頻的評論留言和習(xí)題促進(jìn)教師和學(xué)生之間的互動交流,給教師和學(xué)生創(chuàng)造了很好的學(xué)習(xí)和交流的虛擬平臺。
1 系統(tǒng)設(shè)計
教學(xué)網(wǎng)站的開發(fā)環(huán)境是Windows+Apache+MySQL+PHP集成環(huán)境,是以ThinkPHP 框架為基礎(chǔ)的。
1.1 網(wǎng)站前臺設(shè)計
網(wǎng)站前臺主要包括個人信息動態(tài)展示、視頻列表、好友互動和賬號管理這幾個欄目。個人信息動態(tài)可以顯示自己的學(xué)習(xí)進(jìn)度以及好友的學(xué)習(xí)情況,視頻列表展示網(wǎng)站更新的視頻, 好友互動可以實現(xiàn)老師和學(xué)生、學(xué)生和學(xué)生之間的互動,賬號管理可以更改個人信息以及提供管理員進(jìn)入后臺。
前臺頁面的設(shè)計使得學(xué)生對學(xué)習(xí)進(jìn)度有一個很直觀的認(rèn)識,并且可以了解其他同學(xué)的學(xué)習(xí)狀態(tài),起到了相輔相成的作用,通過及時地提問和討論,增加了學(xué)生學(xué)習(xí)的積極性并提高了學(xué)習(xí)效率。
1.2 網(wǎng)站后臺設(shè)計
后臺主要是針對前臺的功能進(jìn)行管理,管理員可以通過視頻管理上傳視頻,通過用戶管理來管理學(xué)生,還可以通過評論管理來收集學(xué)生的代表性問題進(jìn)行有效且及時的解決。老師作為管理員,可以很容易就了解到學(xué)生的疑惑和需求,極大的提高了教師的工作效率。
1.3 數(shù)據(jù)庫設(shè)計
(1) 用戶信息表 :用來存儲管理員和普通用戶的基本信息和權(quán)限(見圖 1)。
(2) 視頻信息表 :用來存儲視頻的基本信息和連接地址, 由于本網(wǎng)站采用的是鏈接視頻地址,所以只需存儲視頻源文件地址,通過跳轉(zhuǎn)到視頻門戶網(wǎng)站實現(xiàn)視頻播放(見圖 2)。
圖 2 視頻信息表
評論信息表:存儲用戶評論信息和提問信息(見圖 3)。
圖 3 評論信息表
其他的數(shù)據(jù)庫表在此就不一一贅述了。
2 系統(tǒng)功能的實現(xiàn)與管理
2.1 用戶信息系統(tǒng)管理
為了能更好地反饋學(xué)生的學(xué)習(xí)情況,該系統(tǒng)記錄下了學(xué)生每次學(xué)習(xí)視頻的章節(jié)和進(jìn)度,并將信息展示在個人中心欄目里面 ;好友動態(tài)欄目里面顯示其他學(xué)員最近的學(xué)習(xí)情況 ;還可以通過好友搜索功能了解指定學(xué)員的學(xué)習(xí)進(jìn)展。
2.2 視頻文件系統(tǒng)管理
視頻文件的分類采用的是PHP 無限分類方法,可以無限的創(chuàng)建子類,將視頻更好地整理歸類 ;考慮到服務(wù)器的高昂成本,該系統(tǒng)的實現(xiàn)是將視頻文件上傳至優(yōu)酷視頻網(wǎng)站,然后將網(wǎng)站的Flash 播放地址存儲在數(shù)據(jù)庫中,然后通過鏈接地址訪問視頻文件,這種方法是現(xiàn)在視頻網(wǎng)站的主流方法,緩解了服務(wù)器的壓力并提高了用戶體驗質(zhì)量。
2.3 評論與回復(fù)系統(tǒng)管理
該系統(tǒng)的最大亮點之一就是實現(xiàn)了師生之間的交互。提高學(xué)習(xí)效率的最好的方法就是交流,此系統(tǒng)合理的運用了現(xiàn)在比較新穎的技術(shù) AJAX,實現(xiàn)網(wǎng)頁的異步刷新,在不影響視頻播放的同時,可以進(jìn)行評論和提問,被提問的人還能進(jìn)行實時的回復(fù)。交互功能的應(yīng)用極大地提高了學(xué)習(xí)效率。
3 網(wǎng)站的測試和上傳服務(wù)器
網(wǎng)站經(jīng)過我們實驗小組的多次實驗測試,良好地實現(xiàn)了用戶信息的展示、視頻上傳和播放以及評論與回復(fù)功能 ;網(wǎng)站的外觀上簡潔明了,功能邏輯性強,用戶體驗好。
我們云服務(wù)器上租用了一個 256MB的空間,用來上傳我們的網(wǎng)站。克服了一系列的困難,最終實現(xiàn)了廣域網(wǎng)對我們網(wǎng)站的正常訪問。
結(jié) 語
本網(wǎng)站采用的是ThinkPHP 框架和 MVC 模式。整個網(wǎng)站的代碼量較小易維護(hù),而且可拓展性強,為后期的發(fā)展打下了一個良好的基礎(chǔ) ;實現(xiàn)功能代碼與界面代碼的完美分離,安全性能更強 ;將視頻上傳至大型視頻網(wǎng)站,使得視頻的安全性提高 ;通過交互模式的教學(xué),更好地提高學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)效率,給傳統(tǒng)的教學(xué)模式提出了一種新的思路。