Schnittstellenentwicklung auf mehreren Bildschirmen. Schritt zur Verwendung von AI

Um sich mit dem Prototyp des Systems vertraut zu machen, benötigen Sie mindestens 2 Browser (oder 2 Computer).

Öffnen Sie das Formular aus dem Repository im Bearbeitungsmodus. Öffnen Sie in einem anderen Browser (auf einem anderen Computer, Tablet, Smartphone) dasselbe Formular im Ansichtsmodus (Anzeigen). Beim Bearbeiten des Formulars werden alle Änderungen in Echtzeit auf allen angeschlossenen Geräten angezeigt.

Um eine Verbindung herzustellen, wählen Sie eine beliebige Nummer zwischen 1 und 9999 und merken Sie sich diese. Dies ist Ihr Benutzername und Passwort auf allen Geräten. Wenn sich Ihr Formular ohne Ihre Teilnahme ändert, verwendet jemand dieselbe Nummer wie Sie. Abmelden (Abmelden) und mit einer anderen Nummer anmelden.

Wechseln Sie zum Formular-Repository



Wie funktioniert es?


Im Bearbeitungsmodus sehen Sie Rechtecke, die Sie verschieben können. Jedes Element hat einen Typ und Eigenschaften. Bei Änderungen werden die Daten aller Elemente per Websocket an den Server gesendet. Der Server konvertiert die Elemente in Python-Wörterbücher und sendet sie per Websocket als JSON-Zeichenfolge an Ihren zweiten Browser. Im zweiten Browser wird das frühere Wörterbuch zu einem Objekt, das in React-Komponenten konvertiert wird. In einem früheren Artikel habe ich dies ausführlich beschrieben.
Das ist der Doppeltransporter.

Ein Array von Websocket-Verbindungen wird im Python-Wörterbuch gespeichert. Der Schlüssel besteht aus einem UUID-Formular und einer Benutzeranmeldung. Auf diese Weise können Sie das Ergebnis gleichzeitig auf mehreren Bildschirmen auswerten.

Mit der Schaltfläche „Drucken“ können Sie die Konvertierungsergebnisse in Form eines Wörterbuchs anzeigen und sogar eine HTML-Seite erstellen. Wenn Sie auf die Schaltfläche "Drucken" klicken, wird versucht, das Formular zu speichern. In der Version auf der Site ist der Datensatz gesperrt. Klicken Sie daher auf die Schaltfläche, bis Sie Änderungen vornehmen.

Die Formulare 13, 14, 15 werden in Owl erstellt und über die Schaltfläche „Drucken“ gespeichert. Sie können sie unter den folgenden Links sehen: 13 , 14 , 15 .

Das Repository ist ein dokumentbasiertes Repository, in dem jedes Formular eine eindeutige UUID und eine beliebige Anzahl von Feldern enthält (1 Tabelle mit 5 Spalten in Sqlite3, ähnlich wie MongoDB). Beim Speichern wird der alte Wert des Feldes in den Verlauf übertragen, für den neuen Wert in der Tabelle wird ein neuer Datensatz erstellt. Auf diese Weise können Sie auf frühere Versionen des Formulars zurückgreifen. Eine solche Zeitmaschine.

Das Interessanteste ist das Einfügen der Python-Komponenten. Ich habe versucht, Dasha zu kontaktieren (sie haben Hunderte von Python-Leerzeichen). Ich habe einen Brief von ihnen erhalten: "Wir werden Sie schreiben oder anrufen", aber sie sind nicht auf die Website gegangen.

Die Form besteht aus Elementen. Es ist geplant, ihre Eigenschaften mithilfe von KI und Spracheingabe zu erstellen und zu verwalten:

„Alice, Maroussia, bewege Box 14 und mache den Hintergrund lustiger. Und erhöhen Sie die Schriftart. "

In dieser Version können Sie anstelle von KI IP (Intelligenz von Untergebenen) sowie SSI (Ihre eigene Intelligenz) verwenden. Im letzteren Fall können Befehle mental gegeben werden.

Alexey Nosikov

Source: https://habr.com/ru/post/de450898/


All Articles