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

Материал из TekonWiki
Перейти к навигацииПерейти к поиску
ВизуальныйВики-текст
Новая страница: «Category:ДокументацияСКАДА == Введение == Рассмотрим возможность добавления WEB-контента на…»
 
Нет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
[[Category:ДокументацияСКАДА]]
 
== Введение ==
== Введение ==
Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды.  
 
Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды.


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


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


Находим нужный нам город, например: [https://rp5.ru/%D0%9F%D0%BE%D0%B3%D0%BE%D0%B4%D0%B0_%D0%B2_%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B5_(%D0%92%D0%94%D0%9D%D0%A5) Москва]
В качестве источника данных погоды выбираем ресурс [https://rp5.ru https://rp5.ru]


И открываем вкладку [https://rp5.ru/docs/informer/ru Приложения \ Информеры] (сверху страницы)  
Находим нужный нам город, например: [https://rp5.ru/Погода_в_Москве_(ВДНХ) Москва]


Далее выбираем тип информера - HTML-статичный и нажимаем Получить код.  
И открываем вкладку [https://rp5.ru/docs/informer/ru Приложения \ Информеры] (сверху страницы)


В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код:  
Далее выбираем тип информера - HTML-статичный и нажимаем Получить код.
<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>
<pre><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>&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


<nowiki>
<pre>  
<html>
<html> <body> *** </body> </html> </pre>
<body>
 
***
</body>
</html>
</nowiki>
куда вместо *** вставляем код информера
куда вместо *** вставляем код информера


<nowiki>
<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>
<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.


На Главном (или любом другом) виде размещаем Примитив [[Дополнительные примитивы|Web-страница]], в его настройках указываем:
На Главном (или любом другом) виде размещаем Примитив [[Дополнительные_примитивы|Web-страница]], в его настройках указываем:
* URL - file:///C:/1Tekon/1.html
 
* Период - 3600 (период обновления информера 3600 секунд = 1 час) или другой по желанию
*URL - file:///C:/1Tekon/1.html  
* Scroll - Нет (не отображать)
*Период - 3600 (период обновления информера 3600 секунд = 1 час) или другой по желанию  
*Scroll - Нет (не отображать)  
 
Далее переходим в рабочей режим и наблюдаем информер в SCADA
Далее переходим в рабочей режим и наблюдаем информер в SCADA


[[Файл:Web-info.PNG|обрамить|центр]]
[[File:Web-info.PNG|frame|center|Web-info.PNG]]
 
 
[[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