WinCC Expert Days DE Effizientes Engineering Erstellen eines Visualisierung-Layouts Die Firma EcoLe möchte ein fein gegliedertes Layout für ihre Visualisierung. Eine Navigationsleiste auf die Prozessbilder soll permanent sichtbar sein.
1. Erstellen eines Basisbilds und eine passende Größe zum vorgesehenen Bildschirm einstellen 2. Erstellen von Bildfenstern auf das Basisbild für die Bilder Header, Main Navigation, Main Content und Subnavigation. 3. Einbinden der jeweiligen Bilder (bereits bestehend) in die Bildfenster 4. Verschalten der Hauptnavigation: Buttons dementsprechend an Systemfunktionen anbinden
WinCC Expert Days DE Effizientes Engineering Verwendung von Bildbausteinen Im Anlagenteil „Füller“ gibt es vier Tanks – In drei Tanks werden unterschiedliche Flüssigkeiten aufbewahrt. Der vierte Tank dient als Mischtank, der bei Bedarf aktiv ist. Alle haben den gleichen Aufbau, daher soll für die Visualisierung ein Bildbaustein erstellt und vier mal im Bild instanziiert werden.
Erstellen und anbinden des Bildbausteins Tank Füllstandsanzeige Statusanzeige Ventil
1. Alle benötigten Objekte im Bild anordnen: • E/A-Felder für Inhalt und Flüssigkeit • Graphik Tank • Bar für Füllstandsanzeige • Symbolisches E/A-Feld zur Anzeige des Ventils (zu/offen) 2. Alle Objekte selektieren und ein Bildbausteine daraus erstellen 3. Eine Schnittstelleneigenschaft als UDT „CTnk_typeUnitHmiWrite“ anlegen. 4. Die einzelnen UDT-Elemente an die jeweiligen Objekte anbinden. 5. Im Bild drei Instanzen des Bildbausteine „Tank“ anlegen. 6. Die Schnittstellen der drei Tanks mit folgenden strukturierten Prozessvariablen anbinden: „Inst501_ST001_Unit_hmiInterface“, „Inst502_ST002_Unit_hmiInterface“, „Inst503_ST003_Unit_hmiInterface“, „Inst504_MT004_Unit_hmiInterface“
WinCC Expert Days DE Effizientes Engineering Erstellen einer Detailansicht für einen Anlagenteil Nun möchte die Firma EcoLe in der Tankanzeige zusätzliche Daten pro Tank anzeigen. Da diese für die Gesamtansicht zu viele sind, soll durch einen Klick auf den jeweiligen Tank ein Detailbild für ein Tank geöffnet werden.
Erstellen der Detailansicht für einen Tank 1. Erstellen eines neuen Bilds zur Detailanzeige (Größe: 500x600) 2. Folgende Objekte aus der Bibliothek ziehen: Gruppierung XYZ 3. UDT als Präfix für dieses Bild aktivieren und folgenden UDT anbinden (CTnk_typeUnitHmiWrite):
4. Einzelnen Elemente an die HMI-Objekte im Bild anbinden 5. Erstellen eines Bildfensters im Bild „Line1_Filler“ 6. Events an die jeweiligen Bildbausteine „Tank“ erstellen zum aktivieren des Bildfensters: • Aktiviere Bildfenster (Sichtbar) • Anhängen des richtigen Präfix an das Bildfenster
WinCC Expert Days DE Effizientes Engineering Erstellen einer Detailansicht für einen Anlagenteil Um Probleme mit der Runtime-Performance zu vermeiden möchte die Firma EcoLe bestimmte Szenarien im voraus zu testen. So soll ein flüssiger Ablauf im späteren Anlagenbetrieb sichergestellt sein.
WinCC Expert Days DE Effizientes Engineering Tipps für Performante Bildbausteine Animationen & Performance • Für eine bessere Performance sollten einzelne Animationen zusammengefasst werden (ein Skript anstatt viele einzelne
Animationen). Das reduziert die Anzahl der Dynamisierungen innerhalb eines Bildbausteines. • Einzelne Variablen können dem Skript als Trigger hinzugefügt werden. • Defaultzustand eines Objekts im Bildbaustein sollte statisch projektiert sein (z.B. Sichtbarkeit, Farbe)