[PYTHON] [Fernentwicklung] Machen wir es zuerst !! (Übung 1)

Diese Serie erklärt die Anwendungsentwicklung mit Remotte. Mit letztes Mal sind Sie bereit, Entwickler zu werden. Es heißt "gewöhne dich daran, anstatt es zu lernen", also lass uns die detaillierte Erklärung des Mechanismus verschieben und eine App erstellen und sie zuerst verwenden! !! Ich weiß nicht, welche Art von Gerät jeder von Ihnen hat, daher habe ich dieses Mal schnell die "CPU-Auslastung" des Windows-PCs, auf dem die Station ausgeführt wird, als Sensorwert betrachtet und als Zykluserfassung, Seitenausdruck, Smartphone / Tablet verwendet. Lassen Sie uns von zugreifen. Sie können eine App in nur wenigen Minuten erstellen, indem Sie die im folgenden Screenshot gezeigten Schritte ausführen.

Holen Sie sich die CPU-Auslastung in Python

Führen Sie die folgenden drei Zeilen aus, um die CPU-Auslastung in Python zu ermitteln.   pip install psutil   import psutil   cpu = psutil.cpu_percent() Lassen Sie uns dies auf der Limotte-Plattform implementieren.

Erstellen Sie eine neue App

Klicken Sie zunächst im Anwendungslistenbildschirm des Verwaltungstools auf die Schaltfläche "Neu", um eine neue Anwendung zu erstellen. 1 アプリの新規作成.png Klicken Sie auf die Schaltfläche "OK", um die App zum Listenbildschirm hinzuzufügen. 2 アプリ作成完了.png

Komponenten hinzufügen

Rufen Sie den Detailbildschirm der App auf, klicken Sie auf die Registerkarte "Konfiguration" und wählen Sie "Neu" aus dem Menü unten links auf dem Bildschirm. 3 構成要素の新規作成.png Wählen Sie "Ein numerischer Wert" als "Kategorie" und "Allgemeiner Einzelwertsinn" als "Eingabe- / Ausgabetyp" und klicken Sie auf die Schaltfläche "OK", um den Vorgang abzuschließen. 4 構成要素の新規作成ダイアログ.png

Installationsskript schreiben

Wählen Sie die Registerkarte "Code" unter der Registerkarte "Konfiguration" und wählen Sie "Install.ps1" aus den drei Quellcodevorlagen "input_sense.py", "\ _ \ _ init \ _ \ _. Py" und "Install.ps1". Wählen Sie "Install.ps1" und die zweite Zeile   pip install psutil Lass uns eintreten. "Install.ps1" wird als "Installationsskript" bezeichnet, ein Skript, das in PowerShell unter Windows ausgeführt werden kann. Installationsskripte werden verwendet, um Module in der Python-Programmierung zu installieren und Programme und Daten von GitHub und anderen herunterzuladen. 5 インストールスクリプト.png

Python-Code schreiben

Wählen Sie nun "input_sense.py". 6 Pythonテンプレート.png Im obigen Abschnitt "Komponente hinzufügen" habe ich im Dialogfeld "Neu" die Option "Allgemeiner Einzelwertsinn" ausgewählt, aber eine für den ausgewählten Inhalt geeignete Python-Vorlage wird automatisch hinzugefügt. Der Funktionssinn (Selbst) ist eine von der Plattform aufgerufene Funktion (mit anderen Worten eine von der Plattform aufgerufene Funktion) und wird verwendet, um Daten von einem Sensorgerät oder dergleichen in regelmäßigen Zeitintervallen zu erfassen.   import psutil   cpu = psutil.cpu_percent() In den beiden obigen Codezeilen speichert die Variable CPU die CPU-Auslastung zum Zeitpunkt des Funktionsaufrufs. Fügen Sie die folgende Zeile hinzu, um diesen Wert als "neuesten Wert" an die Remotte-Plattform zu übermitteln:   self._sys.set_value({'value': cpu}) Schreiben Sie abschließend den folgenden Code. 7 Pythonコード.png

Erweiterte Programmeinstellungen

Legt fest, wie oft die oben beschriebene Sense- (Selbst-) Funktion ausgeführt wird. Wählen Sie die Registerkarte "Programme" unter der Hierarchie "Konfiguration", aktivieren Sie das Kontrollkästchen "Plattformaufruf-Erfassungsfunktion" und setzen Sie den "Anrufzyklus" auf beispielsweise "2 Sekunden". 8 プログラムタブ.png

Lass es uns so weit laufen

Lassen Sie es uns bisher einmal ausführen. Klicken Sie zunächst oben auf dem Bildschirm auf die Schaltfläche "Speichern". Öffnen Sie als Nächstes mit der Registerkarte "Konfiguration" das Menü unten links auf dem Bildschirm und wählen Sie "Installationsskript ausführen". 9 インストールスクリプトの実行.png Wenn das Dialogfeld "Installationsskript ausführen" angezeigt wird und schließlich unten links im Dialogfeld "Ausführen abgeschlossen" angezeigt wird, klicken Sie auf die Schaltfläche "Schließen". 10 インストールスクリプト実行完了.png Sie müssen das Installationsskript nur einmal ausführen. Es wird automatisch ausgeführt, wenn Sie eine App oder Komponente laden, die aus dem Remotte Store heruntergeladen wurde. Jetzt ist es Zeit, die App auszuführen. Wählen Sie die Registerkarte "Verwendungsseite", zeigen Sie den Benutzerbildschirm auf der Registerkarte "Layout" an und klicken Sie oben auf dem Bildschirm auf die Schaltfläche "Start". Der Wert für die CPU-Auslastung wird alle 2 Sekunden aktualisiert. 11 アプリを実行(初回).png

Ändern Sie den Ausdruck auf dem Bildschirm

Eine der Hauptfunktionen von Limotte ist, dass Sie problemlos Bildschirme ohne Codierung erstellen können. Hier ändern wir den Ausdruck der CPU-Auslastung. Einstellungen usw. können nicht geändert werden, während die App ausgeführt wird. Wenn die App ausgeführt wird, klicken Sie zuerst auf die Schaltfläche "Stopp" oben auf dem Bildschirm, um die App zu stoppen. 12 レイアウトの編集.png Klicken Sie im Layoutbildschirm auf ein Element oben links auf der Seite, um dessen Attribute auf der rechten Seite des Bildschirms anzuzeigen. Oben ist zu sehen, dass der letzte Wert der CPU-Auslastung im Format "Anzeige eines numerischen Werts" ausgedrückt wird. Wenn Sie hier rechts auf diesem Bildschirm auf das Symbol für das Ausdrucksformat klicken, werden andere Ausdrucksformate angezeigt, und Sie können das Format auswählen, das Sie auf der Seite ausdrücken möchten. 13 HMIのポップアップ.png Wenn Sie beispielsweise "Stufenloses Messgerät (kreisförmiger, farbiger Bereich)" auswählen und die Anwendung starten, wird der folgende Bildschirm angezeigt. 14 円形領域色付き.png Unten rechts im Layout-Bearbeitungsbildschirm können detaillierte Optionen entsprechend der Art des ausgewählten Ausdrucksformats festgelegt werden. 15 HMIのオプション.png Wenn Sie eine Information in mehreren Darstellungsformaten anordnen möchten, z. B. wenn Sie den tatsächlichen Prozentwert in der Mitte der obigen Donut-förmigen Zähleranzeige anzeigen möchten, wählen Sie die Registerkarte "Anzeigeelemente" links neben der Registerkarte "Layout". Machen. 16 表示項目.png Auf diesem Bildschirm können Sie festlegen, wie viele Elemente für jede Verwendungsseite angezeigt werden sollen. Ändern Sie beispielsweise wie oben beschrieben den "neuesten Wert" der "CPU-Auslastung" in "Zwei anzeigen" und wählen Sie die Registerkarte "Layout" erneut aus. 17 2つのHMI.png Damit können zwei Anzeigeelemente für eine Information angeordnet werden. Danach können Sie das Ausdrucksformat für jedes Element ändern, die Position durch Ziehen ändern, die Größe und verschiedene Optionen ändern und es zu Ihrem bevorzugten Format machen. Im folgenden Beispiel wurden die Start- und Endwinkel des Bogens geändert, der Text wurde zentriert, die Größe wurde erhöht, er war fett gedruckt, die Anzahl der Stellen nach dem Dezimalpunkt war Null und das Prozentzeichen wurde als Suffix festgelegt. 18 カスタムメーター.png Darüber hinaus können Sie verschiedene Werkzeuge am unteren Bildschirmrand verwenden, um Text, Bilder und Linien anzuordnen und den Grad der Überlappung für jedes Anzeigeelement anzupassen. 19 各種ツール.png

Daten speichern und Verlauf anzeigen

Bis zu diesem Zeitpunkt wurde alle 2 Sekunden der neueste Wert der CPU-Auslastung angezeigt. Speichern wir nun die erfassten Daten und zeigen den Verlauf in chronologischer Reihenfolge an. Der letzte Wert, der von der Funktion set_value () im Python-Code übertragen wird, ist das Einstellungselement "Daten speichern" unmittelbar darunter, indem Sie einfach das Kontrollkästchen "Daten speichern" auf der Registerkarte "Einstellungen" unter der Registerkarte "Konfiguration" aktivieren. Es wird während der "Aufbewahrungsfrist" in der In-App-Datenbank gespeichert. 20 データの保存.png Wenn Sie dieses Kontrollkästchen aktivieren, wird der Registerkarte "Anzeigeelemente" der "Verwendungsseite" ein Element mit dem Namen "Verlauf" hinzugefügt, und Sie können Zeitreihendaten anzeigen. 21 履歴項目.png Gleichzeitig wird der Registerkarte "Layout" ein Anzeigeelement zur Anzeige des Verlaufs hinzugefügt. 22 履歴のHMI追加.png Oben wird es im Ausdrucksformat "Verlaufstabelle mit einem numerischen Wert" angezeigt. Ändern Sie dies jedoch in "Liniendiagramm des Verlaufs mit einem numerischen Wert unterbrechen" und passen Sie das Layout wie folgt an. Machen wir das. 23 折れ線表示.png Auf diese Weise können Sie mit Limotte Bildschirme ohne Codierung erstellen.

Als Benutzer verwenden

Wenn Sie die erstellte App für eine andere Person als Sie selbst veröffentlichen und verwenden möchten, registrieren Sie die E-Mail-Adresse dieser Person in der App. Wählen Sie die Registerkarte "Benutzer" unter der Registerkarte "Benutzerseite" des Verwaltungstools aus, klicken Sie auf die Schaltfläche "Benutzer hinzufügen" und fügen Sie dann die E-Mail-Adresse hinzu. 24 利用者の追加.png Danach lesen Sie bitte einen anderen Beitrag für Vorgänge wie das Anmelden als Benutzer und das Anzeigen des Bildschirms mit den Verlaufsdetails.

Speichern Sie die erstellte App als Datei

Bearbeiten Sie die App-Informationen, bevor Sie die erstellte App als Datei speichern und auf einer anderen Station ausführen oder sichern. Wählen Sie im Anwendungslistenbildschirm des Management-Tools "Bearbeiten". 25 アプリ情報の編集.png 26 アプリ情報の編集中.png Wählen Sie schließlich "In Datei speichern" im Listenbildschirm der Anwendung und geben Sie den Dateinamen ein, um sie zu speichern. 27 アプリを保存.png

Zusammenfassung

In dieser Übung wird eine Reihe von Anwendungsentwicklungsabläufen mit Limotte verwendet, dh mit einer Anwendung, die die "CPU-Auslastungsrate" eines PCs als Sensorwert betrachtet. Erstellen Sie eine neue App Komponenten hinzufügen Installationsskript schreiben Python-Code schreiben Erweiterte Programmeinstellungen Bildschirmbearbeitung Daten speichern und Verlauf anzeigen Speichern Sie die erstellte App-Datei Ich erlebte. Diese Übung umfasst etwa 60% des Entwicklungsprozesses auf der Limotte-Plattform und die restlichen 40% Detailliertere Schnittstelle zur Plattform (Funktionsbeschreibung) Programmvariable (Optionseinstellung) Datenaustausch zwischen Komponenten (Datenaustausch) Komponenten des Mediensystems, Videoanalyse, Sprachanalyse Usw. sind enthalten. Im Folgenden werden diese mit Übungen erklärt.

Recommended Posts

[Fernentwicklung] Machen wir es zuerst !! (Übung 1)
[Fernentwicklung] Steuerungsanwendung (Übung 2)
Machen wir eine Remote-Rumba [Hardware]
Lassen Sie uns eine Remote-Rumba erstellen [Software]
[Fernentwicklung] Videoanalyseanwendung (Übung 3)
[Fernentwicklung] Sprachanalyseanwendung (Übung 4)
Erste Django-Entwicklung
Lass uns ein Makefile machen und es bauen (super Anfänger)