如何通過開源的Drupal 自建視頻課程平臺
視頻課程平臺㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,第三方的平臺很多ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,但是有很多限制㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,比如內容結構限制♀☿☼☀☁☂☄、不能自定義分類㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉、自定義頁面☾☽❄☃,跟自由系統對接①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,內容資源獨立管理✺ϟ☇♤♧♡♢♠♣♥,當然作為一個學校或者機構☾☽❄☃,用第三方的平臺☈⊙☉℃℉❅,會感覺內容不成體系⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,用戶體驗也比較差㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,因此自建平臺是學校或機構的最佳選擇☧☬☸✡♁✙♆。,、':∶;。
當然♦☜☞☝✍☚☛☟✌✽✾✿❁❃,最重要的一點웃유ღ♋♂,還是內容的版權問題⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,比如只希望付費用戶☈⊙☉℃℉❅、或者只希望校內用戶使用❻❼❽❾❿⓫⓬⓭⓮⓯⓰,不希望公開發布㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,那樣第三方平臺無論如何都是不能滿足的⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓。
因此❻❼❽❾❿⓫⓬⓭⓮⓯⓰,自建視頻課程平臺從用戶體驗☾☽❄☃、資源管理⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ、功能定制方面❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣,都是必要的⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓。
之前我們講過一個通過Drupal構建自建視頻課程平臺☈⊙☉℃℉❅,但是沒有講解更詳細的步驟⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,這次我們把更詳細的步驟
還是先回顧一下整體的技術架構㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,如下圖:

數據結構
我還是先整理一下內容結構①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,從創建內容結構開始✵✶✷✸✹✺✻✼❄❅。一圖勝萬言ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ,可以參考下面的結構圖:

根據上圖㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,我們可以整理出如下的內容結構⑰⑱⑲⑳⓪⓿❶❷❸❹❺,
- 課程類型
- 章節類型
- 課件類型
- 教學問答
- 在線測試✵✶✷✸✹✺✻✼❄❅、考試
- 學時統計
- 證書類型
其中4⒜⒝⒞⒟⒠⒡⒢⒣⒤、5我們可以參考之前的文章⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,CMS如何構建問卷調查ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ,問卷平臺本質和考試是類似的❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣,只是考試會加上自動評分機制㈠㈡㈢㈣㈤㈥㈦,這次我們重點關注課程這個數據類型㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,其他的后面的篇幅再做講解✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴。
課程的數據結構
我們簡單列一下課程的主要結構ⓣⓤⓥⓦⓧⓨⓩ,當然更多字段信息可以自行增加⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,下面的是課程的結構
課程的機構:
|
字段 |
類型 |
|
課程標題 |
字符 |
|
課程介紹 |
富文本 |
|
課程分類 |
類型選擇 |
|
課程標簽 |
標簽選擇 |
|
課程封面 |
圖片 |
|
課程章節列表 |
關聯多個章節 |
|
課程資料 |
關聯多個文件 |
|
課程是否公開 |
是否公開 |
|
課程作業 |
關聯多個作業ID |
章節的結構:
其實課程的章節本身一個樹形列表⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,這個樹每個葉子是一個章節⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾,每個章節其實比較簡單❻❼❽❾❿⓫⓬⓭⓮⓯⓰,就是章節的標題☈⊙☉℃℉❅,介紹웃유ღ♋♂,以及關聯的視頻㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉。當然這個章節可以不用關聯視頻ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,只是一個大綱①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,比如第二章❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣,這樣一個標題㈠㈡㈢㈣㈤㈥㈦,表示他是一個容器⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,第二章下面會有很多章節ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ。
|
字段 |
類型 |
|
章節名 |
字符串 |
|
章節介紹 |
富文本 |
|
視頻 |
關聯媒體ID |
其他數據結構
課程的資料可以通過文件①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,關聯多個文件☾☽❄☃,包括支持PPT♦☜☞☝✍☚☛☟✌✽✾✿❁❃、DOC等文件格式❻❼❽❾❿⓫⓬⓭⓮⓯⓰。
課程的作業和考試✵✶✷✸✹✺✻✼❄❅,可以關聯多個問卷\考試的即可❻❼❽❾❿⓫⓬⓭⓮⓯⓰。
課程的學時統計ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ,這個需要單獨開發一個學時統計ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,包括記錄每個學生播放每個視頻的進度ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ、時長①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯、完成度等✵✶✷✸✹✺✻✼❄❅。
界面效果
還是秉持我們簡潔的風格☈⊙☉℃℉❅,基于Drupal的前端⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,我們統一采用API的方式✵✶✷✸✹✺✻✼❄❅,前端可以用任意的VUE①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯、React去構建即可☈⊙☉℃℉❅,就不再多做說明⒜⒝⒞⒟⒠⒡⒢⒣⒤。
最終⒜⒝⒞⒟⒠⒡⒢⒣⒤,當我們構建完成☧☬☸✡♁✙♆。,、':∶;,就可以有一個完整的課程展示平臺✵✶✷✸✹✺✻✼❄❅,可以參考下面的界面:

課程自定義首頁

課程平臺二級頁面

課程平臺列表頁

課程詳細展示頁
其他在線教育和視頻平臺的相關資料㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,請參考我們之前的文章:
2. 在線視頻教育學習平臺介紹
3. 如何用開源的系統來構建知識庫平臺✺ϟ☇♤♧♡♢♠♣♥?
4. 開源的CMS如何實現問卷調研ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ?
更多詳細的功能和說明ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ,可以下載我們的官方文檔查閱☈⊙☉℃℉❅,(請點擊下方的附件)
如果咨詢更多方案☧☬☸✡♁✙♆。,、':∶;,請按下方聯系方式添加微信溝通㈠㈡㈢㈣㈤㈥㈦。