Ćwiczenie IT0 Tworzenie obiektów graficznych SYSTEMY SCADA I PRZEMYSŁOWE BAZY DANYCH LABORATORIUM SYSTEMÓW STEROWANIA PRZEMYSŁOWEGO I AUTOMATYKI BUDYNKÓW KATEDRA ENERGOELEKTRONIKI I AUTOMATYKI SYSTEMÓW PRZETWARZANIA ENERGII WYDZIAŁ ELEKTROTECHNIKI, AUTOMATYKI, INFORMATYKI I INŻYNIERII BIOMEDYCZNEJ AKADEMIA GÓRNICZO-HUTNICZA Temat: Tworzenie obiektów graficznych Narzędzia: Wonderware InTouch 0.x Cel: Zapoznanie się ze sposobami tworzenia okien i obiektów w oknach, stworzenie okien we własnej aplikacji Program ćwiczenia:. Za pomocą menu FileNew Window lub klikając prawym klawiszem myszy na menu Window w Eksploratorze Aplikacji (projektu) utworzyć okno o nazwie Data i Czas (jego opis znajduje się poniżej) - okno przedstawiać będzie informacje na temat aktualnej daty, czasu, ilości wolnego miejsca na dysku oraz ilości pracujących zadań w systemie Windows. Opis okna Data i Czas Obiekt Obiekt Obiekt 3 Obiekt Obiekt 5 3. Parametry okna Data i Czas (opcja WindowsWindow Properties): Dimensions: X Location = 0, Y Location = 0, Window Width = 90, Window Height = 80, Window Type: Popup, Frame Style: Single, Title Bar: no, Size Controls: no. Okno Data i Czas - Obiekt : trzy teksty wpisane jeden po drugim i wyrównane względem pionowej linii środkowej (Align Center, oczywiście teksty należy wpisywać bez cudzysłowów): "Free space", "Disk C:" i "##### MB" (pierwsze dwa teksty są tylko komentarzami i będą cały czas stałe, natomiast zamiast znaku "#" będzie wyświetlana w przyszłości ilość wolnego miejsca na dysku C), 5. Okno Data i Czas - Obiekt : wstawić wizard typu ClocksDigital Time/Date with Frame, po dwukrotnym kliknięciu otworzy się okno konfiguracji panelu daty/czasu, wybrać Show Date 6. Okno Data i Czas - Obiekt 3: przycisk Button (narzędzie do rysowania przycisków znajduje się w bocznym menu na samym dole, oprócz tego są wizardy typu przycisk, ale ten przycisk to nie jest wizard). Aby zmienić tekst "Text" na "Menu" należy zaznaczyć przycisk i wcisnąć Ctrl+L. Przycisk będzie umożliwiał otworzenie okna Menu. Dodatkowo można narysować 3 poziome linie symbolu menu. 7. Okno Data i Czas - Obiekt : wizard typu Clocks Digital Time/Date with Frame, obiekt pokazywać będzie aktualny
czas, w związku z tym w oknie konfiguracyjnym wizarda (do którego dostęp jest poprzez podwójne kliknięcie na wizardzie) należy zostawić zakreśloną tylko opcję Show Time, 8. Okno Data i Czas - Obiekt 5: dwa teksty wpisane podobnie jak obiekt : "Windows" i "load" oraz "#### tasks" (zamiast znaku "#" będzie wyświetlana w przyszłości ilość zadań pracujących pod Windows) 9. Zapisać zmiany wykonane w oknie Data i Czas za pomocą opcji z menu FileSave Window..., wskazać okno do zapisania, a następnie zatwierdzić klawiszem OK. 0. Za pomocą menu FileNew Window utworzyć okno o nazwie Menu (jego opis znajduje się poniżej) okno zawierać będzie szereg przycisków pozwalających na uruchamianie poszczególnych modułów tworzonej aplikacji. Okno Menu. Parametry okna Menu (opcja Window/ Window Properties) Dimensions: X Location = 0, Y Location = 688, Window Width = 80, Window Height = 80, Window Type: Overlay, Frame Style: Single, Title Bar: no, Size Controls: no. Wszystkie elementy okna są przyciskami (obiekt typu Button), utworzyć jeden przycisk (np. o szerokości 70 pikseli), a następnie powielić go odpowiednią ilość razy (np. za pomocą narzędzia powielania lub klawiszy Ctrl+D). W czasie powielania wyznaczyć za pierwszym razem odpowiedni wektor przesunięcia. Następnie zmienić teksty na przyciskach (aby uzyskać dostęp do okna pozwalającego na zmianę tekstu na klawiszu należy kliknąć przycisk i nacisnąć Ctrl+L). 3. Narysować również kolorowe prostokąty, które będą wskazywać "aktywność" przycisku, tj. otwarcie okna odpowiadającego przyciskowi. Prostokąty narysować dla przycisków od Animation do Indirect i umieścić je pod przyciskami, aby stanowiły dla nich obramowanie.. Zapisać okno Menu za pomocą opcji z menu FileSave Window... tak jak w p. 0. 5. Za pomocą menu FileNew Window utworzyć okno o nazwie Połączenia animacyjne (jego opis znajduje się poniżej) - okno zawierać będzie kilka przykładowych połączeń animacyjnych ilustrujących pewne możliwości tworzenia aplikacji w pakiecie InTouch IT0: Tworzenie obiektów graficznych /6
Okno Połączenia animacyjne Z uwagi na dużą ilość obiektów umieszczonych w tym oknie, zostało ono podzielone na trzy części, które kolejno zostaną omówione. A C B 6. Parametry okna Połączenia animacyjne: Dimensions: X Location = 0, Y Location = 80, Window Width = 90, Window Height = 608, Window Type: Replace, Frame Style: Single, Title Bar: no, Size Controls: no Okno Połączenia animacyjne - Część A: podział na obiekty 3 7 6 5 8 7 9 IT0: Tworzenie obiektów graficznych 3/6
7. Okno Połączenia animacyjne - Cześć - Obiekt Wizard przedstawiający rysunek zaworu: WizardsSymbol FactoryValvesHand valve - horizontal. Kliknąć na niego dwukrotnie aby umieścić go na oknie, następnie przeskalować do rozmiarów odpowiednich dla rysunku. 8. Okno Połączenia animacyjne - Cześć - Obiekt Wizardy przedstawiające poziome rury: WizardsSymbol FactoryPipesShort pipe - horizontal. Umieścić go w oknie i przeskalować proporcjonalnie do wielkości zaworu. Można go powielić używając kombinacji klawiszy Ctrl+D. Aby móc rozciągnąć go w poziomie, można rozbić komórkę (Break Cell). Można również przed wprowadzeniem rury na ekran, odznaczyć (przycisk Options w liście wizardów) opcję Keep original XY proportions. 9. Okno Połączenia animacyjne - Cześć - Obiekt 3 Tekst: "Tank level: #" 0. Okno Połączenia animacyjne - Cześć - Obiekt Wielokąt (Polygon) imitujący spadającą i rozbryzgującą się ciecz. W celu uzyskania ciekawszego efektu, można narysować kilka wielokątów, jeden w drugim, z odpowiednio dobranymi kolorami.. Okno Połączenia animacyjne - Cześć - Obiekt 5 Wizard przedstawiający zbiornik: WizardsSymbol FactoryTanksTank 3. Zanim zostanie wprowadzony na okno kliknąć przycisk Options... w bibliotece wizardów i odznaczyć opcję Keep Oryginal XY Proportions w celu umożliwienia rozciągania obiektu. Uwaga: Aby wywołać okno opcji wstawionego na ekran wizarda, należy kliknąć dwa razy na obiekcie.. Okno Połączenia animacyjne - Cześć - Obiekt 6 Prostokąt (Rectangle) o małej wysokości i dużej szerokości (imitujący skalę), trójkąt (Polygon) jako suwak i trzy teksty "0", "50" i "00" (cyfry na skali) 3. Okno Połączenia animacyjne - Cześć - Obiekt 7 Wizard przedstawiający kolanko rury: WizardsSymbol FactoryPipes Right Angle. Wprowadzając go drugim razem należy w menu Options nadać mu obrót o 70 stopni lub wybrać właściwe kolanko.. Okno Połączenia animacyjne - Cześć - Obiekt 8 Wizard przedstawiający otwór w zbiorniku: WizardsSymbol FactoryTank CutawaysJagged cut-away. Przy jego wprowadzaniu także zaznacz opcje umożliwiające jego swobodne skalowanie, a następnie umieść go na zbioniku. 5. Okno Połączenia animacyjne - Cześć - Obiekt 9 Wizard przestawiający rozlaną ciecz lub chmury: WizardsSymbol FactoryNatureDark cloud. Przy jego wprowadzaniu też zaznacz opcje umożliwiające swobodne skalowanie oraz Fill Color: Shaded, Fill: Niebieski. Alternatywnie można narysować elipsę imitującą rozlaną ciecz, zwielokrotnić ją, przeskalować i nadać kolejnym wersjom różne kolory. IT0: Tworzenie obiektów graficznych /6
6. Zapisać na dysk zmiany wykonane w oknie (FileSave Window). Okno Połączenia animacyjne Część B podział na obiekty 7. Okno Połączenia animacyjne - Część - Obiekt Rysunki zaworów złożone z: wielokąta (Polygon) wypełnionego kolorem czerwonym (pamiętać o zamknięciu wielokąta trzeba dwukrotnie kliknąć lewym klawiszem myszki), pionowej linii prostej (H/V Line), elipsy (Ellipse) wypełnionej kolorem czerwonym, wyrównanych względem pionowej linii środkowej (Align Center). Narysować obiekt tylko jeden raz, utworzyć z niego symbol (Make Symbol), a następnie powielić (Duplicate) 8. Okno Połączenia animacyjne - Część - Obiekt Przyciski (Button) Uwaga: dla zaoszczędzenia czasu, można na razie narysować tylko jeden zawór i jeden przycisk (drugi będzie dorysowany później) 9. Zapisać zmiany na dysk. Okno Połączenia animacyjne - Część C podział na obiekty 3 5 30. Okno Połączenia animacyjne - Część 3 - Obiekt Wizard (SlidersVertical Slider), zmiana tekstu następuje poprzez dwukrotne kliknięcie, opcje Slide Range: Minimum = 0, Maximum = 360, opcje Tick Marks: Major Divisions = IT0: Tworzenie obiektów graficznych 5/6
3. Okno Połączenia animacyjne - Część 3 - Obiekt Obiekt składający się z: koła (Ellipse), linii pionowej (H/V Line) i wielolinii (Polyline) jako grotu strzałki, wyrównanych względem punktów środkowych (Align CenterPoints), linie są pogrubione 3. Okno Połączenia animacyjne - Część 3 - Obiekt 3 wizard (LightsTube Light) 33. Okno Połączenia animacyjne - Część 3 - Obiekty przyciski (Button) 3. Okno Połączenia animacyjne - Część 3 - Obiekty 5 teksty "kąt = ###.##" i "sin = #.####" będą tu wyświetlane wartości kąta obrotu i sinusa tego kąta 35. Zapisać zmiany wykonane w oknie. 36. Przeanalizować wykonane okna i narysowane obiekty Co należy zapamiętać po wykonaniu tego ćwiczenia: dostęp do okna parametrów konfiguracyjnych wizardów następuje po dwukrotnym kliknięciu na wizardzie lub po kliknięciu na nim prawym klawiszem myszy i wybraniu opcji Properties (nie dotyczy obiektów prostych - linii, okręgów, tekstu itd. - w ich wypadku podwójne kliknięcie oznacza coś zupełnie innego) dostęp do okna parametrów konfiguracyjnych wizardów z biblioteki Symbol Factory następuje po dwukrotnym kliknięciu na wizardzie i wejściu do menu Options... zmiany położenia obiektu można dokonywać za pomocą myszki albo za pomocą klawiatury (kursory - małe przemieszczenie obiektu, SHIFT+kursory - średnie przemieszczenie obiektu, CTRL+kursory - największe przemieszczenie obiektu) InTouch posiada następujące typy okien: overlay - zwykłe okno, które pojawiając się na ekranie przykrywa okno które już na ekranie było umieszczone, może ono być następnie przykryte przez inne okno, które pokaże się na ekranie później replace - okno, które pojawiając się na ekranie zamyka wszystkie okna, które choćby częściowo przykrywa, ono także może być następnie przykryte przez inne okno, które pokaże się na ekranie później popup - okno, które pojawiając się na ekranie znajduje się cały czas na wierzchu, nie może zostać przykryte przez żadne inne okno Narzędzia duplikowania skracają czas wykonywania wizualizacji, a narzędzia wyrównywania mogą pomóc w równym graficznym rozłożeniu obiektów, bez ręcznego ich pozycjonowania IT0: Tworzenie obiektów graficznych 6/6