現場演示 - 互動式燈光模擬
Open Solar Design Live Demo 是一款互動式太陽能照明模擬和控制演示系統，可讓使用者透過 Web 介面遠端控制虛擬 ESP32 設備，體驗真實的照明管理功能。系統採用前後端解耦架構，前端提供直覺的操作介面，後端透過WebSockets即時同步設備狀態，幫助客戶快速了解我們的產品特性和技術能力。
1. 用戶認證系統
系統提供完善的使用者登入和會話管理功能，確保示範環境的安全、有序使用。
1.1 登入功能
- - 帳戶登入：支援預設使用者名稱/密碼認證
- - 智慧驗證碼：點擊指定號碼即可完成驗證，防止自動化腳本攻擊
- - 會話狀態管理：即時偵測帳戶佔用狀態並顯示剩餘可用時間
- - 自動狀態偵測：頁面載入時自動檢查預設使用者的登入狀態
2. 照明設備控制
設備管理頁面提供全面的照明設備控制功能，支援設備切換、亮度調節、設備管理。
2.1 設備開關控制
- - 一鍵切換：透過切換開關控制設備開/關狀態
- - 即時同步：狀態變化即時推送到伺服器端和裝置端
- - 設備清單：顯示所有新增的照明設備及其目前狀態
2.2 亮度百分比調整
- - 數位輸入：支援0-100%亮度調節
- - 即時回饋：顯示目前亮度值
- - 持久性儲存：亮度設定儲存到資料庫中
2.3 設備管理
- - 新增設備：輸入設備ID和初始狀態（矩陣自訂）
- - 設備列表：點擊列表項目以查看和編輯設備詳細信息
3. 工作模式配置
智慧照明策略配置，支援多種工作模式自訂設定。
3.1 配置參數
- - Lighting Duration：照明持續時間（支援黃昏到黎明14小時或1-24小時）
- - 初始全亮度：初始全亮度持續時間（1-4小時）
- - DIM 亮度：低亮度百分比（30%-70%）
- - 黎明前全亮度：黎明前全亮度持續時間（1-3 小時）
3.2 模式結果顯示
- - 模式格式：例如D2D-2hr/50%/2hr代表黃昏到黎明模式，前2小時全亮度，中間50%亮度，黎明前2小時全亮度
- - 即時更新：配置變更後立即進行計算並立即顯示模式結果
4.時間軸可視化
即時時間軸顯示照明計畫的執行進度和狀態。
4.1 時間軸特徵
- - 時間軸顯示：按小時顯示照明計劃
- - 倒數計時顯示：目前小時的剩餘時間
- - 亮度狀態：每個時段預設亮度
- - 啟動狀態：啟動時隙的實際亮度
- - 手動覆蓋：目前時隙的手動設定值
- - 自動滾動：自動滾動到當前小時
5.ESP32簡訊
支援向 ESP32 裝置發送遠端簡訊。
5.1 訊息功能
- - 文字輸入：支援最多42個字元的文字輸入
- - 訊息發送：點擊發送或按回車鍵將訊息推送到 ESP32
- - 歷史日誌：顯示所有發送的訊息及其時間戳
6. 影片示範播放
主頁整合了YouTube影片示範來展示系統功能。
6.1 視訊特性
- - YouTube 影片嵌入：顯示 Live Demo 功能示範影片
- - 點選播放：點選播放按鈕開始播放
- - 全螢幕支援：支援全螢幕觀看
- - 關閉功能：點選關閉按鈕可停止播放並隱藏播放器
7. ESP32 設備端功能
硬體模擬層運作在ESP32設備上，實現設備控制與通訊。
7.1 核心功能
- - WiFi 連線：自動連接到配置的 WiFi 網路
- - OLED顯示器：即時顯示裝置狀態、訊息和操作模式
- - WebSocket通訊：與伺服器建立雙向即時連接
- - 狀態管理：維護設備運作狀態和設定訊息
- - HTTP 輪詢回退：當 WebSocket 斷開連線時自動切換到 HTTP 輪詢
八、技術特點
8.1 實時通訊
- - WebSocket推送：即時推送設備狀態、亮度、工作模式等變化
- - 心跳檢測：定期檢查連線健康狀態
- - 自動重連：連線中斷後自動嘗試重新連接
8.2 多設備支持
- - 設備ID識別：每個設備都有唯一的識別符
- - 多用戶隔離：不同用戶管理不同設備
- - 會話級儲存：裝置狀態在會話期間保持同步
8.3 安全性
- - 登入驗證：使用者名稱/密碼驗證
- - 驗證碼保護：防止自動登入嘗試
- - 會話逾時：5 分鐘不活動後自動登出
- - 設備佔用偵測：防止多個使用者同時操作相同設備
9. 工作流程
- - 步驟1：造訪首頁[http://www.opensolardesign.com/live-demo/live-demo]
- - 第二步：進入登入頁面，輸入預設使用者名稱和密碼
- - 第三步：點選驗證碼中指定號碼完成驗證
- - 第四步：登入成功後進入管理首頁
- - 步驟5：控制設備開關並調整燈光模組的亮度
- - 步驟6：配置工作模式（照明持續時間、初始全亮度持續時間、低亮度等）
- - 步驟7：查看時間軸，了解照明計畫的執行進度
- - 第 8 步：向 ESP32 設備發送簡訊
- - 第 9 步：觀看 YouTube 演示視頻以了解有關功能的更多信息
10. 未來的擴充功能
当前系统已经预留了语音交互、舵机控制、AI助手等功能的代码框架（目前未启用）。未來將逐步完善多裝置分組批量管理、燈光資料分析視覺化、行動裝置操作體驗最佳化，以及引進MQTT協定、邊緣運算、設備影子、OTA升級等技術特性。
結論
Open Solar Design Live Demo提供了太陽能照明控制系統的極簡且完整的演示，涵蓋了從使用者身份驗證、設備控制、操作模式配置到即時狀態監控的整個工作流程。該系統利用現代Web技術堆疊，透過WebSockets實現即時通信，為使用者提供流暢的互動體驗。目前的系統已經預留了語音互動、伺服控制等功能的程式碼框架，可以為未來進一步擴展智慧能力提供支援。