SVG-Dashboards: различия между версиями
м (Набросал структуру) |
м (→Введение: Текст) |
||
| Строка 2: | Строка 2: | ||
== Введение == | == Введение == | ||
В [[Wiren Board Web Interface | веб-интерфейсе]] контроллера можно создавать интерактивные графические панели. С их помощью можно создавать виртуальные пульты и мнемосхемы управления технологическим процессом. | |||
Возможности: | |||
* вывод текстовой или логической информации; | |||
* изменение внешнего вида svg-элемента в зависимости от полученной информации: вы можете изменять стиль элемента, подменить полученное значение своим или скрыть/показать элементы; | |||
* воздействие на исполнительные механизмы: включать и выключать нагрузку, менять режимы работы устройств. | |||
SVG-панели работают на мобильных устройствах, но нужно учитывать размер изображения. Если элементы будут слишком мелкими — ими будет сложно пользоваться. Хорошим решением может стать разделение графических панелей на десктопные и мобильные, которые созданы с учетом особенностей мобильного устройства. | |||
== Подготовка == | == Подготовка == | ||
Версия 18:51, 29 апреля 2021
Введение
В веб-интерфейсе контроллера можно создавать интерактивные графические панели. С их помощью можно создавать виртуальные пульты и мнемосхемы управления технологическим процессом.
Возможности:
- вывод текстовой или логической информации;
- изменение внешнего вида svg-элемента в зависимости от полученной информации: вы можете изменять стиль элемента, подменить полученное значение своим или скрыть/показать элементы;
- воздействие на исполнительные механизмы: включать и выключать нагрузку, менять режимы работы устройств.
SVG-панели работают на мобильных устройствах, но нужно учитывать размер изображения. Если элементы будут слишком мелкими — ими будет сложно пользоваться. Хорошим решением может стать разделение графических панелей на десктопные и мобильные, которые созданы с учетом особенностей мобильного устройства.