Utilizarea unui Server Web

Utilizarea unui Server Web

Introducere

Controlerele pot fi conectate la retea prin driverele TCP/IP, ceea ce face posibil accesul la acestea de la orice alt calculator, prin protocolul TCP/IP.

In plus, controlerele pot indeplini functia de server World Wide Web. Se pot vizualiza paginile de web prin utilizarea unui browser standard, ca de exemplu Microsoft Internet Explorer sau Netscape Navigator.

Prin utilizarea acestor pagini web, este posibil sa se afiseze si sa se modifice continutul registrelor controlerului. In consecinta, procesul poate fi comandat, monitorizat sau configurat la distanta.

Setarea accesului la distanta

Pentru a obtine accesul la controler la distanta over a network si a utiliza controlerul ca server Web, trebuie configurate si descarcate driverele TCP/IP si Web, ca parte din proiect.

Configurati controlerul pentru comunicarea in retea, asa cum a fost descris in capitolul 8. Singura diferenta acum este ca in plus se adauga driverul Web Server, in "Driver Configuration".

Doublu click in "Driver Configuration" in fereastra "Project View".

Aceasta va deschide fereastra Driver Configuration.

Doublu click in interiorul ferestrei Driver Configuration, pentru a deschide fereastra Select Driver.

Selecteaza "WEB_SRVR" si click OK pentru a include driverul web server in project.

Aceasta va deschide fereastra "Driver Options".

Acesta fereastra va cere driverul virtual unde va fi instalat serverul web.

Alege "B"si click OK.

Fereastra Driver Configuration va lista acum ambele drivere.

Inchide fereastra Driver Configuration.

In acest moment dr iverele TCP/IP si Web server sunt configurate si proiectul este gata sa fie descarcat in controler. Asa cum a fost mentionat inainte, la descarcarea driverelor de retea pentru prima data in controler, trebuie utilizata pentru transfer comunicarea seriala RS 232. Odata ce proiectul, cu driverele de retea, a fost descarcat, controlerul poate fi accesat prin reteaua de calculatoare.

Pentru a utiliza serverul web se vor prezenta cateva elemente de proiectare a paginilor web.

Proiectarea paginii Web cu HTML

HTML (HyperText MarkUp Language) este un limbaj standard de programare, utilizat pentru a dezvolta pagini Web de baza. Limbajul are o serie de comenzi de editare, ca de exemplu diferite formate de litere, culori de litere si de fond, elemente de grafica, etc.

Se vor prezenta aici numai comenzile fundamentale HTML pentru a facilita dezvoltarea unor pagini web simple cu scopul precis de comunicare cu controlerul prin Internet.

Instructiuni (Tags) HTML

HTML este un limbaj in care instructiunile sunt inserate in textul normal pentru a dezvolta documentul si a schimba formatele de litere, colori sau a adauga hyperlink-uri la alte pagini de web. Aceste tag-uri nu sunt vizibile la o afisare normala a paginii, ele seteaza browser-ul pentru editarea paginii descarcate din serverul Web. Instructiunile sutn considerate comenzi pentru browser-il Web si sunt incadrate in paranteze unghiulare. De exemplu:

<B> Festo FC34</B>

Utilizeaza tag-ul <B> pentru a face textul "Festo FC34" aldin. Cele mai multe instructiuni se utilizeaza in perechi. <B> din exemplul de mai sus comanda inceputul formatarii aldin, iar </B> sfarsitul acesteia.

Tag-uri de baza HTML

Tag	Descriere	Exemplu
<B>	Boldface	<B>Festo FC34</B>
<I>	Italic	<I>Festo FC34</I>
<H1>	Header 1 font style	<H1>Festo</H1>
<H3>	Header 3 font style	<H3>Festo</H3>
<A>	Hyperlink	<A HREF=www.festo.com>Festo web site</A>
<IMG>	Image	<IMG SRC="Festo.jpg">
<PRE>	Preformatted text	<PRE>Hello World</PRE>
<HR>	Horizontal ruled line (Inserts a line)	<HR>
<BR>	Break (End of line)	<BR>

Structura de baza a unei pagini HTML

Un document HTML are doua mari sectiuni:

Antet

Textul propriu-zis

Sectiunea head este definita de instructiunile <HEAD> si </HEAD>. Acestea contin informatii despre document, ca de exemplu: titlu (<TITLE> tag), cuvant cheie , etc.

Sectiunea body section este definita de tag-urile <BODY> si </BODY>. Acestea contin textul pagini si toate instructiunile implicite. embedded tags.

De exemplu, acesta este un document minimal HTML :

HTML>

<HEAD>

<TITLE>

Festo FC34 Controller Web Page

</TITLE>

</HEAD>

<BODY>

Festo FC34 Controller

</BODY>

</HTML>

Atentie, intreg continutul documentului este incadrat intre tag-urile <HTML> si </HTML>. Spatiile goale sunt ignorate de browser, pe masura ce citeste pagina.

Astfel programul de mai sus este echivalent cu:

HTML>

<HEAD><TITLE>Festo FC34 Controller Web Page</TITLE></HEAD>

<BODY>Festo FC34 Controller</BODY></HTML>

Totusi, prima versiune este mai lizibila.

Crearea unui document HTML

Documentele HTML pot fi create, utilizand:

Un editor HTML sau,

Un simplu editor de texte.

Editoarele HTML sunt concepute sa creeze documente HTML prin utilizarea unei interfete grafice cu utilizatorul. Adica, se editeaza un document HTML la fel ca in editorul Microsoft Word, prin tastarea textului, alegerea fonturilor, inserarea de imagini, etc.

Cand un document este salvat, se convertesc aceste instructiuni de editare de text in instructiuni HTML si documentul devine document HTML. Trebuie precizat ca traducerea in HTML nu este intotdeauna completa si documentul convertit poate arata diferit de cel original.

Se va utiliza un editor de texte simplu, de exemplu Notepad.

Crearea unei pagini simple de Web

Deschide Notepad prin click pe butonul "START" din Windows

Navigheaza in "Programs", "Accessories" si "Notepad"

Tasteaza urmatoarele:

HTML>

<HEAD>

<TITLE>

Festo FC34 Controller Web Page

</TITLE>

</HEAD>

<BODY>

Festo FC34 Controller

</BODY>

</HTML>

Noteaza ca instructiunile sunt se pot tasta cu litere mici sau cu majuscule, indiferent. Totusi se prefera majusculele pentru a le putea sesiza mai usor in document.

Salvarea unui fisier HTML

Salveaza fisierul ca fisier HTML.

Aceasta necesita utilizarea de "htm" sau "html" ca extensie dupa numele fisierului.

Notepad va adauga automat extensia "txt" la orice nume de fisier. Pentru a evita aceasta, se va incadra numele fisierului si extensia in ghilimele.

Pentru salvare click pe "File" si selecteaza "Save As".

Navigheaza spre directorul unde se va salva fisierul.

Tasteaza "main1.htm" (cu ghilimele duble) si OK.

Vizualizarea unui document HTML

Se va vedea documentul HTML intr-un program browser, ca de exemplu Microsoft Internet Explorer sau Netscape Navigator.

Un program browser Web poate deschide o pagina Web

Localizata pe hard-drive-ul calculatorului sau,

Localizata pe un calculator diferit din reteaua cu un server Web.

Deocamdata pagina de Web este localizata pe hard-drive-ul calculatorului unde a fost creata (copie locala). Ulterior se va trimite aceasta pagina pe serverul Web si se va putea vizualiza de acolo.

a. Vizualizarea locala a paginii Web

Ruleaza Internet Explorer prin click pe butonul "START" din Windows

Nagheaza la "Programs" si "Internet Explorer".

Click pe meniul "File" din Internet Explorer si selecteaza "Open".

Click "Browse" pentru a naviga la fisierul dorit si click OK.

Pagina va arata asa:

Aceasta pagina nu este foarte interesanta, dar ilustreaza conceptia de baza in crearea si vizualizarea unei pagini HTML.

b. Vizualizarea unei pagini Web din serverul Web FC34

Se va trimite pagina de Web la controlerul FC34. apoi, utilizand browser-ul se va cere server-ului Web FC34 sa trimita aceasta pagina in retea. In acest exemplu pagina creata anterior va fi localizata in controlerul FC34.

Pentru a trimite pagina la controlerul FC34:

Start programul FST.

Selecteaza "File Transfer" din mediul "Online".

Aceasta va porni utilitatea de transfer al fisierului si va afisa fisierele curente pe drive-ul virtual A al lui FC34.

Schimba drive-ul A cu B, unde se localizezaa fisierele de severului Web.

Modul de afisare implicita a utilitatii este "List".

Schimba in "Details" prin click pe ultimul buton al barei de instrumente.

Aceasta va arata extensiile de fisiere, marimea si informatii calendaristice.

Click butonul de descarcare (acela cu sageata albastra in jos).

Navigheaza la fisierul paginii Web "main1.htm"de pe hard-drive-ul calculatorului.

Selecteaza fisierul si click "Open".

Aceasta va descarca fisierul la FC34. va aparea fisierul pe lista drive-ului B al lui FC34.

Pentru a vizualiza o pagina Web din controlerul FC34:

Start Internet Explorer.

Introdu numarul IP al controlerului FC34, urmat de numele paginii Web in campul adresei URL.

De exemplu:

https://140.131.170.2/main1.htm (inlocuieste 140.131.170.2 cu numarul IP curent)

Pagina va fi livrata la browser prin retea de catre serverul Web FC34.

Atentie:

Programul Explorer trebuie configurat astfel incat sa permita cautarea paginilor Web in retea altfel decat prim modem sau similar.

Pagina simpla Web cu comenzi CI implicite

Serverul Web poate interpreta comenzile implicite CI ca tag-uri intr-un document HTML. In consecinta, cand se proiecteaza o pagina Web, se pot utiliza comenzile CI ca si cum ar fi tag-uri HTML.

Cand un server Web livreaza o pagina, intai se verifica documentul si se inlocuiesc toate comenzile CI implicite cu valorile curente ale registrilor. Apoi se trimite documentul la browser-ul care il cere. Acets mecanism permite sa se dezvolte pagini Web care pot fi utilizate la monitorizarea la distanta a statiei.

Pagina Web de baza cu comenzi implicite CI

Se va modifica fisierul "main1.htm" pentru a utiliza comenzi CI implicite pentru a vizualiza starea unui registru de intrare:

Deschide fisierul "main1.htm" cu Notepad.

Modifica fisierul in modul urmator:

HTML>

<HEAD>

<TITLE>

Festo FC34 Controller Web Page

</TITLE>

</HEAD>

<BODY>

Festo FC34 Controller

This is Input Word 0: <FSTCI DEW0>

</BODY>

</HTML>

Instructiunile <BR><BR> insereaza doua linii goale in pagina, dupa textul "Festo FC34 Controller".

Comanda implicita CI <FSTCI DEW0> va fi inlocuita cu valoarea curenta a cuvantului de intrare 0, cand pagina va fi ceruta serverului-controler Web de catre browser.

Salveaza fisierul cu numele "main2.htm" (cu ghilimele duble!).

Descarca fisierul la FC34 utilizand utilitatea "File Transfer" a FST-ului.

Ruleaza Internet Explorer si tasteaza numarul IP a controlerului urmat de numele fisierului main2.htm ca adresa URL:

Noteaza: intructiunea implicita <FSTCI DEW0> este inlocuita de 5 (valoarea curenta a registrului 0 de intrari).

Chestionari repetate catre serverul Web

Serverul Web livreaza, la cererea browser-ului, o pagina Web si browser-ul ofera renders pagina formatand-o cu instructiunile implicite. Acesta este un mecanism static de livrare a continutului.

Dupa ce pagina este livrata la browser, daca starea statiei se schimba, modificarea starii acesteia nu va parea in mod curent in pagina Web, decat daca utilizatorul apasa butorul de refresh. Chiar si in acest caz nu este sigur ca se va afisa continutul nou al paginii, pentru ca, de regula, browser-ul realizeaza o copie locala a paginii (cache the page) imediat ce pagina a fost livrata prima data.

Dupa aceasta, chiar daca butonul de refresh este apasat, se va afisa o copie a paginii, in loc ca serverul Web sa livreze din nou documentul, prin retea. Acest mecanism a fost implementat cu scopul reducerii traficului prin retea.

Serverul controler Web parcurge pagina Web si inlocuieste comenzile CI implicite cu valorile curente ale registrilor. De aceea, daca nu fortam browser-ul sa ceara o copie a aceleiasi pagini de la serverul controler Web, nu vom obtine o pagina actualizata care sa reflecteze starea curenta a registrilor.

O modalitate simpla de a cere serverului Web sa livreze repetat o pagina, este utilizarea metainstructiunii o Refresh HTML. Aceasta instructiune are urmatorul format si trebuie introdusa in sectiunea de antet a unui document HTML:

Acest format cere browser-ului sa ceara fisierul curent de la serverul Web la fiecare 3 secunde.

Deschide fisierul "main2.htm" si insereaza metainstructiunea in sectiunea de antet a documentului HTML.

HTML>

<HEAD>

<TITLE>

Festo FC34 Controller Web Page

</TITLE>

</HEAD>

<BODY>

Festo FC34 Controller

This is Input Word 0: <FSTCI DEW0>

</BODY>

</HTML>

Salveaza fisierul si descarca-l la FC34 prin utilitatea "File Transfer" a programului FST.

Ruleaza programul Internet Explorer si tasteaza numarul IP a controlerului urmat de numele fisierului main2.htm, ca adresa URL

Se poate vizualiza acum pagina Web reactualizata la fiecare 3 secunde si se poate verifica afisarea valorilor cuvintelor de intrare.

Totusi, uneori nu se poate utiliza corelarea starii cuvintelor de intrare cu starea statiei, daca aceasta schimbare este mai rapida decat actualizarea paginii Web.

Pagini avansate Web cu comenzi implicite CI

Serverul controler Web poate furniza pagini Web avansate cu elemente implicite de grafica si alte elemente de conceptie avansata.

Totusi, la utilizarea graficii implicite trebuie luate in considerare limitarile date de procesorul controlerului si de memorii. Urmatoarea pagina de Web va afisa starea registrilor tuturor intrarilor si iesirilor controlerului FC34.

Proiectarea unei pagini avansate de Web

Informatiile cuprinse in pagina de Web urmatoare se bazeaza pe proiectul din paragrafele anterioare. Pagina de Web va trebui sa arate ca in figura de mai jos.

Pe pagina se vor afisa un titlu si un tabel pentru registrii de intrare si iesire utilizati in proiectul anterior. Prin aceasta pagina este posibil sa monitorizam starea statiei de la distanta prin Internet.

Codul HTML este urmatorul:

HTML>

<HEAD>

<TITLE> Lifting Device Remote Monitor </TITLE>

</HEAD>

<H2><FONT color='#0000CC'>Lifting Device Remote Monitor</FONT></H2>

<BR>

Click pe butonul descarcare si selecteaza fisierul "main3.htm" de pe hard-drive-ul.

Apasa butonul de "START" a statiei si observa modificarea starii intrarilor si iesirilor pe pagina de Web.

	Ultimele documente adaugate
	Mihai Eminescu - Opere romantice - autori si opere reprezentative Gioacchino Rossini, Giuseppe Verdi, Richard Wagner
	Mihai Beniuc - Mihai beniuc - „poezii"
	Mihai Eminescu - Mihai eminescu - student la berlin
	Mircea Eliade - Mircea Eliade - Mioara Nazdravana (mioriţa)
	Vasile Alecsandri - Chirita in provintie de Vasile Alecsandri -expunerea subiectului
	Emil Girlenu - Dragoste de viata de Jack London
	Ion Luca Caragiale - Triumful talentului… (reproducere) de Ion Luca Caragiale
	Mircea Eliade - Fantasticul in proza lui Mircea Eliade - La tiganci
	Mihai Eminescu - „Personalitate creatoare” si „figura a spiritului creator” eminescian
	George Calinescu - Enigma Otiliei de George Calinescu - geneza, subiectul si tema romanului