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

Материал из TekonWiki
Перейти к навигацииПерейти к поиску
← Предыдущая правкаСледующая правка →
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
[[Category:ДокументацияСКАДА]]
 
== Введение ==
== Введение ==
Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды.  
 
Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды.


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


== Информер Погоды ==
== Информер Погоды ==
В качестве источника данных погоды выбираем ресурс 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/Погода_в_Москве_(ВДНХ) Москва]


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


Далее выбираем тип информера - HTML-статичный и нажимаем Получить код.  
Далее выбираем тип информера - 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>
&nbsp;
<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


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


  <nowiki>
   
<html>
&nbsp;
<body>
<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>
<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]]
 
&nbsp;
 
[[Category:ДокументацияСКАДА]][[Category:SCADA]]

Версия от 14:37, 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

 

Источник — https://wiki.tekon.ru/index.php?title=WEB-информеры_в_SCADA&oldid=7307