Даниил Дрягин › danxay Сбер ID
Рейтинг
5 757
№ 265 в каталоге
Отзывы
0
Профессионализм
-/10
Коммуникация
- /10
Город
Санкт-Петербург
Опыт работы
3 года
На сайте с
2022 года
Юридический статус
Самозанятый

Интерактивный 3D-план квартиры в Home Assistant: управление светом Philips Hue, окнами, жалюзи и вентиляцией

Используемые навыки 3D-визуализация 3D-моделирование JavaScript Интеграция API Интерфейсы

Описание

Заказчик хотел управлять умным домом прямо с плана квартиры. Вместо десятков отдельных карточек в Home Assistant ему была нужна одна наглядная панель, на которой видно, где стоят устройства и какой свет горит. С неё же нужно было управлять светом, окнами, жалюзи и вентиляцией.

Отдельно прорабатывали освещение Philips Hue. Светильников в квартире много, часть из них RGB, поэтому кнопок на схеме было мало: план должен был показывать, как освещены комнаты, и при этом давать менять цвет, яркость и другие параметры.

Готовой 3D-модели квартиры не было. Были планировка, фотографии помещений и список устройств, поэтому в работу вошли сама модель, интерфейс и его интеграция с Home Assistant.

Решение

Начал с 3D-модели квартиры в Sweet Home 3D. По планировке и фотографиям воссоздал комнаты, мебель и основные детали интерьера, затем сделал рендер с видом сверху. Он и стал основой интерфейса.

Дальше сделал панель для Home Assistant:

- Расставил устройства на плане интерактивными точками, каждая показывает состояние своего устройства.
- Сделал управление Philips Hue: RGB-цвет, яркость и отдельные источники света внутри групп.
- Добавил подсветку помещений, чтобы включённый свет был виден на самом плане, а не одними иконками.
- Вывел на план управление жалюзи, окнами, вентиляторами и другими подключёнными устройствами.
- Развёл действия по нажатию и удержанию: нажатие быстро включает свет, удержание открывает подробные настройки светильника.
- Сделал редактор привязок прямо в интерфейсе. Для каждой точки выбираются entity ID, и одно действие может управлять несколькими устройствами. Например, одна точка по нажатию переключает сразу два источника света, а по удержанию открывает настройки группы.

Панель установил в Home Assistant заказчика и подключил к его устройствам.

Результат

Вся квартира на одном экране: светильники стоят на своих местах, состояние устройств видно прямо на плане. Чтобы настроить свет, не нужно переходить между десятками карточек. Управление RGB-светом, группами светильников и остальными устройствами собрано в одном интерфейсе.

Панель работает в Home Assistant заказчика. После установки он проверил оборудование, сам настроил расположение жалюзи и подтвердил результат:

«Очень круто получилось, работает. Все светильники на своих местах».

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT Демо лендинга для производителя кухонь на заказ: квиз-калькулятор, портфолио с фильтрами и заявки на замер
Демо лендинга для производителя кухонь на заказ: квиз-калькулятор, портфолио с фильтрами и заявки на замер
126
Веб-разработка и IT Telegram-биржа заказов на проектную документацию: подбор инженеров по разделам, отклики и рейтинги
Telegram-биржа заказов на проектную документацию: подбор инженеров по разделам, отклики и рейтинги
158
Веб-разработка и IT Демо: Telegram Mini App для барбершопа с онлайн-записью, выбором мастера и промокодами
Демо: Telegram Mini App для барбершопа с онлайн-записью, выбором мастера и промокодами
273