Der Internet Browser
ist heute Bestandteil aller modernen Betriebssysteme und wird beim Surfen
im Internet als vielseitiges Anzeigeinstrument geschätzt.
In Verbindung mit
den W&T Web-IOs kann der Browser nun auch als Anzeige- und Steuerelement
für dynamische, technische Anwendungen benuzt werden.
Der Motor für
die Dynamik ist hierbei ein Java-Applet, das einfach aus dem Web-IO
in den Browser geladen wird und hier den Prozessdatenaustausch mit dem
Web-IO übernimmt. Einfache JavaScript-Routinen nehmen bei Veränderungen
den aktuellen Status der IOs vom Java-Applet entgegen und passen die Anzeige
im Browser den Gegebenheiten im Feld an.
Die im Folgenden beschriebene Anwendung zeigt beispielhaft das Zusammenspiel
von Browser, Java-Applet und Web-IO.
Sie haben noch kein Web-IO und möchten das vorgestellte Beispiel
einfach mal ausprobieren?
Kein Problem: Wir stellen Ihnen das Web-IO Digital 2xInput, 2xOutput
PoE gerne kostenlos für 30 Tage zu Verfügung. Einfach Musterbestellung
ausfüllen, wir liefern das Web-IO zum Test auf offene Rechnung.
Wenn Sie das Gerät innerhalb von 30 Tagen zurück schicken,
schreiben wir die Rechnung komplett gut.
mit einer IP-Adresse versehen - mit WuTility
kein Problem
1. Zusammenstellen der verschiedenen Bedienelemente und Anzeigeobjekte
auf der Webseite
Bei der Benennung der einzelnen Objekte bzw. der aufzurufenden Funktionen
ist es hilfreich, sinngebende Namen zu verwenden.
1. HTML-Grundaufbau der Webseite
Platzieren der Bedien- und Anzeigeelemente
Zur besseren Strukturierung werden die einzelnen Elemente in Tabellen
untergebracht und das Ganze als Formular deklariert. Das <user.htm>
Tag gehört nicht zur Standard HTML Syntax und dient dem Web-IO
zur Identifikation der Webseite. Das Tag wird vor dem Hochladen in den
Browser ausgefiltert.
Das <aplplet> Tag und die Parameterübergabe
Bei der Einbindung des Java-Applets muss innerhalb des <applet>
Tags der Name angegeben werden, über den das Applet innerhalb der
Webseite angesprochen werden soll. Ferner muss angegeben werden, welches
Applet geladen werden soll. Immer wenn das Applet nicht vom selben Server
geladen werden soll, wie die Webseite selbst ist außerdem mittels
codebase die Adresse des Servers anzugeben. Werden Webseite und Applet
vom gleichen Server geladen, kann dieser Parameter entfallen.
Zwischen den Beiden <applet> Tags werden Parameter übergeben
, welche die Kommunikation mit dem Web-IO betreffen und steuern.
In Abhängigkeit davon, welches Bedienelement der Webseite der
Anwender angeklickt oder verändert hat, werden bestimmte JavaScript
Funktionen aufgerufen. Die JavaScript Funktionen rufen dann ihrerseits
Routinen des Java-Applets auf und übergeben ggf. nötige Parameter.
Übergabe des Passwortes
Diese Funktion wird nur benötigt, wenn für den Zugriff auf
das Web-IO ein Passwort vergeben wurde.
function setPassword()
{ document.applets["dio"].setPassword( ioform.ed_password.value
);
ioform.ed_password.value = '';
}
Setzen der Outputs
Das Setzen der Outputs wird dem Anwender über zwei Checkboxen
cb_output ermöglicht. Bei Aufruf der Funktion wird die Nr. des
Outputs übergeben.
<script language="JavaScript" type="text/javascript">
<!--
function setOutput(OutputNr)
{ var Out = 0;
Out |= Math.pow( 2, OutputNr );
if (ioform.cb_output[OutputNr].checked==true)
{ document.applets["dio"].outputAccess( Out,
Out );
}
else
{ document.applets["dio"].outputAccess( Out,
0 );
}
}
Counter löschen
Die Zählerstände der Input-Counter lassen sich löschen.
Als Parameter wird die Nr. des Counters übergeben, der gelesen
bzw. gelöscht werden soll. Wenn kein Parameter übergeben
wird, löscht das Web-IO alle Counter.
function clearCounter(CounterNr)
{ if (CounterNr==undefined)
{ document.applets["dio"].counterClear(0xf);
}
else
{ var Counters = 0;
Counters |= Math.pow( 2, CounterNr );
document.applets["dio"].counterClear( Counters
);
}
}
4. Aktualisieren der IO-Zustände und der Counter-Stände
Das Überwachen der Inputs, Outputs und Counter des Web-IO übernimmt
das Java-Applet. Wird eine Änderung erkannt, ruft das Applet eine
entsprechende JavaScript Funktion innerhalb der Webseite auf.
Änderung an den Outputs
Wird eine Änderung erkannt, wird die folgende Funktion aufgerufen.
Es wird übergeben, von welchem Web-IO die Änderung gemeldet
wurde, welcher Output sich geändert hat und in welchem Status
sich der Output aktuell befindet.
function outputChanged( Device,
OutputNr, OutputVal )
{ ioform.cb_output[OutputNr].checked=OutputVal;
}
Änderung an den Inputs
Wird eine Änderung erkannt, wird die folgende Funktion aufgerufen.
Es wird übergeben, von welchem Web-IO die Änderung gemeldet
wurde, welcher Input sich geändert hat und in welchem Status
sich der Input aktuell befindet.
function inputChanged( Device, InputNr, InputVal
)
{ ioform.cb_input[InputNr].checked=InputVal;
}
Änderung an den Countern
Wird eine Änderung erkannt, wird die folgende Funktion aufgerufen.
Es wird übergeben, von welchem Web-IO die Änderung gemeldet
wurde, welcher Counter sich geändert hat und welcher Zählerstand
aktuell vorliegt.
Um mit dem gezeigten Beispiel arbeiten zukönnen, muss der Browser
das Arbeiten mit Java-Applets erlauben. Fehlt die Java-Unterstützung,
lassen sich unter www.java.com die nötigen Plugins kostenfrei herunterladen.
Das Beispiel unterstützt alle gängigen Funktionen des Web-IO,
optimiert für das Web-IO
2x Digital Input, 2x Digital Output PoE. Für die anderen Web-IO Modelle
müssen ggf. Anpassung an der Beispiel-Webseite
vorgenommen werden. Weitere Programmbeispiele zur Socket-Programmierung
finden Sie auf den Tool-Seiten
zum Web-IO. Eine detaillierte Beschreibung zu den Kommandos der Web-IO Digital
Modelle finden Sie im Referenzhandbuch.
