- 連結 https://myviewboard.com/host - 前言 這是協助團隊夥伴所開發的專案，為公司Web版本的電子白板，提供了很多方便的白板功能以及各式具有互動功能的小工具，也提供了模擬教室上課的機制，以「及時共享內容」為主幹，讓加入這個互動式白板的學生，能夠透過即時的內容視覺回饋，達到更容易吸收及理解課程內容的效果。這也讓我第一次接觸網頁畫布渲染技術的契機，探究關於畫面演算的技術，著實令人興奮。 - 專案目標 myViewBoard 主要著重在互動式教學的內容編輯以及展示，希望透過提供大量方便的線上工具，去取代教室內傳統的教學方式。如老師在備課的時候，一定得花費大量時間在準備教具以及教材上面，甚至有可能同時教授不同班級時，講義內容稍稍變動就必須大量重製，非常浪費資源。myViewBoard 透過與像是 Google Drive, One Drive 這樣的大量雲端儲存空間，讓老師們可以很輕鬆的存取他們的教材，也不需要重複編纂教材內容，也更容易的能夠針對不同班級、不同群體的學生們，為他們制定更精準、更符合教學現況的教材。同時，我們也提供豐富的教育資源，像是大量生動的影像及影片，如Boclips這類型的教育影片平台，使得老師可以視覺化教材內容，使得教學內容能夠符合現代的趨勢。 - 專案架構 myViewBoard 全站主要以React為架構，使用OOP的設計方法作為專案的骨幹。資料流的部分則不使用Redux，而是使用我們自己客製的中介層(middleware)去處理，提升渲染的效能。白板則是客製化開源的第三方函式庫 - Fabric.js, 加上我們封裝的元件去實現特殊標籤(如iframe)在canvas上的互動與嵌入，實現與白板互動的效果。當然，全站也根據material design去做設計。這個專案大多數的函式庫與元件都是我們自行撰寫的，外來的Library也只是單純只是我們的延伸，可維護性及擴充性極高，也是在這裡建構了我對於JS物件導向實作的概念。