德扑之星有限公司官方网站

如何通過開源的Drupal 自建視頻課程平臺

 

視頻課程平臺㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,第三方的平臺很多ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,但是有很多限制㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,比如內容結構限制♀☿☼☀☁☂☄、不能自定義分類㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉、自定義頁面☾☽❄☃,跟自由系統對接①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,內容資源獨立管理✺ϟ☇♤♧♡♢♠♣♥,當然作為一個學校或者機構☾☽❄☃,用第三方的平臺☈⊙☉℃℉❅,會感覺內容不成體系⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,用戶體驗也比較差㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,因此自建平臺是學校或機構的最佳選擇☧☬☸✡♁✙♆。,、':∶;。

當然♦☜☞☝✍☚☛☟✌✽✾✿❁❃,最重要的一點웃유ღ♋♂,還是內容的版權問題⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,比如只希望付費用戶☈⊙☉℃℉❅、或者只希望校內用戶使用❻❼❽❾❿⓫⓬⓭⓮⓯⓰,不希望公開發布㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,那樣第三方平臺無論如何都是不能滿足的⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓。

因此❻❼❽❾❿⓫⓬⓭⓮⓯⓰,自建視頻課程平臺從用戶體驗☾☽❄☃、資源管理⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ、功能定制方面❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣,都是必要的⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓。

 

之前我們講過一個通過Drupal構建自建視頻課程平臺☈⊙☉℃℉❅,但是沒有講解更詳細的步驟⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,這次我們把更詳細的步驟

還是先回顧一下整體的技術架構㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,如下圖:

 

 

數據結構

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

 

 

根據上圖㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,我們可以整理出如下的內容結構⑰⑱⑲⑳⓪⓿❶❷❸❹❺,

  1. 課程類型
  2. 章節類型
  3. 課件類型
  4. 教學問答
  5. 在線測試✵✶✷✸✹✺✻✼❄❅、考試
  6. 學時統計
  7. 證書類型

其中4⒜⒝⒞⒟⒠⒡⒢⒣⒤、5我們可以參考之前的文章⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,CMS如何構建問卷調查ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ,問卷平臺本質和考試是類似的❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣,只是考試會加上自動評分機制㈠㈡㈢㈣㈤㈥㈦,這次我們重點關注課程這個數據類型㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,其他的后面的篇幅再做講解✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴。

課程的數據結構

我們簡單列一下課程的主要結構ⓣⓤⓥⓦⓧⓨⓩ,當然更多字段信息可以自行增加⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,下面的是課程的結構

課程的機構:

字段

類型

課程標題

字符

課程介紹

富文本

課程分類

類型選擇

課程標簽

標簽選擇

課程封面

圖片

課程章節列表

關聯多個章節

課程資料

關聯多個文件

課程是否公開

是否公開

課程作業

關聯多個作業ID

章節的結構:

其實課程的章節本身一個樹形列表⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,這個樹每個葉子是一個章節⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾,每個章節其實比較簡單❻❼❽❾❿⓫⓬⓭⓮⓯⓰,就是章節的標題☈⊙☉℃℉❅,介紹웃유ღ♋♂,以及關聯的視頻㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉。當然這個章節可以不用關聯視頻ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,只是一個大綱①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,比如第二章❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣,這樣一個標題㈠㈡㈢㈣㈤㈥㈦,表示他是一個容器⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,第二章下面會有很多章節ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ。

字段

類型

章節名

字符串

章節介紹

富文本

視頻

關聯媒體ID

其他數據結構

 

課程的資料可以通過文件①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,關聯多個文件☾☽❄☃,包括支持PPT♦☜☞☝✍☚☛☟✌✽✾✿❁❃、DOC等文件格式❻❼❽❾❿⓫⓬⓭⓮⓯⓰。

課程的作業和考試✵✶✷✸✹✺✻✼❄❅,可以關聯多個問卷\考試的即可❻❼❽❾❿⓫⓬⓭⓮⓯⓰。

課程的學時統計ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ,這個需要單獨開發一個學時統計ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,包括記錄每個學生播放每個視頻的進度ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ、時長①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯、完成度等✵✶✷✸✹✺✻✼❄❅。

 

界面效果

 

還是秉持我們簡潔的風格☈⊙☉℃℉❅,基于Drupal的前端⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,我們統一采用API的方式✵✶✷✸✹✺✻✼❄❅,前端可以用任意的VUE①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯、React去構建即可☈⊙☉℃℉❅,就不再多做說明⒜⒝⒞⒟⒠⒡⒢⒣⒤。

最終⒜⒝⒞⒟⒠⒡⒢⒣⒤,當我們構建完成☧☬☸✡♁✙♆。,、':∶;,就可以有一個完整的課程展示平臺✵✶✷✸✹✺✻✼❄❅,可以參考下面的界面:

 

課程自定義首頁

 

課程平臺二級頁面

 

課程平臺列表頁

課程詳細展示頁

 

 

其他在線教育和視頻平臺的相關資料㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,請參考我們之前的文章:

1. 如何通過開源方案自建視頻課程平臺

2. 在線視頻教育學習平臺介紹

3. 如何用開源的系統來構建知識庫平臺✺ϟ☇♤♧♡♢♠♣♥?

4. 開源的CMS如何實現問卷調研ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ?

5. 基于Drupal的在線教育網站案例

 

更多詳細的功能和說明ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ,可以下載我們的官方文檔查閱☈⊙☉℃℉❅,(請點擊下方的附件)

如果咨詢更多方案☧☬☸✡♁✙♆。,、':∶;,請按下方聯系方式添加微信溝通㈠㈡㈢㈣㈤㈥㈦。

 

附件

德扑之星官网下载 网站地图