\chapter{Wizualizacja procesu sterowania}

\begin{figure}[!ht]
	\begin{center}
		\includegraphics[height=7cm]{img/InTouch_projekt_06}
		\caption{Wonderware InTouch 9.5}
		\label{InTouch_projekt_06}
	\end{center}
\end{figure}

Wizualizacja sterowania poziomem cieczy wykonana zostanie za pomocą oprogramowania InTouch firmy Wonderware. 

InTouch to jeden z najpopularniejszych programów typu HMI\footnote{Human-Machine Interface (Interfejs Człowiek-Maszyna)}/SCADA\footnote{Supervisory Control And Data Acquisition (system nadzorujący przebieg procesu przemysłowego)}, służący do wizualizacji, kontroli oraz sterowania procesami technologicznymi lub produkcyjnymi. Charakteryzuje się ono łatwym w użyciu środowiskiem tworzenia aplikacji oraz rozległą funkcjonalnością, umożliwiającą szybkie budowanie, testowanie i wdrażanie wartościowych systemów udostępniających operatorom dane wprost z produkcji. Aplikacje napisane w środowisku InTouch są elastyczne, łatwo można je dostosować do aktualnych potrzeb użytkownika. Dzięki zastosowaniu najpopularniejszych protokołów komunikacyjnych system firmy Wonderware jest się wstanie skomunikować z większością urządzeń stosowanych w przemyśle (dostępnych jest ponad 1000 gotowych programów komunikacyjnych). 

Aby aplikacja wizualizacji miała dostęp do zmiennych wewnętrznych sterownika PLC konieczne jest zewnętrzne źródło danych. W tym celu zostanie zainstalowany serwer danych OPC, który stanowi interfejs pomiędzy wizualizacją a sterownikiem. 

\clearpage
\section{Instalacja serwera wymiany danych OPC}

Przed rozpoczęciem, instalator poprosi nas o zamknięcie wszystkich programów działających w ``tle'' oraz wyłączenie programów antywirusowych i firewalli, które mogły by przeszkodzić w procesie instalacji.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_instalacja_02}
		\caption{Okno instalatora}
		\label{TopServer_instalacja_02}
	\end{center}
\end{figure}

Aby kontynuować należy przeczytać i zaakceptować licencję oprogramowania.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_instalacja_03}
		\caption{Akceptacja licencji}
		\label{TopServer_instalacja_03}
	\end{center}
\end{figure}

\clearpage
Następnie zostaniemy poproszeni o wybór folderu docelowego.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_instalacja_04}
		\caption{Wybór katalogu instalacyjnego}
		\label{TopServer_instalacja_04}
	\end{center}
\end{figure}

Spośród listy komponentów należy wybrać odpowiednie sterowniki (S7-200 i Simulator).
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_instalacja_05}
		\caption{Wybór komponentów}
		\label{TopServer_instalacja_05}
	\end{center}
\end{figure}

\clearpage
Rozpocznie się instalacja oprogramowania.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_instalacja_07}
		\caption{Proces instalacji}
		\label{TopServer_instalacja_07}
	\end{center}
\end{figure}

Po zakończeniu instalator zasugeruje ponowne uruchomienie komputera (zalecane).
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_instalacja_08}
		\caption{Ponowne uruchomienie}
		\label{TopServer_instalacja_08}
	\end{center}
\end{figure}

\clearpage
\section{Konfiguracja serwera wymiany danych OPC}

Po uruchomieniu programu TOP Server należy przystąpić do jego konfiguracji.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=14cm]{img/TopServer_konfiguracja_01}
		\caption{Główne okno programu}
		\label{TopServer_konfiguracja_01}
	\end{center}
\end{figure}

\subsection{Tworzenie nowego kanału}
Aby udostępnić zmienne sterownika należy najpierw stworzyć kanał komunikacyjny. W tym celu klikamy pole \textit{``Click to add channel''} widoczne w głównym oknie programu (patrz rysunek \ref{TopServer_konfiguracja_01}). Zostanie otworzony kreator, który przeprowadzi nas przez proces jego tworzenia. W pierwszym kroku należy wybrać jego nazwę np.: \textit{SIMATIC}.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_02}
		\caption{Tworzenie nowego kanału}
		\label{TopServer_konfiguracja_02}
	\end{center}
\end{figure}

W kolejnym kroku zostaniemy poproszeni o wybór sterownika urządzenia. Należy wówczas wybrać \textit{``Siemens S7-200''}
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_03}
		\caption{Wybór sterownika}
		\label{TopServer_konfiguracja_03}
	\end{center}
\end{figure}

Następnie należy skonfigurować ustawienia połączenia. W większości przypadków należy zostawić domyślne, zmieniając jedynie port komunikacyjny komputera do którego podłączony jest sterownik.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_04}
		\caption{Konfiguracja połączenia}
		\label{TopServer_konfiguracja_04}
	\end{center}
\end{figure}

\clearpage
Zostaniemy poproszeni o wybór optymalizacji zapisu (dla bezpieczeństwa należy zostawić wartości domyślne).
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_05}
		\caption{Optymalizacje zapisu}
		\label{TopServer_konfiguracja_05}
	\end{center}
\end{figure}

Ostatnim krokiem jest wybór tzw. \textit{``Master ID''}, które w większości przypadków jest równe $0$.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_06}
		\caption{Wybór identyfikatora}
		\label{TopServer_konfiguracja_06}
	\end{center}
\end{figure}

\clearpage
Przed zakończeniem kreator pokaże nam wybrane opcje.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_07}
		\caption{Podsumowanie}
		\label{TopServer_konfiguracja_07}
	\end{center}
\end{figure}

W głównym oknie powinien pojawić się nowy kanał komunikacyjny - \textit{SIMATIC}.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=14cm]{img/TopServer_konfiguracja_08}
		\caption{Główne okno programu}
		\label{TopServer_konfiguracja_08}
	\end{center}
\end{figure}

\clearpage
\subsection{Dodawanie urządzenia}
Do stworzonego kanału komunikacyjnego należy jeszcze dodać urządzenie. W tym celu klikamy pole \textit{``Click to add device''} poniżej stworzonego kanału. Otworzony w ten sposób kreator poprosi o podanie nazwy urządzenia.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_09}
		\caption{Tworzenie nowego urządzenia}
		\label{TopServer_konfiguracja_09}
	\end{center}
\end{figure}

W kolejnym kroku należy podać model urządzenia.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_10}
		\caption{Wybór modelu urządzenia}
		\label{TopServer_konfiguracja_10}
	\end{center}
\end{figure}

\clearpage
Następnie zostaniemy poproszeni o wybór identyfikatora urządzenia. Domyślne wartości pokazane są na rysunku \ref{TopServer_konfiguracja_11}.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_11}
		\caption{Wybór identyfikatora urządzenia}
		\label{TopServer_konfiguracja_11}
	\end{center}
\end{figure}

Ustawienia połączenia w większości przypadków nie muszą być zmieniane.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_12}
		\caption{Ustawienia połączenia}
		\label{TopServer_konfiguracja_12}
	\end{center}
\end{figure}

\clearpage
Możemy ustawić specjalne akcje na wypadek awarii urządzenia.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_13}
		\caption{Ustawienia połączenia c.d.}
		\label{TopServer_konfiguracja_13}
	\end{center}
\end{figure}

Podobnie jak w poprzednim przypadku, przed zakończeniem zostaniemy poproszeni o akceptację wybranych ustawień.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_14}
		\caption{Podsumowanie konfiguracji}
		\label{TopServer_konfiguracja_14}
	\end{center}
\end{figure}

\clearpage
W głównym oknie programu powinno pojawić się dodane urządzenie.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=14cm]{img/TopServer_konfiguracja_15}
		\caption{Główne okno programu}
		\label{TopServer_konfiguracja_15}
	\end{center}
\end{figure}

\clearpage
\subsection{Dodawanie tagów}
Po skonfigurowaniu połączenia ze sterownikiem, należy zdefiniować tzw. tagi, które reprezentować będą wewnętrzne zmienne sterownika. Aby dodać nowy tag klikamy \textit{``Click to add a static tag''} w głównym oknie programu.

W oknie ustawień należy podać nazwę tagu oraz adres przypisanej do niego zmiennej sterownika. Opcjonalnie możemy podać opis zmiennej oraz ustawić skalowanie wartości.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_16}
		\caption{Okno dodawania tagów}
		\label{TopServer_konfiguracja_16}
	\end{center}
\end{figure}

Na rysunku \ref{TopServer_konfiguracja_17} przedstawiona jest konfiguracja tagu \textit{\textbf{SP}} dla zmiennej \textbf{\textit{M1}}. 
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_17}
		\caption{Dodawanie tagu SP}
		\label{TopServer_konfiguracja_17}
	\end{center}
\end{figure}

\clearpage
Na rysunku \ref{TopServer_konfiguracja_17} przedstawiona jest konfiguracja tagu \textit{\textbf{PV}} dla zmiennej \textbf{\textit{M0}}. 
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_18}
		\caption{Dodawanie tagu PV}
		\label{TopServer_konfiguracja_18}
	\end{center}
\end{figure}

Na rysunku \ref{TopServer_konfiguracja_17} przedstawiona jest konfiguracja tagu \textit{\textbf{H}} dla zmiennej \textbf{\textit{M2}}. 
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_19}
		\caption{Dodawanie tagu H}
		\label{TopServer_konfiguracja_19}
	\end{center}
\end{figure}

\clearpage
Na rysunku \ref{TopServer_konfiguracja_17} przedstawiona jest konfiguracja tagu \textit{\textbf{Q0}} dla wyjścia \textbf{\textit{Q0}}. 
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/TopServer_konfiguracja_20}
		\caption{Dodawanie tagu Q0}
		\label{TopServer_konfiguracja_20}
	\end{center}
\end{figure}

Poniżej przestawione jest okno programu z dodanymi tagami.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=14cm]{img/TopServer_konfiguracja_21}
		\caption{Okno programu z dodanymi tagami}
		\label{TopServer_konfiguracja_21}
	\end{center}
\end{figure}

\clearpage
\subsection{Zapis projektu}
Aby nie stracić zmian należy zapisać projekt. W tym celu należy wybrać \textit{``Save as...''} z menu \textit{``File''}.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=7cm]{img/TopServer_konfiguracja_22}
		\caption{Zapis projektu}
		\label{TopServer_konfiguracja_22}
	\end{center}
\end{figure}

W menu dialogowym należy podać ścieżkę zapisu i nazwę pliku projektu.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=7cm]{img/TopServer_konfiguracja_23}
		\caption{Wybór pliku do zapisu}
		\label{TopServer_konfiguracja_23}
	\end{center}
\end{figure}

\clearpage
\subsection{Klient testowy}
\label{sec:opc}
Aby sprawdzić poprawność działania połączenia serwer dysponuje testowym klientem, który możemy uruchomić z paska narzędzi aplikacji klikając przycisk \textit{``Quick Client''} (patrz rysunek \ref{TopServer_konfiguracja_24}).
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=2cm]{img/TopServer_konfiguracja_24}
		\caption{Testowy klient OPC}
		\label{TopServer_konfiguracja_24}
	\end{center}
\end{figure}

W oknie klienta powinny być widoczne dostępne kanały oraz udostępniane zmienne (tagi) wraz z ich bieżącymi wartościami i stanem.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=14cm]{img/TopServer_konfiguracja_25}
		\caption{Klient OPC}
		\label{TopServer_konfiguracja_25}
	\end{center}
\end{figure}


\clearpage
\section{Instalacja programu Wonderware InTouch 9.5}

Instalator programu uruchomi się automatycznie po włożeniu płyty z oprogramowaniem do napędu.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_01}
		\caption{Instalator programu}
		\label{InTouch_instalacja_01}
	\end{center}
\end{figure}

Aby kontynuować należy przeczytać i zaakceptować licencję oprogramowania.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_02}
		\caption{Akceptacja licencji}
		\label{InTouch_instalacja_02}
	\end{center}
\end{figure}

\clearpage
Następnie zostaniemy poproszeni o wybór komponentów oraz folderu docelowego.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_03}
		\caption{Wybór komponentów programu}
		\label{InTouch_instalacja_03}
	\end{center}
\end{figure}

Następnie, ze względów bezpieczeństwa zostaniemy poproszeni o utworzenia specjalnego konta użytkownika, którego używać będzie aplikacja.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_05}
		\caption{Zakładanie konta użytkownika}
		\label{InTouch_instalacja_05}
	\end{center}
\end{figure}

\clearpage
Przed rozpoczęciem procesu instalacji możemy sprawdzić wybrane ustawienia.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_06}
		\caption{Podsumowanie konfiguracji}
		\label{InTouch_instalacja_06}
	\end{center}
\end{figure}

Po potwierdzeniu rozpocznie się kopiowanie plików.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_07}
		\caption{Instalacja programu}
		\label{InTouch_instalacja_07}
	\end{center}
\end{figure}

\clearpage
Po zakończeniu instalacji mamy możliwość obejrzenia pliku readme.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_instalacja_09}
		\caption{Koniec instalacji}	
		\label{InTouch_instalacja_09}
	\end{center}
\end{figure}

Przed uruchomieniem aplikacji zalecane jest ponowne uruchomienie komputera.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=14cm]{img/InTouch_instalacja_10}
		\caption{Ponowne uruchomienie komputera}
		\label{InTouch_instalacja_10}
	\end{center}
\end{figure}

\clearpage
\section{Praca z programem Wonderware InTouch 9.5}
Przy pierwszym uruchomieniu programu przywita nas kreator konfiguracji.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_uruchomienie_01}
		\caption{Menedżer aplikacji}
		\label{InTouch_uruchomienie_01}
	\end{center}
\end{figure}

Zostaniemy poproszeni o wybór katalogu projektów.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_uruchomienie_02}
		\caption{Wybór katalogu projektów}
		\label{InTouch_uruchomienie_02}
	\end{center}
\end{figure}

\clearpage
Po uruchomieniu programu pokaże nam się okno z listą dostępnych aplikacji (jeżeli zainstalowaliśmy aplikacje demonstracyjne będą one widoczne w tym oknie).
\begin{figure}[!ht]
	\begin{center}
		\includegraphics[width=16cm]{img/InTouch_uruchomienie_03}
		\caption{Okno aplikacji}
		\label{InTouch_uruchomienie_03}
	\end{center}
\end{figure}

\clearpage
\subsection{Tworzenie projektu}
Aby utworzyć projekt wybieramy opcję ``New...'' z menu ``File'', bądź naciskamy przycisk ``New'' na pasku narzędzi aplikacji (patrz rysunek \ref{InTouch_projekt_01}).
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=1cm]{img/InTouch_projekt_01}
		\caption{Pasek narzędzi}
		\label{InTouch_projekt_01}
	\end{center}
\end{figure}

Program poprosi o wybór folderu projektów.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=7cm]{img/InTouch_projekt_02}
		\caption{Wybór folderu aplikacji}
		\label{InTouch_projekt_02}
	\end{center}
\end{figure}

Program poprosi o podanie nazwy folderu aplikacji InTouch.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=7cm]{img/InTouch_projekt_03}
		\caption{Wybór folderu wizualizacji}
		\label{InTouch_projekt_03}
	\end{center}
\end{figure}

\clearpage
Musimy jeszcze podać nazwę i opis wizualizacji.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=7cm]{img/InTouch_projekt_04}
		\caption{Nazwa i opis wizualizacji}
		\label{InTouch_projekt_04}
	\end{center}
\end{figure}

Projekt został utworzony.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=16cm]{img/InTouch_projekt_05}
		\caption{Utworzony projekt}
		\label{InTouch_projekt_05}
	\end{center}
\end{figure}

Możemy otworzyć projekt klikając dwukrotnie na jego nazwę.

\clearpage
\subsection{Tworzenie okna wizualizacji}
Po otworzeniu projektu należy utworzyć okno wizualizacji (jedna wizualizacja może mieć wiele okien). Aby to zrobić wybieramy opcję ``New Window...'' z menu ``File''
\begin{figure}[!h]
	\begin{center}
		\includegraphics[height=7cm]{img/InTouch_projekt_07}
		\caption{Tworzenie nowego okna}
		\label{InTouch_projekt_07}
	\end{center}
\end{figure}

Otworzone zostanie okno, w którym musimy określić nazwę okna oraz wybrać jego parametry.
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=10cm]{img/InTouch_projekt_08}
		\caption{Właściwości okna}
		\label{InTouch_projekt_08}
	\end{center}
\end{figure}

\clearpage
Po zakończeniu okno aplikacji powinno wyglądać następująco:
\begin{figure}[!h]
	\begin{center}
		\includegraphics[width=16cm]{img/InTouch_projekt_09}
		\caption{Nowe okno}
		\label{InTouch_projekt_09}
	\end{center}
\end{figure}

\clearpage
\subsection{Tworzenie wskaźników}

Używając narzędzia Rectangle (\includegraphics[height=0.5cm]{img/InTouch_projekt_10}) tworzymy w oknie prostokąt (patrz rysunek \ref{InTouch_projekt_11}). 
\begin{figure}[!ht]
	\begin{center}
		\includegraphics[height=3cm]{img/InTouch_projekt_11}
		\caption{Rysowanie prostokąta}
		\label{InTouch_projekt_11}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Wypełniamy go kolorem np. zielonym (patrz rysunek \ref{InTouch_projekt_12}).
	\begin{center}
		\includegraphics[height=6cm]{img/InTouch_projekt_12}
		\caption{Wybór koloru wypełnienia}
		\label{InTouch_projekt_12}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Następnie, używając narzędzia do wstawiania tekstu (\includegraphics[height=0.5cm]{img/InTouch_projekt_13}) wstawiamy blok testowy i wypełniamy go znakiem $\#$ ``hash'' (rysunek \ref{InTouch_projekt_14}).
	\begin{center}
		\includegraphics[height=2cm]{img/InTouch_projekt_14}
		\caption{Prostokąt z polem tekstowym}
		\label{InTouch_projekt_14}
	\end{center}
\end{figure}

\begin{figure}[!ht]
 Dostosowujemy tekst, korzystając z paska narzędzi (rysunek \ref{InTouch_projekt_15}) lub opcji formatowania czcionki (rysunek \ref{InTouch_projekt_16}).
	\begin{center}
		\includegraphics[height=3cm]{img/InTouch_projekt_15}
		\caption{Pasek narzędzi formatowania tekstu}
		\label{InTouch_projekt_15}
	\end{center}
\end{figure}

\begin{figure}[!ht]
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_projekt_16}
		\caption{Okno formatowania czcionki}
		\label{InTouch_projekt_16}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Po zakończeniu operacji wskaźnik może wyglądać tak jak na rysunku \ref{InTouch_projekt_14a}.
	\begin{center}
		\includegraphics[height=2cm]{img/InTouch_projekt_14a}
		\caption{Wskaźnik}
		\label{InTouch_projekt_14a}
	\end{center}
\end{figure}

\clearpage
\subsection{Podłączanie zmiennych z serwera danych}

\begin{figure}[!ht]
Kiedy mamy gotowy wskaźnik należy do niego przypisać zmienną z serwera OPC. W tym celu klikamy dwukrotnie na pole tekstowe. W wyniku tej operacji otworzy się okno ustawień obiektu (rysunek \ref{InTouch_projekt_17}). Z okna wybieramy przycisk \textit{\textbf{Analog}} znajdujący się w obszarze \textit{\textbf{Value Display}} 
	\begin{center}
		\includegraphics[height=8cm]{img/InTouch_projekt_17}
		\caption{Konfiguracja obiektu tekstowego}
		\label{InTouch_projekt_17}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Zostanie otworzone okno przypisujące wyrażenie do pola tekstowego (rysunek \ref{InTouch_projekt_18}). Wpisujemy w to pole ``SV'' - Set Value.
	\begin{center}
		\includegraphics[width=10cm]{img/InTouch_projekt_18}
		\caption{Przypisywanie wyrażenia}
		\label{InTouch_projekt_18}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Ponieważ zmienna ``SV'' nie jest zadeklarowana, program zapyta czy ją utworzyć (rysunek \ref{InTouch_projekt_19}) - wybieramy ``OK''.
	\begin{center}
		\includegraphics[height=3cm]{img/InTouch_projekt_19}
		\caption{Deklaracja zmiennej (tagu)}
		\label{InTouch_projekt_19}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Zostanie otworzone okno konfiguracji zmiennej ``SV'' (rysunek \ref{InTouch_projekt_20}). Naciskamy przycisk \textbf{\textit{Type: ...}} aby zmienić typ z \textit{\textbf{Memory Real}} na \textbf{\textit{I/O Real}} (patrz rysunek \ref{InTouch_projekt_21}).
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_20}
		\caption{Okno konfiguracji zmiennej (tagu)}
		\label{InTouch_projekt_20}
	\end{center}
\end{figure}

\begin{figure}[!ht]
	\begin{center}
		\includegraphics[height=6cm]{img/InTouch_projekt_21}
		\caption{Okno zmiany typu zmiennej}
		\label{InTouch_projekt_21}
	\end{center}
\end{figure}

\begin{figure}[!ht]
W oknie konfiguracji zmiennej pojawi się nowy obszar (rysunek \ref{InTouch_projekt_22}). Wybieramy w nim \textbf{\textit{Access Name: ...}} aby wybrać źródło danych.
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_22}
		\caption{Okno konfiguracji zmiennej zewnętrznej}
		\label{InTouch_projekt_22}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Zostanie otworzone okno konfiguracji źródeł danych (rysunek \ref{InTouch_projekt_23}), z którego wybieramy opcję \textbf{\textit{Add...}} (o ile zewnętrzne źródło danych nie zostało wcześniej dodane).
	\begin{center}
		\includegraphics[height=4cm]{img/InTouch_projekt_23}
		\caption{Okno wyboru źródła danych}
		\label{InTouch_projekt_23}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Wypełniamy pola \textbf{\textit{Access}} oraz \textbf{\textit{Topic Name}}. Pierwsze z nich może zawierać dowolny tekstowy identyfikator źródła. Drugie natomiast wypełniamy zgodnie z konfiguracją serwera danych OPC. Wartość którą należy wpisać w to pole możemy znaleźć przy pomocy klienta OPC - patrz rozdział \ref{sec:opc}. Należy jednak pamiętać, aby zamienić ``\.'' (kropkę) w nazwie Tematu na ``\_'' (znak podkreślenia).
	\begin{center}
		\includegraphics[height=6cm]{img/InTouch_projekt_24}
		\caption{Dodawanie źródła danych}
		\label{InTouch_projekt_24}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Po dodaniu i wybraniu źródła danych w oknie konfiguracji zmiennej, obok przycisku \textit{\textbf{Access Name: ...}} powinna pojawić się nazwa wybranego źródła (rysunek \ref{InTouch_projekt_26}). Aby dokończyć ustawienia należy jeszcze, w polu \textbf{\textit{Item:}} wpisać nazwę zmiennej (tagu) serwera OPC, którą chcemy przypisać do zmiennej wizualizacji.
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_26}
		\caption{Przypisywanie zmiennej}
		\label{InTouch_projekt_26}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Konfiguracja zmiennej została zakończona. Należy zapisać zmiany przyciskiem \textbf{\textit{Save}} i zamknąć okno konfiguracji zmiennej przyciskiem \textbf{\textit{Close}} (patrz rysunek \ref{InTouch_projekt_27}).
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_27}
		\caption{Zapisywanie ustawień}
		\label{InTouch_projekt_27}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Aby sprawdzić czy wszystko zostało skonfigurowane poprawnie, należy uruchomić wizualizację - do tego celu służy menu \textbf{\textit{Runtime!}} dostępne w prawej, górnej części okna (patrz rysunek \ref{InTouch_projekt_28}).
	\begin{center}
		\includegraphics[height=2cm]{img/InTouch_projekt_28}
		\caption{Przycisk \textbf{\textit{Runtime!}}}
		\label{InTouch_projekt_28}
	\end{center}
\end{figure}


\begin{figure}[!ht]
Jeżeli nie wystąpiły błędy, aplikacja powinna zostać uruchomiona a w polu tekstowym, zamiast znaku ``\#'' powinna pojawić się liczba odczytana z serwera OPC. Uruchomioną wizualizację ilustruje rysunek  \ref{InTouch_projekt_29}.
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_29}
		\caption{Uruchomiona wizualizacja}
		\label{InTouch_projekt_29}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Aby powrócić do trybu projektowania, należy nacisnąć przycisk \textbf{\textit{Development!}} znajdujący się prawej, górnej części ekranu (patrz rysunek \ref{InTouch_projekt_30}).
	\begin{center}
		\includegraphics[height=3cm]{img/InTouch_projekt_30}
		\caption{Powrót do trybu projektowania}
		\label{InTouch_projekt_30}
	\end{center}
\end{figure}

\clearpage
\subsection{Tworzenie suwaków}

\begin{figure}[!ht]
Aby utworzyć prosty suwak z podstawowych elementów należy, korzystając z narzędzia rysowania linii (\includegraphics[height=0.5cm]{img/InTouch_projekt_31}) utworzyć podziałkę, przykładowa pokazana jest na rysunku \ref{InTouch_projekt_32}. 
	\begin{center}
		\includegraphics[height=5cm]{img/InTouch_projekt_32}
		\caption{Podziałka}
		\label{InTouch_projekt_32}
	\end{center}
\end{figure}

\begin{figure}[!ht]
W celu stworzenia obiektu, narysowane linie należy zgrupować. Aby to zrobić należy zaznaczyć obszar w którym się one znajdują - tak jak pokazuje to rysunek \ref{InTouch_projekt_33} i użyć narzędzia grupowania (\includegraphics[height=0.5cm]{img/InTouch_projekt_34}).
	\begin{center}
		\includegraphics[height=6cm]{img/InTouch_projekt_33}
		\caption{Zaznaczenie wszystkich elementów podziałki}
		\label{InTouch_projekt_33}
	\end{center}
\end{figure}


\begin{figure}[!ht]
Kolejnym krokiem jest utworzenie wskaźnika, który będzie przesuwany w celu ustawienia wartości. Posłużymy się narzędziem rysowania łamanej (\includegraphics[height=0.5cm]{img/InTouch_projekt_35}). Przykładowy obiekt ilustruje rysunek \ref{InTouch_projekt_36}.
	\begin{center}
		\includegraphics[height=1.5cm]{img/InTouch_projekt_36}
		\caption{Suwak}
		\label{InTouch_projekt_36}
	\end{center}
\end{figure}

\begin{figure}[!ht]
Aby skonfigurować suwak, klikamy go dwukrotnie prawym klawiszem myszy, to spowoduje otwarcie okna właściwości obiektu. Z okna wybieramy przycisk \textit{\textbf{Vertical}} znajdujący się w obszarze \textit{\textbf{Sliders}} (patrz rysunek \ref{InTouch_projekt_37}).
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_37}
		\caption{Konfiguracja obiektu tekstowego}
		\label{InTouch_projekt_37}
	\end{center}
\end{figure}



\begin{figure}[!ht]
Otworzone zostanie okno ustawień suwaka. W polu \textbf{\textit{Tagname}} należy podać nazwę zmiennej lokalnej, którą chcemy ustawić (może być to zmienna zewnętrzna - np serwera OPC). Pola \textbf{\textit{Vertical Movement}} określają zakres w jakim można przeciągać dany obiekt na pulpicie wizualizacji (względem bieżącego położenia). Pola \textbf{\textit{Value}} określają jakie wartości przyjmuje zmienna na górze i na dole zakresu przesuwania ustalonego w polach \textbf{\textit{Vertical Movement}}.Przykładowa konfiguracja jest zilustrowana na rysunku \ref{InTouch_projekt_38}.
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_38}
		\caption{Konfiguracja suwaka}
		\label{InTouch_projekt_38}
	\end{center}
\end{figure}


\begin{figure}[!ht]
Utworzone elementy należy jeszcze skonfigurować względem siebie, tak aby utworzyły zadajnik. Przykładowe ustawienie przedstawia rysunek (\ref{InTouch_projekt_39}).
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_39}
		\caption{Gotowy zadajnik}
		\label{InTouch_projekt_39}
	\end{center}
\end{figure}


\begin{figure}[!ht]
Po uruchomieniu wizualizacji zadajnik powinien prezentować się tak jak na rysunku \ref{InTouch_projekt_40}.
	\begin{center}
		\includegraphics[width=12cm]{img/InTouch_projekt_40}
		\caption{Uruchomiona wizualizacja}
		\label{InTouch_projekt_40}
	\end{center}
\end{figure}


\clearpage
\subsection{Gotowa aplikacja}

Dla programu sterowania dwustawnego opisanego w rozdziale \ref{sec:2st} przygotowana została bardziej skomplikowana wizualizacja. Pulpit sterowniczy umożliwia dobór wartości zadanej\footnote{SV - ang. Set Value} oraz histerezy\footnote{H - ang. Hysteresis}. Uchyb regulacji oraz stan wyjścia sterującego wskazują dwa wykresy. Stan zaworów prezentowany jest również kolorowymi wskaźnikami.

Wygląd tej wizualizacji przestawia rysunek \ref{InTouch_wizualizacja_01}. 

\begin{figure}[!ht]
	\begin{center}
		\includegraphics[width=16cm]{img/InTouch_wizualizacja_01}
		\caption{Gotowa wizualizacja}
		\label{InTouch_wizualizacja_01}
	\end{center}
\end{figure}


