<?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> <html class="client-nojs" dir="ltr" lang="en"> <head> <meta charset="UTF-8" /> <title>Модулі/Конфігуратор на Web - OpenSCADAWiki</title> <meta content="MediaWiki 1.26.4" name="generator" /> <link href="https://www.gnu.org/copyleft/fdl.html" rel="copyright" /> <link href="../../en/files/doc.css" rel="stylesheet" /></head> <body><div class="floatright"><a href="../index.html"><img alt="OpenSCADA" src="../../en/files/index.png" /></a></div><div id="mw_header"> <div class="mw-indicators"> </div> <h1 id="firstHeading" lang="uk">Модулі/Конфігуратор на Web</h1> </div><div class="mw-content-ltr" dir="ltr" id="mw-content-text" lang="uk"><div class="mw-pt-translate-header noprint" dir="ltr" lang="en">This page is a <span class="plainlinks"><a class="external text" href="http://oscada.org/wiki/index.php?title=Special:Translate&group=page-Modules%2FWebCfg&action=page&filter=&language=uk" rel="nofollow noreferrer noopener" target="_blank">translated version</a></span> of the page <a class="external" href="http://oscada.org/wiki/Modules/WebCfg" title="Modules/WebCfg">Modules/WebCfg</a> and the translation is 100% complete.</div><hr /><div class="mw-pt-languages" dir="ltr" lang="en"><div class="mw-pt-languages-list autonym"><a class="mw-pt-languages-ui mw-pt-progress mw-pt-progress--complete" href="../../en/Modules/WebCfg.html" title="Modules/WebCfg (100% translated)">English</a> • ‎<a class="mw-pt-progress mw-pt-progress--complete" href="../../ru/Modules/WebCfg.html" title="Модули/Конфигуратор на Web (100% translated)">mRussian</a> • ‎<span class="mw-pt-languages-selected mw-pt-progress mw-pt-progress--complete">УкраїнÑька</span></div></div> <table class="wikitable"> <tr> <th> Модуль </th> <th> Ім'Ñ </th> <th> ВерÑÑ–Ñ </th> <th> Ð›Ñ–Ñ†ÐµÐ½Ð·Ñ–Ñ </th> <th> Джерело </th> <th> Мови </th> <th> Платформи </th> <th> Тип </th> <th> Ðвтор </th> <th> ÐžÐ¿Ð¸Ñ </th></tr> <tr> <td> <a href="../Modules/WebCfg.html" title="Special:MyLanguage/Modules/WebCfg">WebCfg</a> </td> <td> Конфігуратор програми (WEB) </td> <td> 2.0 </td> <td> GPL2 </td> <td> ui_WebCfg.so </td> <td> en,uk,ru,de </td> <td> x86,x86_64,ARM </td> <td> КориÑтувацькі інтерфейÑи </td> <td> Роман Савоченко </td> <td> Ðадає конфігуратор OpenSCADA, заÑнований на Web.<br /> <p><a class="image" href="http://oscada.org/wiki/File:At.png"><img alt="At.png" height="22" src="../../en/files/At.png" width="22" /></a> Переважно заÑтаріле та замінене модулем <a href="../Modules/WebCfgD.html" title="Special:MyLanguage/Modules/WebCfgD">UI.WebCfgD</a> </p> </td></tr></table> <p>Цей модуль надає конфігуратор OpenSCADA. Конфігуратор реалізовано на оÑнові Web-технологій. Ð”Ð»Ñ Ñ€Ð¾Ð±Ð¾Ñ‚Ð¸ конфігуратору доÑтатньо звичайного WEB-браузеру. ПрацездатніÑÑ‚ÑŒ Ð¼Ð¾Ð´ÑƒÐ»Ñ Ñ‚ÐµÑтувалаÑÑŒ разом з модулÑми <a href="../Modules/Sockets.html" title="Special:MyLanguage/Modules/Sockets">Transport.Sockets</a> та <a href="../Modules/HTTP.html" title="Special:MyLanguage/Modules/HTTP">Protocol.HTTP</a> на наÑтупних Web-браузерах: </p> <ul><li> Mozilla;</li> <li> Firefox;</li> <li> Konqueror;</li> <li> Opera;</li> <li> IE.</li></ul> <p>У оÑнові Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð»ÐµÐ¶Ð¸Ñ‚ÑŒ мова інтерфейÑу ÑƒÐ¿Ñ€Ð°Ð²Ð»Ñ–Ð½Ð½Ñ OpenSCADA, що означає Ð½Ð°Ð´Ð°Ð½Ð½Ñ Ñ”Ð´Ð¸Ð½Ð¾Ð³Ð¾ інтерфейÑу конфігурації. ÐžÐ½Ð¾Ð²Ð»ÐµÐ½Ð½Ñ Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð¼Ð¾Ð¶Ðµ знадобитиÑÑ Ñ‚Ñ–Ð»ÑŒÐºÐ¸ у випадку Ð¾Ð½Ð¾Ð²Ð»ÐµÐ½Ð½Ñ Ñпецифікації мови інтерфейÑу управліннÑ. </p><p>Окрім приналежноÑÑ‚Ñ– до OpenSCADA цей модуль також належить модулю, Ñ” модулем, транÑпортного протоколу <a href="../Modules/HTTP.html" title="Special:MyLanguage/Modules/HTTP">Protocol.HTTP</a>. ВлаÑне виклик WebCfg здійÑнюєтьÑÑ Ð· HTTP та за поÑередництвом розширеного механізму комунікації, через екÑпортовані у модулі функції: HttpGet() та HttpSet(). </p><p>Ð†Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñ Ð¼Ð¾Ð´ÑƒÐ»Ñ Ñ€ÐµÐ°Ð»Ñ–Ð·Ð¾Ð²Ð°Ð½Ð¾ на мові XHTML 1.0 Transitional з вкрапленнÑми JavaScript. </p><p>ВикориÑÑ‚Ð°Ð½Ð½Ñ Ð¼Ð¾Ð´ÑƒÐ»Ñ Ð¿Ð¾Ñ‡Ð¸Ð½Ð°Ñ”Ñ‚ÑŒÑÑ Ð· Ð²Ñ–Ð´ÐºÑ€Ð¸Ñ‚Ñ‚Ñ ÑеанÑу кориÑтувача (автентифікації) модулем протоколу HTTP (<a href="../Modules/HTTP.html" title="Special:MyLanguage/Modules/HTTP">Protocol.HTTP</a>). Ð”Ð»Ñ Ñ„ÑƒÐ½ÐºÑ†Ñ–ÑŽÐ²Ð°Ð½Ð½Ñ Ð°ÑƒÑ‚ÐµÐ½Ñ‚Ð¸Ñ„Ñ–ÐºÐ°Ñ†Ñ–Ñ— та механізму Ð·Ð±ÐµÑ€ÐµÐ¶ÐµÐ½Ð½Ñ ÑеанÑу, браузер повинен дозволÑти Cookies. </p> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:619px;"><a class="image" href="http://oscada.org/wiki/File:HTTP_auth_uk.png"><img class="thumbimage" height="286" src="../files/HTTP_auth_uk.png" width="617" /></a> <div class="thumbcaption">РиÑ.1. ÐÑƒÑ‚ÐµÐ½Ñ‚Ð¸Ñ„Ñ–ÐºÐ°Ñ†Ñ–Ñ ÐºÐ¾Ñ€Ð¸Ñтувача.</div></div></div></div> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:718px;"><a class="image" href="http://oscada.org/wiki/File:WebCfg_displaystruct.png"><img class="thumbimage" height="567" src="../../en/files/WebCfg_displaystruct.png" width="716" /></a> <div class="thumbcaption">РиÑ.2. Структура робочого вікна кориÑтувача.</div></div></div></div> <p>Робоче вікно конфігуратору ÑкладаєтьÑÑ Ñ–Ð· наÑтупних чаÑтин: </p> <dl><dd>1. <i>Верхній колонтитул</i> — міÑтить Ð½Ð°Ð¹Ð¼ÐµÐ½ÑƒÐ²Ð°Ð½Ð½Ñ Ð¼Ð¾Ð´ÑƒÐ»Ñ.</dd> <dd>2. <i>Панель управліннÑ</i> — ÑкладаєтьÑÑ Ð·: <dl><dd>2.1. <i>Ðавігатор</i> — виконує функції навігації за деревом Ñторінок.</dd> <dd>2.2. <i>ÐÐ°Ð¹Ð¼ÐµÐ½ÑƒÐ²Ð°Ð½Ð½Ñ Ð²ÑƒÐ·Ð»Ð°</i>.</dd> <dd>2.3. <i>КориÑтувач</i> — відображає кориÑтувача поточного ÑеанÑу, його адреÑу та дозволÑÑ” кориÑтувача змінити.</dd></dl></dd> <dd>3. <i>Робоче поле</i> — міÑтить конфігураційний контент мови інтерфейÑу управліннÑ, починаючи з кореневих вкладок та закінчуючи кінцевими елементами управліннÑ.</dd> <dd>4. <i>Ðижній колонтитул</i> — міÑтить адреÑу поточної Ñторінки.</dd></dl> <p>ÐдреÑÐ°Ñ†Ñ–Ñ Ñторінок починаєтьÑÑ Ð· елементу другого Ñ€Ñ–Ð²Ð½Ñ URL. Це пов'Ñзано з тим, що елемент першого Ñ€Ñ–Ð²Ð½Ñ Ð²Ð¸ÐºÐ¾Ñ€Ð¸ÑтовуєтьÑÑ Ð´Ð»Ñ Ñ–Ð´ÐµÐ½Ñ‚Ð¸Ñ„Ñ–ÐºÐ°Ñ†Ñ–Ñ— Ð¼Ð¾Ð´ÑƒÐ»Ñ ÐºÐ¾Ñ€Ð¸Ñтувацького Web-інтерфейÑу. Ðаприклад, URL: "http://localhost.localdomain:10002/WebCfg/Functions" можна розшифрувати Ñк виклик Ñторінки першого Ñ€Ñ–Ð²Ð½Ñ "Functions" Web-Ð¼Ð¾Ð´ÑƒÐ»Ñ WebCfg на хоÑÑ‚Ñ– "localhost.localdomain" та через порт 10002. </p><p>Елементи ÑƒÐ¿Ñ€Ð°Ð²Ð»Ñ–Ð½Ð½Ñ Ð¿Ð¾Ð´Ñ–Ð»ÑÑŽÑ‚ÑŒÑÑ Ð½Ð°: базові, команди, переліки, таблиці та зображеннÑ. Ð’ÑÑ– чотири типи відображаютьÑÑ Ð¾ÐºÑ€ÐµÐ¼Ð¸Ð¼Ð¸ блоками, незалежно від Ñ—Ñ… Ñ€Ð¾Ð·Ñ‚Ð°ÑˆÑƒÐ²Ð°Ð½Ð½Ñ Ñƒ опиÑу. </p> <div class="toc" id="toc"><div id="toctitle"><h2>Contents</h2></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#.D0.91.D0.B0.D0.B7.D0.BE.D0.B2.D1.96_.D0.B5.D0.BB.D0.B5.D0.BC.D0.B5.D0.BD.D1.82.D0.B8"><span class="tocnumber">1</span> <span class="toctext">Базові елементи</span></a></li> <li class="toclevel-1 tocsection-2"><a href="#.D0.9A.D0.BE.D0.BC.D0.B0.D0.BD.D0.B4.D0.B8"><span class="tocnumber">2</span> <span class="toctext">Команди</span></a></li> <li class="toclevel-1 tocsection-3"><a href="#.D0.A1.D0.BF.D0.B8.D1.81.D0.BA.D0.B8"><span class="tocnumber">3</span> <span class="toctext">СпиÑки</span></a></li> <li class="toclevel-1 tocsection-4"><a href="#.D0.A2.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.96"><span class="tocnumber">4</span> <span class="toctext">Таблиці</span></a></li> <li class="toclevel-1 tocsection-5"><a href="#.D0.97.D0.BE.D0.B1.D1.80.D0.B0.D0.B6.D0.B5.D0.BD.D0.BD.D1.8F"><span class="tocnumber">5</span> <span class="toctext">ЗображеннÑ</span></a></li> </ul> </div> <h2><span class="mw-headline" id=".D0.91.D0.B0.D0.B7.D0.BE.D0.B2.D1.96_.D0.B5.D0.BB.D0.B5.D0.BC.D0.B5.D0.BD.D1.82.D0.B8"><span class="mw-headline-number">1</span> Базові елементи</span></h2> <p>До чиÑла базових елементів входÑÑ‚ÑŒ: інформаційні елементи, Ð¿Ð¾Ð»Ñ Ð²Ð²Ð¾Ð´Ñƒ значень, елементи Ð¾Ð±Ñ€Ð°Ð½Ð½Ñ Ð· переліку, прапорці. Ð”Ð»Ñ Ð²ÑÑ‚Ð°Ð½Ð¾Ð²Ð»ÐµÐ½Ð½Ñ Ð½Ð¾Ð²Ð¸Ñ… значень базових елементів викориÑтовуєтьÑÑ Ð³Ñ€ÑƒÐ¿Ð¾Ð²Ð¸Ð¹ метод, Ð´Ð»Ñ Ñ‡Ð¾Ð³Ð¾ на формі Ñ–Ñнує кнопка "ПрийнÑти". У випадку відÑутноÑÑ‚Ñ– ім'Ñ ÐµÐ»ÐµÐ¼ÐµÐ½Ñ‚Ñƒ базовий елемент ÑтикуєтьÑÑ Ð´Ð¾ попереднього базового. Приклад групи базових елементів зі Ñтиковкою наведено на риÑунку 3. </p> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:527px;"><a class="image" href="http://oscada.org/wiki/File:WebCfg_genericelem_uk.png"><img class="thumbimage" height="379" src="../files/WebCfg_genericelem_uk.png" width="525" /></a> <div class="thumbcaption">РиÑ.3. Базові елементи та Ñ—Ñ… Ñтиковка.</div></div></div></div> <h2><span class="mw-headline" id=".D0.9A.D0.BE.D0.BC.D0.B0.D0.BD.D0.B4.D0.B8"><span class="mw-headline-number">2</span> Команди</span></h2> <p>Команди це елементи Ð´Ð»Ñ Ð¿ÐµÑ€ÐµÐ´Ð°Ñ‡Ñ– визначених дій вузлу та організації поÑилань на Ñторінки. Команди можуть міÑтити параметри. Параметри формуютьÑÑ Ð· базових елементів. Приклад команди з параметрами наведено на риÑунку 4. </p> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:1007px;"><a class="image" href="http://oscada.org/wiki/File:WebCfg_commandelem_uk.png"><img class="thumbimage" height="96" src="../files/WebCfg_commandelem_uk.png" width="1005" /></a> <div class="thumbcaption">РиÑ.4. Команда.</div></div></div></div> <h2><span class="mw-headline" id=".D0.A1.D0.BF.D0.B8.D1.81.D0.BA.D0.B8"><span class="mw-headline-number">3</span> СпиÑки</span></h2> <p>СпиÑки міÑÑ‚ÑÑ‚ÑŒ групу базових елементів одного типу. Ð”Ð»Ñ Ð¾Ð¿ÐµÑ€Ð°Ñ†Ñ–Ð¹ над елементами ÑпиÑку додаютьÑÑ Ð´Ð¾Ð´Ð°Ñ‚ÐºÐ¾Ð²Ñ– кнопки. Крім цього, через елементи ÑпиÑку виконуютьÑÑ Ð¾Ð¿ÐµÑ€Ð°Ñ†Ñ–Ñ— переходу на інші Ñторінки, Ð´Ð»Ñ Ñ‡Ð¾Ð³Ð¾ додаєтьÑÑ ÐºÐ½Ð¾Ð¿ÐºÐ° "Перейти". Переліки можуть бути індекÑованими. Приклад ÑпиÑку з переходом наведено на риÑунку 5. </p> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:604px;"><a class="image" href="http://oscada.org/wiki/File:WebCfg_listelem_uk.png"><img class="thumbimage" height="271" src="../files/WebCfg_listelem_uk.png" width="602" /></a> <div class="thumbcaption">РиÑ.5. СпиÑок.</div></div></div></div> <h2><span class="mw-headline" id=".D0.A2.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.96"><span class="mw-headline-number">4</span> Таблиці</span></h2> <p>Таблиці міÑÑ‚ÑÑ‚ÑŒ Ð·Ð½Ð°Ñ‡ÐµÐ½Ð½Ñ Ð±Ð°Ð·Ð¾Ð²Ð¸Ñ… елементів. Тип базового елементу визначаєтьÑÑ Ð¾ÐºÑ€ÐµÐ¼Ð¾ Ð´Ð»Ñ ÐºÐ¾Ð¶Ð½Ð¾Ð³Ð¾ Ñтовпчика. Приклад таблиці наведено на риÑунку 6. </p> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:961px;"><a class="image" href="http://oscada.org/wiki/File:WebCfg_tableelem_uk.png"><img class="thumbimage" height="454" src="../files/WebCfg_tableelem_uk.png" width="959" /></a> <div class="thumbcaption">РиÑ.6. ТаблицÑ.</div></div></div></div> <h2><span class="mw-headline" id=".D0.97.D0.BE.D0.B1.D1.80.D0.B0.D0.B6.D0.B5.D0.BD.D0.BD.D1.8F"><span class="mw-headline-number">5</span> ЗображеннÑ</span></h2> <p>Ð—Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð½Ñ Ð¿Ñ€Ð¸ÐºÐ»Ð¸ÐºÐ°Ð½Ð¾ передавати графічну інформацію до конфігураторів. Приклад Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð½Ñ Ð½Ð°Ð²ÐµÐ´ÐµÐ½Ð¾ на риÑунку 7. </p> <div class="center"><div class="thumb tnone"><div class="thumbinner" style="width:713px;"><a class="image" href="http://oscada.org/wiki/File:WebCfg_imgelem_uk.png"><img class="thumbimage" height="548" src="../files/WebCfg_imgelem_uk.png" width="711" /></a> <div class="thumbcaption">РиÑ.7. ЗображеннÑ.</div></div></div></div> </div><table style="border-top: dotted 2px #999999; margin-top: 20pt; color: gray;" width="100%"><tr><td style="text-align: left;" width="40%"><a href="http://oscada.org/wiki/Modules/WebCfg/uk">Modules/WebCfg/uk</a> - <a href="http://oscada.org/en/main/about-the-project/licenses/">GFDL</a></td><td style="text-align: center;">April 2025</td><td style="text-align: right;" width="40%">OpenSCADA 1+r3018</td></tr></table></body> </html>