Verbesserungen bei benutzerdefinierten Widgets

Prev Next

Entdecken Sie neue Möglichkeiten und eine reibungslosere Entwicklung mit den neuesten Erweiterungen der Tulip Custom Widgets.

Updating Custom Widgets

Custom Widget updates are rolling in r332. Read more about the runtimes here

Custom Widgets sind eine leistungsstarke Möglichkeit, die Tulip-Plattform zu erweitern, und dienen als Testumgebung für das Tulip-Team und die Nutzer.

Die Verbesserungen an den Custom Widgets steigern deren Leistungsfähigkeit, Benutzerfreundlichkeit und Integrationsmöglichkeiten, wobei der Schwerpunkt auf API-Interaktionen, neuen Funktionen für den Gerätezugriff, Benutzerfreundlichkeit und Stabilität liegt.

Ein Schwerpunkt dieser Verbesserungen war die Custom-Widget-iFrame-Sandbox, die die Anbindung an externe Systeme und Tulip-APIs verbessert.

Neue Laufzeitoptionen: „Legacy“ vs. „Updated“

Benutzerdefinierte Widgets unterstützen nun zwei Laufzeitumgebungen: „Legacy“ und „Updated“.

Die aktualisierte Laufzeitumgebung bietet verbesserte Sicherheit und Leistung, insbesondere bei externen API-Aufrufen und einer Vielzahl neuer Gerätezugriffsmöglichkeiten (wie unten beschrieben).

Neuer Gerätezugriff über benutzerdefinierte Widgets:

Erweitern Sie Ihre benutzerdefinierten Widgets um direkten Zugriff auf Gerätefunktionen:

  • Kameras: Ermöglichen Sie Widgets das Aufnehmen von Bildern für Inspektionen, die Fehlerverfolgung oder die visuelle Dokumentation.
  • Mikrofone: Ermöglichen Sie Audioaufnahmen direkt in Widgets, um die Dokumentation zu vereinfachen, Sprachnotizen aufzuzeichnen oder Lehrinhalte zu bereichern.
  • Geolokalisierung: Ermöglichen Sie Widgets, den Standort von Benutzern oder Geräten abzurufen, um Assets zu verfolgen, standortbezogene Informationen bereitzustellen oder Logistikabläufe zu optimieren.
  • WebUSB: Erfassen Sie Daten direkt von einer Vielzahl von USB-Geräten und integrieren Sie so mehr Daten aus der realen Welt in Ihre Tulip-Anwendungen.
  • WebSerial: Überwachen und steuern Sie serielle Geräte und ermöglichen Sie so die Kommunikation mit einer Vielzahl von Industriegeräten und Sensoren.

Verbesserte Datenspeicherung für benutzerdefinierte Widgets:

  • Lokaler Speicher: Benutzerdefinierte Widgets können nun auf den lokalen Speicher zugreifen, um Informationen über verschiedene Schritte hinweg effizienter zwischenzuspeichern oder aufzubewahren.

Benutzerfreundlichkeit und Entwicklererfahrung

Laufzeitinformationen

  1. Navigieren Sie in den Kontoeinstellungen zur Seite „Benutzerdefinierte Widgets “.
  2. Klicken Sie auf die Zeile eines beliebigen benutzerdefinierten Widgets, um das Informations-Seitenpanel zu öffnen.
  3. Unter dem Namen im Informationsbereich zeigt ein Feld die Laufzeit des aktuellen Widgets an (bei bestehenden Widgets „Legacy“).

image.png

Domänenübergreifende Laufzeit aktivieren

  1. Klicken Sie im Informations-Seitenbereich des benutzerdefinierten Widgets auf den Link „Bearbeiten “ neben der Überschrift „Berechtigungen “.

Dadurch wird das Seitenpanel mit den Berechtigungseinstellungen geöffnet. Bei Instanzen, bei denen die domänenübergreifende Ausführung aktiviert ist, kann der Schalter die Laufzeit des jeweiligen benutzerdefinierten Widgets ändern.

image.png

Beim Wechsel von „Legacy“ zu „Domänenübergreifend“ wird folgende Warnung angezeigt:

image.png

Nachdem Sie die Änderungen an der domänenübergreifenden Laufzeit gespeichert haben, sollten Sie beim erneuten Öffnen der Berechtigungseinstellungen den neuen Abschnitt „Gerätezugriffsberechtigungen“ sehen.

image.png

Editor-Erfahrung mit Laufzeiten

Im Editor für benutzerdefinierte Widgets zeigt ein Symbol neben dem Widget-Namen die aktuelle Laufzeitumgebung an (z. B. „Legacy“ oder „Cross-domain“).

Bei „Legacy“-Widgets wird oben auf der Editor-Seite eine Warnung angezeigt, die darauf hinweist, dass Sie ein veraltetes benutzerdefiniertes Widget ausführen. Diese Warnung erscheint bei domänenübergreifenden Widgets nicht.

image.png

image.png

Zurück zu „Legacy“ wechseln:

Wenn Sie ein domänenübergreifendes Widget wieder auf die „Legacy“-Laufzeit umstellen, wird folgende Warnung angezeigt:

image.png

Auffindbarkeit und Navigation

Benutzerdefinierte Widgets sind innerhalb der Plattform besser sichtbar und lassen sich einfacher verwalten und bearbeiten. Dazu gehören einfachere Möglichkeiten, auf den Widget-Editor zuzugreifen, sowie eine übersichtlichere Darstellung der Widget-Informationen.

Entwicklung

Freuen Sie sich auf ein reibungsloseres Entwicklungserlebnis mit folgenden Verbesserungen: * Bessere Autovervollständigung für Widget-Funktionen. * Verbesserte Funktionen zur Ereignisverfolgung innerhalb von Widgets. * Robustere Fehlerbehandlung und Debugging-Hilfen.

Benutzeroberfläche und Arbeitsabläufe

Wir haben verschiedene kleinere Probleme bei der Benutzeroberfläche und den Arbeitsabläufen behoben, die die Erstellung und Benutzerfreundlichkeit von Widgets verbessern, darunter:* Die Darstellung von Widget-Listen* Die Verwaltung von Berechtigungen

Laden und Leistung

Verbesserungen am Lademechanismus für benutzerdefinierte Widgets sorgen für eine bessere Leistung und Zuverlässigkeit, darunter:* Wiederholungslogik beim Laden domänenübergreifender Widgets* Fehlermeldungen, wenn der Zugriff blockiert ist

Was kommt als Nächstes

Diese Investitionen in benutzerdefinierte Widgets unterstreichen Tulips Überzeugung vom Potenzial dieser Widgets hinsichtlich ihrer Erweiterbarkeit. Durch die Bereitstellung robusterer Tools und Funktionen möchten wir Nutzer in die Lage versetzen, innovative Lösungen zu entwickeln und spezifische Anwendungsfälle mit der Tulip-Plattform zu lösen.

Das Tulip-Team wird die Akzeptanz und die Auswirkungen dieser neuen Funktionen genau beobachten, um die Funktionalität der benutzerdefinierten Widgets weiter zu verfeinern und auszubauen.

Beispiele

Die folgenden benutzerdefinierten Widgets aus der Tulip-Bibliothek veranschaulichen die in diesem Artikel vorgestellten neuen und verbesserten Funktionen.

Planungs-Widget

Planungs-Widget

Mit diesem Widget können Benutzer geplante Aufgaben oder Ereignisse innerhalb einer Tulip-App anzeigen, erstellen und verwalten. Die interaktive Benutzeroberfläche erleichtert es, Arbeit zu organisieren, Ressourcen zuzuweisen und anstehende Aktivitäten direkt in Ihrem Workflow zu verfolgen.

Screenshot 2025-07-02 at 15.41.08.png

Bild-Annotations-Widget

Bild-Anmerkungs-Widget

Mit diesem Widget können Nutzer direkt auf Bildern in einer Tulip-App zeichnen, Markierungen vornehmen und Notizen hinzufügen. Es eignet sich ideal zum Kommentieren von Bildmaterial, zum Geben von Feedback oder zum Dokumentieren von Problemen direkt auf den entsprechenden Bildern.

Screenshot 2025-07-02 at 15.42.24.png

{{snippet.Haben Sie gefunden, wonach Sie gesucht haben?}}