Amélioration des widgets personnalisés

Prev Next

Faites-en plus avec les widgets personnalisés : Annonce d'améliorations clés !

Updating Custom Widgets

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

Ouvrez de nouvelles possibilités et facilitez le développement avec les dernières améliorations apportées aux Custom Widgets de Tulip.

Les Custom Widgets sont un moyen puissant d'étendre la plateforme Tulip, servant de fantastique terrain d'essai pour nous à Tulip et pour nos clients afin d'explorer de nouveaux cas d'utilisation et d'intégrations. Ils sont une partie clé de notre stratégie d'extensibilité de la plateforme, nous aidant à ouvrir de nouvelles voies et à fournir plus de valeur.

Nous avons travaillé dur pour améliorer les Custom Widgets afin de les rendre plus puissants, plus faciles à utiliser et mieux intégrés. Nous sommes ravis de partager une vague d'améliorations axées sur des interactions API plus fluides, de nouvelles capacités d'accès aux périphériques, une meilleure convivialité et une stabilité globale.

Extension des capacités d'intégration : Un accès plus fluide aux API externes et TulipUn point central de ces améliorations a été le Custom Widget iFrame Sandbox, améliorant de manière significative sa capacité à se connecter de manière transparente aux systèmes externes et aux API Tulip. Cela ouvre un monde de possibilités pour des expériences plus riches et plus profondément intégrées.

Nouvelles options d'exécution : Legacy vs. Updated

Les Custom Widgets supportent désormais deux environnements d'exécution : Legacy et Updated.

L'environnement d'exécution mis à jour offre une sécurité et des performances accrues, en particulier lorsqu'il s'agit d'appels d'API externes et d'une pléthore de nouveaux accès aux périphériques (comme indiqué ci-dessous).

Nouvel accès aux périphériques par le biais des widgets personnalisés :

Étendez vos Custom Widgets avec un accès direct à un ensemble de fonctionnalités de l'appareil :

  • 📸 Caméras: Donnez aux widgets les moyens de prendre des images pour les inspections, le suivi des défauts ou la documentation visuelle.
  • 🎤 Microphones: Activez l'enregistrement audio directement dans les widgets pour simplifier la documentation, capturer des notes vocales ou améliorer le contenu pédagogique.
  • 📍 Géolocalisation: Permet aux widgets de récupérer l'emplacement de l'utilisateur ou de l'appareil pour suivre les actifs, fournir des informations géolocalisées ou améliorer les flux de travail logistiques.
  • 🔌 WebUSB: Capturez des données directement à partir d'une variété de périphériques USB, en apportant plus de données du monde physique dans vos applications Tulip.
  • 📠 WebSerial: Surveillez et contrôlez les périphériques série, permettant la communication 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 au fil des étapes.

Amélioration de la convivialité et de l'expérience des développeurs

Nous nous engageons à rendre les Custom Widgets non seulement plus puissants, mais aussi plus faciles à découvrir, à développer et à gérer.

Découverte des informations d'exécution :

À partir des paramètres du compte, accédez à la page des widgets personnalisés.

Cliquez sur la ligne d'un widget personnalisé (et non sur son nom) pour ouvrir le panneau latéral d'informations.

Sous le nom dans le panneau d'information, un champ indiquera la durée d'exécution du widget actuel (initialement Legacy pour les widgets existants).

image.png

Activation de la durée d'exécution interdomaine :

Dans le panneau latéral d'informations sur les widgets personnalisés, cliquez sur le lien "Modifier" situé à côté de l'en-tête Paramètres d'autorisation.

Le panneau latéral des paramètres de permissions s'ouvre alors. Pour les instances activées pour le cross-domain, vous verrez une bascule permettant de modifier la durée d'exécution du widget personnalisé spécifique.

image.png

Lorsque vous passez de l'ancienne version à la version multi-domaine, un avertissement s'affiche.

image.png

Après avoir enregistré les modifications apportées au moteur d'exécution interdomaines, si vous rouvrez les paramètres de permissions, vous devriez voir la nouvelle section Permissions d'accès aux périphériques.

image.png

Expérience de l'éditeur avec les durées d'exécution :

Dans l'éditeur de widgets personnalisés, une pilule située à côté du nom du widget indique la durée d'exécution actuelle (par exemple, Legacy ou Cross-domain).

Pour les widgets hérités, un avertissement s'affiche en haut de la page de l'éditeur, indiquant que vous exécutez un widget personnalisé hérité. Cet avertissement disparaîtra pour les widgets cross-domain.

image.png

image.png

Retour à l'ancien widget :

Lorsqu'un widget cross-domain repasse en mode d'exécution Legacy, un avertissement s'affiche également.

image.png

Amélioration de la découverte et de la navigation : Nous rendons les widgets personnalisés plus visibles au sein de la plateforme et simplifions la gestion et la modification de ces derniers. L'accès à l'éditeur de widgets est facilité et la présentation des informations relatives aux widgets est plus claire.

Développement simplifié : Attendez-vous à une expérience de développement plus fluide grâce à des améliorations telles que : * Une meilleure autocomplétion pour les fonctions des widgets. * Amélioration des capacités de suivi des événements dans les widgets. * Une gestion des erreurs et des aides au débogage plus robustes.

Interface utilisateur et flux de travail : coupures de papier résolues : Nous avons résolu plusieurs "papercuts" - ces petits mais frustrants problèmes d'interface utilisateur et de flux de travail - afin de rendre la construction et l'utilisation des widgets plus agréables. Cela inclut des mises à jour de l'affichage des listes de widgets et de la gestion des permissions.

Optimisation du chargement et des performances : Nous avons apporté des améliorations au mécanisme de chargement des widgets personnalisés, afin d'en améliorer les performances et la fiabilité. Cela inclut une logique de réessai pour le chargement des widgets inter-domaines et des messages d'erreur clairs si l'accès est bloqué.

Impact stratégique et prochaines étapes

Ces investissements dans les widgets personnalisés témoignent de notre conviction quant à leur potentiel d'extensibilité. En fournissant des outils et des capacités plus robustes, nous visons à permettre à nos utilisateurs - qu'il s'agisse de développeurs Tulip ou de développeurs et clients externes - de créer des solutions innovantes et d'aborder des cas d'utilisation encore plus spécifiques sur la plateforme Tulip.

Nous suivrons de près l'adoption et l'impact de ces nouvelles fonctionnalités afin de continuer à affiner et à étendre les fonctionnalités de Custom Widget. Restez à l'écoute pour plus de ressources, de documentation et d'exemples pour vous aider à tirer le meilleur parti de ces nouvelles capacités passionnantes !

Exemples de widgets personnalisés

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

Widget de planification

Widget de programmation

Ce widget permet aux utilisateurs de visualiser, de créer et de gérer des tâches ou des événements programmés dans 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 les images dans une application Tulip. Il est idéal pour annoter les visuels, fournir un retour d'information ou documenter les problèmes directement sur les images concernées.

Screenshot 2025-07-02 at 15.42.24.png