{"id":3375,"date":"2019-03-04T13:43:17","date_gmt":"2019-03-04T12:43:17","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=3375"},"modified":"2023-04-05T18:48:55","modified_gmt":"2023-04-05T16:48:55","slug":"kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/","title":{"rendered":"Kurs projektanta system\u00f3w HMI\/SCADA cz.2 \u2013 Tradycyjne i nowoczesne praktyki tworzenia wizualizacji HMI\/SCADA"},"content":{"rendered":"\n<div class=\"dowiesz-sie\">\n<h3>Z tego artyku\u0142u dowiesz si\u0119:<\/h3>\n<ul class=\"bulleted\">\n<li>Jak przedstawia\u0107 aktualne dane w wizualizacjach HMI\/SCADA<\/li>\n<li>Jak projektowa\u0107 grafiki w wizualizacji<\/li>\n<li>Jak opisywa\u0107 elementy wizualizacji HMI\/SCADA<\/li>\n<li>Jak prawid\u0142owo wykorzystywa\u0107 kolory<\/li>\n<li>Jak optymalnie zaprojektowa\u0107 nawigacj\u0119  pomi\u0119dzy ekranami <\/li>\n<\/ul>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><br><br>W poprzednim, pierwszym odcinku <a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-1-jak-efektywnie-projektowac-wizualizacje\/\">\u201eKursu projektanta system\u00f3w HMI\/SCADA cz.1 &#8211; Jak efektywnie projektowa\u0107 wizualizacje?\u201d<\/a> przedstawili\u015bmy podstawowe cele i zasady projektowania wizualizacji.<\/p>\n\n\n\n<p>W drugim odcinku chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa\nto skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz. Przyjrzymy si\u0119\ntechnikom projektowania wizualizacji: tradycyjnej i nowoczesnej. <\/p>\n\n\n\n<p>Projektowana przez Ciebie wizualizacja b\u0119dzie s\u0142u\u017cy\u0142a operatorom procesu i s\u0142u\u017cbie utrzymania ruchu. Ma im zapewni\u0107 efektywn\u0105 i intuicyjn\u0105 prac\u0119, dlatego tak wa\u017cne jest to, w jaki spos\u00f3b ta wizualizacja zostanie zaprojektowana.<\/p>\n\n\n\n<p>Wizualizacje w przemy\u015ble maj\u0105 wieloletni\u0105 histori\u0119, a projektanci takich system\u00f3w &#8211; swoje przyzwyczajenia. Osoby, dla kt\u00f3rych systemy <a href=\"https:\/\/www.astor.com.pl\/produkty\/sterowanie\/panele-operatorskie.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"HMI (opens in a new tab)\">HMI<\/a>\/<a rel=\"noreferrer noopener\" aria-label=\"SCADA  (opens in a new tab)\" href=\"https:\/\/www.astor.com.pl\/produkty\/oprogramowanie-przemyslowe\/systemy-scada.html\" target=\"_blank\">SCADA <\/a>s\u0105 codzienno\u015bci\u0105, \u015bwietnie znaj\u0105 tradycyjne sposoby projektowania i cz\u0119sto je wykorzystuj\u0105. <br><br>Co zmienia si\u0119 w nowoczesnych technikach projektowania? Kt\u00f3re elementy s\u0105 inaczej przedstawiane i dlaczego nowe wizualizacje s\u0105 bardziej wydajne?<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-very-light-gray-background-color has-background\"><strong>Ten artyku\u0142 jest cz\u0119\u015bci\u0105 cyklu <a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-hmi-scada\/\">&#8222;Kurs projektanta system\u00f3w HMI\/SCADA\u201d  <\/a><\/strong><br><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-hmi-scada\/\">\u201eKurs projektanta system\u00f3w HMI\/SCADA\u201d<\/a> przeznaczony jest zar\u00f3wno dla pocz\u0105tkuj\u0105cych w projektowaniu SCADA, jak r\u00f3wnie\u017c dla tych, kt\u00f3rzy chc\u0105 poszerzy\u0107 swoj\u0105 wiedz\u0119 w zakresie nowych technik projektowania.<br><br>Kurs sk\u0142ada si\u0119 z 7 cz\u0119\u015bci, w kt\u00f3rych zostan\u0105 przedstawione i opisane nowoczesne techniki projektowania system\u00f3w HMI\/SCADA. Ka\u017cdy uczestnik kursu ma mo\u017cliwo\u015b\u0107 prze\u0107wiczenia w zadaniach kolejnych element\u00f3w projektowania wizualizacji. <br><br><strong>Je\u015bli przeczytasz wszystkie artyku\u0142y, b\u0119dziesz \u015bwietnie przygotowany\/a do ko\u0144cowego quizu, po kt\u00f3rym otrzymasz certyfikat uko\u0144czenia.<\/strong> <br><br><strong>\u201e<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kursy\/hmi-scada\/\">Kurs projektowania system\u00f3w HMI\/SCADA<\/a>\u201d<\/strong> obejmuje nast\u0119puj\u0105ce artyku\u0142y w formie poradnik\u00f3w:<br><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-1-jak-efektywnie-projektowac-wizualizacje\/\">1. Jak efektywnie projektowa\u0107 wizualizacje?<\/a><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\">2. Tradycyjne i nowoczesne praktyki tworzenia wizualizacji HMI\/SCADA.<\/a><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-3-jak-dopasowac-specyfike-wizualizacji-hmi-scada-do-celu-procesu-i-oceny-wydajnosci-procesu\/\">3. Jak dopasowa\u0107 specyfik\u0119 wizualizacji HMI\/SCADA do celu procesu i oceny wydajno\u015bci procesu?<\/a><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-4-jak-przedstawiac-elementy-dynamiczne-oraz-alarmy-w-wizualizacjach\/\">4. Jak przedstawia\u0107 elementy dynamiczne oraz alarmy na wizualizacjach HMI\/SCADA?<\/a><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-5-jak-zaczac-projektowanie-i-tworzenie-wydajnej-wizualizacji\/\">5. Jak zacz\u0105\u0107 projektowanie i tworzenie wydajnej wizualizacji zgodnie z dobrymi praktykami?<\/a><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-6-jak-przeprowadzic-testy-kontrole-i-utrzymanie-nowej-wizualizacji-hmi-scada\/\">6.  Jak przeprowadzi\u0107 testy, kontrol\u0119 i utrzymanie nowej wizualizacji HMI\/SCADA?<\/a><br><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-7-jak-dbac-o-rozwoj-i-przyszlosc-systemow-hmi-scada-w-przedsiebiorstwach\/\">7. Jak dba\u0107 o rozw\u00f3j i przysz\u0142o\u015b\u0107 system\u00f3w HMI\/SCADA w przedsi\u0119biorstwach? <\/a><\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Jak przedstawia\u0107 aktualne dane w wizualizacji HMI\/SCADA i\ndlaczego na wykresach?<\/h2>\n\n\n\n<p>Na ekranach tradycyjnych wizualizacji dane takie jak: poziom cieczy w zbiorniku, procent zaawansowania procesu lub wska\u017aniki wydajno\u015bci procesu cz\u0119sto przedstawiane s\u0105 wprost, w postaci wy\u015bwietlanej warto\u015bci.<br><br>Taki spos\u00f3b przedstawiania danych pozwala szybko i \u0142atwo dostrzec aktualne warto\u015bci wa\u017cnych wska\u017anik\u00f3w, ale ma te\u017c swoje minusy. Informacja o tym, jaka jest aktualna warto\u015b\u0107, nie jest wystarczaj\u0105ca. <\/p>\n\n\n\n<p>W nowoczesnych wizualizacjach dane &#8211; zw\u0142aszcza te kluczowe &#8211; przedstawione s\u0105 w formie trend\u00f3w.  Jakie <strong>korzy\u015bci <\/strong>przynosi taki zabieg?<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>\u0142atwa interpretacja aktualnej warto\u015bci w\npor\u00f3wnaniu do warto\u015bci progowych,<\/li>\n\n\n\n<li>mo\u017cliwo\u015b\u0107 prognozowania przysz\u0142ej warto\u015bci\nwska\u017anika,<\/li>\n\n\n\n<li>mo\u017cliwo\u015b\u0107 por\u00f3wnania warto\u015bci aktualnej do\nwarto\u015bci historycznych,<\/li>\n\n\n\n<li>przejrzysto\u015b\u0107 i \u0142atwo\u015b\u0107 odczytu.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Na pierwszym ekranie wizualizacji (Rys.1) wszystkie dane przedstawione s\u0105 liczbowo &#8211; mo\u017cna je odczyta\u0107 wprost z ekranu. Do zinterpretowania wyniku konieczne jest odczytanie poprzednich warto\u015bci oraz znajomo\u015b\u0107 warto\u015bci progowych.<br><br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/1-1024x460.jpg\" alt=\"\" class=\"wp-image-3376\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/1-1024x460.jpg 1024w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/1-300x135.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/1-768x345.jpg 768w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/1.jpg 1820w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Rys.1 Wizualizacja zaprojektowana wed\u0142ug tradycyjnych technik projektowania<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><br>Na drugim ekranie wizualizacji (Rys.2)&nbsp;warto\u015bci procentowe poziom\u00f3w zbiornik\u00f3w zosta\u0142y przedstawione w formie wykresu. Dodatkowo poziom ka\u017cdego ze zbiornik\u00f3w zosta\u0142 przedstawiony w formie poziomego s\u0142upka na tle skali z zakresem. <br><br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/2-1024x435.jpg\" alt=\"\" class=\"wp-image-3380\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/2-1024x435.jpg 1024w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/2-300x127.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/2-768x326.jpg 768w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/2.jpg 1794w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Rys.2 Wizualizacja zaprojektowana wed\u0142ug nowoczesnych technik projektowania<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>W przypadku bardziej skomplikowanych wizualizacji, przy\nkluczowych, cz\u0119sto zmieniaj\u0105cych si\u0119 warto\u015bciach, nale\u017cy wprowadzi\u0107 wykres\nprzedstawiaj\u0105cy zmian\u0119 tej warto\u015bci w czasie. Umo\u017cliwi to interpretacj\u0119\nwarto\u015bci, czasu jej narastania lub opadania. Linia trendu zobrazuje wszystkie\nwarto\u015bci, kt\u00f3re wyst\u0105pi\u0142y dotychczas. <\/p>\n\n\n\n<p>Jednym spojrzeniem na wykres operator mo\u017ce odczyta\u0107 aktualn\u0105\nwarto\u015b\u0107, sprawdzi\u0107 poprzednie warto\u015bci oraz wywnioskowa\u0107, jaki b\u0119dzie poziom\nwarto\u015bci w najbli\u017cszym czasie. W przypadku, gdy dany wska\u017anik od jakiego\u015b czasu\nzbli\u017ca si\u0119 do warto\u015bci krytycznej, operator mo\u017ce odpowiednio wcze\u015bnie\nzareagowa\u0107.<\/p>\n\n\n\n<p>Dzi\u0119ki wykresom operator nie tylko otrzymuje dane, ale r\u00f3wnie\u017c informacje, kt\u00f3re mo\u017ce przetwarza\u0107 i na kt\u00f3re mo\u017ce reagowa\u0107.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"229\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/3.jpg\" alt=\"\" class=\"wp-image-3381\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/3.jpg 605w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/3-300x114.jpg 300w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><figcaption class=\"wp-element-caption\">Rys. 3 Wykresy zmieniaj\u0105cych si\u0119 warto\u015bci temperatury i nagrzewania<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Wa\u017cne dane przedstawiaj w formie wykres\u00f3w<\/strong>. U\u017cytkownik szybciej interpretuje dane, kt\u00f3re podane s\u0105 w spos\u00f3b analogowy: w formie strza\u0142ki prezentuj\u0105cej aktualn\u0105 warto\u015b\u0107 w pewnym przedziale, wykresu zmieniaj\u0105cej si\u0119 warto\u015bci lub poziomu zbiornika w postaci s\u0142upka. <\/p>\n\n\n\n<p>Wykresy na ekranach wizualizacji powinny by\u0107 dane wprost, bez konieczno\u015bci otwierania dodatkowych okien, definiowania jednostek osi oraz ich zakres\u00f3w. <br><br><\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p> <strong>6 zasad wprowadzania wykres\u00f3w do wizualizacji HMI\/SCADA<\/strong>: <\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li> Dostosuj skal\u0119 osi Y do warto\u015bci uzyskiwanych dynamicznie poprzez wprowadzenie 2% lub 5% rozszerzenia skali wzgl\u0119dem uzyskiwanych warto\u015bci. Skala warto\u015bci powinna by\u0107 wy\u015bwietlona i mo\u017cliwa do regulowania.<\/li>\n\n\n\n<li> Wprowad\u017a generowanie wykresu w dziedzinie domy\u015blnie ustalonego czasu (np. ostatnie 10 minut, 2 godziny lub 24 godziny). Czas uzale\u017cnij od cz\u0119stotliwo\u015bci zmian danych przedstawionych na wykresie.<\/li>\n\n\n\n<li> Ograniczenia procesu, limity jako\u015bci lub po\u017c\u0105dany czas dzia\u0142ania wprowadzaj w oparciu o stan procesu.<\/li>\n\n\n\n<li> Wprowad\u017a mo\u017cliwo\u015b\u0107 zmiany zakresu osi przez operatora wraz z opcj\u0105 powrotu do domy\u015blnych ustawie\u0144.<\/li>\n\n\n\n<li> Wykres powinien by\u0107 u\u017cyteczny bez konieczno\u015bci ingerencji operatora (ustawienie skali osi oraz wygl\u0105du wykresu).<\/li>\n\n\n\n<li> Osie wykresu nie powinny by\u0107 kr\u00f3tsze ni\u017c ok. 5 cm, \u017ceby wykres by\u0142 widoczny i u\u017cyteczny.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n                <div class=\"ml-form-embed\"\n                     data-account=\"1412992:d3l7o0t1k2\"\n                     data-form=\"1227024:h5x8d9\">\n                <\/div>\n            \n\n\n\n<h2 class=\"wp-block-heading\"> Jak projektowa\u0107 grafiki w wizualizacji HMI\/SCADA?<br><\/h2>\n\n\n\n<p>Wa\u017cn\u0105 cz\u0119\u015bci\u0105 ekran\u00f3w wizualizacji jest przedstawienie\nelement\u00f3w monitorowanego procesu, takich jak: pompy, zbiorniki, przeno\u015bniki,\nczy zawory. Od lat w praktyce projektowania elementy te by\u0142y przedstawiane z\npr\u00f3b\u0105 osi\u0105gni\u0119cia jak najdok\u0142adniejszego odwzorowania urz\u0105dze\u0144 rzeczywistych.\nElementy by\u0142y wyr\u00f3\u017cnione wieloma kolorami, przez co przyci\u0105ga\u0142y uwag\u0119. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Cechy grafik w tradycyjnych wizualizacjach:<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>przedstawianie grafik w 3D,<\/li>\n\n\n\n<li>wprowadzenie du\u017cej r\u00f3\u017cnorodno\u015bci kolor\u00f3w element\u00f3w procesu,<\/li>\n\n\n\n<li>du\u017ca dok\u0142adno\u015b\u0107 odzwierciedlania urz\u0105dze\u0144 rzeczywistych,<\/li>\n\n\n\n<li>wykorzystanie ca\u0142ej przestrzeni wewn\u0119trznej zbiornik\u00f3w do przedstawiania poziomu ich zawarto\u015bci,<\/li>\n\n\n\n<li>wykorzystanie animacji prezentuj\u0105cych pewne procesy (p\u0119cherzyki powietrza, p\u0142omienie, wiruj\u0105ce pompy lub poruszaj\u0105ce si\u0119 przeno\u015bniki).<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/4-1024x473.jpg\" alt=\"\" class=\"wp-image-3382\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/4-1024x473.jpg 1024w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/4-300x138.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/4-768x354.jpg 768w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/4.jpg 1779w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Rys.4 Tradycyjny styl przedstawiania grafik w wizualizacjach (\u017c\u00f3\u0142ta ramka)<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-background has-very-light-gray-background-color\" style=\"grid-template-columns:47% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/01\/Wojciech_Pawe\u0142czyk_ASTOR-1024x1024.jpg\" alt=\"\" class=\"wp-image-2442 size-full\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/01\/Wojciech_Pawe\u0142czyk_ASTOR-1024x1024.jpg 1024w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/01\/Wojciech_Pawe\u0142czyk_ASTOR-150x150.jpg 150w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/01\/Wojciech_Pawe\u0142czyk_ASTOR-300x300.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/01\/Wojciech_Pawe\u0142czyk_ASTOR-768x768.jpg 768w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/01\/Wojciech_Pawe\u0142czyk_ASTOR.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p><br>Projektuj nowocze\u015bnie! Zapewnij przejrzysto\u015b\u0107, czytelno\u015b\u0107 i szybko\u015b\u0107 odnajdywania informacji dzi\u0119ki minimalizacji odwzorowania element\u00f3w rzeczywistych. Operator Ci podzi\u0119kuje. <br><br>Jaka jest najwa\u017cniejsza rada dla projektanta system\u00f3w HMI\/SCADA? <br><strong>&#8222;Skup si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz&#8221;<\/strong><br><br><strong>\u2013 Wojciech Pawe\u0142czyk, specjalista ds. Wonderware<\/strong><br><br><\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>6 sposob\u00f3w na nowoczesne grafiki w wizualizacjach HMI\/SCADA<\/strong>: <\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Przedstawiaj grafiki w 2D. <\/li>\n\n\n\n<li>Stosuj stonowane kolory. <\/li>\n\n\n\n<li>Wykorzystuj r\u00f3\u017cne odcienie jednego koloru zamiast ca\u0142ej palety barw. <\/li>\n\n\n\n<li>Pokazuj aktualny poziom np. cieczy w zbiorniku jako ciemniejszy s\u0142upek wewn\u0105trz zbiornika. <\/li>\n\n\n\n<li>Przedstawiaj tylko elementy kluczowe dla procesu. Zrezygnuj z odzwierciedlania zawor\u00f3w, rozr\u00f3\u017cniania medi\u00f3w itp. <\/li>\n\n\n\n<li>Wyeliminuj animacje z wizualizacji.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"719\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/5.jpg\" alt=\"\" class=\"wp-image-3383\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/5.jpg 929w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/5-300x232.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/5-768x594.jpg 768w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><figcaption class=\"wp-element-caption\">Rys. 5 Nowoczesny styl przedstawiania grafik w wizualizacjach<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Zmiana stylu grafik w wizualizacji pozwala operatorom na\nszybsz\u0105 reakcj\u0119, \u0142atwiejszy odbi\u00f3r informacji, a w konsekwencji na bardziej\nwydajn\u0105 prac\u0119. <\/p>\n\n\n\n<p>Zastan\u00f3w si\u0119, na kt\u00f3rym ekranie \u0142atwiej by\u0142oby Ci pracowa\u0107, jako operatorowi?<br><br>Czy kolorowe, du\u017ce, skomplikowane grafiki, cz\u0119sto z elementami animacji u\u0142atwi\u0142yby Ci prac\u0119? Czy jeste\u015b w stanie dostrzec z \u0142atwo\u015bci\u0105 inne elementy wizualizacji? A co, je\u015bli pojawi si\u0119 alarm?<br><br><\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>11 zasad wprowadzania grafik do wizualizacji HMI\/SCADA<\/strong>:  <\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Linie procesowe powinny by\u0107 ciemnoszare lub czarne.<\/li>\n\n\n\n<li>Do zr\u00f3\u017cnicowania element\u00f3w wykorzystuj r\u00f3\u017cn\u0105 grubo\u015b\u0107 linii, a nie kolory. <\/li>\n\n\n\n<li>G\u0142\u00f3wne linie procesowe powinny mie\u0107 3 px szeroko\u015bci, a mniej wa\u017cne &#8211; 2 px.  <\/li>\n\n\n\n<li> U\u017cywaj strza\u0142ek w wa\u017cniejszych liniach, \u017ceby zaznaczy\u0107 kierunek przep\u0142ywu.  <\/li>\n\n\n\n<li>Ogranicz si\u0119 do dw\u00f3ch lub trzech rodzaj\u00f3w linii (np. ci\u0105g\u0142a, przerywana, kropkowana).  <\/li>\n\n\n\n<li>Zbiorniki przedstawiaj w 2D.   <\/li>\n\n\n\n<li>Przedstawiaj kszta\u0142t zbiornika bez dodatkowych szczeg\u00f3\u0142\u00f3w.  <\/li>\n\n\n\n<li>Wn\u0119trze zbiornika powinno mie\u0107 kolor t\u0142a, bez dodatkowego gradientu.  <\/li>\n\n\n\n<li>Zarys zbiornika powinien by\u0107 zaznaczony cienk\u0105 szar\u0105 lub czarn\u0105 lini\u0105.  <\/li>\n\n\n\n<li>Rozmiar zbiornika powinien by\u0107 uzale\u017cniony od rozmiaru rzeczywistego i znaczenia tego elementu w procesie.  <\/li>\n\n\n\n<li>Przep\u0142yw procesu powinien by\u0107 realizowany od lewej strony do prawej. <\/li>\n<\/ul>\n\n\n\n<p><br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Jak opisywa\u0107 elementy wizualizacji HMI\/SCADA?<\/h2>\n\n\n\n<p>Niekt\u00f3re elementy wizualizacji wymagaj\u0105 wprowadzenia opis\u00f3w, wykresy &#8211; podpis\u00f3w osi, a warto\u015bci &#8211; jednostek. Jak powinno si\u0119 je wprowadza\u0107, \u017ceby nie utraci\u0107 przejrzysto\u015bci? <br><br>Zgodnie z nowoczesnymi technikami projektowania, opisy powinny by\u0107 wprowadzane w stonowanych kolorach oraz niewielkich rozmiarach czcionki. <\/p>\n\n\n\n<p>Opisy nie s\u0105 elementami, kt\u00f3re maj\u0105 przyci\u0105ga\u0107 uwag\u0119\noperatora, a jedynie informowa\u0107 lub uzupe\u0142nia\u0107 informacje uzyskane z warto\u015bci.\nProjektant powinien uwzgl\u0119dnia\u0107 tylko te opisy, kt\u00f3re s\u0105 kluczowe lub mog\u0105 by\u0107\npotrzebne operatorowi. Nadmiar tekstu na wizualizacji zaciemnia obraz i utrudnia\nodbi\u00f3r. <\/p>\n\n\n\n<p>Jak opisy cz\u0119sto s\u0105 wprowadzane w tradycyjnych\nwizualizacjach?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1095\" height=\"819\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/6-1024x766.jpg\" alt=\"\" class=\"wp-image-3384\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/6-1024x766.jpg 1024w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/6-300x224.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/6-768x574.jpg 768w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/6.jpg 1095w\" sizes=\"auto, (max-width: 1095px) 100vw, 1095px\" \/><figcaption class=\"wp-element-caption\">Rys. 6 Wprowadzanie opis\u00f3w zgodnie z tradycyjnymi praktykami (\u017c\u00f3\u0142ta ramka)<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Jak mo\u017cna je zredukowa\u0107? Sp\u00f3jrz poni\u017cej:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1787\" height=\"745\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/7-1024x427.jpg\" alt=\"\" class=\"wp-image-3385\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/7-1024x427.jpg 1024w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/7-300x125.jpg 300w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/7-768x320.jpg 768w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/7.jpg 1787w\" sizes=\"auto, (max-width: 1787px) 100vw, 1787px\" \/><figcaption class=\"wp-element-caption\">Rys. 7 Wprowadzanie opis\u00f3w w nowoczesnej wizualizacji<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>7 g\u0142\u00f3wnych zasad wprowadzania opis\u00f3w na wizualizacjach HMI\/SCADA:<\/strong><\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Ilo\u015b\u0107 tekstu powinna by\u0107 zminimalizowana, ale nie eliminujemy tekstu w ca\u0142o\u015bci, to oczywiste. Wprowadzaj opisy tych element\u00f3w, kt\u00f3rych po\u0142o\u017cenie lub kszta\u0142t nie wskazuj\u0105 na pe\u0142nion\u0105 rol\u0119.<\/li>\n\n\n\n<li>Tekst powinien by\u0107 ciemnego koloru, ale nie czarnego. <\/li>\n\n\n\n<li>Nie u\u017cywaj czcionek szeryfowych (<em>serif<\/em>), kt\u00f3re powoduj\u0105, \u017ce tekst jest mniej czytelny na ekranach. <\/li>\n\n\n\n<li>U\u017cywaj wi\u0119kszego, bardziej widocznego tekstu do zaznaczenia powielonych element\u00f3w (np. kilka reaktor\u00f3w, kompresor\u00f3w lub piec\u00f3w). <\/li>\n\n\n\n<li>W przypadku kr\u00f3tkich tytu\u0142\u00f3w lub etykiet u\u017cywaj wszystkich du\u017cych liter. Wprowadzaj\u0105c d\u0142u\u017csze opisy, pisz wielopoziomowo.<\/li>\n\n\n\n<li> Zapewnij sp\u00f3jno\u015b\u0107 skr\u00f3t\u00f3w i wprowad\u017a ich legend\u0119.<\/li>\n\n\n\n<li> Dostosuj wielko\u015b\u0107 czcionki do wielko\u015bci ekranu. <\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Aby w\u0142a\u015bciwie wprowadzi\u0107 warto\u015bci do wizualizacji, pami\u0119taj dodatkowo o tym, \u017ce:<\/strong><\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Pogrubiony, ciemnoniebieski kolor jest w\u0142a\u015bciwy dla szarego t\u0142a i rozr\u00f3\u017cnienia zmieniaj\u0105cych si\u0119 warto\u015bci od statycznego tekstu.<\/li>\n\n\n\n<li>Zera wiod\u0105ce nie powinny by\u0107 wy\u015bwietlane, z wyj\u0105tkiem warto\u015bci u\u0142amkowych.<\/li>\n\n\n\n<li>Warto\u015bci powinny by\u0107 wy\u015bwietlane z dok\u0142adno\u015bci\u0105 dogodn\u0105 dla operatora.<\/li>\n\n\n\n<li>Tabele warto\u015bci liczbowych nie s\u0105 rekomendowane w nowoczesnych wizualizacjach.<\/li>\n\n\n\n<li>Jednostki nie powinny mie\u0107 du\u017cego kontrastu koloru w por\u00f3wnaniu do warto\u015bci.<\/li>\n\n\n\n<li>Zmienne zawsze powinny by\u0107 wy\u015bwietlone domy\u015blnie na ekranie.<\/li>\n\n\n\n<li>Gdy elementy s\u0105 wybrane, ich status powinien by\u0107 zaznaczony przez bia\u0142\u0105 ramk\u0119.<\/li>\n\n\n\n<li>Wiadomo\u015bci statusu lub akcji powinny by\u0107 kr\u00f3tkie i zwi\u0119z\u0142e. <\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Jak stosowa\u0107 kolory w wizualizacjach HMI\/SCADA?<\/h2>\n\n\n\n<p>Dobieraj\u0105c kolory do wizualizacji, zapoznaj si\u0119 z technik\u0105\nSituational Awareness, kt\u00f3ra ma na celu usprawnienie postrzegania zdarze\u0144, ich\ninterpretacji oraz reakcji na nie. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>\n\nPrzypomnijmy <strong>3 g\u0142\u00f3wne zasady projektowania wizualizacji HMI\/SCADA<\/strong>:\n\n<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Przedstawiaj kluczowe dane dla konkretnego procesu produkcyjnego.<\/li>\n\n\n\n<li>Umo\u017cliwiaj operatorom sprawne monitorowanie i sterowanie procesem. <\/li>\n\n\n\n<li>Projektuj tak, by skr\u00f3ci\u0107 czas reakcji operatora na sytuacje alarmowe. <\/li>\n<\/ul>\n\n\n\n<p><br>Du\u017ce znaczenie w realizacji powy\u017cszych cel\u00f3w ma w\u0142a\u015bciwy dob\u00f3r kolor\u00f3w do wizualizacji. Ma to na celu przyci\u0105gni\u0119cie uwagi operatora oraz zapewnienie sp\u00f3jno\u015bci w przekazie.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Jak by\u0142o\nkiedy\u015b?<\/strong><\/p>\n\n\n\n<p>Warto\u015b\u0107 wizualizacji cz\u0119sto by\u0142a, a czasami nadal jest oceniana wzgl\u0119dem atrakcyjno\u015bci wizualnej ekran\u00f3w (grafiki 3D, animacje oraz r\u00f3\u017cnorodne kolory). Doprowadzi\u0142o to do nadu\u017cywania i wr\u0119cz z\u0142ego wykorzystania kolor\u00f3w. <\/p>\n\n\n\n<p>Nadal cz\u0119sto wymaga si\u0119 od projektant\u00f3w takich praktyk.\nChocia\u017c wizualizacje bogate w kolory s\u0105 doceniane przez osoby zlecaj\u0105ce\nzaprojektowanie wizualizacji, cz\u0119sto po pewnym czasie okazuje si\u0119, jak bardzo\ns\u0105 niepraktyczne dla operator\u00f3w&#8230; <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Tradycyjne wizualizacje charakteryzuj\u0105 si\u0119:<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>r\u00f3\u017cnorodnymi, jaskrawymi kolorami,<\/li>\n\n\n\n<li>brakiem sp\u00f3jno\u015bci w doborze kolor\u00f3w, przez co odbi\u00f3r i\ninterpretacja kolor\u00f3w nie jest jednoznaczna,<\/li>\n\n\n\n<li>kolorowaniem element\u00f3w, kt\u00f3re maj\u0105 podnie\u015b\u0107\natrakcyjno\u015b\u0107 wizualn\u0105 ekranu.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.astor.com.pl\/produkty\/oprogramowanie-przemyslowe\/systemy-scada\/wonderware-intouch\/demo.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"190\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/05\/baner_pobierz_wonderware_intouch-01.png\" alt=\"\" class=\"wp-image-4447\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/05\/baner_pobierz_wonderware_intouch-01.png 840w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/05\/baner_pobierz_wonderware_intouch-01-768x174.png 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>\u201eWizualizacja\npowinna by\u0107 nudna\u201d<\/strong><\/p>\n\n\n\n<p>Okazuje si\u0119, \u017ce \u201enudna\u201d wizualizacja w stonowanych kolorach zapewnia bardziej wydajn\u0105 prac\u0119 operator\u00f3w i s\u0142u\u017cb utrzymania ruchu. <br><br>O czym nale\u017cy pami\u0119ta\u0107 przy doborze kolor\u00f3w w wizualizacji?<br><br><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3 g\u0142\u00f3wne zasady stosowania kolor\u00f3w w wizualizacjach HMI\/SCADA<\/strong>: \n\n<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Postaw na jeden stonowany kolor wizualizacji.  Przy wprowadzaniu element\u00f3w dodatkowych, wykorzystaj r\u00f3\u017cne odcienie wybranego koloru. <\/li>\n\n\n\n<li>Wprowad\u017a sp\u00f3jne kodowanie kolor\u00f3w. Kolory r\u00f3wnie\u017c nios\u0105 za sob\u0105 informacj\u0119, dlatego bardzo wa\u017cne jest dopasowanie koloru do funkcji danego elementu wizualizacji. Wprowad\u017a osobne, stonowane kolory dla trend\u00f3w oraz warto\u015bci wska\u017anik\u00f3w. Alarmy wyr\u00f3\u017cnij jaskrawym kolorem. <\/li>\n\n\n\n<li>Wyr\u00f3\u017cniaj tylko elementy istotne dla procesu. <\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Jaki\npowinien by\u0107 kolor t\u0142a w wizualizacji HMI\/SCADA?<\/strong><\/p>\n\n\n\n<p>Wbrew powszechnej zasadzie, \u017ce t\u0142o powinno by\u0107 bardzo jasne lub bardzo ciemne w celu maksymalizacji kontrastu, nie powinno si\u0119 wprowadza\u0107 takiego t\u0142a do wizualizacji. Du\u017ce kontrasty powoduj\u0105 zm\u0119czenie oczu.<br> <br><\/p>\n\n\n\n<p>Prawid\u0142owym kolorem t\u0142a w wizualizacji s\u0105 jasne odcienie szaro\u015bci. Wprowadzenie jasnoszarego t\u0142a powoduje zmniejszenie zm\u0119czenia oczu, zwi\u0119kszenie przejrzysto\u015bci wizualizacji, a nawet uzyskanie odpowiedniego kontrastu.<br><br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"329\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/kolory.jpg\" alt=\"\" class=\"wp-image-3426\" srcset=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/kolory.jpg 647w, https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/kolory-300x153.jpg 300w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><figcaption class=\"wp-element-caption\">Rys. 8 Zalecane kolory w nowoczesnych wizualizacjach<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3 zasady stosowania kolor\u00f3w w wizualizacjach HMI\/SCADA<\/strong>:<\/p>\n\n\n\n<p>1. Kolory element\u00f3w wizualizacji powinny by\u0107 dobierane oszcz\u0119dnie, z w\u0105skiego zakresu.<br><br>Linie procesowe oraz kontury zbiornik\u00f3w powinny by\u0107 zaznaczane kolorem ciemnoszarym lub czarnym. R\u00f3\u017cnorodno\u015b\u0107 i rozr\u00f3\u017cnienie wielu element\u00f3w powinno by\u0107 uzyskane przez r\u00f3\u017cn\u0105 grubo\u015b\u0107 linii, a nie zr\u00f3\u017cnicowanie kolor\u00f3w. Kolory nie powinny by\u0107 u\u017cywane w celu zaznaczenia rodzaju materia\u0142u lub medium (np. stal &#8211; metaliczny, woda &#8211; niebieski, ogie\u0144 \u2013 pomara\u0144czowy \/ czerwony itp.)<\/p>\n\n\n\n<p>2. U\u017cycie kolor\u00f3w powinno by\u0107 ustandaryzowane i rygorystycznie przestrzegane. <br><br>Jasne, intensywne kolory powinny by\u0107 u\u017cywane tylko w celu szybkiego przyci\u0105gni\u0119cia uwagi operatora w sytuacjach alarmowych b\u0105d\u017a krytycznych. <br><\/p>\n\n\n\n<p>3. Kolory nie powinny by\u0107 jedynym elementem wyr\u00f3\u017cniaj\u0105cym wa\u017cne elementy. <br><br>W tym celu sytuacje alarmowe nale\u017cy zaznacza\u0107 r\u00f3wnie\u017c poprzez wprowadzenie kszta\u0142t\u00f3w wy\u015bwietlanych komunikat\u00f3w. <br><br><br><\/p>\n\n\n\n<div class=\"link-box d-flex align-items-center\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/themes\/poradnik\/public\/images\/icons\/icon-link.svg\" alt=\"arrow\" class=\"ml-3\">\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<div><p><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/3-najczesciej-popelniane-bledy-w-wykorzystaniu-kolorow-w-wizualizacji-hmi-i-scada-i-jak-ich-unikac\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Przeczytaj wi\u0119cej o prawid\u0142owym dobieraniu kolor\u00f3w do wizualizacji. (otwiera si\u0119 na nowej zak\u0142adce)\">Przeczytaj wi\u0119cej o prawid\u0142owym dobieraniu kolor\u00f3w do wizualizacji.<\/a><\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Jak optymalnie zaprojektowa\u0107 nawigacj\u0119 &nbsp;pomi\u0119dzy ekranami HMI\/SCADA?<\/h2>\n\n\n\n<p>Przenie\u015bmy si\u0119 znowu do control room-u i wejd\u017amy w rol\u0119 operatora kontroluj\u0105cego proces. Nie wszystkie dane jeste\u015bmy w stanie pokaza\u0107 na jednym ekranie, dlatego dla operatora wa\u017cny jest szybki i intuicyjny dost\u0119p do potrzebnych mu informacji. Rol\u0105 projektanta jest r\u00f3wnie\u017c zaplanowanie nawigacji w wizualizacji. <br><br><\/p>\n\n\n\n                <div class=\"ml-form-embed\"\n                     data-account=\"1412992:d3l7o0t1k2\"\n                     data-form=\"1614742:o1q9y6\">\n                <\/div>\n            \n\n\n\n<p>Uwzgl\u0119dniaj\u0105c nawigacj\u0119 nale\u017cy pami\u0119ta\u0107 o umo\u017cliwieniu operatorowi:<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>przej\u015bcia przez wizualizacj\u0119 ca\u0142ego kontrolowanego\nprocesu,<\/li>\n\n\n\n<li>przywo\u0142ania powi\u0105zanych szczeg\u00f3\u0142\u00f3w, wykres\u00f3w,<\/li>\n\n\n\n<li>zamkni\u0119cia wy\u015bwietlanych status\u00f3w w grafikach,<\/li>\n\n\n\n<li>przej\u015bcia do kt\u00f3regokolwiek ekranu bez znajomo\u015bci\nhierarchii ekran\u00f3w.<\/li>\n<\/ul>\n\n\n\n<p>Projektuj\u0105c wizualizacj\u0119 nale\u017cy r\u00f3wnie\u017c umo\u017cliwi\u0107 sterowanie zar\u00f3wno za pomoc\u0105 <a href=\"https:\/\/www.astor.com.pl\/produkty\/sterowanie\/komputery-przemyslowe.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"panelu dotykowego (opens in a new tab)\">panelu dotykowego<\/a>, jak r\u00f3wnie\u017c myszki i klawiatury.<\/p>\n\n\n\n<div class=\"link-box d-flex align-items-center\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/themes\/poradnik\/public\/images\/icons\/icon-link.svg\" alt=\"arrow\" class=\"ml-3\">\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<div><p><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/jak-dobrac-panel-hmi-w-3-konkretnych-sytuacjach-na-produkcji\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Przeczytaj jak dobra\u0107 panel HMI (otwiera si\u0119 na nowej zak\u0142adce)\">Przeczytaj jak dobra\u0107 panel HMI<\/a><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/jak-dobrac-komputer-przemyslowy\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\/ komputer przemys\u0142owy (otwiera si\u0119 na nowej zak\u0142adce)\">\/ komputer przemys\u0142owy<\/a><\/p>\n<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3 g\u0142\u00f3wne zasady projektowania nawigacji w wizualizacji HMI\/SCADA<\/strong>: \n\n<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>Wprowad\u017a wiele metod nawigacji.  Pozwoli to na intuicyjn\u0105 obs\u0142ug\u0119 i nawigacj\u0119 nawet dla operator\u00f3w, kt\u00f3rzy pracuj\u0105 na tej wizualizacji pierwszy raz. Ka\u017cdy operator powinien by\u0107 w stanie przej\u015b\u0107 do dowolnego ekranu.<\/li>\n\n\n\n<li>Wprowad\u017a standardowy schemat nazewnictwa do\u0142\u0105czonych plik\u00f3w oraz grafik.  <\/li>\n\n\n\n<li>U\u017cywaj prostych nazw identyfikuj\u0105cych elementy procesu. Nie powinno by\u0107 sytuacji, w kt\u00f3rej operator musi wpisa\u0107 nazw\u0119 pliku w celu nawigacji. <\/li>\n\n\n\n<li>Wprowad\u017a proste, intuicyjne menu nawigacyjne. <\/li>\n<\/ul>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Autor: Ewelina Sz\u0119dzio\u0142<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Zrozumia\u0142e\u015b artyku\u0142 i jego g\u0142\u00f3wne wskaz\u00f3wki? Prze\u0107wicz wiedz\u0119 w praktyce!<\/h2>\n\n\n\n<p>Zaprojektuj prost\u0105 wizualizacj\u0119 zgodnie z nowoczesnymi praktykami:<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li> Zacznij od decyzji, jaki proces b\u0119dzie odzwierciedla\u0142a Twoja wizualizacja. Na pocz\u0105tek wybierz ma\u0142o skomplikowany proces.<\/li>\n\n\n\n<li>Nast\u0119pnie przygotuj plan &#8211; rozrysuj na kartce schemat zaplanowanej wizualizacji. <\/li>\n\n\n\n<li>Wszystkie zaplanowane elementy zaprojektuj zgodnie z zasadami projektowania nowoczesnych wizualizacji. <\/li>\n<\/ul>\n\n\n\n<p>Wskaz\u00f3wka: Pracuj na duplikowanych elementach z bibliotek. Dzi\u0119ki temu b\u0119dziesz mia\u0142\/mia\u0142a pewno\u015b\u0107, \u017ce przy edycji element\u00f3w zawsze b\u0119dziesz m\u00f3g\u0142\/mog\u0142a wr\u00f3ci\u0107 do pierwotnej wersji. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Jak Ci si\u0119 pracowa\u0142o? Napisz w komentarzu.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>W kolejnym artykule z cyklu &#8222;<a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kursy\/hmi-scada\/\">Kurs projektanta system\u00f3w HMI\/SCADA<\/a>\u201d cz.3 &#8211;<em>&nbsp;&nbsp;<\/em><br><strong><a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-3-jak-dopasowac-specyfike-wizualizacji-hmi-scada-do-celu-procesu-i-oceny-wydajnosci-procesu\/\">Jak dopasowa\u0107 specyfik\u0119 wizualizacji HMI\/SCADA do celu procesu i oceny wydajno\u015bci procesu?<\/a><\/strong><\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>cele wydajnej wizualizacji,<\/li>\n\n\n\n<li>dostosowanie wizualizacji do r\u00f3\u017cnych stan\u00f3w procesu,<\/li>\n\n\n\n<li>kt\u00f3re elementy wizualizacji \u015bwiadcz\u0105 o wydajno\u015bci procesu,<\/li>\n\n\n\n<li>jak osi\u0105gn\u0105\u0107 maksimum wydajno\u015bci przez wizualizacj\u0119,<\/li>\n\n\n\n<li>jak zminimalizowa\u0107 ryzyko pope\u0142nienia b\u0142\u0119du przez operatora.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Inspiracj\u0105 i \u017ar\u00f3d\u0142em do powstania <a href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-hmi-scada\/\">\u201eKursu projektanta system\u00f3w HMI\/SCADA\u201d<\/a> s\u0105:<\/p>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>\u201e<em>The High Performance HMI Handbook<\/em>\u201d \u2013\nBill Hollifield, Dana Oliver, Ian Nimmo, Eddie Habibi.<\/li>\n\n\n\n<li>\u201e<em>Wonderware design guidelines<\/em>\u201d \u2013 materia\u0142y\nWonderware<\/li>\n<\/ul>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li>\u201e<em>InTouch\nDemo conception document<\/em>\u201d \u2013 materia\u0142y Wonderware<\/li>\n<\/ul>\n\n\n\n<ul class=\"bulleted wp-block-list\">\n<li> Situational Awareness \u2013 materia\u0142y AVEVA <a href=\"https:\/\/sw.aveva.com\/monitor-and-control\/industrial-information-management\/situational-awareness\">https:\/\/sw.aveva.com\/monitor-and-control\/industrial-information-management\/situational-awareness<\/a><\/li>\n<\/ul>\n\n\n<p><!--EndFragment--><\/p>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz. Przyjrzymy si\u0119 technikom projektowania wizualizacji: tradycyjnej i nowoczesnej. <\/p>\n","protected":false},"author":14,"featured_media":3568,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[96,41,31,66],"class_list":["post-3375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bez-kategorii","tag-astraada-hmi-panel","tag-panele-operatorskie","tag-systemy-scada","tag-wonderware-intouch"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Kurs projektanta SCADA 2 \u2013 Tradycyjne i nowoczesne praktyki wizualizacji<\/title>\r\n<meta name=\"description\" content=\"W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\" \/>\r\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Kurs projektanta SCADA 2 \u2013 Tradycyjne i nowoczesne praktyki wizualizacji\" \/>\r\n<meta property=\"og:description\" content=\"W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Poradnik Automatyka\" \/>\r\n<meta property=\"article:published_time\" content=\"2019-03-04T12:43:17+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2023-04-05T16:48:55+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"1812\" \/>\r\n\t<meta property=\"og:image:height\" content=\"809\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"Wojciech Pawe\u0142czyk\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wojciech Pawe\u0142czyk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minut\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\"},\"author\":{\"name\":\"Wojciech Pawe\u0142czyk\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/58f68376e3cf1ad0316549ace98e5495\"},\"headline\":\"Kurs projektanta system\u00f3w HMI\/SCADA cz.2 \u2013 Tradycyjne i nowoczesne praktyki tworzenia wizualizacji HMI\/SCADA\",\"datePublished\":\"2019-03-04T12:43:17+00:00\",\"dateModified\":\"2023-04-05T16:48:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\"},\"wordCount\":2780,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg\",\"keywords\":[\"Astraada HMI Panel\",\"Panele operatorskie\",\"Systemy SCADA\",\"Wonderware InTouch\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\",\"name\":\"Kurs projektanta SCADA 2 \u2013 Tradycyjne i nowoczesne praktyki wizualizacji\",\"isPartOf\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg\",\"datePublished\":\"2019-03-04T12:43:17+00:00\",\"dateModified\":\"2023-04-05T16:48:55+00:00\",\"description\":\"W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg\",\"contentUrl\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg\",\"width\":1812,\"height\":809,\"caption\":\"Created with GIMP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Bez kategorii\",\"item\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/category\/bez-kategorii\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kurs projektanta system\u00f3w HMI\/SCADA cz.2 \u2013 Tradycyjne i nowoczesne praktyki tworzenia wizualizacji HMI\/SCADA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#website\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/\",\"name\":\"Poradnik Automatyka\",\"description\":\"Poradnik Automatyka to przydatne kursy, u\u017cyteczne artyku\u0142y i merytoryczne webinary dla ka\u017cdego automatyka i elektryka.\",\"publisher\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization\",\"name\":\"ASTOR\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2018\/08\/ASTOR_zwykly_sam_logotyp.png\",\"contentUrl\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2018\/08\/ASTOR_zwykly_sam_logotyp.png\",\"width\":3322,\"height\":1078,\"caption\":\"ASTOR\"},\"image\":{\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/58f68376e3cf1ad0316549ace98e5495\",\"name\":\"Wojciech Pawe\u0142czyk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/W.-Pawelczyk.jpg\",\"contentUrl\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/W.-Pawelczyk.jpg\",\"caption\":\"Wojciech Pawe\u0142czyk\"},\"description\":\"Starszy specjalista ds. sprzeda\u017cy oprogramowania SCADA oraz komunikacji ethernetowej w systemach przemys\u0142owych.\",\"url\":\"https:\/\/www.astor.com.pl\/poradnikautomatyka\/autor\/wojciechp\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kurs projektanta SCADA 2 \u2013 Tradycyjne i nowoczesne praktyki wizualizacji","description":"W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/","og_locale":"pl_PL","og_type":"article","og_title":"Kurs projektanta SCADA 2 \u2013 Tradycyjne i nowoczesne praktyki wizualizacji","og_description":"W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz.","og_url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/","og_site_name":"Poradnik Automatyka","article_published_time":"2019-03-04T12:43:17+00:00","article_modified_time":"2023-04-05T16:48:55+00:00","og_image":[{"width":1812,"height":809,"url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg","type":"image\/jpeg"}],"author":"Wojciech Pawe\u0142czyk","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Wojciech Pawe\u0142czyk","Szacowany czas czytania":"16 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#article","isPartOf":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/"},"author":{"name":"Wojciech Pawe\u0142czyk","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/58f68376e3cf1ad0316549ace98e5495"},"headline":"Kurs projektanta system\u00f3w HMI\/SCADA cz.2 \u2013 Tradycyjne i nowoczesne praktyki tworzenia wizualizacji HMI\/SCADA","datePublished":"2019-03-04T12:43:17+00:00","dateModified":"2023-04-05T16:48:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/"},"wordCount":2780,"commentCount":6,"publisher":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization"},"image":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage"},"thumbnailUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg","keywords":["Astraada HMI Panel","Panele operatorskie","Systemy SCADA","Wonderware InTouch"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/","name":"Kurs projektanta SCADA 2 \u2013 Tradycyjne i nowoczesne praktyki wizualizacji","isPartOf":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage"},"image":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage"},"thumbnailUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg","datePublished":"2019-03-04T12:43:17+00:00","dateModified":"2023-04-05T16:48:55+00:00","description":"W drugim odcinku kursu chcemy pokaza\u0107 Ci, \u017ce najwa\u017cniejsza sprawa to skupi\u0107 si\u0119 na u\u017cytkowniku wizualizacji, kt\u00f3r\u0105 projektujesz.","breadcrumb":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#primaryimage","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg","contentUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2019\/03\/start.jpg","width":1812,"height":809,"caption":"Created with GIMP"},{"@type":"BreadcrumbList","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/kurs-projektanta-systemow-hmi-scada-cz-2-tradycyjne-i-nowoczesne-praktyki-tworzenia-wizualizacji-hmi-scada\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Bez kategorii","item":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/category\/bez-kategorii\/"},{"@type":"ListItem","position":2,"name":"Kurs projektanta system\u00f3w HMI\/SCADA cz.2 \u2013 Tradycyjne i nowoczesne praktyki tworzenia wizualizacji HMI\/SCADA"}]},{"@type":"WebSite","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#website","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/","name":"Poradnik Automatyka","description":"Poradnik Automatyka to przydatne kursy, u\u017cyteczne artyku\u0142y i merytoryczne webinary dla ka\u017cdego automatyka i elektryka.","publisher":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#organization","name":"ASTOR","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/logo\/image\/","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2018\/08\/ASTOR_zwykly_sam_logotyp.png","contentUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2018\/08\/ASTOR_zwykly_sam_logotyp.png","width":3322,"height":1078,"caption":"ASTOR"},"image":{"@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/58f68376e3cf1ad0316549ace98e5495","name":"Wojciech Pawe\u0142czyk","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/#\/schema\/person\/image\/","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/W.-Pawelczyk.jpg","contentUrl":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-content\/uploads\/2023\/04\/W.-Pawelczyk.jpg","caption":"Wojciech Pawe\u0142czyk"},"description":"Starszy specjalista ds. sprzeda\u017cy oprogramowania SCADA oraz komunikacji ethernetowej w systemach przemys\u0142owych.","url":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/autor\/wojciechp\/"}]}},"_links":{"self":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts\/3375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/comments?post=3375"}],"version-history":[{"count":0,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/posts\/3375\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/media\/3568"}],"wp:attachment":[{"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/media?parent=3375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/categories?post=3375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wp-json\/wp\/v2\/tags?post=3375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}