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 不必跟著整份簡報一起啟動
本頁主張:第三方影片只在觀眾明確選擇後載入,離頁就停止。
理解任務:按下載入影片,再換頁確認播放與網路資源會被卸載。
影片尚未連線
先保留課堂頻寬,也避免觀眾尚未觀看時就連到第三方服務。
Embed 固定使用 youtube-nocookie.com;這是降低追蹤,不代表完全匿名。
鏡頭|明確授權
鏡頭只在這一頁、這一次開啟
本頁主張:需要鏡頭的互動,也可以把權限與資源生命週期說清楚。
理解任務:開啟鏡頭並移動身體,觀察動作如何改變粒子;再換頁確認鏡頭關閉。
用身體攪動生成粒子
低解析度影格差異只在本機算出動作位置;不錄影、不辨識身分,也不把影像送出瀏覽器。
拒絕鏡頭也能用滑鼠互動;Presenter 只委派 camera,不開 microphone。
程式|按頁運行
每一頁都可以是一段活的視覺程式
本頁主張:互動程式應隨 slide 進場、離場,不在背景持續耗電。
理解任務:移動游標、點擊畫面,再切換頁面觀察動畫停止與恢復。
下一步
帶走一個判斷
本頁主張:工具會換,互動簡報的工作流可以留下來。
理解任務:想想你下一場分享要多哪一種互動。
repo:cyclone-tw/cyclone-deck