Parametrizace webového serveru

AP0046 APLIKAČNÍ POZNÁMKA

Parametrizace webového serveru Abstrakt Aplikační poznámka se zabývá parametrizací webového serveru firmy AMiT a možností jeho využití.

Autor: Zbyněk Říha Dokument: ap0046_cz_04.pdf

Příloha Obsah souboru: ap0046_cz_02.zip aplikace.zip

Aplikace (s obrázkem) pro návrhové prostředí AWDet

Copyright (c) 2014, AMiT®, spol. s r.o. www.amit.cz

1/60

PARAMETRIZACE WEBOVÉHO SERVERU Obsah Historie revizí .................................................................................................................... 4 Související dokumentace................................................................................................... 4 1.

Použité pojmy .................................................................................................................. 5

2.

Webový server ................................................................................................................. 6

2.1. 2.2. 2.3. 2.4.

Vlastnosti webového serveru ............................................................................................. 6 Webový server AWEB ....................................................................................................... 6 Webový server v řídicích systémech W nebo W2 .............................................................. 7 Webový server v regulátorech řady AMREG ..................................................................... 7

3.

Použití webového serveru .............................................................................................. 8

4.

Návrh aplikace pro webový server ................................................................................. 9

4.1. 4.2. 4.3. 4.3.1 4.4. 4.4.1 4.4.2 4.4.3 4.4.4 4.4.5 4.4.6 4.4.7 4.4.8 4.5. 4.6.

Založení projektu ............................................................................................................... 9 Výběr typu webového serveru ........................................................................................... 9 Vytvoření vazby mezi serverem a řídicím systémem ....................................................... 10 Import proměnných aliasů a hlášení provozního deníku .................................................. 11 Parametrizace webových stránek .................................................................................... 12 Obrázky........................................................................................................................... 14 Použití statických textů .................................................................................................... 16 Zobrazení hodnoty proměnné ......................................................................................... 18 Editace hodnoty proměnné.............................................................................................. 22 Zobrazení textu dle hodnoty bitu proměnné .................................................................... 25 Přechod na jinou webovou stránku.................................................................................. 28 Zobrazení archívu z řídicího systému .............................................................................. 31 Zobrazení provozního deníku řídicího systému ............................................................... 34 Simulace vytvořených webových stránek ........................................................................ 36 Tipy a triky ....................................................................................................................... 37

5.

Nastavení parametrů webového serveru ..................................................................... 38

5.1. 5.2. 5.2.1 5.2.2 5.2.3 5.3.

Tovární nastavení ........................................................................................................... 38 Navázání spojení s webovým serverem z PC.................................................................. 38 Připojení PC k webovému serveru .................................................................................. 38 Navázání spojení z prostředí AWDet ............................................................................... 42 Nastavení parametrů pro komunikaci v síti ...................................................................... 43 Nastavení komunikace mezi serverem a řídicím systémem ............................................ 46

6.

Zavedení aplikace do webového serveru .................................................................... 48

7.

DODATEK A ................................................................................................................... 52

7.1. 7.1.1 7.1.2

Možnosti využití webového serveru AWEB ..................................................................... 52 Převodník linky Ethernet na linku RS232 ......................................................................... 52 Brána do sítě RS485 ....................................................................................................... 53

8.

DODATEK B ................................................................................................................... 55

8.1.

Nastavení komunikace přes Internet ............................................................................... 55

9.

DODATEK C ................................................................................................................... 57

9.1. 9.1.1 9.1.2

Stavy LED na webových serverech ................................................................................. 57 AWEB ............................................................................................................................. 57 Řídicí systémy W nebo W2 ............................................................................................. 57

ap0046_cz_04

2/60

PARAMETRIZACE WEBOVÉHO SERVERU 9.2. 9.2.1 9.2.2 9.2.3

Nastavení servisního režimu a továrního nastavení ........................................................ 57 AWEB ............................................................................................................................. 57 Řídicí systémy W nebo W2 ............................................................................................. 58 Regulátory řady AMREG ................................................................................................. 58

10.

Technická podpora ....................................................................................................... 59

11.

Upozornění .................................................................................................................... 60

3/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Historie revizí Verze 001 002

003 004

Datum Změny 24. 3. 2011 Nový dokument 2. 11. 2011 Oprava odkazů na různé kapitoly v kapitolách 5.1., 5.3., 7.1.1. a 8.1. Doplněny vlastnosti webového serveru v kapitole 2.1. 3. 6. 2013 Úprava obrázků a textů dle chování AWDet verze 1.6.0., aktualizace ukázkové aplikace. Úprava kapitoly 5.2.1. 26. 9. 2014 Úprava kapitol 1., 2., 2.1, 9.2.2. Nové kapitoly 2.4 a 9.2.3. Úprava obrázků.

Související dokumentace 1. Nápověda k části PseDet vývojového prostředí DetStudio soubor: Psedet_cs.chm 2. Nápověda k návrhovému prostředí AWDet soubor: AWDetHelp.chm 3. Katalogový list k webovému serveru AWEB soubor: aweb_d_cz_xxx.pdf 4. Návod na obsluhu k webovému serveru AWEB soubor: aweb_g_cz_xxx.pdf 5. Dokumentace k řídicím systémům typu W soubor: aptxxxxwt_g_cz_xxx.pdf 6. Dokumentace k řídicím systémům typu W2 soubor: amini4xw2x_g_cz_xxx.pdf soubor: ad-cpuw2_g_cz_xxx.pdf 7. Dokumentace k řídicím jednotkám do panelu řady AMREG soubor: amr-op1x_g_cz_xxx.pdf soubor: amr-op2x_g_cz_xxx.pdf 8. Dokumentace ke komunikačním jednotkám řady AMREG soubor: amr-cpxxxx_g_cz_xxx.pdf 9. Aplikační poznámka AP0016 – Zásady používání sítě RS485 soubor: ap0016_cz_xx.pdf 10.Aplikační poznámka AP0037 – Zásady používání sítě Ethernet soubor: ap0037_cz_xx.pdf 11.http://forum.amit.cz – fórum firmy AMiT

ap0046_cz_04

4/60

PARAMETRIZACE WEBOVÉHO SERVERU

1.

Použité pojmy

DetStudio Návrhové prostředí firmy AMiT, které slouží pro parametrizaci řídicích systémů. Toto prostředí je volně ke stažení na www.amit.cz. AWDet Návrhové prostředí firmy AMiT, které slouží pro návrh webových stránek a parametrizaci webového serveru. Toto prostředí je volně ke stažení na www.amit.cz. Okolní stanice Řídicí systémy připojené k webovému serveru prostřednictvím některé z jeho komunikačních linek. Broadcast Zpráva, kterou v počítačové síti přijmou všechna připojená síťová rozhraní. DHCP server Server, který přiděluje počítačům zejména IP adresu, masku sítě a implicitní bránu. DB-Net Asynchronní síťový komunikační protokol firmy AMiT implementovaný na lince RS485 (spojení více stanic do sítě) nebo na lince RS232 (spojení typu bod-bod). DB-Net/IP Asynchronní síťový komunikační protokol firmy AMiT implementovaný na lince Ethernet. Segment Síť řídicích systémů komunikujících prostřednictvím protokolu DB-Net (komunikace prostřednictvím sériových linek). V případě této AP ještě předpokládáme, že alespoň jeden z nich je aktivní a má Ethernetové rozhraní. Regulátor řady AMREG Volně programovatelný regulátor pro automatizaci budov z produkce firmy AMiT. Stanice Řídicí systém, regulátor řady AMREG nebo PC v síti DB-Net/IP (DB-Net). Řídicí systém W Řídicí systém se samostatným komunikačním CPU. Tato koncepce umožňuje integrovat webový server a další komunikační možnosti. Řídicí systémy typu W jsou identifikovány písmenem W v názvu na posledních pozicích (např. APT3221WT). Řídicí systém W2 Řídicí systém se samostatným komunikačním CPU s rozšířenými paměťovými prostory. Tato koncepce umožňuje integrovat webový server a další komunikační možnosti a je nadmnožinou řídicích systémů typu W. Řídicí systémy typu W2 jsou identifikovány označením W2 v názvu na posledních pozicích (např. AD-CPUW2, AMiNi4DW2, …). Kontextové menu Menu, vyvolané kliknutím pravým tlačítkem myši na zvolenou položku, prvek nebo objekt.

5/60

ap0046_cz_04


2.

Webový server

Webový server je součástí řídicích systémů W nebo W2, regulátorů řady AMREG (pouze regulátory s rozhraním Ethernet), případně jako samostatný výrobek AWEB. Webový server firmy AMiT umožňuje zobrazení proměnných, textů, obrázků, matic v tabulkové podobě, grafů a dalších prvků. Není určen jako náhrada velkých vizualizací. Pro malé vizualizace a jako servisní nástroj poskytuje všechny potřebné zobrazovací prostředky pro komfortní dohled a dálkovou správu.

2.1.

Vlastnosti webového serveru

Zde uvádíme základní vlastnosti webového serveru: Společné vlastnosti: ◆ Maximální velikost obrázku je 128 kB (optimální velikost vzhledem k rychlosti webového serveru je 20 až 50 kB). ◆ Maximální délka jmen souborů je 8 znaků + maximálně 3 znaky přípona. ◆ Jeden adresář webového serveru může obsahovat maximálně 32 položek (souborů/adresářů). ◆ Webový server v jeden okamžik spolehlivě obslouží požadavky maximálně dvou prohlížečů. ◆ Prvky zobrazující text/obrázek v závislosti na hodnotě proměnné zobrazí maximálně 16 stavů. ◆ Prostřednictvím FTP se k webovému serveru připojí v jeden okamžik pouze jeden uživatel. ◆ Pro připojení prostřednictvím FTP nelze využít webový prohlížeč. ◆ Na jedné stránce lze použít maximálně jeden prvek zobrazující archív nebo jeden prvek zobrazující provozní deník nebo jeden prvek pro zobrazení/editaci časového plánu. V závislosti na typu webového serveru jsou pak další omezení: Webový server AWEB: ◆ Na jednu stránku lze umístit maximálně 30 prvků pro nastavení hodnoty proměnné. ◆ Na jednu stránku lze umístit maximálně 13 prvků AuthLink (viz popis tzv. Case slotů v nápovědě k prostředí AWDet). ◆ Maximální množství segmentů v síti Ethernet (komunikace v síti DB-Net/IP), které AWEB obslouží je 12. ◆ Pro komunikaci s okolními stanicemi lze využít rozhraní Ethernet a jedno ze dvou sériových rozhraní webového serveru. Webový server v řídicích systémech W nebo W2: ◆ Na jednu stránku lze umístit maximálně 6 prvků AuthLink (viz popis tzv. Case slotů v nápovědě k prostředí AWDet). ◆ Pro komunikaci s okolními stanicemi lze využít některé ze sériových rozhraní řídicího systému, kde lze komunikovat pomocí protokolu DB-Net. ◆ Pro komunikaci s okolními stanicemi v síti Ethernet (komunikace DB-Net/IP) musí být čtení/zápis dat řešeno na regulační úrovni řídicího systému. Webový server v regulátorech řady AMREG ◆ Stejné vlastnosti jako webový server v řídicích systémech W nebo W2 s výjimkou možností komunikace s okolními stanicemi. ◆ Pro komunikaci s okolními stanicemi je nutné na regulační úrovni použit komunikační objekty (např. DbNet, ModbusMaster, atd.) umožňující výměnu dat prostřednictvím požadovaného protokolu a rozhraní.

2.2.

Webový server AWEB

V případě, že je využíván externí webový server AWEB, musí programátor vždy správně nadefinovat komunikaci mezi řídicím systémem a webovým serverem AWEB. AWEB může

ap0046_cz_04

6/60

PARAMETRIZACE WEBOVÉHO SERVERU komunikovat s řídicími systémy buď prostřednictvím sériových linek (komunikace pomocí protokolu DB-Net) nebo prostřednictvím Ethernetu (komunikace pomocí protokolu DB-Net/IP).

2.3.

Webový server v řídicích systémech W nebo W2

Při parametrizaci webového serveru v řídicích systémech s označením W nebo W2 se nemusí nijak nastavovat komunikace mezi webovým serverem a vlastním řídicím systémem. Komunikace se musí nastavit pouze v případě, kdy má být webový server na řídicím systému aktivní, tzn., ve vlastní režii si bude žádat data od jiných řídicích systémů (případně od PC) prostřednictvím sériových linek (pomocí protokolu DB-Net). Pokud je potřeba na tomto webovém serveru zobrazovat data z okolních stanic, které jsou k řídicímu systému s webovým serverem připojeny prostřednictvím sítě Ethernet (komunikace pomocí protokolu DB-Net/IP) musí se do řídicího systému, ve kterém běží webový server, naprogramovat čtení/zápis požadovaných dat již na regulační úrovni (programování pomocí návrhového prostředí DetStudio). Webový server v řídicím systému neumí ve vlastní režii číst/zapisovat data z/do řídicích systémů po Ethernetu.

2.4.

Webový server v regulátorech řady AMREG

Pro využití webového serveru v regulátorech řady AMREG je nutné v projektu DetStudia použít objekt, který definuje webový server.

Obr. 1 - Okno projektu s vloženým objektem WebServer Na webových stránkách, nadefinovaných v regulátoru řady AMREG, je možné zobrazovat hodnoty ze všech objektů, které byly nadefinovány v projektu DetStudia. Znamená to, že lze zobrazit také data, načtená z okolních stanic (např. řídicích systémů), která jsou nadefinována pomocí komunikačních objektů (DbNet, ModbusMaster, atd.).

7/60

ap0046_cz_04


3.

Použití webového serveru

Pro správnou funkci webového serveru je nutno provést následujíc kroky: ◆ Návrh aplikace (webových stránek) pro webový server ◆ Simulace vytvořených webových stránek ◆ Nastavení komunikačních parametrů webového serveru ◆ Zavedení aplikace do webového serveru Návrh stránek pro webový server probíhá formou WYSIWYG v návrhovém prostředí AWDet. Prostředí AWDet je volně ke stažení na www.amit.cz v sekci „Produkty/Software/Návrhová prostředí pro tvorbu aplikací“. Pozor! Aby mohl uživatel navrhovat webové stránky pro řídicí systémy firmy AMiT v prostředí AWDet, musí mít k dispozici projekt pro daný řídicí systém, který byl vytvořen v návrhovém prostředí DetStudio nebo PSP3 (v případě použití projektu PSP3 lze provést pouze import seznamu proměnných), případně seznam proměnných, aliasů a hlášení pro provozní deník, jenž jsou vygenerovány z prostředí DetStudio do *.csv souborů. V následujícím textu je uveden popis ukázkové aplikace (je součástí přílohy této aplikační poznámky) pro webový server AWEB, který vysvětluje jednotlivé kroky práce s webovým serverem.

ap0046_cz_04

8/60


4.

Návrh aplikace pro webový server

Po instalaci a spuštění prostředí AWDet je nutné založit projekt.

4.1.

Založení projektu

Projekt lze založit pomocí menu „Soubor/Nový projekt“, které vyvolá okno „Nový projekt“. V našem případě projekt pojmenujeme „voda“ a umístíme jej do adresáře „D:\AWDET\Projects“, viz následující obrázek.

Obr. 2 - Založení projektu s názvem „voda“

Poznámka V případě zvolené možnosti „Automaticky vytvořit adresář“ bude po potvrzení výše zadaných parametrů AWDetem vytvořen adresář „AWDET“, ve kterém bude podadresář „Projects“. V podadresáři „Projects“ pak bude vytvořen podadresář „voda“ s vlastním projektem AWDetu. Po založení projektu bude otevřeno okno s globálním nastavením webových stránek, kde lze nastavit společné parametry všech webových stránek, které budou v prostředí AWDet vytvořeny. V našem případě ponecháme výchozí rozlišení stránky na 1024 × 768 tak, jak je uvedeno na následujícím obrázku a vše potvrdíme tlačítkem OK.

Obr. 3 - Globální nastavení webových stránek Po nastavení globálních parametrů je nutné vybrat typ webového serveru, pro který bude projekt vytvořen.

4.2.

Výběr typu webového serveru

Typ webového serveru lze vybrat pomocí tlačítka Změnit v okně „AWDet – Komunikační parametry“. Okno lze otevřít pomocí menu „Přenos/Komunikační parametry“

9/60

ap0046_cz_04


Obr. 4 - Pozice tlačítka Změnit v okně komunikačních parametrů Kliknutím na tlačítko Změnit se otevře okno s výběrem serverů, ve kterém vybereme server AWEB.

Obr. 5 - Okno s výběrem typu webového serveru Výběr typu webového serveru potvrdíme tlačítkem OK, čímž se dostaneme zpět do okna s nastavením komunikačních parametrů, kde nastavíme požadavek na práci v offline módu a vše potvrdíme tlačítkem OK.

Obr. 6 - Nastavení offline módu

4.3.

Vytvoření vazby mezi serverem a řídicím systémem

Pro vytvoření vazby mezi webovým serverem a řídicím systémem je nutné provést import proměnných, aliasů (v případě potřeby také hlášení pro provozní deník) a správně nastavit komunikační parametry na požadovaném rozhraní.

ap0046_cz_04

10/60

PARAMETRIZACE WEBOVÉHO SERVERU 4.3.1

Import proměnných aliasů a hlášení provozního deníku

Pro import proměnných a aliasů (případně hlášení provozního deníku) z řídicího systému je nutné vytvořit v projektu webového serveru tzv. DB-Net stanici, připojenou k požadovanému rozhraní webového serveru. Vytvoření DB-Net stanice se provede z kontextového menu, vyvolaného nad požadovaným rozhraním webového serveru. V našem případě přidáme DB-Net stanici k sériovému rozhraní serveru dle následujícího obrázku.

Obr. 7 - Přidání DB-Net stanice k sériovému rozhraní Vlastní import se pak provede pomocí tlačítka „…“ v okně „Vlastnosti“, které se otevře po přidání DB-Net stanice. V našem případě do projektu importujeme projekt „start_p1_cz_02.dso“ (součást instalace DetStudia) a upravíme parametry v okně dle následujícího obrázku.

Obr. 8 - Import projektu DetStudia do AWDetu Při potvrzení tlačítkem OK budeme dialogovým oknem dotázáni na změnu odkazů na proměnné.

11/60

ap0046_cz_04


Obr. 9 - Varování o změně názvu stanice Okno potvrdíme stiskem tlačítka ANO.

4.4.

Parametrizace webových stránek

Návrh vzhledu webových stránek probíhá formou WYSIWYG. Ze strany uživatele tedy není nutná znalost žádného z programovacích jazyků pro tvorbu webových stránek. V okně „Projekt“ jsou již při založení projektu předdefinovány tři prázdné webové stránky, které může uživatel libovolně navrhovat nebo mazat. První stránka, která se zobrazí při zadání adresy webového serveru do webového prohlížeče, je stránka s názvem „Index“. Tuto stránku tedy v naší aplikaci využijeme jako stránku s přehledem stavů technologie (stav zásobníku teplé vody).

Obr. 10 - Okno prostředí AWDet V prvním kroku návrhu stránky změníme periodu aktualizace dat na webové stránce. Změnu provedeme v okně „Vlastnosti stránky“, které otevřeme pomocí kontextového menu vyvolaného v okně „Projekt“ nad názvem požadované webové stránky a následným výběrem položky „Vlastnosti“(viz následující obrázek).

ap0046_cz_04

12/60


Obr. 11 - Vyvolání okna s vlastnostmi webové stránky V záložce „Parametry“ nastavíme v sekci „Automatické obnovení“ periodu aktualizace dat na webové stránce. Zaškrtneme tedy volbu „Povoleno“ a do pole „Perioda“ zadáme požadovanou periodu automatické aktualizace dat (minimální možná perioda je 5 s). Pokud bychom toto neučinili, aktualizovala by se data na webové stránce pouze po stisku tlačítka Aktualizovat ve webovém prohlížeči. Pozor Nastavení příliš malé periody pro automatické obnovení stránky zbytečně zatěžuje webový server z hlediska jeho výpočetních kapacit, což může vést až k jeho dočasnému zahlcení požadavky na čtení dat (v závislosti na množství komunikovaných proměnných).

Obr. 12 - Nastavení parametrů stránky „Index“ Nastavení v sekci „Kořenová stránka“ se využívá v případech, kdy bude na webovém serveru umístěno více jak 12 webových stránek. Stránka s názvem „Index“ musí mít volbu v sekci „Kořenová stránka“ vždy zatrženu. U ostatních stránek je volba závislá na uživateli. Bližší popis problematiky kořenových stránek lze nalézt v nápovědě k návrhovému prostředí AWDet. Nastavení v sekci „Kořenová stránka“ tedy ponecháme výchozí, a vše potvrdíme tlačítkem OK.

13/60

ap0046_cz_04


Obrázky

Abychom mohli na stránku vložit obrázek (ať už „na pozadí“ stránky nebo do různých prvků) je nutné jej vložit do seznamu obrázků. Vložení obrázku do seznamu obrázků lze učinit např. pomocí menu „Projekt/Seznam obrázků…“.

Obr. 13 - Vyvolání okna se seznamem obrázků použitých v projektu Menu vyvolá otevření okna „Importér obrázků“, pomocí kterého lze vkládat obrázky do projektu a případně upravovat jejich vlastnosti.

Obr. 14 - Okno importéra obrázků V importéru obrázků kliknutím na tlačítko Přidat otevřeme dialog pro výběr souborů s obrázky a do projektu přidáme požadovaný obrázek (v našem případě se jedná o obrázek s názvem „nadrz.jpg“).

ap0046_cz_04

14/60


Obr. 15 - Obrázek naimportován do projektu Tím jsme obrázek naimporotvali a okno „Importér obrázků“ můžeme zavřít. Obrázek lze umístit na stránku jako samostatnou entitu (pomocí prvku Image) nebo jej lze umístit „na pozadí“ stránky (což využijeme v našem případě). Nastavení pozadí stránky lze provést v okně „Vlastnosti stránky“, které otevřeme pomocí kontextového menu vyvolaného v okně „Projekt“ nad webovou stránkou „Index“ a následně vybereme položku „Vlastnosti“. V otevřeném okně „Vlastnosti stránky“ přejdeme do záložky „Vzhled“, zvolíme položku „Lokální“ (budeme vybírat z obrázků umístěných přímo na webovém serveru). Poté klikneme na tlačítko Výběr, čímž dojde opět k otevření importéra obrázků, ve kterém vybereme naimportovaný obrázek nádrže a výběr potvrdíme tlačítkem Zvolit obrázek.

Obr. 16 - Výběr obrázku, který má být zobrazen prvkem Image Po stisknutí tlačítka se okno importéra zavře a v okně „Vlastnosti Stránky“ bude název obrázku u položky „Lokální“. Dále nastavíme režim pozadí „Vystředit“, titulek stránky na: „Zásobník teplé vody“ a vše potvrdíme tlačítkem OK.

15/60

ap0046_cz_04


Obr. 17 - Nastavení pozadí stránce Index Poznámka Obrázek nemusí být uložen na webovém serveru. Lze jej umístit kamkoliv na jiný server v Internetu a webovému serveru pouze pomocí volby „URL:“ zadat odkaz na požadovaný obrázek. Webový server se tak nebude zatěžovat načítáním obrázků a značně se tak zrychlí jeho odezva.

4.4.2

Použití statických textů

Pro umístění statického textu lze využít prvek Label. Uchopíme jej tedy v okně „Toolbox“ a přemístíme jej na požadovanou pozici.

Obr. 18 - Umísťování prvků na plochu webové stránky Po umístění prvku na požadovanou pozici na něj dvakrát klikneme, čímž dojde k otevření okna „Vlastnosti Label“, kde v záložce „Parametry“ nastavíme text, který má prvek Label zobrazovat.

ap0046_cz_04

16/60


Obr. 19 - Zadání požadovaného textu prvku Label Poznámka Při nastavené volbě „Automatická změna velikosti“, bude velikost prvku Label automaticky přizpůsobena délce a parametrům textu, které nastavíme v záložce „Styl“. V záložce „Styl“ nastavíme požadovaný vzhled písma a jeho zarovnání vzhledem k okrajům prvku Label dle následujícího obrázku.

Obr. 20 - Zadání vlastností textu zobrazovaného prvkem Label V případě potřeby lze v záložce umístění zadat souřadnice prvku Label na stránce. To však v našem případě nevyužijeme a okno „Vlastnosti Label“ potvrdíme stiskem tlačítka OK. Po potvrzení změn můžeme navíc prvku na stránce upravit jeho rozměry pomocí osmi záchytných bodů.

Obr. 21 - Záchytné body pro změnu rozměru prvků

17/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Poznámka Nastavení vlastností prvku Label lze provést také v okně „Vlastnosti“. Pomocí ikon pro centrování (umístěny v nástrojové liště) prvek umístíme tak, aby byl v horizontálním středu stránky.

Obr. 22 - Ikona pro horizontální centrování na střed

4.4.3

Zobrazení hodnoty proměnné

Zobrazení hodnoty proměnné lze učinit pomocí prvku NumericView. V našem případě budeme chtít zobrazit aktuální teplotu vody v zásobníku a to přímo tak, aby aktuální teplota byla zobrazována prvkem uvnitř zásobníku. Z okna „Toolbox“ tedy tažením přesuneme prvek NumericView a umístíme jej přímo do obrázku zobrazeného na pozadí stránky.

Obr. 23 - Umístění prvku NumericView Po umístění prvku na požadovanou pozici na něj dvakrát klikneme, čímž dojde k otevření okna „Vlastnosti NumericView“, kde v záložce „Proměnná“ nejprve vybereme (z rozvinovacího menu) stanici s definovaným názvem „voda“ a poté vybereme (opět z rozvinovacího menu nebo pomocí tlačítka Vybrat ze seznamu…) proměnnou, jejíž hodnotu má prvek NumericView zobrazovat. V našem případě vybereme proměnnou TeplF_aktual.

ap0046_cz_04

18/60


Obr. 24 - Přiřazení proměnné prvku NumericView V záložce „Parametry“ lze nastavit formát zobrazení proměnné na webové stránce. Tento lze změnit buď přímo zadáním požadovaného formátu, nebo pomocí tlačítka Změnit. Kliknutím na tlačítko Změnit dojde k otevření okna „Výběr formátu čísla“, kde lze požadovaný formát nadefinovat.

Obr. 25 - Okno „Výběr formátu čísla“ s definicí požadovaného formátu zobrazení Ve formátu zobrazení nastavíme počet desetinných míst 1, ponecháme standardní formát čísla a vše potvrdíme tlačítkem OK. Prvek NumericView umí také měnit styl svého zobrazení v případě, kdy zobrazuje hodnotu větší/menší než je určitá mez. Aktivaci horní/dolní meze pro změnu stylu zobrazení prvku NumericView provedeme zaškrtnutím volby „Povoleno“ u položek „Minimum“ a „Maximum“. Zároveň do editačních polí vedle volby „Povoleno“ zadáme požadovanou hodnotu minima a maxima (viz následující obrázek).

19/60

ap0046_cz_04


Obr. 26 - Zadání formátu zobrazení prvku NumericView V záložce „Styl“ nastavíme požadovaný vzhled prvku NumericView pro případ, kdy je zobrazovaná hodnota v mezích minima a maxima, které jsme zadali v záložce „Parametry“.

Obr. 27 - Nastavení vzhledu prvku NumericView Vzhled prvku NumericView v případě, kdy je zobrazovaná hodnota menší než minimum, zadané v záložce „Parametry“, zadáme v záložce „Styl varování min“. Pokud bude teplota v zásobníku nižší, než zadané minimum budeme požadovat, aby se prvku změnila barva pozadí na modrou a barva textu na bílou. Nastavení provedeme dle následujícího obrázku.

ap0046_cz_04

20/60


Obr. 28 - Nastavení stylu prvku při nízké zobrazované hodnotě Vzhled prvku NumericView v případě, kdy je zobrazovaná hodnota větší než maximum zadané v záložce „Parametry“, zadáme v záložce „Styl varování max“. Pokud bude teplota v zásobníku vyšší, než zadané maximum budeme požadovat, aby se prvku změnila barva pozadí na červenou a barva textu na bílou. Nastavení provedeme dle následujícího obrázku.

Obr. 29 - Nastavení stylu prvku při vysoké zobrazované hodnotě V případě potřeby lze v záložce „Umístění“ zadat souřadnice prvku NumericView na stránce. To však v našem případě nevyužijeme a okno „Vlastnosti Image“ potvrdíme stiskem tlačítka OK. Poznámka Nastavení vlastností prvku NumericView lze provést také v okně „Vlastnosti“. Prvku na obrazovce upravíme velikost pomocí osmi záchytných bodů dle našich požadavků.

21/60

ap0046_cz_04


Editace hodnoty proměnné

Editaci hodnoty proměnné je možné učinit několika způsoby (viz nápověda k návrhovému prostředí AWDet). V našem případě využijeme prvek NumericEditButton (přímo obsahuje tlačítko pro potvrzení změny editované proměnné). Pozor Při návrhu reálné aplikace se nedoporučuje umísťovat editační prvky na stránku, která používá automatické obnovení. Při obnovení stránky dochází k přemazání hodnot všech neodeslaných editačních polí původními hodnotami. Pro jednoduchost z okna „Toolbox“ tažením přesuneme prvek NumericEditButton na požadovanou pozici stránky Index, která má nastaveno automatické obnovení (jelikož se jedná o příklad, nebudeme prvek NumericEditButton umisťovat na samostatnou stránku bez automatického obnovení).

Obr. 30 - Umístění prvku NumericEditButton Editace prvku NumericEditButton probíhá obdobným způsobem jako editace prvku NumericView. Po jeho umístění na požadovanou pozici na něj dvakrát klikneme, čímž dojde k otevření okna „Vlastnosti NumericEditButton“, kde v záložce „Proměnná“ nejprve vybereme (z rozvinovacího menu) stanici s definovaným názvem „voda“ a poté vybereme (opět z rozvinovacího menu nebo pomocí tlačítka Vybrat ze seznamu…) proměnnou, jejíž hodnotu chceme editovat. V našem případě vybereme proměnnou Tepl_zadana.

ap0046_cz_04

22/60


Obr. 31 - Přiřazení proměnné k prvku NumericEditButton Po výběru požadované proměnné se přepneme do záložky „Parametry“, kde lze nastavit formát zobrazení proměnné na webové stránce. Nastavení formátu provedeme stejně jako u prvku NumericView, pouze zadáme formát bez desetinné části. V sekci „Tlačítko“ záložky „Parametry“ nastavíme vzhled tlačítka, které je umístěno v pravé části prvku NumericEditButton. Do pole „Text“ zadáme text, který bude tlačítko zobrazovat (v našem případě zadáme text „Zapiš“) a v poli „Velikost“ zadáme procentuelně, poměr velikosti tlačítka vzhledem k celkové velikosti prvku NumericEdtiButton (v našem případě zadáme poměr 50 %). Prvek NumericEditButton umí také měnit styl svého zobrazení v případě, kdy zobrazuje hodnotu větší/menší než je určitá mez (meze lze nastavit v sekci „Meze“ záložky „Parametry“). Tuto funkčnost však nyní nebudeme využívat.

Obr. 32 - Zadání formátu zobrazení prvku NumericEditButton

23/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU V záložce „Styl textu“ v případě potřeby nastavíme požadovaný vzhled editační části prvku NumericEditButton. Pro naše účely však ponecháme nastavení ve výchozím stavu (viz následující obrázek).

Obr. 33 - Nastavení vzhledu editační části prvku NumericEditButton V záložce „Styl tlačítka“ můžeme nastavit vzhled tlačítka prvku NumericEditButton. V našem případě jej opět ponecháme ve výchozím stavu (viz následující obrázek).

Obr. 34 - Nastavení vzhledu tlačítka prvku NumericEditButton V záložce „Umístění“ můžeme zadat souřadnice prvku NumericEditButton na stránce. To však v našem případě nevyužijeme a okno „Vlastnosti NumericEditButton“ potvrdíme stiskem tlačítka OK. Poznámka Nastavení vlastností prvku NumericEditButton lze provést také v okně „Vlastnosti“. Prvku na obrazovce upravíme velikost pomocí osmi záchytných bodů dle našich požadavků.

ap0046_cz_04

24/60


Zobrazení textu dle hodnoty bitu proměnné

Zobrazení textu v závislosti na hodnotě (true/false) bitu proměnné lze učinit pomocí prvku SCaseLabelBit. V našem případě budeme chtít zobrazit text v závislosti na aktuálním stavu topného tělesa a to tak, aby se stav zobrazoval uvnitř zásobníku. Z okna „Toolbox“ tedy tažením přesuneme prvek SCaseLabelBit a umístíme jej přímo do obrázku zobrazeného na pozadí stránky Index.

Obr. 35 - Umístění prvku SCaseLabelBit Již známým způsobem (dvojklikem levým tlačítkem myši) spustíme editaci prvku SCaseLabelBit a v záložce „Proměnná“ vybereme stanici a přiřadíme požadovanou proměnnou (v našem případe DO_RDO). V položce „Bit:“ vybereme bit proměnné, na který má prvek reagovat (bit č. 0).

25/60

ap0046_cz_04


Obr. 36 - Přiřazení proměnné k prvku SCaseLabelBit V záložce „Parametry“ pak nadefinujeme texty, které bude prvek zobrazovat (viz následující obrázek).

Obr. 37 - Nastavení parametrů prvku SCaseLabelBit V záložkách „StylTrue“ a „StylFalse“ nastavíme požadovaný vzhled prvku SCaseLabelBit. V našem případě změníme styl písma na „Tučné“ a horizontální zarovnání textu na „Uprostřed“ a barvy textu dle následujících obrázků.

ap0046_cz_04

26/60


Obr. 38 - Nastavení vzhledu prvku pro bit s hodnotou True

Obr. 39 - Nastavení vzhledu prvku pro bit s hodnotou False V záložce „Umístění“ můžeme zadat souřadnice prvku SCaseLabelBit na stránce. To však v našem případě nevyužijeme a okno „Vlastnosti SCaseLabelBit“ potvrdíme stiskem tlačítka OK. Poznámka Nastavení vlastností prvku SCaseLabelBit lze provést také v okně „Vlastnosti“. Prvku na obrazovce upravíme velikost pomocí osmi záchytných bodů dle našich požadavků.

27/60

ap0046_cz_04


Přechod na jinou webovou stránku

Vytvoření přechodu na jinou webovou stránku, která je taktéž umístěna na webovém serveru (nebo která je umístěna kdekoliv v Internetu) je možné realizovat pomocí prvku Link. Prvek Link umístíme na požadovanou pozici (např. pod obrázek).

Obr. 40 - Umístění prvku Link Pomocí prvku Link budeme přecházet např. na stránku, která bude v budoucnu zobrazovat archív teplot uložený v řídicím systému. Archív teplot budeme v budoucnu zobrazovat na stránce „Page001“. Dvojklikem na prvek Link otevřeme okno „Vlastnosti link“ ve kterém nastavíme vlastnosti prvku Link. V záložce „Parametry“ napíšeme v sekci „Text odkazu“ text, který bude zobrazovat prvek Link. V našem případě zadáme text „Archív teplot“. V sekci „Adresa odkazu“ můžeme vybrat, zda bude prvek Link otevírat stránku, která je umístěna na webovém serveru (položka „Lokální“) nebo zda bude otevírat stránku, která je mimo námi navrhovaný webový server (položka „URL“). V našem případě budeme využívat webové stránky, které jsou umístěny přímo na webovém serveru. Vybereme tedy volbu „Lokální“ a následně klikneme na tlačítko Výběr, čímž dojde k otevření okna „Výběr odkazu ze seznamu stránek“, ve kterém vybereme jednu z již nadefinovaných stránek na webovém serveru. V našem případě vybereme stránku „Page001.hta“ (viz následující obrázek).

Obr. 41 - Výběr stránek pro modul Link

ap0046_cz_04

28/60

PARAMETRIZACE WEBOVÉHO SERVERU Po výběru požadované stránky bude záložka „Parametry“ okna „Vlastnosti Link“ vypadat následovně.

Obr. 42 - Nastavení textu prvku Link a stránky, kterou bude otvírat Poznámka V případě, že bychom potřebovali, aby se stránka otevřela v samostatném okně webového prohlížeče, zaškrtneme v záložce „Parametry“ volbu „Otevřít v novém okně“. Vzhled prvku Link nastavíme v záložce „Styl“ dle následujícího obrázku.

Obr. 43 - Nastavení vzhledu prvku Link V záložce „Umístění“ můžeme zadat souřadnice prvku Link na stránce. To však v našem případě nevyužijeme a okno „Vlastnosti Image“ potvrdíme stiskem tlačítka OK.

29/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Poznámka Nastavení vlastností prvku Link lze provést také v okně „Vlastnosti“. Prvku na obrazovce upravíme velikost pomocí osmi záchytných bodů dle našich požadavků. Závěrem pak, pro přehlednost projektu, přejmenujeme stránku, na kterou se prvek Link s textem „Archív teplot“ odkazuje. Pro přejmenování stránky vyvoláme kontextové menu nad názvem stránky v okně „Projekt“ a vybereme v něm položku „Vlastnosti“.

Obr. 44 - Editace vlastností stránky Dojde k otevření okna „Vlastnosti stránky“, kde v záložce „Vzhled“ zadáme do položky „Název“ text „archiv“ a do položky „Titulek“ text „Zásobník teplé vody – Archív teplot“.

Obr. 45 - Nastavení vzhledu stránky „archiv“ Při zobrazení archívu, který se plní jednotlivými vzorky řádově v minutách, není nutné nastavovat automatické obnovení dat. Takováto stránka ani nemusí být přístupná jako hlavní stránka serveru. Parametry stránky „archív“ tedy nastavíme dle následujícího obrázku.

ap0046_cz_04

30/60


Obr. 46 - Nastavení parametrů stránky „archiv“ Po potvrzení okna tlačítkem OK budeme AWDetem upozorněni na změnu jména stránky s dotazem, zda požadujeme, aby se automaticky změnily reference ve všech prvcích, které se na tuto stránku odkazují. Upozornění potvrdíme kliknutím na položku „Ano“.

Obr. 47 - Potvrzení změny referencí na stránku

4.4.7

Zobrazení archívu z řídicího systému

Pro zobrazení archívu, který je uchováván v řídicím systému firmy AMiT, lze využít prvek ArcView. Archív z řídicího systému budeme zobrazovat na webové stránce „archiv“. V okně „Projekt“ tedy provedeme dvojklik na stránku „archiv“, čímž dojde k jejímu otevření. Z okna „Toolbox“ pak prvek ArcView přesuneme tažením na požadovanou pozici.

31/60

ap0046_cz_04


Obr. 48 - Umístění prvku ArcView Dvojklikem na prvek ArcView otevřeme okno „Vlastnosti ArcView“ ve kterém nastavíme jeho vlastnosti. V záložce „Parametry“ vybereme (vždy pomocí tlačítka Výběr..) proměnnou, která v řídicím systému reprezentuje index archívu (Arc_Index) a matici, ve které jsou v řídicím systému uloženy časy (Arc_Time), kdy docházelo k archivaci jednotlivých vzorků. Závěrem pak nastavíme počet řádků, které bude prvek ArcView na stránce zobrazovat.

Obr. 49 - Nastavení základních parametrů prvku ArcView V záložce „Data“ pomocí tlačítka (přidej proměnnou) vybereme řádek matice, ve kterém jsou v řídicím systému uloženy archivované hodnoty. V našem případě se jedná o řádek č. 0 matice Arc_Teplota. Dále zde nastavíme titulek sloupečku prvku ArcView, ve kterém se budou archívní hodnoty zobrazovat. Nastavení textu titulku provedeme dvojklikem levým tlačítkem myši na text uvedený ve sloupci „Titulek“ záložky „Data“. Změníme text např. na „Teplota“. Obdobným způsobem změníme ve sloupci „Formát“ formát zobrazení archívních hodnot na %.1f (zobrazení floatového čísla s přesností na jednu desetinu).

ap0046_cz_04

32/60


Obr. 50 - Výběr matice s archívními daty a nastavení jejich zobrazení V záložce „Styl tabulky“ nastavíme pomocí položky „Zarovnání“ horizontální pozici textu vždy uprostřed buňky tabulky.

Obr. 51 - Nastavení stylu tabulky prvku ArcView Nastavení ve zbylých záložkách („Tabulka“, „Styl záhlaví“ a „Umístění“) ponecháme beze změny a okno „Vlastnosti ArcView“ potvrdíme stiskem tlačítka OK. Poznámka Nastavení vlastností prvku ArcView lze provést také v okně „Vlastnosti“. Pozor Na jednu webovou stránku lze umístit pouze jeden prvek ArcView. V případě umístění většího množství prvků na jednu stránku může dojít ke značnému zvýšení doby odezvy webového serveru.

33/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Prvku na obrazovce upravíme velikost pomocí osmi záchytných bodů dle našich požadavků a již známým způsobem na obrazovku umístíme prvek Link, ve kterém nastavíme návrat zpět na obrazovku „Index“. Ve výsledku pak může návrh stránky vypadat např. následovně.

Obr. 52 - Výsledný vzhled stránky pro zobrazení archívu

4.4.8

Zobrazení provozního deníku řídicího systému

Pro zobrazení provozního deníku řídicího systému firmy AMiT lze využít prvek LogView. Před použitím prvku LogView přejmenujeme již známým způsobem stránku „Page002“ na „denik“ (stránce nastavíme stejné vlastnosti jako stránce pro zobrazení archívu). Poté na ni dvakrát klikneme levým tlačítkem myši v okně „Projekt“, čímž dojde k jejímu otevření. Provozní deník řídicího systému budeme zobrazovat na této stránce. Z okna „Toolbox“ tedy tažením přesuneme prvek LogView na požadovanou pozici.

Obr. 53 - Umístění prvku LogView

ap0046_cz_04

34/60

PARAMETRIZACE WEBOVÉHO SERVERU Dvojklikem na prvek LogView otevřeme okno „Vlastnosti LogView“, ve kterém nastavíme jeho vlastnosti. V záložce „Parametry“ vybereme řídicí systém, jehož provozní deník chceme zobrazovat. Závěrem pak nastavíme počet řádků, které bude prvek LogView na stránce zobrazovat.

Obr. 54 - Výběr řídicího systému, jehož provozní deník budeme zobrazovat Ostatní záložky („Tabulka“, „Styl Tabulky“, „Styl záhlaví“ a „Umístění“) ponecháme ve výchozím stavu a vše potvrdíme tlačítkem OK. Poznámka Nastavení vlastností prvku LogView lze provést také v okně „Vlastnosti“. Pozor Na jednu webovou stránku lze umístit pouze jeden prvek LogView. V případě umístění většího množství prvků na jednu stránku může dojít ke značnému zvýšení doby odezvy webového serveru. Prvku na obrazovce upravíme velikost pomocí osmi záchytných bodů dle našich požadavků a již známým způsobem na obrazovku umístíme prvek Link, ve kterém nastavíme návrat zpět na obrazovku „Index“. Ve výsledku pak může návrh stránky vypadat např. následovně.

35/60

ap0046_cz_04


Obr. 55 - Výsledný vzhled stránky pro zobrazení provozního deníku Závěrem na obrazovku „index“ přidáme další prvek Link (s odkazem na obrazovku zobrazující provozní deník). Ve výsledku může návrh stránky vypadat např. následovně.

Obr. 56 - Výsledný vzhled úvodní stránky (index)

4.5.

Simulace vytvořených webových stránek

Funkčnost webové stránky vytvořené v prostředí AWDet můžeme ověřit pomocí simulace. Simulaci spustíme výběrem položky „Spuštění simulace“ v menu „Projekt“.

ap0046_cz_04

36/60


Obr. 57 - Menu pro spuštění simulace Po spuštění simulace dojde k otevření našeho výchozího webového prohlížeče, ve kterém budou zobrazeny námi vytvořené stránky.

Obr. 58 - Simulace vytvořených webových stránek

Poznámka Při simulaci nejsou zobrazovány prvky, nabízené v sekci SCRIPT okna Toolbox. Prvky pro zobrazení/editaci hodnot zobrazují hodnotu „0“ protože se při simulaci na PC nekomunikují s řídicím systémem žádná data.

4.6.

Tipy a triky

Pro docílení dalších různých speciálních funkcí jednotlivých prvků umístěných na stránkách webového serveru lze využít i postupy, které jsou průběžně doplňovány na fóru firmy AMiT (http://forum.amit.cz).

37/60

ap0046_cz_04


Nastavení parametrů webového serveru

5.

Nastavení parametrů potřebných pro správnou funkci webového serveru můžeme učinit přímo z prostředí AWDet.

5.1.

Tovární nastavení

Z výroby má webový server přednastaveny komunikační parametry. Hodnoty a způsob uvedení do továrního nastavení je uveden v návodech na obsluhu jednotlivých zařízení.

5.2.

Navázání spojení s webovým serverem z PC

Při snaze o první navázání spojení s webovým serverem z PC budeme postupovat dle následujících kroků: ◆ Připojíme webový server do sítě s PC. V případě, že bude webový server spojen s PC napřímo, nastavíme v PC IP konfiguraci bez využití DHCP serveru. ◆ Pomocí prostředí AWDet (použitím tlačítka Identifikovat vše v okně „Komunikační parametry“ vyvolaném z menu „Přenos/Komunikační parametry“) nalezneme webový server v síti. ◆ V prostředí AWDet nastavíme komunikační parametry dle nalezeného webového serveru.

5.2.1

Připojení PC k webovému serveru

PC lze k webovému serveru připojit dvěma způsoby: ◆ Prostřednictvím aktivního prvku (switch, router, atd.) pomocí přímého kabelu (viz aplikační poznámka AP0037 – Zásady používání sítě Ethernet).

Obr. 59 - propojení PC s webovým serverem prostřednictvím aktivního prvku ◆

Přímo pomocí kříženého kabelu (viz aplikační poznámka AP0037 – Zásady používání sítě Ethernet).

Obr. 60 - Přímé propojení PC s webovým serverem pomocí kříženého kabelu V případě přímého připojení je nutné mít „napevno“ nastavenou IP konfiguraci na PC, bez využití DHCP serveru. IP konfiguraci PC lze (ve Windows 7) provést pomocí nabídky „Start/Ovládací panely“.

ap0046_cz_04

38/60


Obr. 61 - Otevření okna „Ovládací panely“ na PC Po výběru nabídky dojde k otevření okna „Ovládací panely“, kde zvolíme položku „Síť a internet“.

Obr. 62 - Okno „Ovládací panely“ s vybranou položkou „Síť a Internet“. Dojde k otevření okna „Síť a Internet“, kde zvolíme položku „Centrum síťových připojení a sdílení“.

39/60

ap0046_cz_04


Obr. 63 - Okno „Síť a Internet“ s vybranou položkou „Centrum síťových připojení a sdílení“. Dojde k otevření okna „Centrum síťových připojení a sdílení“, kde klikneme na položku „Připojení k místní síti“.

Obr. 64 - Okno „Centrum síťových připojení a sdílení“ s položkou „Připojení k místní síti“3 Dojde k otevření okna se stavem připojení k místní síti, kde klikneme na tlačítko Vlastnosti.

ap0046_cz_04

40/60


Obr. 65 - Okno se stavem připojení k místní síti Dojde k otevření okna vlastností připojení k místní síti.

Obr. 66 - Okno vlastností vybraného ethernetového rozhraní V tomto okně nalezneme položku „Protokol IP verze 4 (TCP/IPv4)“, jedenkrát na ni klikneme levým tlačítkem myši a poté klikneme na tlačítko Vlastnosti, čímž dojde k otevření okna s IP konfigurací ethernetového rozhraní. Toto nastavíme např. dle následujícího obrázku.

41/60

ap0046_cz_04


Obr. 67 - Nastavení IP konfigurace ethernetového rozhraní na PC Po nastavení výše uvedených parametrů vše potvrdíme pomocí tlačítka OK. Tím je správně nastavena IP konfigurace PC pro možnost nastavení parametrů webovému serveru.

5.2.2

Navázání spojení z prostředí AWDet

Pro navázání spojení prostředí AWDet s webovým serverem je nutné v AWDetu správně nastavit komunikační parametry. Okno s nastavením komunikačních parametrů lze vyvolat pomocí menu „Přenos/Komunikační parametry…“

Obr. 68 - Nastavení komunikačních parametrů Po výběru příslušného menu dojde k otevření nám již známého okna „Komunikační parametry“, kde jsme v úvodu této aplikační poznámky nastavili typ webového serveru. Tentokrát jej však využijeme pro nalezení webového serveru v ethernetové síti. Po připojení webového serveru do sítě s PC tedy klikneme v otevřeném okně „komunikační parametry“ na tlačítko Identifikovat vše.

Obr. 69 - Tlačítko pro identifikaci všech webových serverů firmy AMiT v síti Po kliknutí na tlačítko Identifikovat vše AWDet vyhledá všechny webové servery, které jsou fyzicky připojeny do sítě s PC, na kterém AWDet běží a to i v případě, že má webový server IP adresu, která nespadá do stejného IP prostoru jako adresa PC.

ap0046_cz_04

42/60

PARAMETRIZACE WEBOVÉHO SERVERU Poznámka Nalezení webového serveru, který má nastavenu IP adresu, která nespadá do stejného IP prostoru jako IP adresa PC, je značně ovlivněno nastavením routeru (pokud je pomocí něj webový server spojen s PC). Pokud router nepropouští tzv. broadcast UDP rámce (což je standardní nastavení), nepodaří se v síti detekovat webové servery, které nespadají do stejného IP prostoru jako PC.

Obr. 70 - Nalezení webových serverů připojených do sítě s PC Po vyhledání dostupných webových serverů v síti se v okně „Komunikační parametry“ zobrazí obrázek nalezeného webového serveru s parametry, na základě kterých můžeme rozeznat jednotlivé webové servery. Mimo IP adresy se jedná hlavně o sériové číslo (v našem případě AI603) a MAC adresu (v našem případě 00:09:54:16:00:B3). Sériové číslo a poslední dvě dvojčíslí MAC adresy jsou uvedeny i na štítku webového serveru. Poznámka Pokud se nepodaří pomocí identifikace webový server nalézt i přesto, že router propouští broadcast UDP rámce nebo není v síti vůbec připojen, bude zřejmě problém ve firewallu instalovaném na PC (firewall bývá také součástí antivirového programu, případně je přímo implementován v operačním systému Windows). V takovýchto případech buď firewall zcela deaktivujeme nebo v něm povolíme prostředí AWDet možnost komunikace do Ethernetu.

5.2.3

Nastavení parametrů pro komunikaci v síti

Po úspěšném navázání komunikace s webovým serverem a po jeho identifikaci (viz kapitola 5.2 Navázání spojení s webovým serverem z PC) nastavíme komunikaci s webovým serverem v okně „Komunikační parametry“ následovně: V sekci „Komunikační parametry“ nastavíme IP adresu webového serveru. Nastavení lze provést buď manuálním zadáním IP adresy, nebo kliknutím levým tlačítkem myši na řádek s obrázkem webového serveru, který se nám zobrazil po jeho identifikaci. V sekci „Komunikační parametry“ nastavíme administrátorské přihlašovací jméno a heslo (v továrním nastavení je jméno administrátora „root“ a heslo administrátora „amit“).

43/60

ap0046_cz_04


Obr. 71 - Nastavení komunikačních parametrů pro spojení s webovým serverem Okno potvrdíme tlačítkem OK. V případě, že webový server nebude spadat do stejného IP prostoru jako PC, budeme upozornění na broadcast komunikaci s doporučením na deaktivaci všech firewallů.

Obr. 72 - Okno s doporučením na deaktivaci firewallů Okno potvrdíme tlačítkem OK a v případě, že jsou využívány, tak deaktivujeme všechny firewally na PC. Komunikační parametry webového serveru lze nastavit pomocí položky kontextového menu, vyvolaného v okně projektu nad uzlem „Server AWEB“.

Obr. 73 - Vyvolání okna s parametry webového serveru

ap0046_cz_04

44/60

„Vlastnosti…“

PARAMETRIZACE WEBOVÉHO SERVERU V případě, že webový server nebude se svými komunikačními parametry spadat do IP prostoru PC, bude možné v parametrech serveru nastavit pouze jeho IP konfiguraci. Tu nastavíme tak, aby webový server spadal do stejné sítě s PC (v našem případě má PC IP adresu 192.168.168.67).

Obr. 74 - Nastavení IP parametrů webového serveru Pro uložení parametrů do webového serveru je nutné stisknout tlačítko Uložit do serveru. Po uložení parametrů do serveru a jeho restartu se zobrazí okno s parametry serveru se všemi možnostmi nastavení.

Obr. 75 - Okno s nastavením všech IP parametrů webového serveru Případné změny potvrdíme tlačítkem OK. Tím jsou parametry pro komunikaci s webovým serverem nastaveny.

45/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Pokud nyní opět otevřeme okno „AWDet – Komunikační parametry“ a opět klikneme na tlačítko Identifikovat vše, nalezneme webový server v síti již s nově zadanými parametry (viz následující obrázek).

Obr. 76 - Nalezení webového serveru s nově zadanými parametry

5.3.

Nastavení komunikace mezi serverem a řídicím systémem

Nastavení komunikace mezi serverem a řídicím systémem lze provést pomocí položky „Vlastnosti…“ kontextového menu vyvolaného nad požadovaným rozhraním.

Obr. 77 - Vyvolání okna s komunikačními parametry V otevřeném okně „Vlastnosti“ nastavíme komunikační parametry dle následujícího obrázku.

ap0046_cz_04

46/60


Obr. 78 - Nastavení komunikačních parametrů sériového rozhraní Při ponechání volby automatického přiřazení DB-Net adresy webovému serveru bude projekt vycházet z čísel řídicích systémů, jejichž projekty byly importovány ke všem rozhraním webového serveru tak, aby nedocházelo ke kolizím. Výchozí adresa webového serveru je 0. Poznámka Pokud je webový server součástí řídicího systému, je konfigurace komunikace prostřednictvím sériových linek (protokol DB-Net) nastavena na přepínačích, označených na řídicím systému jako SW.

47/60

ap0046_cz_04


6.

Zavedení aplikace do webového serveru

Po úspěšném nastavení komunikačních parametrů webovému serveru a po nastavení PC do stejného IP prostoru s webovým serverem je možné do webového serveru zavést námi vytvořené webové stránky. Ještě před samotným přenosem aplikace však musíme v okně „Komunikační parametry“ správně nastavit jméno s heslem a IP adresu webového serveru, pomocí které se lze k webovému serveru připojit.

Obr. 79 - Zadání nastavené IP konfigurace do komunikačních parametrů Po nastavení komunikačních parametrů potvrdíme okno „Komunikační parametry“ tlačítkem OK a klikneme na menu „Přenos/Přenos projektu…“ nebo stiskneme klávesovou zkratku F4.

Obr. 80 - Menu pro přenos projektu do webového serveru Po kliknutí na menu „Přenos/Přenos projektu…“ dojde k otevření okna „AWDet – Nahrávání projektu“ a zobrazí se statistika kapacity serveru.

ap0046_cz_04

48/60


Obr. 81 - Okno se statistikou kapacity serveru Zavádění projektu do webového serveru spustíme tlačítkem Nahrát vše. Po kliknutí na tlačítko dojde k postupnému vyčtení obsahu adresáře webového serveru a lokálního adresáře projektu do okna „AWDet – Nahrávání projektu“ a poté se spustí (při správně nastavených komunikačních parametrech) zavádění projektu do webového serveru. Jednotlivé soubory jsou různě barevně odlišeny. Význam jednotlivých barev nalezneme v manuálu k návrhovému prostředí AWDet.

Obr. 82 - Přehled souborů v projektu a ve webovém serveru Ve spodní části okna uvidíme jednotlivé kroky, které prostředí AWDet provedlo, pro úspěšné navázání spojení s webovým serverem a vyčtení jeho adresářové struktury. Pokud na jednotlivé položky seznamu kroků dvakrát klikneme, otevře se u vybraných položek okno s upřesněním daného kroku. Po ukončení zavádění projektu (ať už úspěšném či neúspěšném) do webového serveru se zobrazí následující okno.

Obr. 83 - Ukončení zavedení projektu do webového serveru

49/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Pokud se nám podařilo aplikaci do webového serveru úspěšně zavést, otevřeme nyní webový prohlížeč a do pole, kam vkládáme název webových stránek, zadáme nastavenou IP adresu webového serveru.

Obr. 84 - Zadání IP adresy webového serveru do webového prohlížeče Po zadání správné webové adresy budeme dotázání na přihlašovací jméno a heslo. Okno pro zadání přihlašovacích údajů se může lišit v závislosti na použitém webovém prohlížeči.

Obr. 85 - Zadání jména a hesla ve webovém prohlížeči Firefox Do položky „Jméno uživatele:“ zadáme zvolené přihlašovací jméno (v našem případě „root“) a do položky „Heslo:“ zadáme odpovídající heslo (v našem případě „amit“). Po správném zadání přihlašovacích údajů dojde k zobrazení vytvořených webových stránek.

Obr. 86 - Zobrazení vytvořených stránek ve webovém prohlížeči

ap0046_cz_04

50/60

PARAMETRIZACE WEBOVÉHO SERVERU Poznámka Pokud bychom v nastavení komunikace změnili http port webového serveru z hodnoty 80 na jakoukoliv jinou hodnotu (např. 60), bude nutné, abychom společně s IP adresou do příslušného pole webového prohlížeče zadali také číslo portu. Ve výsledku bychom tedy do webového prohlížeče zadali adresu následovně: „http://192.168.168.120:60“.

51/60

ap0046_cz_04


7. 7.1.

DODATEK A Možnosti využití webového serveru AWEB

Webový server AWEB lze, mimo vlastní funkci webového serveru, použít také k následujícím funkcím: ◆ Převodník linky Ethernet na linku RS232. ◆ Brána do sítě RS485, ve které se komunikuje prostřednictvím protokolu DB-Net.

7.1.1

Převodník linky Ethernet na linku RS232

Webový server AWEB lze využít jako jednostranný převodník linky Ethernet na linku RS232 (RS485). Znamená to, že pokud máme např. řídicí systém bez ethernetového rozhraní, lze k němu připojit AWEB a poté komunikovat s řídicím systémem po Ethernetu prostřednictvím AWEBu.

Obr. 87 - Použití webového serveru jako převodníku linky RS232 na Ethernet Pro správnou funkci webového serveru AWEB v podobě převodníku linky Ethernet na linku RS232 musíme webovému serveru nastavit: ◆ komunikační parametry pro síť DB-Net (viz kapitola 5.3. Nastavení komunikace mezi serverem a řídicím systémem), ◆ IP konfiguraci (viz kapitola 5.2.3 Nastavení parametrů pro komunikaci v síti), ◆ doplňující parametry pro DB-Net/IP. Nastavení doplňujících parametrů DB-Net/IP je možné provést pomocí položky „Vlastnsti…“, kontextového menu vyvolaného nad rozhraním „Ethernet“.

Obr. 88 - Vyvolání okna s doplňujícími parametry DB-Net/IP

ap0046_cz_04

52/60

PARAMETRIZACE WEBOVÉHO SERVERU V otevřeném okně „Vlastnosti“ nastavíme požadované doplňující parametry pro komunikaci.

Obr. 89 - Nastavení doplňujících parametrů pro DB-Net/IP Pokud se pak budeme chtít spojit s řídicím systémem prostřednictvím linky Ethernet např. z prostředí ViewDet a webový server, společně s řídicím systémem, budou mít nastaveny parametry tak, aby spolu mohli komunikovat (viz kapitola 5.2.3. Nastavení parametrů pro komunikaci v síti), bude nastavení komunikace (v případě konfigurace webového serveru dle obrázků výše) ve ViewDetu vypadat dle následujícího obrázku.

Obr. 90 - Nastavení komunikačních parametrů v prostředí ViewDet Při takto nastavených komunikačních parametrech bude možné komunikovat s řídicím systémem s adresou 1, připojeným k webovému serveru, prostřednictvím linky Ethernet.

7.1.2

Brána do sítě RS485

V případě, že máme k dispozici síť řídicích systémů, které spolu komunikují prostřednictvím linky RS485 pomocí protokolu DB-Net, lze webový server využít jako bránu do této sítě, prostřednictvím které lze komunikovat se kterýmkoliv řídicím systémem v této síti.

53/60

ap0046_cz_04


Obr. 91 - Použití webového serveru jako brány do sítě RS485 Nastavení komunikace je pak pro jednotlivé řídicí systémy stejné jako v případě, kdy je webový server ve funkci převodníku linky Ethernet na linku RS232 (viz kapitola 7.1.1. Převodník linky Ethernet na linku RS232). Pozor V tomto případě platí, že AWEB umí najednou vyřizovat jeden dotaz a ve stanici jsou buffery pro dva dotazy, tj. měla by najednou komunikovat jedna "vnější" stanice. Pokud komunikuje zvenčí najednou více "vnějších" stanic, tak sdílí přenosovou kapacitu AWEBu a může dojít i ke ztrátě UDP paketů.

ap0046_cz_04

54/60


8. 8.1.

DODATEK B Nastavení komunikace přes Internet

V drtivé většině případů budeme požadovat, aby bylo možné k webovému serveru přistupovat přes Internet. V takových případech bude webový server umístěn za routerem, který je nutné správně nastavit. Mějme tedy lokální síť, s rozsahem IP adres 192.168.XXX.XXX. Tato lokální síť je prostřednictvím routeru se statickou veřejnou IP adresou 74.08.25.5 připojena do Internetu. V síti se nachází webový server s IP adresou 192.168.168.205 komunikující na HTTP portu 80 a na FTP portech 20 a 21. Router má v rámci lokální sítě IP adresu 192.168.168.1.

Obr. 92 - Komunikace s webovým serverem přes Internet Aby bylo možné s webovým serverem komunikovat odkudkoliv z Internetu, je nutné nastavit na routeru tzv. překlad adres (NAT) na předem definovaných portech. Množství portů, na kterých je nutné nastavit překlad adres je závislé na službách, které budeme chtít využívat. ◆ Zobrazení webových stránek – nastavit NAT na HTTP port webového serveru ◆ Zavedení webových stránek – nastavit NAT na oba FTP porty webového serveru ◆ Identifikace webového serveru – nastavit NAT na UDP port 75 webového serveru Příklad nastavení NAT na všechny výše zmíněné porty (prostřednictvím webového rozhraní routeru) je uveden na následujícím obrázku.

Obr. 93 - Příklad nastavení překladu adres pro jeden webový server na routeru

55/60

ap0046_cz_04

PARAMETRIZACE WEBOVÉHO SERVERU Červenou barvou je označeno nastavení NAT na HTTP port (zobrazení webových stránek), modrou barvou je označeno nastavení NAT na FTP porty (zavedení webových stránek) a zelenou barvou je označen NAT na UDP port 75 webového serveru, který je využíván pro identifikaci webového serveru v síti (tlačítko Identifikovat v okně „Komunikační parametry“). Volbou „Public Port“, určujeme komunikační port, prostřednictvím kterého bude webový server na veřejné IP adrese dostupný. V položce „Data Type“ je nutné nastavit TCP nebo UDP pakety v závislosti na použité službě (případně nastavit „BOTH“). Pokud jsme pak webovému serveru nenastavili v kapitole „5.2.3. Nastavení parametrů pro komunikaci v síti“ výchozí bránu (jedná se o IP adresu routeru v rámci lokální sítě – 192.168.168.1), musíme ji pro správnou funkčnost webového serveru v tomto případě nastavit. Po nastavení správné výchozí brány do webového prohlížeče zadáme statickou veřejnou IP adresu našeho routeru a port, na kterém je nastaven http překlad adres.

Obr. 94 - Zadání veřejné IP adresy a portu do webového prohlížeče

ap0046_cz_04

56/60


9. 9.1. 9.1.1

DODATEK C Stavy LED na webových serverech AWEB

Webový server AWEB má indikační LED s označením RUN, která nás informuje o stavu webového serveru následujícími způsoby: Stav RUN Bliká s periodou 0,2 s Bliká s periodou 1 s Svítí 5 s

9.1.2

Význam Webový server je v servisním režimu (je možné mu nastavovat komunikační parametry). Webový server je v aplikačním režimu (je možné prohlížet webové stránky). Webový server aktuálně přechází do továrního nastavení.

Řídicí systémy W nebo W2

Na řídicím systému nás o stavu webového serveru informuje LED s označením S3. Jednotlivé stavy webového serveru jsou od verze firmware 1.00 signalizovány následovně. Stav S3 Bliká s periodou 0,2 s Bliká s periodou 1 s Svítí 5 s

9.2. 9.2.1

Význam Webový server je v servisním režimu (je možné mu nastavovat komunikační parametry). Webový server je v aplikačním režimu (je možné prohlížet webové stránky). Webový server aktuálně přechází do továrního nastavení.

Nastavení servisního režimu a továrního nastavení AWEB

Servisní režim Do servisního režimu můžeme webový server uvést pomocí tlačítka, které je na něm umístěno, následovně: ◆ odpojíme od napájecího napětí ◆ za stálého držení tlačítka webový server opět připojíme k napájecímu napětí ◆ tlačítko budeme držet, dokud se LED RUN nerozbliká s periodou 0,2 s ◆ po rozblikání LED RUN s periodou 0,2 s tlačítko pustíme Tovární nastavení Pro přechod do továrního nastavení provedeme následující kroky: ◆ odpojíme webový server od napájecího napětí ◆ za stálého držení tlačítka opět webový server k napájecímu napětí připojíme ◆ tlačítko na webovém serveru budeme držet minimálně po dobu 15 s (dokud se LED RUN trvale nerozsvítí)

57/60

ap0046_cz_04


Řídicí systémy W nebo W2

Servisní režim Do servisního režimu můžeme webový server v řídicím systému W nebo W2 uvést pomocí SW přepínače č. 10 (případně pomocí CFG přepínače č. 2) následovně: ◆ přepneme SW přepínač č. 10 do polohy ON. ◆ restartujeme řídicí systém (odpojením od napájecího napětí a jeho opětovným připojením). Tovární nastavení Pro přechod do továrního nastavení postupujte podle návodu na obsluhu konkrétních typů řídicích systémů. Pozor V případě uvedení webového serveru do továrního nastavení se změní také IP konfigurace. Nové parametry IP konfigurace (tovární) budou platné i pro regulační část řídicího systému.

9.2.3

Regulátory řady AMREG

Servisní režim Pro práci s webovým serverem není v regulátorech řady AMREG k dispozici servisním režim. Tovární nastavení Pro přechod do továrního nastavení postupujte podle návodu na obsluhu konkrétních regulátorů řady AMREG. Pozor V případě uvedení webového serveru do továrního nastavení se změní také IP konfigurace. Nové parametry IP konfigurace (tovární) budou platné i pro regulační část regulátoru.

ap0046_cz_04

58/60


10. Technická podpora Veškeré informace ohledně parametrizace webového serveru firmy AMiT, Vám poskytne oddělení technické podpory firmy AMiT. Technickou podporu můžete kontaktovat nejlépe prostřednictvím emailu na adrese [email protected].

59/60

ap0046_cz_04


11. Upozornění AMiT, spol. s r. o. poskytuje informace v tomto dokumentu, tak jak jsou, nepřejímá žádné záruky, pokud se týče obsahu tohoto dokumentu a vyhrazuje si právo měnit obsah dokumentu bez závazku tyto změny oznámit jakékoli osobě či organizaci. Tento dokument může být kopírován a rozšiřován za následujících podmínek: 1.

Celý text musí být kopírován bez úprav a se zahrnutím všech stránek.

2.

Všechny kopie musí obsahovat označení autorského práva společnosti AMiT, spol. s r. o. a veškerá další upozornění v dokumentu uvedená.

3.

Tento dokument nesmí být distribuován za účelem dosažení zisku. V publikaci použité názvy produktů, firem apod. mohou být ochrannými známkami nebo registrovanými ochrannými známkami příslušných vlastníků.

ap0046_cz_04

60/60

Parametrizace webového serveru

Recommend Documents