Synthetic demo · 非正式課程簡報

SOIL 互動功能範本

固定版面 HTML 投影片 · PostgreSQL · WebSocket 即時互動

本頁主張:簡報可以像投影片一樣穩定,又像 app 一樣即時互動。

理解任務:依序試用文字雲、投票與匿名提問牆。

固定版面
不跑版
Zeabur
明確 release
PostgreSQL
學員輸入
本機
講師語音

架構

雲端互動 · 本機進階

本頁主張:學員只需瀏覽器;講師進階功能留在本機。

理解任務:看懂 Zeabur 與 presenter-server 的分工。

學員
Zeabur 網址
API
REST + WS
資料
PostgreSQL
講師
presenter-server

GitHub merge 與 Zeabur production release 分開執行。

互動 1|破冰

說出你的關鍵字

本頁主張:先把想法攤開,全場一起看見。

理解任務:輸入 1 至 3 個關鍵字,觀察文字雲即時長出來。

送出關鍵字後,文字雲會出現在這裡。

WebSocket 會把每個人的輸入即時同步到全場。

互動 2|快速判斷

你對互動簡報有多熟悉?

本頁主張:固定選項適合快速掌握全場起點。

理解任務:選一個最接近目前狀態的答案;改選時只保留最新一票。

公開畫面只顯示票數,不顯示 participant ID。

互動 3|提問牆

現在最想追問什麼?

本頁主張:公開提問可以讓講師即時調整節奏。

理解任務:請勿輸入姓名、學生資料或其他個人資訊。

尚未收到提問。

內容是未受信任的公開輸入;講師應先閱讀再引用。

媒體|按需載入

YouTube 不必跟著整份簡報一起啟動

本頁主張:第三方影片只在觀眾明確選擇後載入,離頁就停止。

理解任務:按下載入影片,再換頁確認播放與網路資源會被卸載。

YOUTUBE · PRIVACY MODE

影片尚未連線

先保留課堂頻寬,也避免觀眾尚未觀看時就連到第三方服務。

Embed 固定使用 youtube-nocookie.com;這是降低追蹤,不代表完全匿名。

鏡頭|明確授權

鏡頭只在這一頁、這一次開啟

本頁主張:需要鏡頭的互動,也可以把權限與資源生命週期說清楚。

理解任務:開啟鏡頭並移動身體,觀察動作如何改變粒子;再換頁確認鏡頭關閉。

LOCAL · NO UPLOAD
CAMERA / USER GESTURE

用身體攪動生成粒子

低解析度影格差異只在本機算出動作位置;不錄影、不辨識身分,也不把影像送出瀏覽器。

拒絕鏡頭也能用滑鼠互動;Presenter 只委派 camera,不開 microphone。

程式|按頁運行

每一頁都可以是一段活的視覺程式

本頁主張:互動程式應隨 slide 進場、離場,不在背景持續耗電。

理解任務:移動游標、點擊畫面,再切換頁面觀察動畫停止與恢復。

下一步

帶走一個判斷

本頁主張:工具會換,互動簡報的工作流可以留下來。

理解任務:想想你下一場分享要多哪一種互動。

01文字雲破冰
02即時投票
03匿名提問牆

repo:cyclone-tw/cyclone-deck