Quick Start Guide. WebVisu. PhiZoe V

Transkript

1 Quick Start Guide WebVisu PhiZoe V

2 Title WebVisu Project SPIDERnet HPF GmbH Zietenstraße 104 confidential level: customer Division: software Chemnitz Tel.: +49 (0) FAX: +49 (0) Mail: info@hpf24.de Author PhiZoe Date Checked by Date Approved by Date Signature Signature Signature Version Release Date Changed Sections Reason of Change V Copyright HPF GmbH The content of this document may only be reproduced in any form or communicated to any third party with the prior written consent of HPF GmbH. Though every effort was made to ensure the correctness, HPF GmbH does not assume any responsibility for errors or omissions included in this document or for wrong interpretations of the content. HPF GmbH 2 / 18

3 Inhaltsverzeichnis Begriffe und Abkürzungen Ziel des Dokuments Schritte zum erfolgreichen Start der WebVisu Start der WebVisu Verbinden der Visualisierung mit dem SPIDERnet -Server via WebLink Anzeige der SPIDERnet -Variablen mithilfe von SPIDERnet -SPY HPF GmbH 3 / 18

4 Begriffe und Abkürzungen SPIDERnet -Server / SPIDERnet - steht für Simplified Platform Independent Data Exchange Relays eine universell einsetzbare Plattform zum Datenaustausch, welche in Automatisierungssystemen genutzt wird. WebLink ein Software Tool zum bidirektionalen Datenaustausch zwischen der WebVisu und dem SPIDERnet -Server. Controls Alle Anzeigen und Bedienelemente (Textelements, Gauges, Slider, ) einer Projektseite. SPIDERnet -Spy - SPIDERnet -Spy dient als universeller Browser von allen im SPIDERnet -Server registrierten Variablen und Clients. Er ermöglicht das Debuggen, Loggen und Manipulieren sämtlicher Variablenwerte, sowie die Auflistung aller am SPIDERnet -Server registrierten Kommunikationsteilnehmer. HPF GmbH 4 / 18

5 1 Ziel des Dokuments Dies ist der Quick Start Guide der browserbasierenden WebVisu der Firma HPF GmbH. Mit Hilfe dieser Anleitung gelingt es Ihnen auf schnellem Weg ein Visualisierungsprojekt anzulegen und dieses mit dem SPIDERnet -Server zu verbinden. Ausführliche Informationen zur Inbetriebnahme und Konfiguration von WebVisu und WebLink finden Sie in unserem WebVisu Handbuch. 2 Schritte zum erfolgreichen Start der WebVisu Zur Verwendung der WebVisu benötigen Sie folgende Produkte: 1. Den SPIDERnet -Server der HPF GmbH. Diesen gibt es kostenlos als eine auf vier Clients beschränkte Version als Download auf der Website Sollten Sie mehr als vier Clients benötigen, können Sie das Produkt auch bei der HPF GmbH erwerben. Zu Testzwecken genügt jedoch im Regelfall die SPIDERnet - Server-Light-Version. 2. Das Tool WebLink der HPF GmbH. Dieses können Sie sich auf der Website kostenfrei herunterladen. 3. Das Tool SPIDERnet -Spy der HPF GmbH. Dieses können Sie sich auf der Website kostenfrei herunterladen. 4. Einen WebVisu-Server. Dieser kann in drei verschiedenen Varianten erworben werden: kostenlos über einen Demoaccount bei der HPF GmbH zu Testzwecken über einem separat angemieteten Account bei der HPF GmbH im Komplettprodukt (WebVisu + WebVisu-Server) in einer Hardwarebox (PureBox). Diese kann lokal im Netzwerk über Intranet betrieben werden Kopieren Sie die zip-ordner für den SPIDERnet -Server, SPIDERnet -Spy und WebLink in einen Pfad Ihrer Wahl und entpacken Sie diese. Es ist keine weitere Installation erforderlich. Starten Sie den SPIDERnet -Server über die SPIDERnetServer.exe. Es erscheint ein Icon in der Taskleiste, wenn der Start erfolgreich war. Der SPIDERnet -Server Port ist standardmäßig auf Port 1028 festgelegt. Sollte dieser Port schon auf Ihrem PC belegt sein, können Sie ihn über Kommandozeilenparameter ändern. HPF GmbH 5 / 18

6 Klicken Sie mit einem Rechtsklick auf die SPIDERnetServer.exe und wählen Sie Create Shortcut aus. Klicken Sie auf den Shortcut mit einem Linksklick und wählen Sie Properties. Wählen Sie den Reiter Shortcut und geben Sie im Feld Target folgendes hinter \SPIDERnetServerLight\SPIDERnetServer.exe ein: -port xxxx HPF GmbH 6 / 18

7 Bestätigen Sie mit OK. Den SPIDERnet -Server startet Sie nun durch Doppelklick auf diesen Shortcut. Nutzen Sie z.b. Port 512. HPF GmbH 7 / 18

8 3 Start der WebVisu 1. Über das Internet erfolgt der Zugriff auf WebVisu über einen beliebigen Browser mit der spezifischen Adresse. Beispiel des Demoprojektes: visu.hpf24.de/websites/projects/ /. Über das Intranet erfolgt der Zugriff auf WebVisu über einen beliebigen Browser mit der spezifischen. Adresse Beispiel: Geben Sie in das Login-Feld Benutzername und Passwort ein, welches Sie beim Erwerb der WebVisu erhalten haben und bestätigen Sie Ihre Anmeldung mit Submit. Die Anmeldedaten für das Demoprojekt lauten: UserName: demo Password: demo 3. Um ein neues Projekt anzulegen klicken Sie in der Projektübersicht auf Create a new project HPF GmbH 8 / 18

9 und geben Sie einen Projektnamen ein. Mit Create bestätigen Sie die Eingabe. 4. Projektseiten können im Projekteditor angelegt werden. Wählen Sie dafür das Projekt aus der Projektliste mit einem Linksklick aus. Im Projekteditor kann die voreingestellte Hauptseite main gewählt werden oder Sie legen eine neue Seite an. Dazu klicken Sie auf Add new page HPF GmbH 9 / 18

10 und geben einen Seitennamen ein. 5. Die Eingabe bestätigen Sie mit Submit. Im Web-Editor wird die Projektseite visualisiert. Klicken Sie zum Bearbeiten der gewünschten Projektseite auf edit. Der Web-Editor ist in zwei Bereiche unterteilt: im linken Bereich, der Navigationsleiste, findet man sämtliche Controls, kann diese auswählen und editieren, sowie Seiteneinstellungen vornehmen. Der Workspace (rechter Bereich) dient als Arbeitsfläche. Hier wird die Projektseite erstellt. HPF GmbH 10 / 18

11 Ziehen Sie aus der Navigationsleiste ein Control via drag and drop in den Workspace und nehmen Sie die gewünschten Einstellungen im Editor vor. 6. Um die Visualisierung mit dem SPIDERnet -Server zu verbinden müssen die Controls mit den SPIDERnet -Variablen verbunden werden. Diese Variablen können im Web-Editor angelegt werden (siehe Handbuch, Kapitel Variablen anlegen und auswählen). Zum Verknüpfen der Variable mit dem Control, doppelklicken Sie in den Controleigenschaften auf die Textbox bei Variable (Navigationsleiste -> SPIDERnet -I/O-> Variable). Es erscheint folgendes Fenster: Neben jedem Ordner gibt es einen Button New. Mit einem Doppelklick darauf können Sie neue Variablen anlegen. HPF GmbH 11 / 18

12 Geben Sie einen Variablennamen ein, wählen Sie den Variablentyp aus und bestätigen Sie die Eingabe mit OK. Neu angelegte Variablen erscheinen erst im SPIDERnet -Spy, nachdem WebLink neu verbunden wurde! 7. Genauere Informationen zur Anzeige der Variablen im SPIDERnet -SPY finden Sie im Kapitel 5 Anzeige der SPIDERnet -Variablen mithilfe von SPIDERnet -SPY. Speichern Sie das Projekt unter Operations Save Page ab. HPF GmbH 12 / 18

13 4 Verbinden der Visualisierung mit dem SPIDERnet -Server via WebLink 1. Öffnen Sie den Ordner, in dem sich WebLink befindet. Bevor WebLink gestartet wird, prüfen Sie die SPIDERnet -Parameter. Öffnen Sie die config.ini im WebLink-Ordner. Läuft SPIDERnet lokal auf dem Rechner, lauten die Parameter: [SPIDER_ConnectionParameters] IP= Port=1028 Läuft SPIDERnet im Netzwerk, kann über SPIDERnet -Spy nach einem sich im Netzwerk befindlichen SPIDERnet gesucht werden: In diesem Beispiel lauten die Parameter: [SPIDER_ConnectionParameters] IP= Port=512 HPF GmbH 13 / 18

14 2. Starten Sie mit einem Doppelklick die WebLink.exe. Für WebLink muss der SPIDERnet -Server auf Ihrem Computer oder einem Remote PC im Netzwerk laufen. 3. Wählen Sie aus dem Dropdown-Menü Add new aus. Wurden noch keine Projekte angelegt, steht nur diese Option zur Auswahl. 4. Tragen Sie in die entsprechenden Felder die Projekt-ID, die Server-Adresse und das Projekt- Passwort ein und wählen Sie, falls gefordert, Login Required und Secure Communication aus. Klicken Sie auf Save und verbinden Sie sich zu WebVisu über den Connect Button. Wurde WebLink erfolgreich mit WebVisu verbunden, erscheint folgende Meldung in der Taskleiste: HPF GmbH 14 / 18

15 5 Anzeige der SPIDERnet -Variablen mithilfe von SPIDERnet - SPY 1. Der SPIDERnet -Spy dient als universeller Browser von allen im SPIDERnet -Server registrierten Variablen und Clients. Er ermöglicht das Debuggen, Loggen und Manipulieren sämtlicher Variablenwerte, sowie die Auflistung aller am SPIDERnet -Server registrierten Kommunikationsteilnehmer. Starten Sie SPIDERnet -SPY über die SPIDERnetSPY.exe. Es erscheint das SPIDERnet -Spy-Icon in der Taskleiste und der SPIDERnet -SPY Monitor wird automatisch geöffnet. HPF GmbH 15 / 18

16 Für SPIDERnet -Spy muss der SPIDERnet -Server auf Ihrem Computer oder einem Remote PC im Netzwerk laufen. 2. Öffnen Sie die SPIDERnet -Server Verbindungseinstellungen um einen SPIDERnet -Server in Ihrem Netzwerk mit dem SPIDERnet -SPY zu verbinden. Klicken Sie dazu auf das Trace-Icon und wählen Sie über den Browse-Button neben dem Feld SPIDER-IP einen SPIDERnet -Server aus. 3. Um mit dem SPIDERnet -Server eine Verbindung herzustellen, muss der Connect-Button betätigt werden. Anschließend wird eine Verbindung zur angegebenen IP-Adresse aufgebaut. Wurde die Verbindung erfolgreich aufgebaut, beginnt das Keep-Alive-Signal zu blinken und die Verbindungsdaten werden in der Event-Box angezeigt 4. Anschließend können mit dem Refresh-Button alle Variablen am SPIDERnet -Server angezeigt werden. HPF GmbH 16 / 18

17 5. Um einen oder mehrere Variablenwerte zu verfolgen, markieren Sie die Variable und öffnen Sie per Rechtsklick das Kontextmenü. Wählen Sie open trace. Es öffnet sich ein Fenster in dem der Wert der Variable bei jeder Änderung angezeigt wird. Mit einem Doppelklick auf den Wert der Variable in der Spalte Value können Sie den Wert auch manuell ändern. Geben Sie den Wert in die Textbox ein und bestätigen Sie mit Enter. HPF GmbH 17 / 18

18 Beispiel: Geben Sie in die Textbox den Wert 50 ein. Das Control zeigt Ihnen in der RunTime sofort den eingegebenen Wert an. Ändern Sie den Wert über das Conrol z.b. auf 80 und sie sehen im SPIDERnet -SPY Trace die Änderung des Wertes. HPF GmbH 18 / 18