手指動一動 全屋隨心控 FastWeb 實現智慧家居裝置監控與控制
智慧家居在物聯網技術興起后也逐漸成爲了一個熱門話題,它以人們居住的住宅為基本單元平臺,囊括了綜合佈線技術,網路通信技術,安全防範技術、自動控制技術、音視訊技術,通過上述技術的結合,提升居家的安全性、便利性,通過間接方式實現節能環保的目的。
智慧燈具,是智慧家居裝置中極為龐大的品類,不同的燈具,可實現的功能大同小異,基本包含開關,亮度,色溫,時間控制等。其中開關是較為常見的控制功能。
FastWeb 通過 SVG 圖形展示、APP 前端顯示技術與後臺通訊技術 (WebSocket、MQTT、ModbusTCP) 相結合,實現在 APP 中控制實際場景的燈具開關。 通過上述功能的結合,您可以自定設計您的專屬智慧家居控制界面與控制平臺,搭配開源的硬體控制平臺(ESP32、ESP8266)實現開關控制、裝置數據採集與監測,自動化流程控制等高級功能。
範例說明
- 範例使用 SVG 圖形技術製作家居場景,通過家居平面設計平臺 Sweet Home 3D,可以快速導出您的住宅的平面圖形。以此作為智慧控制場景的實景背景。
- 同樣使用 SVG 嵌入您所需的控制裝置,控制的裝置圖形可從 FastWeb 相簿中查詢獲取。如果您對 SVG 的文字不熟悉,也可以藉助專門的 SVG圖形編輯工具(FastWeb 自帶的 SVG 編輯器或者 InkScape)來輸出想要的 SVG 裝置圖示。
- 定義的 SVG 圖形需確定好要控制的子對象。
控制重點
- 此範例使用 WebSocket 進行控制,在控制時,WebSocket 也會通知監控界面實現狀態變化。
- 界面上的按鈕點選操作時,界面上的控制狀態變化,同時也會帶動裝置實現狀態切換。
相關鏈接
- 愛招飛網站:https://isoface.net/
- FastWeb簡介:https://isoface.net/isoface/production/software/fastweb/web
- FastWeb手冊:https://isoface.net/isoface/doc/fastweb/main/
- FastWeb快速上手:https://isoface.net/isoface/study/quick-start/2022-05-28-03-08-29/fastweb
- 範例說明:https://isoface.net/isoface/doc/fastweb/demo/app-home-iot/
- FastWeb線上試用:https://isoface.net/isoface/support/trial/fastweb