Веб браузер в панелях оператора Weintek, объект Web браузер ПЛК

Компания "Русавтоматика" http://www.rusavtomatika.com/ представляет: Web-браузер в панелях оператора Weintek. Объект "Web браузер ПЛК" разработан для подключения к встроенному веб-серверу ПЛК, что позволяет пользователям получать доступ к веб-странице ПЛК для его настройки и просмотра данных. Также, с помощью Web браузера ПЛК можно просматривать любые веб страницы, расположенные в локальной сети или удаленные, например, облачную SCADA. Объект "Web браузер ПЛК" поддерживает HTML5, JavaScript, позволяет просматривать видео, в общем, мало отличается от полноценного Web браузера для ПК. В Easybuilder Pro, среде разработки проектов, объект "Web браузер ПЛК" расположен во вкладке [Объект], панель [Медиа]. Для демонстрации объекта " Web браузер ПЛК" мы подготовили стенд с панелью оператора cMT-3162X и ПЛК Siemens S7-1200. В ПЛК мы включили web сервер и создали пользовательскую HTML-страницу, отображающую значения тегов, картинки и SVG графику. Правая часть экрана отображает интерфейс оператора, созданный средствами Easybuilder Pro. В верхней части графические объекты отображают состояние самой панели: загрузку процессора панели и объем свободной памяти. В нижней части объекты отображают значения переменных, связанных с ПЛК. К ПЛК подключены две красные лампы. Лампа справа - загорается, когда процессор панели загружен более чем на 50% Лампа слева - связана с экранной лампой out_1 и управляется кнопкой [ВКЛ] К ПЛК подключены два переключателя. Левый переключатель демонстрирует возможность управлять переключением видеокадров с помощью ПЛК. Наш переключатель открывает главное окно проекта, дублируя нажатие кнопки [На главную] на экране панели. Вы видите, как быстро отображаются положения переключателей. Сейчас мы продемонстрируем насколько быстро работают оба интерфейса оператора: стандартный (справа) и его представление в виде html-страницы через web браузер ПЛК (слева). Запускаем инкремент двух переменных. Как видите, обновление значений в Web браузере происходит достаточно быстро. На html-странице используется AJAX-технология для чтения переменных. Частоту опроса переменных устанавливает разработчик. Заполняем массив переменных случайными значениями. Включаем и выключаем лампу. Теперь попробуем редактировать переменные через интерфейс html-страницы. Немного расскажем о том, как мы сделали круговую диаграмму и гистограмму. В редакторе Easybulder есть готовые объекты для отображения данных в виде графиков и диаграмм. На веб-странице, для отображения круговой диаграммы мы использовали векторную графику (Scalable Vector Graphics — SVG). Для гистограммы используется обычная верстка блоками. Java-script меняет css - стили в зависимости от полученных с ПЛК значений переменных. В ПЛК Siemens имеется встроенный сайт для настройки параметров устройства и наблюдением за данными. Сайт доступен сразу после включения веб-сервера. Мы вывели его в отдельном окне проекта через Web-браузер ПЛК. Зайдем в раздел Watch tables, где выведены наши теги и попробуем измен