Un composant web dans une application LabVIEW
L’intérêt est de choisir le bon outil pour une partie précise de l’interface. LabVIEW conserve la logique de l’application ; le composant web s’occupe de son affichage et de ses interactions.
Les échanges passent par des commandes JavaScript et des messages. L’application peut modifier un état ou demander une information ; le composant lui transmet un clic, un changement de lecture ou une erreur. Cette frontière permet de faire évoluer l’affichage sans y déplacer toute la logique métier.
Un bouton entièrement programmable
La démonstration montre un bouton HTML piloté depuis une API LabVIEW : texte, icône, dimensions, couleurs et typographie peuvent être modifiés pendant l’exécution. Les interactions sont renvoyées à l’application sous forme d’événements.
Le bouton devient ensuite un composant réutilisable dans les conteneurs de notre framework d’interface DQMH. Plusieurs instances peuvent former une barre de menus, avec une présentation adaptée au produit.
- Adapter le libellé, l’icône et les couleurs aux actions proposées.
- Piloter les états actif, désactivé ou basculé depuis LabVIEW.
- Recevoir les événements de clic et de survol pour les traiter dans l’application.
Piloter un lecteur multimédia avec Video.js
Dans les travaux autour de Video.js, une API JavaScript relie le lecteur embarqué au module LabVIEW : choix du média, lecture, pause, position, volume et remontée d’état. La nouvelle démonstration montre le lecteur dans l’API Tester, sa lecture, les retours d’état et la personnalisation des commandes visibles. Les travaux couvrent aussi les éléments superposés à la vidéo.
L’intégration comprend la gestion des événements et leur fréquence, ainsi que la coordination du plein écran avec la fenêtre hôte. Les playlists demandent leur propre logique ; l’enchaînement des pistes sans interruption ne doit pas être supposé acquis.
Intégrer des visualisations avec Butterchurn
La démonstration Butterchurn fournie montre une visualisation WebGL animée dans un panneau intégré à LabVIEW. L’API Tester expose les commandes d’initialisation, de sélection des presets et d’envoi d’échantillons ; la fenêtre peut être redimensionnée pendant l’exécution.
Cette intégration permet de piloter un rendu JavaScript depuis l’application native. Le choix des effets et des données à lui transmettre dépend ensuite de l’expérience souhaitée ; la synchronisation et les performances se vérifient dans le contexte du produit.
Préparer un composant qui s’intègre au produit
Nous définissons les commandes, les événements et les erreurs que le composant expose. Nous vérifions son démarrage, son redimensionnement, le focus clavier, son arrêt et le comportement lorsque le contenu n’est pas prêt.
Le runtime WebView2, les ressources web et leurs versions font aussi partie de la livraison. Les contenus autorisés et les commandes accessibles sont délimités selon le besoin de l’application. Un premier composant représentatif permet de valider cette approche avant de l’étendre.