{"id":24894,"date":"2025-09-16T09:45:37","date_gmt":"2025-09-16T07:45:37","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=24894"},"modified":"2025-09-17T08:49:45","modified_gmt":"2025-09-17T06:49:45","slug":"jak-budowac-ekrany-operatorskie-z-obiektami-do-wizualizacji-i-zadawania-wartosci-zmiennych-kurs-programowania-sterownikow-horner-apg-w-srodowisku-cscape-10-odc-10","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/jak-budowac-ekrany-operatorskie-z-obiektami-do-wizualizacji-i-zadawania-wartosci-zmiennych-kurs-programowania-sterownikow-horner-apg-w-srodowisku-cscape-10-odc-10\/","title":{"rendered":"Jak budowa\u0107 ekrany operatorskie z obiektami do wizualizacji i zadawania warto\u015bci zmiennych? | Kurs programowania sterownik\u00f3w Horner APG\u00a0 w \u015brodowisku Cscape 10, odc. 10"},"content":{"rendered":"\n
<\/div>\n\n\n\n

Nadszed\u0142 czas czas na skonfigurowanie panelu HMI i dodanie pierwszego ekranu operatorskiego. Umo\u017cliwi on podgl\u0105d aktualnie prowadzonego procesu na sterowniku PLC.<\/p>\n\n\n\n

\n

Kurs programowania sterownik\u00f3w Horner APG w \u015brodowisku Cscape 10<\/strong><\/h3>\n

Wprowadzenie i podstawy<\/h4>\n1. Jak skonfigurowa\u0107, pod\u0142\u0105czy\u0107 oraz uruchomi\u0107 sterownik PLC?<\/a>\n2. Jak tworzy\u0107 i edytowa\u0107 projekty w oprogramowaniu Cscape 10?<\/a>\n

Programowanie w j\u0119zyku drabinkowym<\/h4>\n3. Jak tworzy\u0107 oraz konfigurowa\u0107 baz\u0119 zmiennych w \u015brodowisku Cscape?<\/a>\n4. Jak korzysta\u0107 ze styk\u00f3w, cewek i blok\u00f3w operacji arytmetycznych w programie steruj\u0105cym?<\/a>\n5. Jak odmierza\u0107 czas w programie steruj\u0105cym i jak konfigurowa\u0107 timery?<\/a>\n6. Jak por\u00f3wnywa\u0107 warto\u015bci i wykorzysta\u0107 wyniki operacji logicznych?<\/a>\n7. Jak zlicza\u0107 impulsy i konfigurowa\u0107 liczniki?<\/a>\n8. Jak konwertowa\u0107 typy zmiennych i przemieszcza\u0107 zmienne w programie?<\/a>\n9. Jak sterowa\u0107 wykonywaniem programu logicznego? Instrukcja skoku warunkowego?<\/a>\n

Programowanie zintegrowanego panelu HMI<\/h4>\n10. Jak budowa\u0107 ekrany operatorskie z obiektami do wizualizacji i zadawania warto\u015bci zmiennych?<\/a>\n11. Jak umo\u017cliwi\u0107 nawigacj\u0119 mi\u0119dzy ekranami operatorskimi oraz jak korzysta\u0107 z gotowych obiekt\u00f3w graficznych w \u015brodowisku Cscape?<\/a>\n12. Jak wizualizowa\u0107 zmienne analogowe oraz jak modyfikowa\u0107 ich warto\u015bci przy pomocy obiekt\u00f3w graficznych?<\/a>\n13. Jak korzysta\u0107 z obiektu menu?<\/a>\n14. Konfiguracja i obs\u0142uga alarm\u00f3w w sterownikach PLC.<\/a>\n15. Trend Graph.<\/a>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Do wizualizacji bie\u017c\u0105cego poziomu cieczy w zbiornikach wykorzystasz obiekt Numeric Data<\/strong>. Stany zawor\u00f3w b\u0119dziesz obserwowa\u0107 przy pomocy lampek sygnalizacyjnych<\/strong>. Sterowanie zamykaniem i otwieraniem zawor\u00f3w zrealizujesz przy pomocy prze\u0142\u0105cznika<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Krok 1: Jak uruchomi\u0107 edytor ekran\u00f3w operatorskich w \u015brodowisku Cscape? Jakie s\u0105 zasady budowania ekran\u00f3w?<\/h2>\n\n\n\n

Aby przej\u015b\u0107 do tworzenia ekranu operatorskiego nale\u017cy skorzysta\u0107 z bloku Project Navigator<\/strong>. Rozwijamy w drzewku opcj\u0119 User Interface<\/strong> i klikamy prawym przyciskiem myszy na Main Screen<\/strong>, a nast\u0119pnie wybieramy opcj\u0119 New Screen<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Pojawi si\u0119 okno edytora do konfiguracji pierwszego ekranu. Rozdzielczo\u015b\u0107 tego ekranu zostanie ustawiona automatycznie zgodnie z konfiguracj\u0105 programowanego sterownika.<\/p>\n\n\n\n

Aby zwi\u0119kszy\u0107 intuicyjno\u015b\u0107 i czytelno\u015b\u0107 tworzonych aplikacji wizualizacyjnych, wszystkie ekrany spr\u00f3buj przygotowywa\u0107 w oparciu o jeden szablon. W przypadku tej aplikacji, w g\u00f3rnej cz\u0119\u015bci umie\u015b\u0107 nazw\u0119 jednoznacznie identyfikuj\u0105c\u0105 ekran, na kt\u00f3rym obecnie si\u0119 znajdujesz.<\/p>\n\n\n\n

W tym celu w oknie Project Toolbox<\/strong> rozwi\u0144 zak\u0142adk\u0119 Fixed Objects<\/strong>, a nast\u0119pnie wybierz  Text Label<\/strong> i przeci\u0105gnij na ekran.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Krok 2: Jak konfigurowa\u0107 pola tekstu statycznego w oprogramowaniu Cscape?<\/h2>\n\n\n\n

Kliknij dwukrotnie w umieszczony na ekranie element i przejd\u017a do jego konfiguracji.<\/p>\n\n\n\n

W pierwszej kolejno\u015bci wpisz tekst do wy\u015bwietlania: \u201eEKRAN 1<\/em><\/strong>\u201d. Nast\u0119pnie ustaw wy\u015brodkowanie tekstu.<\/p>\n\n\n\n

Wy\u015bwietlanie polskich znak\u00f3w wymaga zainstalowania odpowiednich czcionek w systemie Windows. Zajmiemy si\u0119 tym zagadnieniem w dalszej cz\u0119\u015bci kursu. W tym momencie staraj si\u0119 nie u\u017cywa\u0107 polskich znak\u00f3w. Przechodz\u0105c do pola Font<\/strong> wybierz pozycj\u0119 Canvas 20<\/strong>.<\/p>\n\n\n\n

T\u0142o tekstu wype\u0142nij kolorem czarnym, kolor czcionki ustal na bia\u0142y. Rozmiar pola oraz jego po\u0142o\u017cenie mo\u017cesz dowolnie zmienia\u0107.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Do wyr\u00f3wnania obiekt\u00f3w na ekranie mo\u017cna wykorzysta\u0107 opcj\u0119 przyci\u0105gania obiekt\u00f3w do siatki, dost\u0119pn\u0105 z poziomu paska narz\u0119dziowego.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Krok 3: Jak konfigurowa\u0107 pola Numeric Data w oprogramowaniu Cscape?<\/h2>\n\n\n\n

W celu wizualizacji stanu zbiornika dodaj pole Numeric<\/strong>, korzystaj\u0105c z zak\u0142adki Live Text Data<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Dwukrotne klikni\u0119cie elementu pozwoli na jego konfiguracj\u0119. W pierwszej kolejno\u015bci wybierz odpowiedni rozmiar rejestru: 32-bit<\/strong>, poniewa\u017c zbiorniki reprezentowane s\u0105 przez 32-bitowe zmienne REAL<\/strong>. Rozwijana lista zmiennych zostanie odpowiednio ograniczona. Z dost\u0119pnych pozycji wybierz zmienn\u0105 Zbiornik_1<\/strong>.<\/p>\n\n\n\n

Spos\u00f3b wy\u015bwietlania konfigurowany jest w cz\u0119\u015bci Display Format<\/strong>. Format wy\u015bwietlania ustaw jako Real<\/strong>, dwa znaki cz\u0119\u015bci ca\u0142kowitej i jeden znak cz\u0119\u015bci u\u0142amkowej. W polu jednostek in\u017cynierskich wpisz \u201elitrow<\/em><\/strong>\u201d, aby poprawnie wy\u015bwietlany by\u0142 stan zbiornika. Kr\u00f3j czcionki ustaw na Canvas 15<\/strong>.<\/p>\n\n\n\n

Aby mo\u017cliwe by\u0142o zadawanie warto\u015bci przez operatora, w sekcji Edit\/Write<\/strong> zaznacz opcj\u0119 Enabled<\/strong>, w polu Minimum<\/strong> przypisz warto\u015b\u0107: 0, natomiast w polu Maximum<\/strong>: 50. Dzi\u0119ki temu okre\u015blisz zakres warto\u015bci, kt\u00f3r\u0105 b\u0119dzie mo\u017cna przypisa\u0107 do zmiennej.<\/p>\n\n\n\n

W cz\u0119\u015bci Display Properties<\/strong> skonfigurujesz podstawowe parametry zwi\u0105zane z wy\u015bwietlaniem obiektu. W opcji Legend<\/strong> w polu Text<\/strong> ustaw opis zmiennej, kt\u00f3ra wy\u015bwietlana b\u0119dzie w polu, jako \u201eZbiornik 1<\/em><\/strong>\u201d. Czcionk\u0119 ustaw na Canvas 15<\/strong>, natomiast wy\u015brodkowanie mo\u017ce zosta\u0107 domy\u015blne. Kolor czcionki, t\u0142a i obramowania mog\u0105 zosta\u0107 niezmienione. Oczywi\u015bcie mo\u017cesz sprawdzi\u0107 inne opcje konfiguracji, jednak te wy\u017cej proponowane pozwol\u0105 Ci przyswoi\u0107 dobr\u0105 praktyk\u0119 komponowania ekran\u00f3w operatorskich.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Aby przygotowa\u0107 takie elementy dla pozosta\u0142ych zbiornik\u00f3w, skorzystaj z opcji kopiowania i wklejania pola ju\u017c skonfigurowanego. W nast\u0119pnej kolejno\u015bci nale\u017cy zmieni\u0107 przypisan\u0105 zmienn\u0105 Zbiornik_2 <\/strong>\/ Zbiornik_3<\/strong> oraz tekst legendy jako \u201eZbiornik 2<\/em><\/strong>\u201d \/ \u201eZbiornik 3<\/em><\/strong>\u201d.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Krok 4: Jak skonfigurowa\u0107 obiekt prze\u0142\u0105cznika w \u015brodowisku Cscape?<\/h2>\n\n\n\n

Aby umo\u017cliwi\u0107 sterowanie zaworami, dodaj obiekt prze\u0142\u0105cznika z zak\u0142adki Touch Objects<\/strong> i przejd\u017a do jego konfiguracji.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W sekcji Data Source<\/strong> w polu Variable<\/strong> wybierz zmienn\u0105 o nazwie Zawor_napelniajacy_ZB1<\/strong>, natomiast w znajduj\u0105cej si\u0119 ni\u017cej sekcji Switch Type<\/strong> wybierz opcj\u0119 Legends Plate Properties<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Nast\u0119pnie w polu Legend Plate Properties<\/strong> zaznacz opcj\u0119 Legend Plate<\/strong> i przejd\u017a do zak\u0142adki Legend<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

 Nast\u0119pnie w polu Text<\/strong> wpisz nazw\u0119 \u201eZawor napelniajacy zb 1<\/em><\/strong>\u201d.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Pozosta\u0142e ustawienia rejestru oraz wy\u015bwietlania danych mog\u0105 by\u0107 niezmienione.<\/p>\n\n\n\n

W polu Action<\/strong> wybierz opcj\u0119 Toggle<\/strong>, co pozwoli na naprzemienn\u0105 zmian\u0119 stanu zaworu z poziomu panelu operatorskiego.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Opcja Indicator Properties<\/strong> pozwala na konfiguracj\u0119 kolor\u00f3w i opis\u00f3w \u2013 w zale\u017cno\u015bci od warto\u015bci, jak\u0105 aktualnie przyjmuje zmienna. Przechodz\u0105c do jej ustawie\u0144 w\u0142\u0105cz mo\u017cliwo\u015b\u0107 edycji tekstu prze\u0142\u0105cznika, a nast\u0119pnie dla wysokiego stanu zmiennej wprowad\u017a napis \u201eOtwarty<\/em><\/strong>\u201d, dla stanu niskiego \u201eZamkniety<\/em><\/strong>\u201d. Skonfiguruj r\u00f3wnie\u017c kolory przycisku \u2013 dla stanu wysokiego niech b\u0119dzie to kolor jasnozielony<\/strong>, dla niskiego za\u015b szary<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Krok 5: Jak skonfigurowa\u0107 obiekt sygnalizacji w \u015brodowisku Cscape?<\/h2>\n\n\n\n

Poni\u017cej obiektu s\u0142u\u017c\u0105cego do sterowania zaworem umie\u015b\u0107 obiekt sygnalizuj\u0105cy bie\u017c\u0105cy stan zaworu, czyli lampk\u0119<\/strong>. W oknie Project Toolbox<\/strong> z zak\u0142adki Live Graphic Data<\/strong> wybierz Lamp\/Indicator<\/strong>, a nast\u0119pnie przejd\u017a do konfiguracji elementu.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W oknie konfiguracji w polu Variable<\/strong> wybierz zmienn\u0105 Zawor_napelniajacy_ZB1<\/strong>, natomiast w zak\u0142adce Display Properties -> Legend Plate Properties -> Legend<\/strong> wprowad\u017a tekst \u201eZawor napelniajacy zbiornik 1<\/em><\/strong>\u201d.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Kolejno nale\u017cy przygotowa\u0107 podobne elementy dla pozosta\u0142ych zmiennych zwi\u0105zanych z zaworami. W tym celu skopiuj oba elementy i wklej je ponownie cztery razy. Do element\u00f3w z kolejnych kolumn przypisz odpowiednio zmienne: Zawor_napelniajacy_ZB2<\/strong>, Zawor_oprozniajacy_ZB1<\/strong>, Zawor_oprozniajacy_ZB2<\/strong>, Zawor_oprozniajacy_ZB3<\/strong>. Natomiast w pozycji Legend<\/strong> wprowad\u017a nazwy: \u201eZawor napelniajacy zbiornik 2<\/em><\/strong>\u201d, \u201eZawor oprozniajacy zbiornik 1<\/em><\/strong>\u201d, Zawor oprozniajacy zbiornik 2<\/em><\/strong>\u201d, Zawor oprozniajacy zbiornik 3<\/em><\/strong>\u201d. Reszta parametr\u00f3w nie wymaga zmiany.<\/p>\n\n\n\n

Poni\u017cej wklej jeszcze dwukrotnie podobny zestaw element\u00f3w, kt\u00f3ry odpowiedzialny b\u0119dzie za proces grzania i mieszania. W zwi\u0105zku z tym przypisz do kolejnych kolumn zmienne: mieszanie<\/strong>, grzanie<\/strong>. Te same nazwy wprowad\u017a w oknie Legend<\/strong> jako widoczny na ekranie opis zmiennej.<\/p>\n\n\n\n

Finalnie panel operatorski w programie powinien wygl\u0105da\u0107 tak:<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Krok 5: Jak wgra\u0107 panele operatorskie do sterownika w \u015brodowisku Cscape?<\/h2>\n\n\n\n

Kiedy edycja ekranu operatorskiego jest sko\u0144czona, zamknij otwarte okno edytora i przechodz\u0105c do okna g\u0142\u00f3wnego Cscape wybierz opcj\u0119 Download<\/strong> z g\u00f3rnego paska narz\u0119dziowego. Opcja ta s\u0142u\u017cy do przesy\u0142ania do sterownika nie tylko program\u00f3w, ale te\u017c tworzonych ekran\u00f3w operatorskich.<\/p>\n\n\n\n

Po prze\u0142\u0105czeniu sterownika w tryb RUN<\/strong> na zintegrowanym panelu mo\u017cna przetestowa\u0107 wgrany ekran operatorski.<\/p>\n\n\n\n

W kolejnym odcinku dowiesz si\u0119 jak umo\u017cliwi\u0107 nawigacj\u0119 mi\u0119dzy tworzonymi ekranami operatorskimi. W tym celu wykorzystasz nie tylko przyciski programowe, ale te\u017c przyciski ekranowe i program logiczny.<\/p>\n\n\n\n

Dodatkowo stworzysz kolejny ekran operatorski oraz wykorzystasz gotowe obiekty graficzne, m.in. zbiorniki, ruroci\u0105gi, grza\u0142ki, kt\u00f3re dost\u0119pne s\u0105 w bibliotece zintegrowanej ze \u015brodowiskiem Cscape. Pozwoli to na utrwalenie i poszerzenie nabytych w tym odcinku wiedzy i umiej\u0119tno\u015bci.<\/p>\n\n\n\n

Nast\u0119pny odcinek: Jak umo\u017cliwi\u0107 nawigacj\u0119 mi\u0119dzy ekranami operatorskimi oraz jak korzysta\u0107 z gotowych obiekt\u00f3w graficznych w \u015brodowisku Cscape?<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Autor artyku\u0142u:<\/p><\/br>\n

Jacek Dynak<\/strong><\/h2>\n

Praktykant ASTOR<\/p>\n

Student IV roku kierunku \u201eautomatyka i robotyka\u201d na Politechnice Krakowskiej<\/p><\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n

Newsletter Poradnika Automatyka<\/h3><\/div>\n

Czytaj trendy i inspiracje, podstawy automatyki, automatyk\u0119 w praktyce<\/p>\n<\/div>\n

\n
\n