Teil 2: Automatisieren mit JS++

Name: Teil 2: Automatisieren mit JS++
Rating: 4.7 (3 reviews)

Die Runtime mit IEC-61131-3 und Grafcet

Created byJohannes Hofer

Last updated 7/2020

German

German [Auto],

What you'll learn

Anwendung der Programmiersprache JavaScript mit Node_JS für Aufgaben aus der industriellen Automatisierung
Programmierung eines eigenen Tools JS++ für den Aufbau einer SPA (Single Page Application)
Erweiterung der Function-Data-Base (FDB) aus Kurs Teil-1 zur Anwendung von IEC-61131-3 und Grafcet-Basics
Erstellen fortgeschrittener SVG-Elemente mit 'path'
Inline-Scripte zur Verbindung der SVG-Elemente
RUN-Scripte und Erstellung der Datei SDB (Script-Data-Base)
Wie funktioniert ein GcAutomat mit 'eval'
Anwendung als Funktionsplan oder Grafcet und dessen eigene Erweiterung

Course content

6 sections • 30 lectures • 6h 22m total length

Abschnitt A113:21
Was lernen wir:
SVG-Objekte mit ‚Path‘ zeichnen. Es werden verschiedene SVG-Elemente erzeugt, welche wir auch als HMI-Objekte anwenden können. Diese Elemente werden für den Test einer Automatisierung vorbereitet und dienen auch als Sollwertgeber, wie z. B. der Slider. Erweiterung des „main“ mit ‚Move‘ innerhalb eines SVG-Elementes und Erweiterung mit der Anwendung rotate auf SVG-Elemente mit einem path. Kennenlernen der verschiedenen Attribute M, L , A, Z und C zur Positionierung absolut oder relativ. Dieses Kapitel hat seinen Schwerpunkt im Praktikum. Deswegen sind dafür 4 Abschnitte realisiert worden. Sie lernen so die Anwendung des Frameworks und bilden mehrere zusätzliche SVG-Elemente für die Objekt-Liste.
SVG-Slider
SVG-Pumpe
Rotating der SVG-Pumpe
Set_Value und Get_Value
GetDocCurve()
Fehlererkennung am Server-Text
Der Jump-Effekt vom Objekt-Menü zur Zeichenfläche
SVG-Tank
SVG-Agitator
Praktikum P1 – P4
Abschnitt A218:54
siehe Beschreibung zu Abschnitt A1
Abschnitt P119:20
siehe Beschreibung in Abschnitt A1
Abschnitt P214:09
siehe Beschreibung im Abschnitt A1
Abschnitt P313:30
siehe Beschreibung im Abschnitt A1
Abschnitt P45:25
siehe Beschreibung im Abschnitt A1

Abschnitt A112:14
Objekte besitzen Eigenschaften (Properties), welche über das Programm in JavaScript direkt verändert werden können. Die neue Klasse C_ObjectProperties ermöglicht die Eingabe über den Monitor und bietet zusätzlich die Eingabe eines Inline-Scriptes. Sie lernen die Klasse anzuwenden und zu verstehen wie diese prinzipiell funktioniert. In dieser Klasse können die Anwendungen der SVG-Objekte in JavaScript als Vorlagen dienen und vertiefen damit das Thema allgemein.
C_ObjectProperties in C_Main einbinden
Eine komplette Klasse im Browser visualisieren
Praktikum
Abschnitt A212:35
Siehe Beschreibung im Abschnitt A1
Abschnitt P111:43
Siehe Beschreibung im Abschnitt A1
Abschnitt P218:21
Siehe Beschreibung in Abschnitt A1

Abschnitt A110:23
Was lernen wir:
Mit den Properties können wir SVG-Elemente nicht nur bunt darstellen, sondern Scripte schreiben. Die einfachste Form ist die Verbindung, auch Inline-Skript genannt. Wir lernen eval anzuwenden und verstehen so die Verbindung der SVG-Elemente über eval-Code. Im Praktikum P1 lernen wir direkt eval mit der Console in Google Chrome kennen. In P2 lernen wir, wie das Programm mit Get_Value() und Set_Value() über eval funktioniert. In P3 praktizieren wir das Überschreiben von Get_Value() am Beispiel C_Text.
Eval als Funktion
Eval-Funktionen über den String
Die Verbindung der SVG_Elemente über inline-Skriptl
Praktikum
Abschnitt P113:21
Siehe Beschreibung in Abschnitt A1
Abschnitt P216:28
Siehe Beschreibung in Abschnitt A1
Abschnitt P33:41
Siehe Beschreibung in Abschnitt A1

Abschnitt A120:04
Was lernen wir:
Die Verbindung zu anderen Geräten erfolgt über Run-Scripte. Wie werden Run-Scripte in der SDB.js erstellt, geladen und als Script-Funktion gestartet. Die Schnittstelle zu den Run-Scripten über static-Methode anwenden. Einfache Script-Anwendungen mit Sinus() und Random(). Zur Darstellung der Sollwerte und zu Testzwecken wird ein SVG-Trend erläutert. Die Erstellung eines Run-Skriptes mit Effekten auf der Webseite wird in P3 ausführlich behandelt.
Eval als Funktion starten
Static-Methode
Der Random-Script
Der Sinus-Script
Der SVG-Trend
Der SVG-AnalogIndicator
Praktikum mit Run-Scripten
Abschnitt P111:11
Siehe Beschreibung in Abschnitt A1
Abschnitt P24:46
Siehe Beschreibung im Abschnitt A1
Abschnitt P319:08
Siehe Beschreibung in Abschnitt A1

Abschnitt A17:47
Was lernen wir:
Die Norm IEC 61131-3 ist für die Automatisierung unumgänglich und soll nun zu unserem Werkzeug werden. Klar – können wir nicht die gesamte Norm abdecken, aber Sie lernen die Anwendung mehrere Bausteine zu programmieren und als SVG zu visualisieren und anzuwenden. Damit verstehen Sie durch das Praktikum, welche Vorteile zwischen der manuellen Programmierung aus Kapitel-4 nun zum bestehenden Chemie-Beispiel entstehen. Mit dem Ansatz der IEC-Erstellung in JavaScript sind Sie einen wesentlichen Schritt zur Automatisierung mit JS++ gegangen.
Eval als Code-Entwicklung für die Eingangsparameter
Erweiterung der Static-Methoden in der Ableitung C_Basics.js
C_IEC_Bit
C_IEC_Compare
C_IEC_FlipFlop
C_IEC_Timer
Praktikum mit IEC-Bausteinen und dem Chemie-Beispiel
Abschnitt A27:29
Siehe Beschreibung im Abschnitt A1
Abschnitt P113:57
Siehe Beschreibung in Abschnitt A1
Abschnitt P220:23
Siehe Beschreibung in Abschnitt A1
Abschnitt P39:17
Siehe Beschreibung in Abschnitt A1
Abschnitt P412:24
Siehe Beschreibung in Abschnitt A1
Abschnitt P514:41
Siehe Beschreibung in Abschnitt A1

Abschnitt A19:29
Was lernen wir:
Grafcet ist eine spezielle Klasse und erlaubt Automatisierung zu planen. Das ist über den Browser möglich und kann sogar durch die Programmierung in IEC-Elemente getestet werden. Diese Möglichkeiten erweitern den Einsatz des Browsers für Aufgaben zur Automatisierung enorm und soll zur weiteren Anregung für die gezeigten Web-Technologien dienen, eigene Ideen umzusetzen und diesen interessanten Abschnitt selbständig zu erweitern.
Übersicht der Klasse C_Grafcet
Die Grafcet-Bausteine in der Grafcet.js-Datei
Grundprinzip der Grafcet-Ketten
Aufbau des Grafcet-Automaten
Praktikum: Chemie-Beispiel mit Grafcet
Abschnitt P114:54
Siehe Beschreibung in Abschnitt A1
Abschnitt P212:19
Siehe Beschreibung in Abschnitt A1
Abschnitt P36:43
Siehe Beschreibung in Abschnitt A1
Abschnitt P414:29
Siehe Beschreibung in Abschnitt A1

Requirements

Installation NodeJS, Nodemoon und Google-Chrome, PC mit Windows-10 Betriebssystem
Grundlagen JS oder C/C++, C#
Teilnahme am Kurs Automatisieren Teil-1 ist zu empfehlen

Description

Aufbaukurs zu Teil 1

Erstellen einer SPA mit JavaScript pur für Automatisierer aus verschiedenen Branchen.

Lernen und Praktizieren mit JavaScript, SVG-Elemente sowie die Anwendung eines eigenen Private-Server mit Node.js und dem Browser Google-Chrome.

Basis-Grundlagen der Web-Technologie für die industrielle Automatisierung zur ersten SPA mit dem Framework JS++, welches schrittweise selbst erarbeitet wird. Dazu gehört auch die Anwendung von 'eval' wie an einem GcAutomat gezeigt wird.

Der Kursteilnehmer kann nach diesem zweiten Teil die eigenen SVG-Elemente in fortgeschrittenen Formen erstellen und diese als Objekte über ein Menü auf dem Browser abbilden. Das so entstehende Projekt wird über den Browser auf die Festplatte gespeichert und bei einem Neustart des Browsers automatisch gelesen und abgebildet. Die SPA kann im Run-Modus getestet werden. So ist der Teilnehmer in der Lage verschiedene Aufgaben der Automatisierung zu lösen. Dazu gehört im Wesentlichen die HMI-Gestaltung und SVG-Elemente zum Funktionsplan nach Grafcet.

Die Anwendungen der SVG-Elemente zum Funktionsplan (FUP) und Grafcet können selbständig, beliebig geändert oder erweitert werden.

Die Programmierung in JavaScript erfolgt ausschließlich nach dem Prinzip der Klassen (class), so wie es C/C++-Programmierer kennen.

Doing learning ist hier zu 100% angesagt. Es handelt sich um ein praktisches System-Seminar für Experten und bietet den besten learning style.

Die Quellcode (Sourcen) in JavaScript zur Umsetzung in eine SPA für diesen Kurs, können in eigener Verantwortung beliebig verwendet werden.

Who this course is for:

Umsteiger oder Quereinsteiger von C/C++, C# oder ähnliche Sprachen nach JavaScript
Automatisierer aus den industriellen Bereichen, welche SPA mit JavaScript programmieren möchten
JS-Programmierer für technische Aufgaben wie Web-HMI
Studenten aus Maschinenbau, Softwareentwicklung, Informatik und Automatisierung ab fünftes Semester
Anwender von IEC-61131-3 oder Grafcet

Teil 2: Automatisieren mit JS++

What you'll learn

Explore related topics

Course content

Kapitel 16 lectures • 1hr 25min

Kapitel 24 lectures • 55min

Kapitel 34 lectures • 44min

Kapitel 44 lectures • 55min

Kapitel 57 lectures • 1hr 26min

Kapitel 65 lectures • 58min

Requirements

Description

Who this course is for: