關於 MDC Studio

MDC Studio 專注於直播影像呈現，提供各類演唱會、劇場、聲音等中小型演出的直播影像製作。

2021 年前，受創辦人委託參與主要官方網頁設計、付費直播串流影音平台設計以及器材租借平台設計（相關內容已下架）。

官方網站

(~November 2020)

基於 HTML/CSS/JavaScript 設計的網頁，提供工作室基本介紹以及所經手過的專案內容。

活動紀錄網頁

估價系統

估價系統基於 PHP，欲詢價可經由填寫表單了解報價，在詢價後將自動寄送 Email 至管理者與詢價者信箱以供後續追蹤。

器材租借平台

(~February 2022)

自工作室成立以來，創辦人不斷提出器材租借系統的要求，以增加不同財務收入。 在影視音實驗教育機構就讀時，了解到器材租借通常會伴隨隨附器材、器材維修以及器材單等機制，為了建立管理系統，系統分為使用者端以及管理者端，方便集中管理器材。

使用者購物車頁面

使用者租借訂單頁面

Line訊息通知

管理員介面

管理員介面各項器材借用請求狀態一目瞭然，同時可了解今日是否有任何器材借用預約。

所有訂單介面

訂單詳情

合約書

合約書

器材管理方面，同樣提供圖形化介面供管理員對器材進行增刪改查 (CRUD)，同時可以設定器材價格、長租優惠打折比例以及綁定關聯器材（例如：租借相機時自動勾選租借 SD 卡），達到工作室器材全方位管理的效益。

器材新增介面

特殊檔期部分，若工作室有相關團隊行程導致器材無法對外出租，可使用特殊檔期將該分類器材全數關閉租借；同時也可透過特殊檔期發布公告。

特殊檔期一覽

特殊檔期新增

製作

在無任何後端架設基礎之下，從頭自學 Node.js 及 JavaScript，並且在 Aaron Kao 分享協作之下，使用 Sails.js、Vue 以及 PostgreSQL（搭配 Waterline ORM）打造。

串流影音平台

(~January 2021)

此專案源自政大學生舉辦的音樂節，為了限定此音樂節僅給募資群眾觀看而設計及製作，但後因音樂節活動改為公開播映而暫停開發，等待將來其他類似需求出現。

網站設計

經過與 MDC Studio 團隊討論，實作出理想的系統運行方式——使用者只需輸入一個密碼即可登入收看活動。

為了防止多個使用者共用密碼的情況發生，後台資料庫也會記錄使用者的 IP、登入時間及登入客戶端等資訊。

使用流程