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

Материал из TekonWiki
Перейти к навигацииПерейти к поиску
← Предыдущая правка
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
 
Строка 20: Строка 20:


В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код:
В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код:
 
<pre><table cellpadding=0 cellspacing=0 width=166 style="border:solid 1px #fe2020;font-family:Arial;font-size:12px;background-color:#fedf20">
&nbsp;
<tr><td>
 
<table width=100% cellpadding=0 cellspacing=0><tr>
&nbsp;
<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>
&nbsp;
<a style="color:#ffffff; font-family:Arial;font-size: 12px;" href="https://rp5.ru/5483/ru"><b>Москва (ВДНХ)</b></a></td>
<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>
<td width=8 height=30 background="https://rp5.ru/informer/htmlinfa/topshr.png" bgcolor=#fe2020>&nbsp;</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> </pre>


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


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


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


&nbsp;
<pre> <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> </pre>
 
&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>


сохраняем файл, запускаем SCADA.
сохраняем файл, запускаем SCADA.
Строка 58: Строка 55:
[[File:Web-info.PNG|frame|center|Web-info.PNG]]
[[File:Web-info.PNG|frame|center|Web-info.PNG]]


&nbsp;
&nbsp;


[[Category:SCADA]]
[[Category:SCADA]]

Текущая версия от 14:07, 17 июня 2021

Введение

Рассмотрим возможность добавления 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
Источник — https://wiki.tekon.ru/index.php?title=WEB-информеры_в_SCADA&oldid=7807