WEB-информеры в SCADA: различия между версиями
Материал из TekonWiki
Перейти к навигацииПерейти к поиску
Alex (обсуждение | вклад) Нет описания правки |
Alex (обсуждение | вклад) Нет описания правки |
||
| (не показаны 2 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
== Введение == | == Введение == | ||
Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды. | |||
Рассмотрим возможность добавления WEB-контента на страницу ситуационного плана SCADA на примере HTML-информера погоды. | |||
Аналогично, может добавлен любой другой WEB-информер. | Аналогично, может добавлен любой другой WEB-информер. | ||
| Строка 9: | Строка 10: | ||
== Информер Погоды == | == Информер Погоды == | ||
В качестве источника данных погоды выбираем ресурс [https://rp5.ru https://rp5.ru] | |||
Находим нужный нам город, например: [https://rp5.ru/Погода_в_Москве_(ВДНХ) Москва] | |||
И открываем вкладку [https://rp5.ru/docs/informer/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" | В открывшемся окне, по необходимости, можно настроить ряд параметров отображения информера. И после этого скопировать, представленный на странице код: | ||
</ | <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> </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 | ||
<pre> | |||
<html> | <html> <body> *** </body> </html> </pre> | ||
<body> | |||
*** | |||
</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> </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" | |||
</body> | |||
</html> | |||
</ | |||
сохраняем файл, запускаем SCADA. | сохраняем файл, запускаем SCADA. | ||
На Главном (или любом другом) виде размещаем Примитив [[ | На Главном (или любом другом) виде размещаем Примитив [[Дополнительные_примитивы|Web-страница]], в его настройках указываем: | ||
* URL - file:///C:/1Tekon/1.html | |||
* Период - 3600 (период обновления информера 3600 секунд = 1 час) или другой по желанию | *URL - file:///C:/1Tekon/1.html | ||
* Scroll - Нет (не отображать) | *Период - 3600 (период обновления информера 3600 секунд = 1 час) или другой по желанию | ||
*Scroll - Нет (не отображать) | |||
Далее переходим в рабочей режим и наблюдаем информер в SCADA | Далее переходим в рабочей режим и наблюдаем информер в SCADA | ||
[[ | [[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
