Améliorations apportées aux widgets personnalisés

Prev Next

Découvrez de nouvelles possibilités et un développement plus fluide grâce aux dernières améliorations apportées aux widgets personnalisés de Tulip.

Updating Custom Widgets

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

Les widgets personnalisés constituent un moyen puissant d’étendre la plateforme Tulip, servant de terrain d’essai tant pour l’équipe Tulip que pour les utilisateurs.

Les améliorations apportées aux widgets personnalisés renforcent leur puissance, leur facilité d’utilisation et leurs capacités d’intégration, en mettant l’accent sur les interactions avec les API, les nouvelles capacités d’accès aux appareils, l’ergonomie et la stabilité.

L’une des priorités de ces améliorations a été le « Custom Widget iFrame Sandbox », qui améliore la capacité à se connecter à des systèmes externes et aux API Tulip.

Nouvelles options d’exécution : « Legacy » (hérité) ou « Updated » (mis à jour)

Les widgets personnalisés prennent désormais en charge deux environnements d’exécution : « Legacy » et « Updated ».

L’environnement d’exécution « Updated » offre une sécurité et des performances améliorées, notamment lors des appels d’API externes et de l’accès à une multitude de nouveaux appareils (comme indiqué ci-dessous).

Nouvel accès aux appareils via les widgets personnalisés :

Étendez vos widgets personnalisés grâce à un accès direct aux fonctionnalités des appareils :

  • Appareils photo: permettez aux widgets de prendre des photos à des fins d’inspection, de suivi des défauts ou de documentation visuelle.
  • Microphones: activez l’enregistrement audio directement dans les widgets pour simplifier la documentation, capturer des notes vocales ou enrichir le contenu pédagogique.
  • Géolocalisation: permettez aux widgets de récupérer la position de l’utilisateur ou de l’appareil pour suivre les actifs, fournir des informations géolocalisées ou optimiser les flux logistiques.
  • WebUSB: Capturez des données directement à partir d’une grande variété de périphériques USB, afin d’intégrer davantage de données issues du monde physique dans vos applications Tulip.
  • WebSerial: surveillez et contrôlez des périphériques série, ce qui permet de communiquer avec une large gamme d’équipements industriels et de capteurs.

Persistance des données améliorée pour les widgets personnalisés :

  • Stockage local: les widgets personnalisés peuvent désormais accéder au stockage local pour une mise en cache ou une conservation plus efficace des informations d’une étape à l’autre.

Ergonomie et expérience développeur

Informations d'exécution

  1. Dans les paramètres du compte, accédez à la page « Widgets personnalisés ».
  2. Cliquez sur la ligne d'un widget personnalisé pour ouvrir le panneau latéral d'informations.
  3. Sous le nom, dans le panneau d’informations, un champ indique le temps d’exécution du widget actuel (Legacy pour les widgets existants).

image.png

Activer l'exécution inter-domaines

  1. Dans le panneau latéral d’informations du widget personnalisé, cliquez sur le lien Modifier situé à côté de l’en-tête Autorisations.

Cela ouvrira le panneau latéral des paramètres d’autorisations. Pour les instances où l’exécution inter-domaines est activée, le bouton bascule permet de modifier le mode d’exécution du widget personnalisé concerné.

image.png

Lorsque vous passez du mode « Legacy » au mode « Inter-domaines », le message d'avertissement suivant s'affiche :

image.png

Après avoir enregistré les modifications apportées à l'environnement d'exécution « Inter-domaines », si vous rouvrez les paramètres d'autorisations, vous devriez voir apparaître la nouvelle section « Autorisations d'accès aux appareils ».

image.png

Expérience de l'éditeur avec les environnements d'exécution

Dans l’éditeur de widgets personnalisés, une icône en forme de pastille située à côté du nom du widget indique le runtime actuel (par exemple, « Legacy » ou « Cross-domain »).

Pour les widgets « Legacy », un avertissement s'affichera en haut de la page de l'éditeur, indiquant que vous utilisez un widget personnalisé « Legacy ». Cet avertissement n'apparaît pas pour les widgets « Cross-domain ».

image.png

image.png

Revenir au mode Legacy :

Lorsque vous remettez un widget « Cross-domain » en mode d'exécution « Legacy », l'avertissement suivant s'affiche :

image.png

Visibilité et navigation

Les widgets personnalisés sont plus visibles au sein de la plateforme et seront plus faciles à gérer et à modifier. Cela inclut des moyens plus simples d’accéder à l’éditeur de widgets et une présentation plus claire des informations relatives aux widgets.

Développement

Attendez-vous à une expérience de développement plus fluide grâce à des améliorations telles que : * Une meilleure suggestion automatique pour les fonctions des widgets. * Des capacités de suivi des événements améliorées au sein des widgets. * Une gestion des erreurs plus robuste et des aides au débogage.

Interface utilisateur et workflows

Nous avons corrigé divers petits problèmes liés à l’interface utilisateur et aux flux de travail qui amélioreront la création et la facilité d’utilisation des widgets, notamment :* L’affichage des listes de widgets* La gestion des autorisations

Chargement et performances

Les améliorations apportées au mécanisme de chargement des widgets personnalisés garantiront de meilleures performances et une plus grande fiabilité, notamment :* Une logique de nouvelle tentative pour le chargement des widgets inter-domaines* Des messages d’erreur en cas d’accès bloqué

Prochaines étapes

Ces investissements dans les widgets personnalisés témoignent de la confiance de Tulip dans leur potentiel d’extensibilité. En fournissant des outils et des fonctionnalités plus robustes, nous souhaitons donner aux utilisateurs les moyens de créer des solutions innovantes et de répondre à des cas d’utilisation spécifiques grâce à la plateforme Tulip.

L’équipe Tulip suivra de près l’adoption et l’impact de ces nouvelles fonctionnalités afin de continuer à affiner et à étendre les fonctionnalités des widgets personnalisés.

Exemples

Les widgets personnalisés suivants, issus de la bibliothèque Tulip, illustrent les nouvelles fonctionnalités et améliorations présentées dans cet article.

Widget de planification

Widget de planification

Ce widget permet aux utilisateurs de consulter, créer et gérer des tâches ou des événements planifiés au sein d’une application Tulip. Son interface interactive facilite l’organisation du travail, l’affectation des ressources et le suivi des activités à venir directement dans votre flux de travail.

Screenshot 2025-07-02 at 15.41.08.png

Widget d’annotation d’images

Widget d'annotation d'images

Ce widget permet aux utilisateurs de dessiner, de surligner et d’ajouter des notes directement sur des images au sein d’une application Tulip. Il est idéal pour annoter des visuels, fournir des commentaires ou documenter des problèmes directement sur les images concernées.

Screenshot 2025-07-02 at 15.42.24.png

{{snippet.Avez-vous trouvé ce que vous cherchiez ?}}