Tag Archives: Web-визуализация

Web визуализация

Web визуализация

Web визуализация — это технология, позволяющая наблюдать и управлять CoDeSys визуализацией посредствомWeb-браузера на любой аппаратной платформе.

CoDeSys может формировать описания объектов визуализации проекта в формате XML и загружать их в контроллер. Web-сервер обрабатывает данные контроллера и также в формате XML создает постоянно обновляемую визуализацию. Таким образом, она будет отображаться в Web-браузере на любом подключенном через Интернет компьютере независимо от платформы (например, с целью удаленного управления).

Web-визуализация в CoDeSys

 

Условия

  • Целевая система должна поддерживать данную функциональность. В настройках целевой системы должна быть активирована опция ‘Web-Visualization’. Если разрешено в целевом файле, данная опция может включаться или отключаться пользователем на вкладке опций ‘General’.
  • Web-сервер должен быть запущен.
  • Для отображения Web визуализации требуется Web-браузер на соответствующем компьютере.
  • Операционная система: Windows NT/2000, Windows CE, Linux, RTE

Редактирование файла WebVisu.htm

При инсталляции CoDeSys файл webvisu.htm (базовая HTML-страница для Web визуализации) копируется в подкаталог «visu». При необходимости вы можете отредактировать его, прежде чем он будет загружен в контроллер вместе с кодом проекта.

Открыв webvisu.htm текстовым редактором, вы увидите следующий текст:

<HTML>

<HEAD>

<TITLE>Applet HTML Page</TITLE>

</HEAD>

<BODY>

<APPLET CODEBASE=. CODE=webvisu/WebVisu.class archive=»webvisu.jar,minml.jar»

name=»WebVisu» width=»1600″ height=»1200″>

<param name=»STARTVISU» value=»PLC_VISU»>

<param name=»UPDATETIME» value=»100″>

<param name=»USECURRENTVISU» value=»FALSE»>

</APPLET>

</BODY>

</HTML>

Следующие параметры влияют на характеристики Web визуализации:

STARTVISU – определяет стартовый объект визуализации. По умолчанию: PLC_VISU.

UPDATETIME – интервал мониторинга (мс).

USECURRENTVISU – определяет, должна ли изменяться визуализация, если в ПЛК – программе изменяется значение системной переменной’CurrentVisu’

Параметры „width“ (ширина) и „heigth“ (высота) устанавливают размер экрана. Обратите внимание на возможность ограничить этот размер уже при создании визуализации в CoDeSys.

 

Подготовка визуализации

  • Создайте визуализацию проекта в CoDeSys обычным образом. Если вы хотите установить определенный объект визуализации в качестве стартового, назовите его ‘PLC_VISU’. Он будет автоматически загружен при вызове визуализации через Интернет.
  • Деактивируйте опцию ‘Web-Visualization’ в диалоге ‘Object’ ‘Properties’ для объектов визуализации,
  • которые не должны входить в Web визуализацию.
  • При необходимости модифицируйте базовую страницу WebVisu.htm. Например, вы можете переопределить стартовый объект PLC_VISU.
  • Выполните команды ‘Project’ ‘Clean all’, затем ‘Project’ ‘Build’.
  • Установите соединение с целевой системой (Login) и запустите проект.
  • Выполните конфигурирование и запуск Web сервера.
  • Web — сервер должен быть доступен как исполняемый .exe файл для соответствующей целевой системы.
  • Конфигурацию сервера можно осуществлять во время вызова через файл конфигурации или через командную строку, причем преимущество имеют записи в файле конфигурации.

 

Возможные параметры:

 

 

Если указывается каталог (file-upload-dir), то файлы визуализации обновляются при каждой загрузке. Преимущество каталога загрузки в том, что контроллер больше не вовлечен в этот процесс. Web сервер получает файлы непосредственно из каталога и имеет вследствие этого более высокую скорость работы. Это особенно сказывается о при больших объемах данных. Файл конфигурации сервера должен создаваться в формате XML и носить имя «webserver_conf.xml». Он должен лежать в одном каталоге с webserver.exe. Если файл конфигурации отсутствует, используются упомянутые выше настройки по умолчанию.

Пример конфигурации может выглядеть следующим образом.

<webserver-configuration>

<webserver-port-nr> 8080 </webserver-port-nr>

<target-port-nr> 1200 </target-port-nr>

<target-ip-address> localhost </target-ip-address>

<use-file-upload-dir> true </use-file-upload-dir>

<file-upload-dir> C:ProgrammeCoDeSysV23 </file-upload-dir>

</webserver-configuration>

Командная строка вызова имеет следующий синтаксис:

WebServer [webserver-Port-nr] [target-port-nr] [target-IP-address] | [file-uploaddir]

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

> webserver 8080 1200 localhost c:ProgrammeCoDeSysV23

Указания параметров в вызове не действуют, если существует файл конфигурации webserver_conf.xml.

 

Вызов Web визуализации через Интернет

Введите в браузере следующий адрес:

http://<IP Адрес Web сервера>:<Порт Web сервера>/webvisu.htm

WebVisu — это стандартная HTML страница. Она содержит <applet>, который запускает WebVisu. При низких скоростях передачи не стоит включать более 100 переменных в окно визуализации.

Мой блог находят по следующим фразам

Возможности визуализации в CoDeSys

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

Интеграция визуализации даёт следующие преимущества:

Встроенная в CoDeSys визуализация не нуждается в списках переменных и непосредственно может брать переменные из контроллера. Отпадает часто трудно конфигурируемый OPC или DDE уровень, так как коммуникация осуществляется тем же механизмом, который используется для самой системы программирования. Таким образом, инженерные затраты на реализацию визуализации значительно сокращаются. Объединение управления и визуализации делает очень простым управление режимами выполнения, что реализуется достаточно сложными способами при использовании внешних средств.

Одно из самых существенных преимуществ интеграции: созданные внутри системы программирования формы могут использоваться в 4 различных режимах выполнения без изменений, в случае необходимости даже параллельно:

1. Непосредственно в системе программирования

Если ПЛК подключен к системе программирования, то для тестирования и практического использования созданных вами форм визуализации не нужно ничего более. В диалоговом режиме вы сразу получаете реальное представление визуализации внутри системы программирования.

2. Windows — Визуализация, CoDeSys HMI

Программа Win32 CoDeSys HMI отображает формы визуализации на ПК без установки среды программирования CoDeSys. Она обменивается сообщениями с ПЛК через тот же интерфейс, что и среда программирования. Применение OPC (OPC — OLE for Process Control) или DDE (DDE — Dynamic Data Excange) механизмов не требуется.

3. Web — визуализация

Опционально CoDeSys генерирует из данных визуализации описание XML, которое загружается вместе с java-апплетом (апплет – программа, написанная на языке программирования JAVA, которая может выполняться браузерами) в контроллер и отображается по TCP/IP в браузере (программе просмотра). Таким образом, данные визуализации на самых различных компьютерных платформах будут отображаться интерактивно.

4. Целевая визуализация

Для контроллеров со встроенным дисплеем данные визуализации из системы программирования могут загружаться с приложением в целевую систему. Они автоматически отображаются на встроенном дисплее. Это решение может быть с незначительными затратами перенесено на любые программируемые в CoDeSys устройства.

 

Обзор функций:

§ Элементы

  • Прямоугольник, Эллипс, Закругленный прямоугольник
  • Линия, Многоугольник, Ломаная линия, Кривая
  • Растровый рисунок, файлWMF
  • ActiveX элемент
  • Кнопка, Таблица, Гистограмма, Столбчатый указатель, Стрелочный индикатор
  • Ссылка на другую визуализацию

§ Анимация (в зависимости от типа элемента):

  • Отображение текста
  • Изменение цвета
  • Видимо/Невидимо
  • Перемещение
  • Вращение
  • Масштабирование
  • Смещение на отдельные грани объекта (для Столбчатого индикатора)
  • Кнопка активно / неактивно
  • Текущая строка (только для отображения текста)
  • Возможности ввода данных:
  • Булевы значения переключатель/кнопка
  • Ввод текста
  • Специальные действия (Покинуть визуализацию, Чтение/запись списка, Переключить язык, вызвать внешний EXE файл и т. д.)
  • Выбрать строку (только для отображения текста)

§  Прочие свойства:

  • Переключение языка
  • Контекстные окна для всех элементов
  • Импорт / экспорт ASCII
  • Фоновый точечный рисунок
  • Управляющие панели
  • Автоматическое масштабирование
  • Символьные операции: выравнивание, расположение, группирование
  • Шаблон для образования сложных графических элементов
  • Программируемые выражения визуализации

Мой блог находят по следующим фразам