[作品][Laravel] 台大演講網 影片分類展示與上架申請

網站名稱 : 台大演講網

開發年分 : 2016年

開發語言 : PHP – Laravel framework

資料庫 : MSQL

運行環境 : Windoes Server 2012 IIS

正式營運連結 : https://speech.ntu.edu.tw/ntuspeech/

作品連結 : http://works.alvinchen.club:8071/laravel/ntuspeech/public/

負責範圍 :

接洽討論 40%
程式開發 100%
後續維護 100%

內容簡介 :  台大演講網 為台灣大學教務處委託製作開發時間約6個月,其中影片來源為Youtube以及台大舊伺服器影片檔皆有,網站前台提供學生透過類型、主題、關鍵字、演講時間等條件搜尋相關影片,也提供各處室單位線上申請影片上架後直接列印申請表格送至負責單位,每支影片皆可設定是否開放留言以及相關標籤,另外前台也提供訂閱電子報功能。後台提供管理員設定網站相關顯示參數、媒體影片資料、靜態顯示資料、影片申請、電子報、會員管理等等功能,後台會員可依照群組不同透過樹狀圖勾選相對可以開放的功能,影片部分,除前台各處室相關申請以外也開放後台管理員直接新增台大伺服器影片以及Youtube影片功能。

  • 前台功能
首頁 : 依據不同裝置分成兩大區塊,第一大區塊電腦版展示入口影片,手機版因考量流量問題改採用靜態影片處理,第二大區塊顯示六大精選主題影片。

六大分類影片 : 分別依照影片設定的分類列表顯示影片縮圖以及標題,分別可依據瀏覽人次、喜歡人次以及影片上架時間來排序,並可以以照關鍵字、演講時間兩個條件來篩選出像要的影片。

影片內容 : 影片內容頁面左半部為影片嵌入播放器,右半部顯示影片詳細資料,包含日期、標題、作者、簡介,也可點選推薦影片、同標籤影片或者透過留言套件提供留言,每隻影片都可以分享至社群媒體。

拍攝申請 : 拍攝申請頁面必須經由API透過台大校園認證系統登入後取得認證才可以開始填寫資料,資料填寫時只允許填寫Youtube影片網址,並且必須要將申請表格列印後送交至相關處室,後台管理員在收到申請單後審核通過即可將影片上架。

  • 後台功能
SEO設定 : 提供管理員設定網站需要顯示的Title Keyword Description。

六大分類設定 : 六大分類指的是前台Menu上的六個影片分類,此區域提供管理員自由設定分類名稱以及選單前後順序排序。

拍攝申請流程說明 : 此頁面為RWD編輯器頁面,直接提供一個編輯器讓管理員可以自由編輯顯示內容,前台相對應為一個靜態顯示的頁面。

背景顏色設定 : 提供一個調色盤功能,可以自由設定前台顯示背景色,如未設定可預設顯示CSS定義好的顏色。

滿版影片 : 此處可上傳一個或者多個入口影片以及手機版的靜態圖片展示。

圖片輪播 : 此處提供上傳多張第二層入口顯示之輪播圖片,可自由設定標題、大標、小標、圖片、連結、上線日期以及自由排序。

社群ICON : 可自訂網站下方社群媒體連結顯示按鈕、樣式、連結與排序。

影片綜覽 : 前台所有影片管理頁面,提供管理員自由編輯每個影片的相關欄位,各處室申請上的資料也會在此頁出現,管理員可直接於此頁面審核資料確認影片是否要上架。

標籤管理 : 影片標籤茲了管理頁面。

精選主題清單設定 : 首頁下方精選主題清單管理,可提供設定相關影片、主題排序、顯示圖示等等項目。

關於我們、版權聲明、常見問題 : 此區塊為前台靜態頁面資料顯示管理,提供編輯器與列表資料管理可直接編輯前台相對應頁面資料。

電子報框架管理 : 提供管理員編輯電子報框架HTML內容,可透過RWD編輯器自由編輯表頭以及表尾內容,往後可以直接套用到要發送的電子報。

電子報發送內容管理 : 提供直接RWD編輯器直接編輯電子報內容,經由主管審核後便可透過排程發送至已訂閱用戶email,也提供測試發送功能,可以在發送前確認用戶收到的內容正確。

電子報會員管理 : 管理已訂閱電子報用戶名單,也可於此頁面新增訂閱用戶名單。

權限設定 : 後台管理員權限設定頁面,提供透過樹狀圖的方式勾選權限群組設定,每個頁面每項功能都可獨立管理是否開放使用。

管理員 : 編輯管理後台管理員資料,每位管理員可設定套用到不同的權限登入後就會顯示相對應的功能按鈕。

  • 功能截圖
前台 — 首頁
台大演講網 首頁
前台  — 影片列表頁
台大演講網 影片列表頁
前台 — 影片內容頁
台大演講網 影片內容頁
後台 — 系統登入頁
台大演講網 後台登入
後台 — 資料管理列表頁
台大演講網 後台管理

 

延伸閱讀 : 其他相關Laravel作品

首頁 » 作品整理 » Laravel » [作品][Laravel] 台大演講網 影片分類展示與上架申請

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *