Новые возможности визуализации...
TRANSCRIPT
![Page 1: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/1.jpg)
ВИЗУАЛИЗАЦИЯ CODESYS
Новые возможности
Конференция пользователей 2018
![Page 2: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/2.jpg)
ВИЗУАЛИЗАЦИЯ
CODESYS
![Page 3: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/3.jpg)
Отображение состояния ПЛК в графическом виде
Обычно, является частью приложения
Возможна на удаленных устройствах
ВИЗУАЛИЗАЦИЯ CODESYS
![Page 4: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/4.jpg)
КЛИЕНТЫ ВИЗУАЛИЗАЦИИ
Встроенная визуализация Таргет-визуализация CODESYS
ПК ПЛК ПЛК с дисплеем
Веб-визуализация
CODESYSCODESYS HMI
Устройства с браузеромСенсорная панель
![Page 5: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/5.jpg)
Контроль состояния и управление машинами и производствами
Промышленность
Передвижная техника
ОБЛАСТИ ПРИМЕНЕНИЯ
Удаленное управление и контроль состояния производства
через интернет
Управление с помощью мобильных устройств
В дальнейшем: Возможен переход от внедрения таргет-
визуализации к внедрению веб-визуализации
В основном
CODESYS TargetVisu
В основном
CODESYS WebVisu
![Page 6: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/6.jpg)
Разделение управляющих ПЛК и визуализации
Управление распределенными машинами или производствами
ОБЛАСТИ ПРИМЕНЕНИЯ
В основном
CODESYS HMI
![Page 7: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/7.jpg)
ЧТО
ВОЗМОЖНО
СЕЙЧАС?
![Page 8: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/8.jpg)
УПРАВЛЕНИЕ С РАЗЛИЧНЫХ УСТРОЙСТВ
Одна и та же визуализация для всех клиентов
Одновременный доступ для множества пользователей
Режимы одновременного просмотра визуализации, или
индивидуального для каждого устройства
Адаптивный дизайн
Масштабирование изображения
Ручная или автоматическая адаптация выводимой визуализации
Настройка реакции на изменение разрешения экрана
![Page 9: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/9.jpg)
НАВИГАЦИЯ
Различные возможности для навигации
Переключение всей отображаемой визулизации
Переключение определенной области визуализации ( »Фрейм« или
»Набор вкладок«)
Различные варианты навигации для различных устройств,
например:
Панель меню для ПК
Плитки навигации для планшетов
Гамбургер-меню для смартфонов
ГАМБУРГЕР
![Page 10: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/10.jpg)
АНИМАЦИЯ И РАСШИРЯЕМОСТЬ
Анимация
Вывод и изменение отображения значений
Динамическое изменение позиции
Видимость
Дизайн (например, цвет)
Расширяемость
Использование библиотек визуализаций
«Родные» элементы управления (зависит от платформы)
Элементы HTML в веб-визуализации (в разработке)
![Page 11: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/11.jpg)
ЧТО В
БЛИЖАЙШЕМ
БУДУЩЕМ?
![Page 12: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/12.jpg)
НАВИГАЦИЯ
Различные варианты навигации
Меню
Плиточная навигация
Гамбургер-меню
Комбинация различных вариантов
Шаблоны визуализации для различных вариантов дизайна
Определение иерархии навигации
Автоматическая генерация итоговой структуры визуализации
Автоматическое создание правильной визуализации для текущего
устройства
![Page 13: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/13.jpg)
ВЕБ-ВИЗУАЛИЗАЦИЯ: ЭФФЕКТЫ И АНИМАЦИЯ
Плавная анимация
Перемещения
Растворение и проявление
Наложение содержимого других источников
Веб-браузер
Камера
Элементы HTML5
Временный вывод на передний план
Управление жестами
Исправление и улучшение дизайна
![Page 14: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/14.jpg)
ВЕБ-ВИЗУАЛИЗАЦИЯ : ИНТЕГРАЦИЯ С HTML5
Настройка элементов HTML5 точно так же, как и существующих
элементов визуализации
Отображение в редакторе
Возможна независимая анимация
Возможно наложение других элементов
![Page 15: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/15.jpg)
ФУНКЦИОНАЛЬНОСТЬ ТАРГЕТ-ВИЗУАЛИЗАЦИИ
Улучшенное качество отрисовки
Как следствие, более плавная анимация
Использование аппаратного ускорения графики
Уменьшение нагрузки на CPU
Улучшение производительности
Элементы управления HTML5 в планах на ближайшее будущее
![Page 16: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/16.jpg)
ВЗГЛЯД
В БУДУЩЕЕ
![Page 17: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/17.jpg)
ВИЗУАЛИЗАЦИЯ CODESYS КАК ОТКРЫТАЯ ПЛАТФОРМА
Простое сочетание визуализации с веб-разработкой
Визуализация остается независимой от используемых платформ и
технологий
Использование данных из любого источника
Стабильная платформа для проектов визуализации
![Page 18: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/18.jpg)
ВЗАИМОДЕЙСТВИЕ С
СЕРВЕРОМ АВТОМАТИЗАЦИИ / SCADA
Централизованное хранение данных
Простой доступ к данным, полученным с удаленных систем
управления в том числе и к данным
Тревог
Трендов
![Page 19: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/19.jpg)
Отображение посредством визуализации
ВЗАИМОДЕЙСТВИЕ С
СЕРВЕРОМ АВТОМАТИЗАЦИИ / SCADA
Контроль состояния и управление множеством ПЛК
СерверАвтоматизации
![Page 20: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/20.jpg)
ВЕБ-ВИЗУАЛИЗАЦИЯ НА КАЖДОМ ПЛК
Может быть использована на любом устройстве
Содержимое визуализации на каждом устройстве
Разделяемое представление содержимого
Настраиваемый вид визуализации
Реализация единого входа для всех устройств
![Page 21: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/21.jpg)
ВЕБ-ВИЗУАЛИЗАЦИЯ НА КАЖДОМ ПЛК
![Page 22: Новые возможности визуализации CODESYSprolog-plc.ru/docs/conf18/Visualization_18_ru.pdf · Спасибо за внимание. CODESYS® is a registered](https://reader033.vdocuments.mx/reader033/viewer/2022050502/5f943102831fff619541c7c3/html5/thumbnails/22.jpg)
Спасибо за внимание.
CODESYS® is a registered trademark of 3S-Smart Software Solutions GmbH. Technical specifications are subject to change.
Errors and omissions excepted. No reproduction or distribution, in whole or in part, without prior permission.
Note: Not all CODESYS features are available in all territories. For more information on geographic restrictions, please contact [email protected].