#raspberry #raspberry pi #умный дом #автоматизация #смарт-квартира #wiren board #умная квартира
Имею из "железок" контроллер Wiren Board 6, релейный модуль WB-MR6LV и Raspberry Pi.
Первым делом создадим интерфейс умного дома, воспользовавшись платформой IntraHouse в интернете.
Установим на Raspberry Pi сервер умного дома, для этого через программу PuTTY (которую предварительно установили на компьютер) заходим по ip-адресу на Raspberry Pi .
Вводим в терминале login as: pi password: raspberry. В итоге мы зашли на Raspberry Pi.
По инструкции установки IntraHouse вводим или копируем строку и нажимаем Enter и ждем.
Процесс установки прошел и в конце подсказка как зайти на web-интерфейс IntraHouse
Login: admin
Password: 202020
Web interface: http://192.168.0.134:8088/admin
Complete! Thank you.
Копируем строку и открываем в любом браузере.
Открывается окно авторизации, вводим Login и пароль 202020.
Попадаем в окно разработчика (системы умный дом). В правом верхнем углу нажимаем на шестеренку: во вкладке Setting-System Settings параметр Localization меняем на ru (русский язык). Нажимаем RESTART SERVER WITH THESE SETTINGS
Всё. Окно разработчика на русском языке и можно приступать к работе.
Из «коробки» установлен для образца проект IntraHouse (0).
Сделаем для квартиры проект, который будет состоять из двух экранов: на первом освещение и на втором экране будут датчики безопасности (движения, открытия, задымления, протечки и др) и управление климатом (температура воздуха, радиаторы отопления и др)
Первым делом загрузим план-изображение квартиры в формате PNG и ОБЯЗАТЕЛЬНО с прозрачным фоном. Если картинка плана без прозрачного фона, в интернете онлайн можно преобразовать, например ссылка https://onlinepngtools.com/create-transparent-png .
Как вариант можно использовать картинку без прозрачного фона, тогда в интерфейсе невозможно будет изменить цвет плана.
Во вкладке «Визуализация-Изображение-Проект» добавим наш План. (правой кнопкой мыши, далее (пкм), «Загрузить изображение»)
Создаем экран «Освещение».
Для этого на вкладке «Визуализация-Экраны-Примеры» копируем экран «Устройства» и правой кнопкой мыши вставляем на «Экраны»
и соответственно копия будет в папке «Экраны».
Переименуем эту копию в «Освещение» и на вкладке «Редактор» удалим центральную область. Сюда в дальнейшем добавим контейнер «Мнемосхема освещения», которую создадим.
Создаем контейнер «Мнемосхема освещения»
Во вкладке «Визуализация-Контейнеры» (пкм) Новый контейнер
Во вкладке «Описание» меняем название на «Мнемосхема освещения». Во вкладке «Редактор» (пкм) Добавить элемент выбираем Image.
Через «Путь» выбираем нашу картинку План. Растягиваем картинку на все поле. Сохраняем (незабываем, иначе все пропадет). Старайтесь план положить в контейнер первым слоем (или потом надо будет Плану поменять Позиция-Положение элемента на меньшее число).
Создадим наши устройства Светильники.
Во вкладке «Устройства» (пкм) Новое устройство-Актуаторы бинарные-Светильник.
Добавился светильник H_001. Повторим операцию, добавился светильник H_002.
Во вкладке «Визуализация» на «Мнемосхему освещения» (пкм) Добавить шаблон-Актуаторы-Светильник.
Светильник растягиваем или уменьшаем в размерах.
У светильника на вкладке привязки («цепочка») осуществляем привязку:
в строке state через три точки Привязать выбираем устройство H_001 state и жмем OK
в строке error через три точки Привязать выбираем устройство H_001 error и жмем OK
в строке auto через три точки Привязать выбираем устройство H_001 auto и жмем OK
в строке Левая кнопка мыши Одиночный клик через три точки Привязать выбираем устройство Команда устройства, H_001 Toggle (команда переключить) и жмем OK
в строке Левая кнопка мыши Долгое нажатие через три точки Привязать выбираем устройство Диалог, Для актуатора, выбираем H_001 и жмем OK
Нажимаем СОХРАНИТЬ.
Второй светильник разместим на плане через копирование первого.
Выделяем первый светильник, (пкм) на первом светильнике делаем Копировать и на Плане в нужное место Вставить. Выделяем второй светильник, (пкм) на втором светильнике Перепривязать и выбираем устройство H_002.
Все привязки автоматически привязались к светильнику H_002. Нажимаем СОХРАНИТЬ
На вкладке «Визуализация-Экраны-Освещение» (пкм) Добавить контейнер-Мнемосхема освещения. Далее выравниваем положение от верхнего левого угла и растягиваем до правого нижнего, нажимаем СОХРАНИТЬ.
Таким образом у нас получился экран «Освещение» со светильниками.
Теперь нужно создать кнопку, чтобы переключиться на этот экран.
Заходим на вкладку «Визуализация-Контейнеры-Для Examples-Меню-Редактор»
Выделяем вторую кнопку, (пкм) Копировать.
Встаем ниже и ПКМ Вставить. Выравниваем нашу кнопку, меняем параметры Текст-Значение на 3, Изображение-Путь выбираем из Электрики изображение лампочки, Привязка-Одиночный клик Привязать выбираем из Экранов наш экран Освещение. Нажимаем СОХРАНИТЬ
Теперь, если зайти в интерфейс пользователя мы увидим нашу кнопку и при нажатии на нее переходим на наш план освещения с двумя лампочками.
В дальнейшем в контейнере Меню ненужные нам кнопки переключатели экранов можно удалить.
Таким же образом создаем экран безопасности и устройства, и кнопку в Меню для перехода на экран безопасность.
Во вкладке «Устройства» (пкм) выбираем Новое устройство-Датчики бинарные-Датчик движения создаем датчик движения DD_001 и повторяя операции DD_002.
Создадим визуализацию «Безопасность» немного другим способом.
Во вкладке «Контейнеры» находим созданную ранее «Мнемосхему освещения» и (пкм) Копировать, а потом Вставить, получим «Мнемосхема освещения (copy)». Меняем название на «Мнемосхема безопасность», нажимаем СОХРАНИТЬ. На вкладке «Редактор» удаляем светильники.
Во вкладке «Визуализация-Контейнеры-Устройства» выделяем и копируем иконку датчика движения:
и вставляем на нашу «Мнемосхему безопасность».
Вставленный датчик движения выделяем и (пкм) Перепривязать и выбираем DD_001. Не забываем нажимать кнопку СОХРАНИТЬ. В итоге все каналы перепривязались к нужному устройству. Копируя и вставляя уже DD_001 создаем DD_002 и делаем перепривязку к устройству DD_002.
На вкладке «Визуализация-Экраны» копируя, вставляя и отредактировав название создаем экран Безопасность.
Выделяем в «Редактор» центральную часть «Мнемосхема освещения» и удаляем. На это место вставляем «Мнемосхему безопасность». Нажимаем СОХРАНИТЬ.
По подобию созданной выше кнопки переключения на экран «Освещения» создадим кнопку переключения на экран «Безопасность».
Удалим неиспользуемые кнопки переключения 1 и 2.
Во вкладке «Визуализация-Контейнеры-Для Main-Панель» через три точки делаем Перепривязать на экран «Освещение». Тогда при нажатии на кнопку на Главном экране мы сделаем переход на экран «Освещения»
В итоге получился интерфейс с двумя экранами «Освещения» и «Безопасность»
В дальнейшем по подобию можно добавить различные устройства и экраны.
Подключение контроллера Wiren Board 6 к программной платформе для умного дома IntraHouse (см. часть 2)
