Перейти к содержанию

Навигация

Wiren Board Web Interface: различия между версиями

Нет описания правки
(Отметить эту версию для перевода)
(не показано 13 промежуточных версий 2 участников)
Строка 16: Строка 16:


== Предыдущая версия Web-интерфейса == <!--T:204-->
== Предыдущая версия Web-интерфейса == <!--T:204-->
Начиная с апреля 2019 года на контроллерах Wiren Board устанавливается новая версия Web-интерфейса Web UI 2.0. Описание предыдущей версии можно найти на странице [[Веб-интерфейс_Wiren_Board_1.0| Веб-интерфейс Wiren Board 1.0]].
Скоро на контроллерах Wiren Board будет устанавливаться новая версия Web-интерфейса Web UI 2.0. Описание предыдущей версии можно найти на странице [[Веб-интерфейс_Wiren_Board_1.0| Веб-интерфейс Wiren Board 1.0]].
 


== Основные отличия новой версии == <!--T:205-->
== Основные отличия новой версии == <!--T:205-->
Строка 33: Строка 32:
* Все настройки отображения теперь хранятся в конфиг-файле /etc/wb-ui.conf в формате JSON. Теперь их можно редактировать и генерировать из сторонних программ и очень просто копировать с одного контроллера на другой  
* Все настройки отображения теперь хранятся в конфиг-файле /etc/wb-ui.conf в формате JSON. Теперь их можно редактировать и генерировать из сторонних программ и очень просто копировать с одного контроллера на другой  
* Отсутствуют "Комнаты"
* Отсутствуют "Комнаты"
* Сохранение конфигурации интерфейса при обновлении с предыдущей версии Web-интерфейса.
* Сохранение конфигурации интерфейса при обновлении предыдущей версии Web-интерфейса.


== Как зайти в веб-интерфейс == <!--T:2-->
== Как зайти в веб-интерфейс == <!--T:2-->
Строка 45: Строка 44:
<!--T:208-->
<!--T:208-->
Для начала работы с Web-интерфейсом выберите уровень доступа. Для этого на вкладке '''Settings -> Change access level -> Acess Level''' выберите один из пунктов '''User, Operator''' или '''Administrator'''.  
Для начала работы с Web-интерфейсом выберите уровень доступа. Для этого на вкладке '''Settings -> Change access level -> Acess Level''' выберите один из пунктов '''User, Operator''' или '''Administrator'''.  
Уровни ограничивают доступ к функционалу Web-интерфейса: например пользователь '''User''' может просматривать только настроенный виджеты, их редактирование и изменение настроек контроллера недоступно. Пользователь '''Operator''' получает доступ к контролам устройств, управляемых контроллером, может добавлять виджеты в панели (dashboards) (см. далее). Пользователь '''Administrator''' обладает всеми правами. Изменение текущего уровня доступа может быть изменено любым пользователем и предназначено больше для защиты от неверных действий, чем для разграничения прав.  
Уровни ограничивают доступ к функционалу Web-интерфейса: например пользователь '''User''' может просматривать только настроенные виджеты, их редактирование и изменение настроек контроллера недоступно. Пользователь '''Operator''' получает доступ к контролам устройств, управляемых контроллером, может добавлять виджеты в панели (dashboards) (см. далее). Пользователь '''Administrator''' обладает всеми правами. Изменение текущего уровня доступа может быть изменено любым пользователем и предназначено больше для защиты от неверных действий, чем для разграничения прав.  


<!--T:209-->
<!--T:209-->
Строка 60: Строка 59:
<!--T:7-->
<!--T:7-->
Это главная страница пользователя. На неё выводятся элементы интерфейса - так называемые "виджеты" (widget). Это могут быть показания датчиков (например, датчика температуры), кнопки включения света, управления подключёнными реле.
Это главная страница пользователя. На неё выводятся элементы интерфейса - так называемые "виджеты" (widget). Это могут быть показания датчиков (например, датчика температуры), кнопки включения света, управления подключёнными реле.
Набор виджетов на главной странице полностью настраивается пользователем в меню '''Settings -> Web UI -> Common Info''', где можно выбрать панель, которая будет отображаться на вкладке '''Home''' по умолчанию.
Набор виджетов на главной странице полностью настраивается пользователем в меню '''Settings -> Web UI -> Common Info''', где можно выбрать панель, которая будет отображаться во вкладке '''Home''' по умолчанию.


=== Dashboards (Панели) === <!--T:8-->
=== Dashboards (Панели) === <!--T:8-->
Строка 69: Строка 68:


<!--T:211-->
<!--T:211-->
Дважды щелкнув на вкладке '''Dashboards''' на боковой панели можно раскрыть список всех панелей, созданных в Web-интерфейсе.
Дважды щелкнув по вкладке '''Dashboards''' на боковой панели можно раскрыть список всех панелей, созданных в Web-интерфейсе.


=== Devices (Устройства) === <!--T:10-->
=== Devices (Устройства) === <!--T:10-->
Строка 107: Строка 106:


<!--T:218-->
<!--T:218-->
* На боковой панели щелкнем на вкладке '''Dashboards''', в раскрывшемся списке выберем элемент '''List''', и на открывшейся странице нажмем кнопку '''Add'''.
* На боковой панели щелкнем на вкладке '''Dashboards''', в раскрывшемся списке выберем элемент '''List''' и на открывшейся странице нажмем кнопку '''Add'''.
* В поле '''Name''' напишем название новой панели, ''"Управление отоплением"'', и нажмем кнопку '''Save'''.
* В поле '''Name''' напишем название новой панели, ''"Управление отоплением"'' и нажмем кнопку '''Save'''.
* В списке на странице '''Dashoards''' щелкнем на кнопке '''View''' напротив новой панели "Управление отоплением".
* В списке на странице '''Dashoards''' щелкнем по кнопке '''View''' напротив новой панели "Управление отоплением".
* В открывшемся окне с названием панели щелкнем на кнопке '''Add widget''' в правом верхнем углу окна (см. Рис. "Создать новый виджет").
* В открывшемся окне с названием панели щелкнем по кнопке '''Add widget''' в правом верхнем углу окна (см. Рис. "Создать новый виджет").
* В заголовке виджета укажем название, в нашем случае ''"Комната 1"'', в списке '''Add control...''' выберем контрол, соовететвующий термометру в первой комнате, еще раз в этом списке выберем реле, которое будет включать нагреватель.
* В заголовке виджета укажем название, в нашем случае ''"Комната 1"'', в списке '''Add control...''' выберем контрол, соовететвующий термометру в первой комнате, еще раз в этом списке выберем реле, которое будет включать нагреватель.
* В поле '''Name''' виджета можно задать осмысленные названия для контролов, например: ''"Температура"'' и ''"Обогреватель"''. Снимите флажок '''Compact mode''', чтобы эти названия контролов отображались в виджете.  
* В поле '''Name''' виджета можно задать осмысленные названия для контролов, например: ''"Температура"'' и ''"Обогреватель"''. Снимите флажок '''Compact mode''', чтобы эти названия контролов отображались в виджете.  
Строка 135: Строка 134:
* Указание интервала времени для отображения данных
* Указание интервала времени для отображения данных
* Добавление и удаление нескольких показателей (кнопки Add channel и delete) на график  
* Добавление и удаление нескольких показателей (кнопки Add channel и delete) на график  
* Промсмотр данных в виде графика и в виде таблицы
* Просмотр данных в виде графика и в виде таблицы
* Загрузку данных за выбранный период в csv-формате.
* Загрузка данных за выбранный период в csv-формате.


<!--T:222-->
<!--T:222-->
Строка 142: Строка 141:
* Сохранение графика в формате .png
* Сохранение графика в формате .png
* Переключение между режимами Zoom (увеличения/уменьшения отрезка данных и масштаба с помощью выделения нужной области указателем мыши) и панорамирования Pan (перемещения области видимости с зажатой левой кнопкой мыши)
* Переключение между режимами Zoom (увеличения/уменьшения отрезка данных и масштаба с помощью выделения нужной области указателем мыши) и панорамирования Pan (перемещения области видимости с зажатой левой кнопкой мыши)
* Уменьшения и увеличения отображаемого временного интервала (Zoom in и Zoom out)
* Уменьшение и увеличение отображаемого временного интервала (Zoom in и Zoom out)
* Автоматического выбора масштаба графика по обеим осям
* Автоматический выбор масштаба графика по обеим осям
* Возвращение масштаба осей к исходному
* Возвращение масштаба осей к исходному
* Включения/выключения указателя координат
* Включение/выключение указателя координат




Строка 164: Строка 163:
* настройка серверов получения точного времени
* настройка серверов получения точного времени
* конфигурирование и настройка боковых и внутренних модулей
* конфигурирование и настройка боковых и внутренних модулей
* настройка цифровых входов и выходов
* настройка цифровых входов и выходов (GPIO): в последних версиях контроллера список GPIO по умолчанию пустой, все вводы-выводы сконфигурированы системой. Изменять назначение вводов-выводов следует, если вы хотите изменить их режим функционирования. Список номеров GPIO для последних версий контроллеров Wiren Board 6 представлен на странице [[Wiren_Board_6#Подробное_тех.описание_платы_контроллера|Подробное_тех.описание_платы_контроллера]].
* настройка аналоговых входов
* настройка аналоговых входов
* настройка логирования значений
* настройка логирования значений
* настройка шлюза контроллерр -> Modbus TCP
* настройка шлюза контроллера -> Modbus TCP
* настройка подключёния устройств RS-485
* настройка подключения устройств RS-485
* настройка предупреждений (alarms)
* настройка предупреждений (alarms)
* доступ к редактированию JSON-файла настроек Web-интерфейса
* доступ к редактированию JSON-файла настроек Web-интерфейса
Строка 196: Строка 195:


<!--T:230-->
<!--T:230-->
На этой странице приводится справочная информация о всех MQTT-топиках, полученных Web-интерфейсом контроллера а так же статус их получения ('''ОК''' или '''ERR''' в последнем столбце).
На этой странице приводится справочная информация о всех MQTT-топиках, полученных Web-интерфейсом контроллера, а также статус их получения ('''ОК''' или '''ERR''' в последнем столбце).
 


=== Settings -> Change access level (Настройки -> Изменить уровень доступа) === <!--T:231-->
=== Settings -> Change access level (Настройки -> Изменить уровень доступа) === <!--T:231-->
Строка 213: Строка 211:


<!--T:21-->
<!--T:21-->
Веб-интерфейс Wiren Board можно разместить не только на самом контроллере, но и на специальном сервере. Тогда на интерфейс можно будет заходить используя всегда один и тот же IP-адрес.
Веб-интерфейс Wiren Board можно разместить не только на самом контроллере, но и на специальном сервере. Тогда на интерфейс можно будет заходить, используя всегда один и тот же IP-адрес.


<!--T:234-->
<!--T:234-->