莫斯利如何一步一步打造自己的線上影音學習 SaaS 平台
莫斯利目前開發的，並不只是一個一般的補習班網站。
它是一套從實際線上教學需求出發，經過長時間使用、測試、修改與重新設計，逐步發展而成的線上影音學習系統。
這次的開發，對莫斯利而言，也不單純是一項網站建置工作。
更像是一場從「自己使用的系統」，逐步走向「可以提供給其他補習班使用的產品」的研發過程。
從自己的需求開始
莫斯利本身長期投入線上教材與線上教學，因此很早就知道，一套真正能夠長期使用的線上補課系統，並不是把影片放上網路、再加上一個會員登入功能這麼簡單。
真正開始使用之後，很快就會遇到各種實際問題：
學生要怎麼登入？
不同學生可以看到哪些課程？
課程是否有使用期限？
免費試聽與正式課程如何區分？
影片與教材檔案如何管理？
課程內容如何分類？
網站複製或重新建立之後，系統又應該如何管理？
這些問題，都是實際營運之後才會真正感受到的。
因此，這次的開發並不是先畫出一份漂亮的規格書，再想像使用者未來會怎麼使用。
而是反過來：
先從實際使用中遇到的問題出發，再逐步把解決方式寫進系統。
從網站，到真正的線上學習系統
最初的需求看起來很單純。
網站需要有課程、會員、影片與教材。
但隨著功能逐漸增加，系統開始形成比較完整的結構。
課程資料由 CMS 管理，學生透過會員系統登入，課程內容則分成影片與教材檔案。
同時，系統還需要處理不同學生的課程使用權限與期限。
因此，原本單純的「網站」逐漸變成：
網站＋會員＋課程＋教材＋影音＋授權管理
彼此互相連動的一套系統。
這也是整個研發過程中很重要的一個轉折。
Wix 不只是做網站
這次開發大量使用了 Wix Studio、Velo、CMS，以及 Wix Blocks 等技術。
Wix 原本給人的印象，很容易停留在「網站製作平台」。
但實際深入開發之後，可以發現它也能夠承載相當完整的應用程式邏輯。
例如：
CMS 資料結構
會員系統
後端 Velo 程式
Web Modules
API
Wix Blocks App
網站前端與後端之間的資料交換
這些技術逐漸組合起來之後，Wix 在這個專案裡所扮演的角色，就已經不只是網站編輯器。
而是整套線上學習系統的重要基礎。
影音播放也不是單純放一支影片
線上補課的核心當然是影音。
這次的影音架構採用 Bunny Stream，並配合網站本身的課程與會員系統。
課程資料與影片資料分開管理，學生進入課程之後，系統依照目前的課程與授權狀態，提供對應的內容。
這樣做的目的，是讓網站本身負責「課程與學生的管理」，而影音服務則負責「影片的傳送與播放」。
兩者各自處理自己擅長的事情。
這也是整個系統逐漸成熟之後形成的重要架構概念。
真正困難的，其實是授權邏輯
開發過程中，最需要反覆測試的部分之一，就是「誰可以看到什麼」。
例如：
學生登入，不代表他可以看到所有課程。
學生有某門課程的權限，也不代表權限永遠有效。
課程可能有不同的使用期限。
免費試聽課程與正式課程，也需要有不同的處理方式。
因此，系統最後形成了比較明確的分層概念：
網站本身的使用權限
以及
學生個人的教材使用權限
兩者並不是同一件事情。
這種分層，讓系統在後續擴充時更加清楚，也避免所有判斷都混在同一段程式裡。
Wix Blocks：從自己的系統走向可以交付的產品
當系統逐漸成熟之後，另一個問題出現了：
如果這套系統未來要提供給其他補習班使用，難道每一家都要重新做一次嗎？
答案當然不是。
因此，研發開始進一步思考「產品化」。
其中一個重要方向，就是使用 Wix Blocks 將部分核心功能整理成可以重複使用的 App 元件。
這和單純複製一個網站不同。
網站可以複製。
但如果希望同一套核心功能可以在不同網站中重複運作，就必須重新思考：
哪些功能應該共用？
哪些資料屬於客戶自己的網站？
哪些程式應該封裝？
前端與後端如何分工？
如何讓客戶使用時，不需要理解底層技術？
這個過程，才真正讓原本的「補課網站」開始具有產品的樣子。
一套真正可以交付的系統
經過一連串測試與調整之後，目前這套系統已經不再只是概念或 Demo。
它具備：
課程管理
會員登入
課程授權
使用期限管理
線上影音播放
教材檔案管理
免費試聽
Wix Blocks App
CMS 資料架構
後端程式邏輯
系統授權管理
網站獨立運作機制
這些功能彼此之間並不是獨立存在。
而是組合成一個可以實際使用的完整線上影音學習系統。
從「自己使用」走向「提供給其他補習班」
這也是整個研發過程最有意思的地方。
最初只是因為自己有需求，所以開始研究。
研究之後發現，很多問題只有真正長期使用線上補課系統的人才會注意到。
於是一路從：
網站
做到：
線上補課系統
再做到：
可以重複部署的產品架構
最後形成：
莫斯利垂直型小型 SaaS 平台
所謂「垂直型」，是因為它不是為所有產業設計的通用平台，而是從補習班與補教業的實際需求出發。
它所處理的，是補習班每天真正會遇到的線上教學問題。
這不是一套套版網站
市面上當然有很多網站平台，也有很多線上開課系統。
莫斯利這次做的事情不太一樣。
因為這套系統並不是先做出一個「看起來可以用」的套版，再想辦法找使用者。
而是：
先實際使用，再發現問題；發現問題，再修改系統；修改之後，再實際測試；最後才逐步形成今天的產品。
因此，現在的系統裡面，其實累積的是很多年線上教學營運經驗，以及這一次重新進行系統化開發所留下來的技術成果。
最後，為什麼要把它做成 SaaS？
如果只是把系統做好，然後交給一間補習班使用，其實並不困難。
真正需要思考的是：
能不能讓不同補習班，在不需要重新開發整套系統的情況下，也能使用同一套核心架構？
這也是 SaaS 的核心精神之一。
莫斯利希望提供的，不只是一次性的網站建置。
而是一套可以持續維護、持續更新，也可以讓補習班長期使用的線上影音學習服務。
因此，這次的研發最後走向的，並不是單純的「網站製作」。
而是一套：
專為補習班設計的垂直型小型 SaaS 線上影音學習平台。
一段研發過程的紀錄
這篇文章對莫斯利而言，與其說是一份技術說明，不如說是一份研發過程的紀錄。
從實際營運需求出發，經過一次又一次測試、修改與重新思考，最後把原本只供自己使用的系統，逐步整理成一套可以實際交付給其他補習班使用的產品。
其中使用了哪些技術，其實不是最重要的事情。
真正重要的是：
這套系統不是為了展示技術而開發，而是因為真的要使用，所以才一路把它做出來。
這也是莫斯利這次投入這項研發，最值得留下來的一份紀錄。
也許，莫斯利有機會成為台灣教育市場中，第一批真正從教育現場出發、由老師親自投入研發並完成 SaaS 平台研發的教育業者之一。
📚 延伸閱讀
想進一步了解莫斯利的教學理念、課程特色與學習資源，歡迎閱讀：
👉 國中課程
👉 高中課程
👉 免費教材
