WEB-информеры в SCADA: различия между версиями

Материал из TekonWiki
Перейти к навигацииПерейти к поиску
Нет описания правки
Нет описания правки
Строка 21: Строка 21:
В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код:
В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код:


 
 
   
   
 
<nowiki> <table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20"><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshl.png" bgcolor=#fe2020> </td><td width=* align=center background="https://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#fe2020><a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020> </td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe src="https://rp5.ru/htmla.php?id=5483&lang=ru&um=00000&bg=%23fedf20&ft=%23ffffff&fc=%23fe2020&c=%23000000&f=Arial&s=12&sc=4" width=100% height=283 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table> </nowiki>
<nowiki> <table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20"><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshl.png" bgcolor=#fe2020> </td><td width=* align=center background="https://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#fe2020><a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020> </td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe src="https://rp5.ru/htmla.php?id=5483&lang=ru&um=00000&bg=%23fedf20&ft=%23ffffff&fc=%23fe2020&c=%23000000&f=Arial&s=12&sc=4" width=100% height=283 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table> </nowiki>


Далее создаем в папке C:\1Tekon файл, например: 1.html
Далее создаем в папке C:\1Tekon файл, например: 1.html


&nbsp;
 
  &nbsp;
  &nbsp;
&nbsp;
<nowiki> <html> <body> *** </body> </html> </nowiki>
<nowiki> <html> <body> *** </body> </html> </nowiki>


куда вместо *** вставляем код информера
куда вместо *** вставляем код информера


&nbsp;
 
  &nbsp;
  &nbsp;
&nbsp;
<nowiki> <html> <body> <table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20"><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshl.png" bgcolor=#fe2020> </td><td width=* align=center background="https://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#fe2020><a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020> </td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe src="https://rp5.ru/htmla.php?id=5483&lang=ru&um=00000&bg=%23fedf20&ft=%23ffffff&fc=%23fe2020&c=%23000000&f=Arial&s=12&sc=4" width=100% height=283 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table> </body> </html> </nowiki>
<nowiki> <html> <body> <table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20"><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshl.png" bgcolor=#fe2020> </td><td width=* align=center background="https://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#fe2020><a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020> </td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe src="https://rp5.ru/htmla.php?id=5483&lang=ru&um=00000&bg=%23fedf20&ft=%23ffffff&fc=%23fe2020&c=%23000000&f=Arial&s=12&sc=4" width=100% height=283 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table> </body> </html> </nowiki>


Строка 51: Строка 60:
&nbsp;
&nbsp;


[[Category:ДокументацияСКАДА]][[Category:SCADA]]
&nbsp;
 
[[Category:SCADA]]

Версия от 14:49, 28 декабря 2020

Введение

Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды.

Аналогично, может добавлен любой другой WEB-информер.

Для возможности реализовать визуализацию WEB-инфорфмера 
АРМ должен быть подключен к сети Интернет.

Информер Погоды

В качестве источника данных погоды выбираем ресурс https://rp5.ru

Находим нужный нам город, например: Москва

И открываем вкладку Приложения \ Информеры (сверху страницы)

Далее выбираем тип информера - HTML-статичный и нажимаем Получить код.

В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код:

 

 

  <table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20"><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshl.png" bgcolor=#fe2020> </td><td width=* align=center background="https://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#fe2020><a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020> </td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe src="https://rp5.ru/htmla.php?id=5483&lang=ru&um=00000&bg=%23fedf20&ft=%23ffffff&fc=%23fe2020&c=%23000000&f=Arial&s=12&sc=4" width=100% height=283 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table>

Далее создаем в папке C:\1Tekon файл, например: 1.html

 

 

  <html> <body> *** </body> </html>

куда вместо *** вставляем код информера

 

 

  <html> <body> <table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20"><tr><td><table width=100% cellpadding=0 cellspacing=0><tr><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshl.png" bgcolor=#fe2020> </td><td width=* align=center background="https://rp5.ru/informer/htmlinfa/topsh.png" bgcolor=#fe2020><a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td><td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020> </td></tr></table></td></tr><tr><td valign=top style="padding:0;"><iframe src="https://rp5.ru/htmla.php?id=5483&lang=ru&um=00000&bg=%23fedf20&ft=%23ffffff&fc=%23fe2020&c=%23000000&f=Arial&s=12&sc=4" width=100% height=283 frameborder=0 scrolling=no style="margin:0;"></iframe></td></tr></table> </body> </html>

сохраняем файл, запускаем SCADA.

На Главном (или любом другом) виде размещаем Примитив Web-страница, в его настройках указываем:

  • URL - file:///C:/1Tekon/1.html
  • Период - 3600 (период обновления информера 3600 секунд = 1 час) или другой по желанию
  • Scroll - Нет (не отображать)

Далее переходим в рабочей режим и наблюдаем информер в SCADA

Web-info.PNG