{"id":26253,"date":"2026-06-10T17:03:57","date_gmt":"2026-06-10T15:03:57","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26253"},"modified":"2026-07-27T18:30:55","modified_gmt":"2026-07-27T16:30:55","slug":"wprowadzenie-do-industrial-graphics-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-1","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/wprowadzenie-do-industrial-graphics-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-1\/","title":{"rendered":"Wprowadzenie do Industrial Graphics | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 1"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W pierwszym odcinku kursu dowiemy si\u0119, czym s\u0105 obiekty Industrial Graphics i dlaczego warto ich u\u017cywa\u0107.<\/p>\n\n\n

\n

Kurs projektowania symboli Industrial Graphics w oprogramowaniu wizualizacyjnym AVEVA<\/strong><\/h3>\n1. Wprowadzenie do Industrial Graphics<\/a>
\n

Edytor Industrial Graphics<\/h4>\n2. Edytor symboli Industrial Graphics<\/a>
\n3. Zaznaczanie i przesuwanie element\u00f3w graficznych<\/a>
\n4. Grupowanie element\u00f3w graficznych<\/a>
\n5. Wyr\u00f3wnywanie element\u00f3w graficznych<\/a>
\n6. Zmiana orientacji element\u00f3w graficznych<\/a>
\n7. Kolejno\u015b\u0107 element\u00f3w w osi Z (z-order)<\/a>
\n8. Dynamiczna zmiana rozmiaru
\n9. Tworzenie symboli na podstawie zmiennych
\n10. Wykorzystanie grafiki SVG w symbolach
\n

Rysowanie w Industrial Graphics<\/h4>\n11. Rysowanie linii
\n12. Rysowanie kszta\u0142t\u00f3w
\n13. Teksty i pola tekstowe
\n14. Wy\u015bwietlanie statusu jako\u015bci danych
\n15. Praca z przyciskami wyboru (radio buttons)
\n16. Praca z kontrolk\u0105 kalendarza
\n17. Praca z kontrolk\u0105 wyboru daty i czasu
\n

Animacje<\/h4>\n18. Wprowadzenie do animacji
\n19. Animacja wype\u0142nienia procentowego
\n20. Animacja wy\u015bwietlania warto\u015bci
\n21. Animacja wprowadzania warto\u015bci
\n

Custom Properties<\/h4>\n22. Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties
\n23. Dodawanie w\u0142a\u015bciwo\u015bci Custom Properties
\n

Style<\/h4>\n24. Wprowadzenie do styl\u00f3w
\n

Skrypty<\/h4>\n25. Wprowadzenie do skrypt\u00f3w
\n26. Edytor skrypt\u00f3w Industrial Graphics
\n<\/div>\n\n\n

Industrial Graphics to technologia tworzenia obiekt\u00f3w graficznych i wizualizacji, w oprogramowaniu SCADA firmy AVEVA: InTouch HMI, Platforma Systemowa, AVEVA Edge, Plant SCADA. Symbole Industrial Graphics s\u0105 wektorowe, dzi\u0119ki czemu zmieniaj\u0105 rozmiar bez utraty jako\u015bci i mog\u0105 skaluj\u0105 skalowa\u0107 si\u0119 wraz ze zmianami rozdzielczo\u015bci, a tak\u017ce obs\u0142uguj\u0105 funkcje przesuwania i powi\u0119kszania. Obs\u0142uguj\u0105 wiele rodzaj\u00f3w animacji, a ich funkcjonalno\u015b\u0107 mo\u017cna rozbudowywa\u0107 dzi\u0119ki wykorzystaniu skrypt\u00f3w.<\/p>\n\n\n\n

Z oprogramowaniem AVEVA dostarczana jest obszerna bibliotek\u0119 gotowych symboli Industrial Graphics. Sk\u0142ada si\u0119 ona z dw\u00f3ch g\u0142\u00f3wnych cz\u0119\u015bci.<\/p>\n\n\n\n

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

Pierwsza to Industrial Graphics Library<\/strong>. W niej widzimy wi\u0119kszo\u015b\u0107 typowych symboli powszechnie wykorzystywanych w aplikacjach wizualizacyjnych. S\u0105 one pogrupowane w czytelne kategorie, a w niekt\u00f3rych z nich r\u00f3wnie\u017c podkategorie.<\/p>\n\n\n\n

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

Wy\u015bwietlany jest te\u017c podgl\u0105d zawarto\u015bci poszczeg\u00f3lnych kategorii. Widzimy tu m.in. analogowe wska\u017aniki pomiarowe, zegary, lampki i wska\u017aniki, a tak\u017ce bardzo wiele symboli odwzorowuj\u0105cych urz\u0105dzenia przemys\u0142owe lub elementy technologiczne, takie jak pompy, rury, zawory, zbiorniki czy wentylatory. Nie brakuje r\u00f3wnie\u017c element\u00f3w steruj\u0105cych: przycisk\u00f3w i suwak\u00f3w. Wszystkie symbole w tej bibliotece maj\u0105 realistyczny wygl\u0105d i kolorowe.<\/p>\n\n\n\n

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

Do dyspozycji projektant\u00f3w jest tak\u017ce druga biblioteka, zawieraj\u0105ca symbole przeznaczone do projektowania aplikacji w zgodzie z metodyk\u0105 Situational Awareness. Te elementy charakteryzuje czytelno\u015b\u0107 i prostota. Dzi\u0119ki nim mo\u017cna zaprojektowa\u0107 aplikacj\u0119 w taki spos\u00f3b, aby by\u0142a maksymalnie czytelna dla operator\u00f3w \u2013 by wszystkie dane by\u0142y doskonale widoczne i nic nie rozprasza\u0142o wzroku u\u017cytkownika. Symbole tego typu r\u00f3wnie\u017c s\u0105 pogrupowane w kategorie \u2013 znajdziemy tu wszystko, co potrzebne, by zaprojektowa\u0107 aplikacj\u0119 wed\u0142ug metodyki Situational Awareness.<\/p>\n\n\n\n

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

Warto po\u015bwi\u0119ci\u0107 troch\u0119 czasu i przegl\u0105dn\u0105\u0107 zawarto\u015b\u0107 biblioteki, aby mie\u0107 \u015bwiadomo\u015b\u0107, jak szeroki wachlarz gotowych symboli graficznych mo\u017cemy wykorzysta\u0107 w naszych aplikacjach.<\/p>\n\n\n\n

To jednak nie wszystko. Industrial Graphics to nie tylko biblioteka gotowych symboli. Najwa\u017cniejsz\u0105 cech\u0105 tego standardu obiekt\u00f3w graficznych jest mo\u017cliwo\u015b\u0107 tworzenia w\u0142asnych symboli oraz modyfikacji ju\u017c istniej\u0105cych. Projektant otrzymuje do dyspozycji pe\u0142ne \u015brodowisko projektowe, kt\u00f3re pozwala na zaprojektowanie dowolnego symbolu od zera, albo na bazie gotowych symboli z biblioteki.<\/p>\n\n\n\n

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

Zaprojektowane przez nas symbole s\u0105 zapisywane do biblioteki Industrial Graphics, dzi\u0119ki czemu mo\u017cna je wielokrotnie wykorzystywa\u0107 w r\u00f3\u017cnych aplikacjach,  nawet dzia\u0142aj\u0105cych w innym oprogramowaniu AVEVA (grafiki stworzone na potrzeby aplikacji InTouch HMI mo\u017cna wykorzysta\u0107 np. w Platformie Systemowej). Symbole mo\u017cna importowa\u0107, eksportowa\u0107 z biblioteki, przenosi\u0107 na inne stacje robocze, udost\u0119pniaj\u0105c je w ten spos\u00f3b innym projektantom.<\/p>\n\n\n\n

Aby narysowa\u0107 symbol, mo\u017cemy korzysta\u0107 z prostych element\u00f3w graficznych, takich jak linie, figury geometryczne, pola tekstowe czy proste kontrolki (przyciski, listy rozwijane). Mo\u017cemy jednak tak\u017ce u\u017cy\u0107 istniej\u0105cych ju\u017c symboli Industrial Graphics, znajduj\u0105cych si\u0119 w bibliotece, po prostu przeci\u0105gaj\u0105c jest stamt\u0105d za pomoc\u0105 myszy. Nast\u0119pnie mo\u017cemy precyzyjnie sformatowa\u0107 symbol i o\u017cywi\u0107 go, dodaj\u0105c animacje. Wszystkie te mo\u017cliwo\u015bci poznamy w kolejnych odcinkach tego kursu.<\/p>\n\n\n\n

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

W kolejnym odcinku<\/a> poznamy podstawy obs\u0142ugi edytora symboli Industrial Graphics.<\/p>\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