ViewSonic在職專案 - myViewBoard Classroom

Avatar of 吳振宇 Jason Wu.
Avatar of 吳振宇 Jason Wu.

ViewSonic在職專案 - myViewBoard Classroom

網頁前端工程師
Taipei City, Taiwan
- 連結 https://myviewboard.com/classroom - 前言 這是我在來到這間公司所做的第一個正式對外專案,是一個為了幫使用者整合各式教育平台的教學內容。結合以前在教學上的經驗,並且研究不同地區老師的教學習慣,幫老師們可以更快速,更精準的去實作多元的教學模式。我同時也利用創新的思維,提供打破以往教學模式的方法,例如即時同步白板,多人互動遊戲等,增加教學戶動性。這是一個非常有挑戰性的專案,也收穫很多。 - 專案目標 myViewBoard Classroom目前主要與 Google旗下的服務做深度的功能整合,包括Google Classroom, Google Calendar, Google Drive 和 YouTube服務,讓使用者可以用最簡單的方式去準備課程資料,管理學生,並且和這些已經非常方便的第三方服務整合,減少備課的麻煩,增加教學品質。 - 專案架構 myViewBoard Classroom主要分為兩個專案進行 : 1. 主站:包含教室管理,教育資源管理,教育資源分享,課表制定,人員管理等。主要給使用者對於 “教育資源”做管理以及共享,與第三方的平台的互動主要也會在這邊進行。 2. 內容編輯器/簡報器:主要為教學課程的製作平台,可以進行課程內容的編輯,進行各式各樣的內容創作。簡報器更是能夠讓多人同時能夠一間教室中,透過mqtt廣播的方式,同步廣播課程,更可以透過我們提供的資源裡面的“小工具”,達到與學生互動的目的。 兩個專案分別以React + Typescript / Pure React 為框架,分別由我(負責主站)和另外一個資深工程師(負責內容編輯器/簡報器),搭配Material UI - React 作為基礎的畫面建構,Redux為主要資料流控制,同時也使用最新的React Hook來實作Functional Programming。而主站與內容編輯器由於是分開的兩個專案,我們利用nginx來做兩個專案內的轉址。專案內也導入了與 Team Service互動的自動化部屬,方便團隊管理及部署。
Avatar of the user.
Please login to comment.

Published: Dec 22nd 2019
167
8
0

Tools

javascript
JavaScript
typescript
TypeScript
react
React

MQTT
Canvas
TypeScript
Material Design
Redux
React.js

Share