Dokumentation QuickHMI Editor

Transkript

1 Dokumentation QuickHMI Editor Version 2.0 Indi.Systems GmbH Universitätsallee 23 D Bremen Tel Fax

2 Inhaltsverzeichnis 1 Vorwort Copyright Systemvoraussetzungen Hardware-Systemvoraussetzungen Betriebssysteme Startseite Projekt öffnen Neues Projekt Auswahl des Seitentyps Dialogseite Auswahl des Seitenlayouts Mit zoombaren Ausschnitten Feste Ansicht ohne Zoom Benutzeroberfläche des Editors Hauptmenü Datei Bearbeiten Seite bearbeiten Editor Hilfe Hinzufügen einer neuen Seite Hinzufügen einer Kopf- und Fußzeile Steuerelemente Verwendung der Steuerelemente Zuweisung von Eigenschaften Zuweisung von Aktionen Bearbeitung der Aktionen Anwendung ausführen Arbeiten in verschiedenen Ebenen / Layern

3 12 Projekt-Explorer Kommunikation Anlegen von Datenquellen Der Datenquelle eine Variable hinzufügen Verwenden der Variable Übersetzungstexte Datenbankverbindungen Bilder Bildressourcen Bildsteuerelemente Alarmmeldungen Alarm-Variablen Meldungen Einstellungen Archivierung Meldungsarchiv Sicherheit Benutzer Gruppen Rechte Navigation Navigation im Hauptmenü Navigation im Projekt-Explorer Einstellungen Seiten und Abschnitte Haben Sie Fragen?

4 1 Vorwort Vielen Dank für den Kauf von QuickHMI! Um Ihr neu erworbenes Produkt kennenzulernen und um Ihnen einen schnellen Einstieg in die Benutzung der Software zu ermöglichen, haben wir in dieser QuickHMI Dokumentation für Sie wichtige Informationen zusammengestellt. Bitte lesen Sie sich diese Informationen sorgfältig durch. Sie erhalten hier wichtige Hinweise für die Bedienung der Software, damit Sie auch alle Vorteile unseres Produktes optimal nutzen können. 2 Copyright Die vorliegende QuickHMI Dokumentation ist urheberrechtlich geschützt. Alle Rechte, insbesondere das Recht zur Vervielfältigung, Verbreitung und zur Übersetzung bleiben vorbehalten. Ohne die vorhergehende schriftliche Genehmigung des Urheberrechtsinhabers darf kein Teil dieser Dokumentation in irgendeiner Form durch Fotokopie, Mikrofilm oder andere Verfahren reproduziert, abgeschrieben, in eine andere Sprache oder Computersprache übertragen werden. Sämtliche Wiedergaberechte bleiben vorbehalten. Irrtum und inhaltliche Änderungen sowie Änderungen des Programmes vorbehalten. QuickHMI ist eine eingetragene Marke der Indi.Systems GmbH Copyright 2015 Indi.Systems GmbH Alle Produktnamen oder andere Namen oder Marken, auf die in dieser Dokumentation Bezug genommen wird, sind Warenzeichen oder eingetragene Warenzeichen ihrer jeweiligen Inhaber und sind das Eigentum ihrer jeweiligen Inhaber, wobei alle Rechte vorbehalten sind. 3 Systemvoraussetzungen 3.1 Hardware-Systemvoraussetzungen Generell sollte es sich um moderne, handelsübliche Computerhardware handeln. Nachfolgend eine Auflistung der von uns empfohlenen Ausstattung: CPU: mindestens Intel Q6600 2,4 GHz (Dual/Quadcore) RAM: mindestens 2 GB DDR2-400 PC Festplatte: mindestens 60 GB SATA2 Netzwerk: 100 Mbit/s Grafik: 3D-fähige Grafikkarte mit DirectX 9.0-Unterstützung und mindestens eigenem 512 MB Grafikspeicher (Shared Memory wird nicht empfohlen) 4

5 3.2 Betriebssysteme Die folgenden Betriebssysteme werden unterstützt: Windows Vista Windows 7 Windows 8 Windows Server 2008 R2 Windows Server Startseite Nach dem Start von QuickHMI befinden Sie sich direkt auf der Startseite. Auf der Startseite von QuickHMI haben Sie die Möglichkeiten: ein neues Projekt zu starten ein bereits bestehendes Projekt zu öffnen Außerdem werden Ihnen hier Ihre letzten Projekte angezeigt, um diese auf einen Klick zu öffnen. Auch finden Sie hier den schnellen Kontakt zu Indi.Systems sowie Antworten zu häufig gestellten Fragen. 5

6 5 Projekt öffnen Klicken Sie auf Projekt öffnen und wählen Sie Ihr gewünschtes Projekt aus. Alternativ können Sie über Datei / Öffnen gehen, wo Sie wieder zwischen bereits erstellten Projekten wählen können. Auch hier erscheinen die Zuletzt geöffneten Projekte. 6 Neues Projekt Bestimmen Sie die grundlegenden Eigenschaften, die Ihr neues Projekt haben wird. Wählen Sie einen Namen für die erste Seite sowie das Bildschirmseitenverhältnis aus. Die Rasterfelder werden hierbei durch Auswahl des gewünschten Seitenverhältnisses automatisch angepasst. So können Sie das Projekt perfekt auf das Format Ihres Bildschirms anpassen. 6

7 6.1 Auswahl des Seitentyps Klicken Sie auf den Auswahlbutton in der Spalte Seitentyp. Sie haben die Auswahl zwischen Normale Seite und Dialogseite. Später haben Sie dann zusätzlich die Möglichkeit, eine Kopf- und Fußzeile zu erstellen (Erläuterung: Abschnitt Hinzufügen einer Kopf- und Fußzeile ) Dialogseite Eine Dialogseite können Sie in eine Normale Seite integrieren, um diese bei Bedarf ein- und auszublenden. Die Dialogseite lässt sich hierbei wie eine Normale Seite bearbeiten und verwalten. 6.2 Auswahl des Seitenlayouts Klicken Sie auf den Auswahlbutton in der Spalte Seitenlayout. Sie haben die Auswahl zwischen Mit zoombaren Ausschnitten und Feste Ansicht ohne Zoom Mit zoombaren Ausschnitten Es wird Ihnen ermöglicht, innerhalb der Editor-Arbeitsoberfläche im Projekt, einzelne Bereiche heranzuzoomen. 7

8 6.2.2 Feste Ansicht ohne Zoom Sie haben alle Bearbeitungsmöglichkeiten, jedoch nicht die Möglichkeit, einzelne Bereiche heranzuzoomen. 6.3 Benutzeroberfläche des Editors Nachdem Sie die Grund-Eigenschaften Ihres neuen Projekts festgelegt haben, eröffnet sich Ihnen die Benutzeroberfläche, die Sie nach Ihren Wünschen anpassen können. 1. Steuerelemente 2. Ebenen 3. Aktionen 4. Projektexplorer 5. Eigenschaften 6. Editor-Arbeits- und Visualisierungsoberfläche

9 7 Hauptmenü Navigieren Sie im Hauptmenü für einen schnellen Zugang, zu den grundlegenden Programmfunktionen. 7.1 Datei Klicken Sie auf Datei, so haben Sie folgende Optionen im Hauptmenü: Neues Projekt Ein neues Projekt wird erstellt. Öffnen Ein bereits angelegtes Projekt kann ausgewählt und geöffnet werden. Speichern Das Projekt wird gespeichert. Speichern als Das Projekt wird unter Verwendung eines einzugebenden Namens gespeichert. Projekt Schließen Das Projekt wird geschlossen. Zuletzt geöffnete Projekte Die zuletzt geöffneten Projekte sind aufgelistet und können durch einen Klick ausgewählt werden. Die ausgegrauten Dateien wurden bereits gelöscht und sind somit nicht mehr auswählbar. Beenden QuickHMI wird beendet. 7.2 Bearbeiten Klicken Sie auf Bearbeiten, so haben Sie folgenden Operationen durchzuführen: Ausschneiden Steuerelemente werden ausgeschnitten. Kopieren Steuerelemente werden kopiert. 9

10 Einfügen Kopierte und ausgeschnittene Steuerelemente werden eingefügt. Einfügen mit Zuordnung Behält dabei die Eigenschaften des eingefügten Elementes bei, während einfaches Einfügen diese nicht übernimmt und die Eigenschaften mit den Standardwerten belegt. Löschen Steuerelemente werden gelöscht. Seiteneigenschaften Grundlegende Eigenschaften der Seite können festgelegt werden. Zoom & Pan Ist dieser Modus aktiviert, so lässt sich die Editor-Arbeitsoberfläche nach Belieben zoomen und verschieben. Um Elemente zu selektieren, muss der Modus wieder deaktiviert werden (lässt sich auch mit Ctrl- Taste aktivieren). Den Kopier- und Lösch- und Ausschneidefunktionen wird die Bearbeitung innerhalb der Editor-Arbeitsoberfläche vorausgesetzt Seite bearbeiten Klicken Sie in der Menüleiste Bearbeiten / Seiteneigenschaften. 10

11 Jetzt können Sie der Seite beispielsweise eine neue Hintergrundfarbe geben. Klicken Sie hierzu links unten im Fenster Eigenschaften auf den Farbkreis, um eine neue Farbe festzulegen. Bestimmen Sie weitere Eigenschaften, die Ihre Seite erhalten soll. Um die Bearbeitung wieder zu verlassen, klicken Sie erneut auf Seiteneigenschaften im Menü. Das Eigenschaften-Fenster können Sie auch aufrufen, indem Sie die Alt-Taste gedrückt halten. 7.3 Editor Mit dem Editor richten Sie die Entwicklungsumgebung ein, können Sie Backups erstellen und Plug-Ins verwenden. Folgende Optionen stehen Ihnen zur Verfügung: Editoreigenschaften Legen Sie grundlegende projektbezogene Einstellungen fest. Hier können Sie sich auch anzeigen lassen, welchen Lizenzstatus Sie gegenwärtig haben. Haben Sie die Eigenschaften festgelegt, fahren Sie fort mit Speichern. 11

12 Backup & Restore Hier können Sie ein Backup erstellen und als Datei lokal speichern. Diese Backup-Datei können Sie über den entsprechenden Reiter auch wiederherstellen. Speichern Hier können Sie das angelegte Layout speichern, um einen einfachen Zugriff darauf zu gewährleisten. Laden Sie haben hier die Möglichkeit, ein im Vorfeld gespeichertes Layout wiederherzustellen. Werkseinstellungen (Standardlayout) Wenn Sie das Layout Ihren Bedürfnissen entsprechend stark angepasst haben, kann es notwendig oder sinnvoll werden, das Standardlayout wiederherzustellen. Auf diese Weise haben Sie sofort wieder Zugriff auf alle Editor-Fenster. Fenster Hier können Sie Fenster öffnen, welche Sie zu einem früheren Zeitpunkt geschlossen haben, um den so gewonnenen Platz anderweitig zu nutzen. Schließen Sie z.b. das Fenster Ebenen, so erscheint im Editor unter Fenster die Möglichkeit, das Ebenen-Fenster wiederherzustellen. 12

13 Sprache Wählen Sie die gewünschte Sprache aus. 7.4 Hilfe Hier rufen Sie die Hilfedatei auf sowie Informationen zur verwendeten Version von QuickHMI mit eingebundenen Diagnose-Werkzeugen. Rufen Sie Systeminfos auf oder prüfen Sie, ob die Treiber digital signiert sind. 8 Hinzufügen einer neuen Seite Tätigen Sie einen Doppelklick auf Seite hinzufügen im Projekt-Explorer. 13

14 8.1 Hinzufügen einer Kopf- und Fußzeile Wählen Sie in den Projektseiteneigenschaften als Seitentyp Kopf-/Fußzeile aus. Page (1) wurde somit als Kopf- und Fußzeile definiert. Diese können Sie bearbeiten und in allen anderen Seiten einblenden lassen. 14

15 Hierzu wählen Sie eine Seite, in der eine Kopf- und Fußzeile enthalten sein soll und navigieren im Menü zu Bearbeiten / Seiteneigenschaften. Im Fenster Eigenschaften klicken Sie in der Spalte Kopfzeile den Auswahlbutton. Dann erscheinen alle Seiten, die Sie vorher als Kopf- und Fußzeilen definiert haben. Gleichermaßen gehen Sie bei der Fußzeile vor. So können Sie wählen, welche Seite als Kopf- und welche als Fußzeile eingeblendet werden soll. Unter Anderem können Sie festlegen, ob die Kopf- und Fußzeile fixiert werden soll oder nicht. Für Seite 1 wird Page (1) als Kopfzeile festgelegt. Die Kopfzeile wird nun im Laufzeitmodus eingeblendet. 15

16 9 Steuerelemente Steuerelemente sind Interaktionselemente in einer grafischen Benutzeroberfläche, beispielsweise einer Schaltfläche oder eine Bildlaufleiste. Sie sind im Programm mit Funktionen verknüpft, die ausgeführt werden, sobald das Element, etwa durch Mausklick, aktiviert wird. Sie haben verschiedenste Steuerelemente zur Verfügung. Je nach Steuerelement, stehen Ihnen neben den Aktionen, die für alle Elemente gelten, individuelle elementbezogene Aktionen und Eigenschaften zur Verfügung. Die Standard-Steuerelemente sind in folgenden Gruppen zusammengefasst: Actuator Diverse Auslöser bzw. Bediener Base Symbols Grundlegende Steuerelemente Buttons and Knobs Diverse Arten von Buttons und Schaltern Conveyor Systems Fördertechnikelemente Display Anzeigen für verschiedene Anwendungen Fluidics Leitungssymbole Graphic Symbols Technische Symbole Graphics Grafische Symbole Pictures Bildsteuerelemente (diese müssen zunächst über den Projekt-Explorer angelegt werden) Safety Signs Warn- und Hinweisschilder Sensors VerschiedeneSensoren 16

17 Wählen Sie beispielsweise den Button Displays, so steht Ihnen eine Auswahl von verschiedenen Anzeigenmonitoren zur Verfügung, aus denen Sie wählen können. Passen Sie die Darstellung an: Sie können zwischen verschiedenen Darstellungsarten der Steuerelemente wählen, z.b. nebeneinander oder untereinander. Mit dem Symbol Alle Gruppen minimieren klappen Sie alle geöffneten Gruppen wieder ein. Neben weiteren Eigenschaften wie Andockbar, können Sie das Fenster Steuerelemente auch vom Raster lösen oder komplett schließen. Diese Operationen gelten für alle Fenster der Benutzeroberfläche des Editors. 9.1 Verwendung der Steuerelemente Verwenden Sie Steuerelemente, indem Sie das ausgewählte Element per Drag&Drop in die Editor- Arbeitsoberfläche ziehen. Hier können die Steuerelemente in gewünschter Weise angeordnet, kombiniert, mit Funktionen belegt und verknüpft werden. Steuerelemente können in dieser Umgebung auch selektiert, editiert, gelöscht oder kopiert werden. Auch Gruppenselektionen und die Unterteilung in verschiedene Ebenen sind möglich (Erläuterung: Abschnitt Ebenen). Jetzt können Sie den Steuerelementen Eigenschaften, Aktionen und Regeln zuweisen. 17

18 Ziehen Sie das Steuerelement an den Eckpunkten größer oder kleiner. Passen Sie die Darstellung an: Zoomen Sie rein, raus oder lassen Sie sich den gesamten Darstellungsbereich anzeigen Zuweisung von Eigenschaften Um einem Steuerelement Eigenschaften, Aktionen und Regeln zuweisen zu können, muss das Steuerelement, welches Sie bearbeiten möchten, selektiert sein (ein roter blickender Rahmen um das Symbol erscheint). Jetzt können Sie die Einstellungen im Fenster Eigenschaften festlegen. Wählen Sie hierzu den Reiter Eigenschaften und bestimmen Sie alle Merkmale, die Ihr Steuerelement erhalten soll. Diese können je nach Steuerelement variieren. Wichtig: Geben Sie Ihren Steuerelementen immer einen Namen, um diesen später die Aktionen und Befehle zuweisen zu können. Klicken Sie dafür auf die Schaltfläche in der Spalte Name. Tragen Sie den gewünschten Namen in das sich öffnende Fenster Namen bearbeiten ein und fahren Sie fort mit OK. 18

19 9.1.2 Zuweisung von Aktionen Um Ihr Steuerelement mit einer Aktion zu versehen, wählen Sie den Reiter Aktionen. Legen Sie fest, wann die Aktion gestartet werden soll. Möchten Sie z.b., dass die Aktion beim Klick auf das Steuerelement mit der linken Maustaste ausgelöst werden soll, so klicken Sie auf den Button in der Spalte OnLeftButtonClick, um dem Steuerelement dieses KlickEvent zuzuweisen. Klicken Sie anschließend auf Benutzeraktion. Das Fenster Funktionseintrag erstellen wird geöffnet. Neben SET TO können Sie weitere Befehle wählen, mit denen Sie Ihr Steuerelement belegen möchten. 19

20 Beim Klick in die Checkbox Starte Assistenten können Sie sich die Hilfe einblenden lassen. Im Argument 1 wählen Sie mit einem Klick auf den Pfeil im Auswahlfeld den Zustand, der beim Klicken auf das Steuerelement ausgelöst werden soll. Hierbei können Sie zwischen Direkter Wert, Variablen und Konstanten und Steuerelement-Eigenschaft wählen. In diesem Beispiel ist die Steuerelement-Eigenschaft ausgewählt. Dann ist zu wählen, welchem Steuerelement die Eigenschaft zugwiesen wird. Anschließend wählen Sie die Eigenschaft aus. In diesem Fall wird ein Schalter (Button) aktiviert, wenn auf ihn mit links geklickt wird. Bestätigen Sie mit einem Klick auf das Häkchen oder Doppelklick auf On. Sie können auch alle Auswahlen rückgängig machen sowie den Vorgang abbrechen. 20

21 Nach dem gleichen Prinzip, wird anschließend das Ergebnis festgelegt. In diesem Beispiel wird die Füllung des Steuerelements Tank bei Linksklick auf das Steuerelement Button, auf True gesetzt. Der Tank wird also gefüllt (mit der Farbe, die in den Eigenschaften für das Steuerelement Tank definiert wurde). Das Argument 1 sowie das Ergebnis sind jetzt festgelegt. Mit OK bestätigen Sie Ihre Eingaben. Bei anderen Aktionen, wie z.b. Addition, ( ADD ) ist auch das Argument 2 zu bearbeiten. Sie können die Bedingungseingabe aufklappen, um zusätzliche Bedingungen einzugeben, die mit einem Häkchen in der Checkbox Bedienung aktiv aktiviert werden können. 21

22 Bestätigen Sie Ihre Eingaben mit OK Bearbeitung der Aktionen Ist das mit der Aktion belegte Steuerelement angewählt, wählen Sie im Eigenschafts-Fenster des Steuerelementes den Reiter Aktionen aus. Unterhalb der Editor-Arbeitsoberfläche, sehen Sie jetzt alle Aktionen im Überblick zum jeweils angewählten Steuerelement. Diese werden unterteilt in KlickEvents. Möchten Sie beispielsweise dem Linksklick auf den Button einen weiteren Funktionseintrag hinzufügen, klicken Sie auf die Aktion und anschließend auf das grüne Kreuz. 22

23 Des Weiteren können Sie selektierte Funktionseinträge bearbeiten, Funktionseinträge Löschen, Funktionseinträge ordnen (blaue Pfeile) oder ganze Aktionen löschen. Den Aktionen können zudem über den entsprechenden Reiter im Eigenschaftsfenster auch Rechte zugewiesen werden (Erläuterung Abschnitt Rechte ). 10 Anwendung ausführen Um die Anwendung auszuführen und zu testen, klicken Sie im Menü auf Laufzeit, um den Laufzeitmodus zu starten. Dieser simuliert das Verhalten des Projektes in der Serverumgebung. Klicken Sie auf Starten. Sie haben zudem die Möglichkeit, die Anwendung mobil zu starten. 23

24 Die Java-Anwendung wird gestartet und führt den Laufzeitmodus aus. In diesem einfachen Beispiel sehen Sie einen Schalter, zwei Tanks und ein Thermometer. Jetzt können Sie die Aktionen, die Sie den Steuerlasten zugewiesen haben, ausführen und visualisieren lassen. Um den Laufzeitmodus zu beenden, schließen Sie die Anwendung. Lassen Sie sich Meldungen und Fehler anzeigen. Zoomen Sie rein oder raus. 24

25 11 Arbeiten in verschiedenen Ebenen / Layern Die Möglichkeit, in verschiedenen Ebenen zu arbeiten, soll Ihnen die Übersicht erleichtern. Dies ist vor allem bei großen Projekten sinnvoll. In diesem Beispiel wurde der Seite ein Schalter und eine Alarmlampe hinzugefügt. Dies ist die Startebene, die im Fenster Ebenen links unten im Editor als Layer 0 bezeichnet ist. Mit einem Rechtsklick auf die Ebene kann diese umbenannt werden. Um in einer neuen Ebene fortzufahren, tätigen Sie einen Rechtsklick auf eine freie Stelle im Ebenen-Fenster. Wählen Sie Neuen Layer erzeugen und geben Sie der neuen Ebene einen Namen. In diesem Fall Layer (1). 25

26 Die neue Ebene erscheint im Ebenen-Fenster und ist selektierbar durch einen Klick in die Checkbox. Durch das Selektieren der Ebene Layer (1) werden die Steuerelemente in der Ebene Layer 0 ausgegraut und sind nicht mehr anwählbar. So können Sie zwischen den Ebenen wechseln, um in diese zu arbeiten. Eine aktive und eine ausgeblendete Ebene 26

27 12 Projekt-Explorer Hier können Sie projektbezogene Einstellungen vornehmen: Kommunikation Hier können sowohl externe Datenverbindungen eigerichtet, als auch Übersetzungen für frei definierbare Texte angelegt werden. Bilder Importierte Bilder können für benutzerdefinierte Bildsteuerelemente verwendet werden. Alarmmeldungen Hier können Alarmserver und Alarmvariablen sowie Anzeigen entsprechender Meldungen eingerichtet werden. Archivierung Zur Verfügung stehende Archive können angezeigt und gefiltert werden. Sicherheit Anlegen von Benutzern, Zusammenfassen von Benutzern in Gruppen und Rechtezuweisung. Navigation Vorhandene Seiten und Views (Ausschnitte) können als Navigationsziele zugewiesen werden, welche über das Fenster Navigation direkt ansteuerbar sind. Einstellungen Übersicht und Bearbeitung projektbezogener Einstellungen Kommunikation Hierbei handelt es sich um die Kommunikation von und zwischen Datenquellen, Variablen und Datenbankverbindungen. Internationale Anwender können in diesem Beriech auch Übersetzungstexte anlegen und verwalten Anlegen von Datenquellen Hier können S7-kompatible, OPC, TwinCAT und Modbus Datenquellen eingerichtet werden. Eingerichtete Datenquellen können bearbeitet, aktualisiert oder gelöscht werden. Um eine Datenquelle hinzuzufügen, tätigen Sie einen Doppelklick auf Datenquellen im Projekt-Explorer. 27

28 Wählen Sie Datenquelle hinzufügen. Geben Sie den Namen der Datenquelle an, den Datenquellentyp, die IP Adresse, gegebenenfalls die Rack- und Slotwerte ein sowie die sonstigen Einstellungsmöglichkeiten. Klicken Sie auf OK um die Datenquelle anzulegen. 28

29 Die Datenquelle wurde angelegt. Öffnen Sie einen neuen Bearbeitungspunkt, erscheint über der Editor-Arbeitsoberfläche der dazugehörige Reiter. Innerhalb dieser können Sie im Projekt navigieren. In diesem Fall wurde der Reiter Datenquellen angelegt. Sie haben die Möglichkeit, Ihre erstellte Datenquelle zu löschen, zu bearbeiten oder zu aktualisieren. Selektieren Sie hierzu die Datenquelle und agieren Sie mit den entsprechenden Icons. Interne Datenquellen lassen sich über die Checkbox Zeige interne Datenquellen aufrufen Der Datenquelle eine Variable hinzufügen Um einer Datenquelle eine Variable hinzuzufügen, wählen Sie im Projekt-Explorer Variablen. 29

30 Legen Sie fest, was für eine Variable Sie hinzufügen möchten. In diesem Fall Externe Variable. Um eine externe Variable anzulegen, muss die jeweilige Datenquelle, für die eine Variable angelegt werden soll, ausgewählt werden. Legen Sie alle darauf folgenden Einstellungen fest. Mit einem Klick auf Hinzufügen wird die Variable erstellt. Auch nach dem Hinzufügen der Variable bleibt dieses Fenster offen, um Ihnen die Erstellung mehrerer Variablen nacheinander zu vereinfachen. Klicken Sie Schließen um die Eingabe zu beenden. Wichtig: Der Name der Variable muss hier eindeutig sein. Ein Variablenname darf nicht doppelt gespeichert werden. Die Variable kann genauso, wie auch die Datenquelle bearbeitet und gelöscht werden. Zudem können Sie auch einen OPC-DA Server, eine DIF/ASC Datei sowie eine CSV Datei importieren. Verwenden Sie hierzu die entsprechenden Icons. 30

31 Die Variablen können jetzt von den Steuerelementen genutzt werden Verwenden der Variable Wechseln Sie auf die Projektseite, indem Sie in den Reitern navigieren. In diesem einfachen Beispiel sehen Sie einen Button, eine Textbox und einen Schalter, der in den Eigenschaften auf False gesetzt wurde. Um z.b. den Wert der Variablen von False auf True und True auf False zu setzen, selektieren Sie den Button und definieren in dessen Eigenschaften ein KlickEvent. 31

32 Im sich darauffolgend öffnenden Fenster wählen Sie den Befehl NOT. Als Argument 1 wählen Sie Variablen und Konstanten und Ihre angelegte Datenquelle + Variable. Die gleiche Auswahl treffen Sie als Ergebnis. Bestätigen Sie mit OK. 32

33 Um der Textbox den Wert der Variablen zuzuordnen, selektieren Sie die Textbox, wählen im Eigenschaftenfenster Text aus und fügen Sie dieser eine Zuweisungsregel hinzu. Im Ergebnis wird wie oben die erstellte Variable ausgewählt. Fahren Sie anschließend fort mit OK. Der gleiche Vorgang wird wiederholt für die Eigenschaft On des Schalters. Wechseln Sie in den Laufzeitmodus, um die Prozesse zu testen. 33

34 Übersetzungstexte In diesem Menüpunkt innerhalb des Projekt-Explorers können Sie die Übersetzungen für verschiedene Sprachen anlegen. Ihr Projekt kann somit von einem internationalen Team genutzt werden. Um einen Übersetzungstext anzulegen, muss mindestens eine Sprache bereits angelegt sein. Klicken Sie im Projekt-Explorer auf Übersetzungstexte / Sprache hinzufügen. Im sich darauffolgend öffnenden Fenster Sprache auswählen können Sie die gewünschte Sprache festlegen. Fahren Sie fort mit OK. Jetzt können Sie einen Eintrag hinzufügen, einen Eintrag löschen, Aktualisieren oder eine neue Sprache hinzufügen. 34

35 Datenbankverbindungen Hier können Datenbankverbindungen unterschiedlichen Typs eingerichtet werden. Beispielsweise Oracle- und MSSQL-Datenbanken. Eingerichtete Datenbankverbindungen können jederzeit bearbeitet oder gelöscht werden. Um eine neue Datenverbindung anzulegen, wählen Sie Datenverbindungen im Projekt-Explorer. Klicken Sie auf Datenquelle hinzufügen. Legen Sie alle Eigenschaften fest, die Ihre Datenbank bekommen soll und klicken Sie auf OK um die Datenbank zu erstellen. Geben Sie der Verbindung einen Namen, einen Benutzer, ein Passwort und bestimmen Sie den Datenbanktyp. 35

36 12.2 Bilder Importierte Bilder können als Steuerelemente verwendet werden Bildressourcen Wählen Sie im Projekt-Explorer den Menüpunkt Bildressourcen aus. Im Fenster Stammdaten Bilderauswahl können Sie Bilder hinzufügen. 36

37 Sie gelangen in den Datei-Dialog, über welchen Sie den Pfad zu Ihren Bilddateien ansteuern können. Importieren Sie gewünschte Bilder, indem Sie einzelne Bilddateien auswählen oder mehrere selektieren. Mehrere Bilddateien können Sie selektieren, indem Sie die Strg-Taste gedrückt halten. Bestätigen Sie die Auswahl mit einem Klick auf Öffnen. Die Bilder wurden erfolgreich importiert und erscheinen nun im Fenster Stammdaten Bilderauswahl. Diese Bilder können bei Bedarf wieder entfernt werden. Hierzu selektieren Sie ein oder mehrere Bilder und klicken auf Bilder entfernen. Haben Sie die gewünschten Bilder ausgewählt, Schließen Sie das Fenster. Wichtig: Um Bilder erfolgreich entfernen zu können, dürfen diese nicht im Projekt verwendet werden. Zu erkennen sind verwendete Bilder am roten Rahmen. 37

38 Bildsteuerelemente Nachdem Sie Bilder über Bildressourcen importiert haben, können diese jetzt als Bildsteuerelemente verwendet werden. Klicken Sie hierzu doppelt auf Bildsteuerelemente im Projekt-Explorer. In der Bildsteuerelementverwaltung generieren Sie ein Neues Bildsteuerelement mit Klick auf den gleichnamigen Button. Sie können durch wiederholtes Klicken auch mehrere Bildsteuerelemente nacheinander erstellen. 38

39 In diesem Beispiel wurden drei Bildsteuerelemente erstellt. Ein neues Bildsteuerelement wird zunächst ohne Namen und zugewiesene Bilder angelegt. Um einem Steuerelement einen Namen und ein Bild zuzuweisen, wählen Sie aus für welches Bildsteuerelement dies durchgeführt werden soll. Das ausgewählte Bildsteuerelement erscheint maximiert in der Bildsteuerelementverwaltung, während die anderen minimiert am linken Fensterrand aufgelistet sind. Um beispielsweise das Bildsteuerelement Unbenannt (2) zu bearbeiten, klicken Sie auf das Maximieren Icon des zugehörigen Steuerelements. Haben Sie das Steuerelement ausgewählt, klicken Sie auf Namen ändern. Ändern Sie den Namen des Bildsteuerelements und fahren Sie fort mit OK. 39

40 Klicken Sie auf Bilder auswählen um das Fenster Bildsteuerelement - Bilderauswahl zu öffnen. Hier können Sie dem Steuerelement die im Vorfeld mit Bildressourcen importierten Bilder zuweisen. Hierzu ziehen Sie die Verfügbaren Bilder per Drag&Drop in den Bereich Zugeordnete Bilder. Ebenso können Sie die Bilder doppelt zuordnen, deren Reihenfolge ändern oder in den Papierkorb ziehen, um sie zu löschen. Ist die Auswahl erfolgt Schließen Sie das Fenster. löschen Ist die Bilderauswahl erfolgt, sehen Sie die Auswahl als Vorschau. Mit dem Slider können Sie zwischen den ausgewählten Bildern wechseln. Hierbei sehen Sie auch die den Bildern zugewiesenen Nummern. Diesen Vorgang können Sie mit weiteren Bildsteuerelementen durchführen. Klicken Sie auf Schließen, um die Bildsteuerelementverwaltung zu verlassen. 40

41 Angelegte Bildsteuerelemente finden Sie nach dem Verlassen der Bildsteuerelementverwaltung unter der Steuerelement-Gruppe Pictures wieder. Diese können von dort, wie andere Steuerelemente auch, über Drag&Drop auf die Editor-Arbeitsoberfläche gezogen werden. Ist das Steuerelement angewählt, so können Sie z.b. bei Eigenschaften durch das Eingeben der Bildnummer festlegen, welches Bild das Steuerelement darstellen soll. Dabei ist dem ersten Bild immer die 0 zugewiesen. Über den Slider in der Bildsteuerelementverwaltung können Sie sehen, welches Bild welcher Nummer zugewiesen ist. Diese Reihenfolge können Sie wie oben beschrieben nach Belieben ändern. 41

42 12.3 Alarmmeldungen Hier können Sie Alarmeinstellungen vornehmen, Meldungen einsehen oder Alarmvariablen definieren Alarm-Variablen Um Alarmvariablen anzulegen, muss im Vorfeld mindestens eine Alarm-Datenquelle angelegt worden sein. Diese kann der neuen Alarmvariablen zugewiesen werden. Dies können Sie unter Datenquellen tun, indem Sie die eine Datenquelle beim Anlegen als Alarm-Datenquelle definieren. Um Alarm-Variablen zu erstellen, tätigen Sie einen Doppelklick auf den gleichnamigen Projekt-Explorer Punkt. Wählen Sie Variable hinzufügen. Wählen Sie eine erstellte Alarm-Datenquelle aus und legen Sie Namen, Datentyp, Alarmtyp sowie die Meldung fest, die beim Alarm ausgegeben werden soll. Klicken Sie anschließend auf Hinzufügen, um die Alarm-Variable anzulegen. Dieses Fenster bleibt nach dem Anlegen einer Variablen offen, um Ihnen das Anlegen weiterer Alarm- Variablen nacheinander zu vereinfachen. Klicken Sie Schließen um die Eingabe zu beenden. Angelegte Alarm-Variablen können bearbeitet, aktualisiert und gelöscht werden. Sie können anschließend von Steuerelementen verwendet werden. 42

43 Meldungen Vorhandene Alarm-Meldungen können hier eingesehen und nach offenen Alarmen gefiltert werden. Klicken Sie hierzu auf Meldungen im Projekt-Explorer. Navigieren Sie in den Icons um die gewünschten Operationen auszuführen. Sie können: Automatisch aktualisieren ein oder ausschalten Manuell aktualisieren Alle Einträge zeigen Einträge nach Minuten filtern Einträge nach Anzahl von Reihen filtern Offene Alarme anzeigen Vergangene Alarme anzeigen 43

44 Einstellungen Hier können Sie Einstellungen für den Alarmserver vornehmen. Es handelt sich um die gleichen Einstellungsoptionen, welche auch über die Projekteinstellungen aufgerufen werden können. Sind alle Einstellungen erfolgt, klicken Sie auf Speichern Archivierung Ein Log-Archiv für verschiedene Meldungsarten Meldungsarchiv Wählen Sie im Projekt-Explorer Meldungsarchiv. Hier werden Ihnen alle Infos, Warnungen, Fehler und sonstige Meldungen angezeigt. Die Einträge können mit den entsprechenden Filter-Optionen dargestellt oder ausgeblendet werden. Verwenden Sie hierzu die entsprechenden Icons. 44

45 Standardmäßig werden Ihnen alle Meldungen angezeigt, bis diese von Ihnen gefiltert werden. Meldungen können mit dem Auto-Refresh-Button aktualisiert werden Sicherheit Dies ist die Zentrale für Benutzer- und Rechtemanagement. Hier können Benutzer angelegt, mit Rechten ausgestattet und in Gruppen zusammengefasst werden Benutzer Um einen neuen Benutzer anzulegen, wählen Sie im Projekt-Explorer Benutzer mit einem Doppelklick aus. Achten Sie darauf, dass das Sicherheitssystem aktiviert ist, denn nur so lassen sich die Funktionen der Benutzereigenschaften nutzen. Hierzu muss das Häkchen in der dazugehörigen Checkbox gesetzt werden. Jetzt kann ein neuer Benutzer angelegt werden. 45

46 Legen Sie im sich öffnenden Fenster Benutzereigenschaften einen neuen Benutzer an. Hier können Sie dem Benutzer auch ein Passwort zuweisen. Klicken Sie auf Änderung Speichern und anschließend auf OK um den Benutzer anzulegen. Anschließend können Sie einen weiteren Benutzer hinzufügen oder bestehende Benutzer bearbeiten Gruppen Hier können Gruppen angelegt werden, in denen vorhandene Rechte und Benutzer zusammengefasst werden können. Hierzu klicken Sie auf Gruppen im Projektexplorer und anschließend auf Neue Gruppe". 46

47 Im sich darauffolgend öffnenden Fenster Gruppeneigenschaften wählen Sie einen Namen für die zu erstellende Gruppe aus sowie bei Bedarf eine Bemerkung. Klicken Sie anschließend auf Änderung Gruppendaten speichern. In diesem Beispiel wurde die GRUPPE 1 angelegt. Nachdem dies ausgeführt wurde, werden Ihnen auf der linken Seite des Fensters alle Verfügbaren Rechte aufgelistet, die Sie der erstellten Gruppe zuweisen können. Dies geschieht, indem Sie ein Recht selektieren und auf den grünen Pfeil klicken. In diesem Beispiel wird das Recht LOGIN ausgewählt. Das ausgewählte Recht wurde somit der GRUPPE 1 zugewiesen und erscheint jetzt auf der linken Seite des Fensters bei Zugewiesene Gruppenrechte. Dies können Sie rückgängig machen, indem Sie das Recht selektieren und den roten Pfeil betätigen. Speichern Sie die Änderungen und schließen Sie anschließend die Gruppeneigenschaften. Gruppen können bearbeitet oder gelöscht werden. 47

48 Um Benutzer einer Gruppe zuzuordnen, klicken Sie wie oben beschrieben im Projekt-Explorer auf Benutzer, selektieren Sie den zuzuordnenden Benutzer und wählen Sie Eigenschaften Benutzer. Wählen Sie den Reiter Gruppen und fahren Sie fort mit Hinzufügen. Der Reiter Gruppen ist nur anwählbar, wenn vorher bereits mindestens eine Gruppe erstellt wurde. Im Fenster Gruppenauswahl können Sie zwischen den von Ihnen im Vorfeld erstellten Gruppen wählen. In diesem Beispiel wurde nur die GRUPPE 1 erstellt und kann ausgewählt werden. Setzen Sie hierzu das Häkchen in die Checkbox unter Auswahl. Jedoch haben Sie auch von hier aus die Möglichkeit, eine neue Gruppe anzulegen, in dem Sie auf Neue Gruppe klicken. Sie gelangen dann direkt in die Gruppeneigenschaften, in welchen Sie wie oben beschrieben vorgehen. Mit Hinzufügen bestätigen Sie. 48

49 Der Benutzer wurde somit der GRUPPE 1 zugewiesen. Alle Zuweisungen von Benutzern in Gruppen können bei Bedarf unter Benutzereigenschaften wieder gelöscht werden. Eine ganze Gruppe kann jedoch nicht gelöscht werden, wenn dieser Benutzer und/oder Rechte zugewiesen sind. Die einer Gruppe zugewiesenen Benutzer können auch unter dem Reiter Mitglieder in den Gruppeneigenschaften schnell der Gruppe ab und zugewiesen werden Rechte Hier können neue Rechte angelegt, bearbeitet oder gelöscht werden. Erstellte Rechte können unter Gruppen wie oben beschrieben einer Gruppe zugewiesen werden. Klicken Sie im Projekt-Explorer doppelt auf Rechte. Legen Sie ein neues Recht an, indem Sie Neue Berechtigung wählen. 49

50 Im Fenster Eigenschaften Berechtigung können Sie Ihr neues Recht festlegen. Zudem haben Sie die Möglichkeit, das Recht für Supernutzer zu erstellen. Fahren Sie fort mit Änderungen speichern. Wenn Sie alle Rechte angelegt haben, schließen Sie das Fenster mit OK Navigation Angelegte Seiten können hier als Navigationsziele zugewiesen werden. Die zugewiesenen Seiten können ebenso auch wieder als verfügbar definiert werden. Die Reihenfolge der zugewiesenen Navigationsziele kann hierbei durch Betätigung der entsprechenden Richtungs-Buttons geändert werden. Tätigen Sie einen Doppelklick auf Navigationsziele im Projektexplorer. 50

51 Es werden Ihnen auf der linken Seite des Fensters alle Verfügbaren Navigationsziele (alle Seiten Ihres Projektes) aufgelistet, die zugewiesen werden können. Dies geschieht, indem Sie ein Ziel selektieren, und auf den grünen Pfeil klicken. Das ausgewählte Ziel (in diesem Beispiel Page 2 ) wurde somit zugewiesen und erscheint auf der linken Seite des Fensters bei Zugewiesene Navigationsziele. Anschließend können Sie die zugewiesenen Navigationsziele über das Fenster Navigation im Menüpunkt Bearbeiten direkt aufrufen Navigation im Hauptmenü Der Menüpunkt Bearbeiten im Hauptmenü bietet eine Schnellnavigation zwischen eingerichteten Views (Ausschnitten), einer im Editor selektierten Seite. Alle Views (Ausschnitte) der aktuell im Editor über den entsprechenden Reiter ausgewählten Seite sind so direkt ansteuerbar. 51

52 Navigation im Projekt-Explorer Der Projekt-Explorer stellt sowohl alle Seiten, als auch sämtliche eingerichtete Views (Ausschnitte) dar. Die Seiten lassen sich durch Doppelklicken aufklappen und die in der Seite eingerichteten Views (Ausschnitte) werden aufgelistet. Durch Doppelklicken auf den entsprechenden View (Ausschnitt), können Sie direkt den gewünschten Bereich auswählen. Die Editor-Arbeitsoberfläche navigiert zum ausgewählten Ziel Einstellungen Hier finden Sie im Projekt-Explorer die grundsätzlichen Projekt-Einstellungen, welche sich auf das gesamte Projekt beziehen. So z.b. die Maße und Namen neuer Projektseiten. Unter Ressourcen können Sie die Anzahl der Seiten, die Anzahl der Bilddateien, die Anzahl der Steuerelemente sowie mögliche zusätzliche Lizensierungen einsehen. Klicken Sie auf Speichern, um festgelegte Eigenschaften zu übernehmen. 52

53 Die Projekt-Einstellungen im Überblick: Allgemein Hier können Sie durch Vergabe eines von Ihnen gewählten Passwortes einen Projektschutz einrichten. Grids Standard-Seiteneigenschaften: Hier können Sie beispielsweise die Maße und Standardseitennamen festlegen. Alarmserver Spaltenbeschriftungen für den Alarm-Server. Ressourcen Informationen zum aktuell geöffneten Projekt. Die angezeigten Informationen beziehen sich auf das gespeicherte Projekt und berücksichtigen nicht die aktuell ungespeicherten Änderungen. 13 Seiten und Abschnitte Sie haben die Möglichkeit, Ihr Projekt in übersichtliche Abschnitte zu unterteilen, um die Navigation innerhalb eines umfangreichen Projektes deutlich zu vereinfachen. Um einen View (Ausschnitt) einzurichten, wählen Sie im Hauptmenü den Punkt Bearbeiten und dort Seiteneigenschaften. Alternativ halten Sie die Alt-Taste bei ausgewählter Seite in der Editor-Arbeitsfläche gedrückt. Die Steuerelemente werden ausgeblendet und durch den Reiter Sichten ersetzt. Der View (Ausschnitt) lässt sich jetzt wie jedes andere Steuerelement per Drag&Drop auf der Editor-Arbeitsfläche platzieren, in seiner Größe anpassen und selektieren. Selektierte Views (Ausschnitte) haben, wie andere Objekte im Editor auch, Eigenschaften. Diese können ebenfalls über das Eigenschafts-Fenster des selektierten Views (Ausschnitts) angepasst werden. 53

54 Alle Views lassen sich im Menüpunkt Bearbeiten / Seiteneigenschaften / Navigation auswählen sowie unter Navigationsziele im Projekt-Explorer. 14 Haben Sie Fragen? Bei Fragen zu unserem Produkt QuickHMI rufen Sie uns bitte unter der kostenlosen Hotline an oder senden Sie uns eine . Kostenlose Hotline: info@indi-systems.de Wir werden Ihr Anliegen in kürzester Zeit bearbeiten oder direkt beantworten. 54