МПО-Информ

← Проекты и инженерная практика

Проект · Прототип интерфейса

Тёплый дом: панель климата и освещения

Единый экран для температуры в комнатах, отопления и освещения дома и участка.

Статус: демонстрационный прототип. Панель показывает сценарий использования и логику интерфейса. Температуры, погода и статусы устройств — демонстрационные данные; реальное оборудование к этой версии не подключено.

Прототип Тёплый дом: выбор комнаты, управление отоплением и график температуры
Экран проекта из предоставленной сборки. Имя пользователя заменено на «Гость». Числа, дата, статусы связи и показатель экономии на экране служат для демонстрации, а не подтверждают работу или эффективность оборудования. Нажмите для увеличения.

Задача проекта

Собрать основные функции домашней автоматики в понятной панели: выбрать помещение, увидеть его температуру, изменить уставку и перейти к освещению. План дома помогает связать показания с помещениями, а отдельные группы участка — ориентироваться во внешнем освещении.

Климат и отопление

Освещение дома и двора

В модели предусмотрены 16 световых линий: 10 внутри дома и 6 на участке. Релейные линии включаются и выключаются, диммируемые регулируются по яркости, у светодиодных лент можно выбрать оттенок. Состояние света отображается в списке устройств и на модели дома.

Внешнее освещение сгруппировано по зонам: бассейн, спортплощадка, двор и дорожки, главный дом, въезд и периметр. В исходной сборке предусмотрен растровый план участка. В публичном описании он не воспроизводится; для рабочего внедрения план и названия зон адаптируют под объект.

Что реализовано в прототипе

Работают выбор комнат, переключение экранов климата и света, изменение уставок, переключатели световых линий, яркость и цвет лент, выбор проекции и вращение модели. Эти действия меняют состояние интерфейса в браузере.

Изменения сбрасываются после перезагрузки страницы. Графики, погода и показания датчиков заданы в коде. Переключатели автоматического и таймерного режимов не запускают реальное расписание; часть кнопок профиля, диагностики и сценариев пока не имеет обработчиков.

Техническая основа

Интерфейс построен на React и Vite, со стилями CSS и иконками lucide-react. Предоставленный пакет содержит готовую статическую сборку и исходный код. Backend, API оборудования, авторизация приложения и база данных в этой версии отсутствуют.

Следующий этап внедрения

  1. Составить карту реальных помещений, датчиков, отопительных контуров и световых линий.
  2. Определить контроллеры и протоколы обмена; согласовать команды, допустимые пределы и подтверждение фактического состояния.
  3. Подключить серверную часть, авторизацию, права пользователей и защищённый доступ.
  4. Добавить хранение настроек, историю измерений, актуальную погоду и реальные расписания.
  5. Проверить ручное управление, потерю связи, перезапуск и восстановление питания. Защитные функции отопления реализовать независимо от браузерной панели.

Материалы проекта

Исходный пакет «Тёплый дом» на Яндекс Диске. Описание составлено по файлам и коду предоставленного архива. Публикация этой страницы представляет проект; она не запускает управление инженерными системами.