Widget Library
Widget Library
La Widget Library est la section centrale pour la gestion des widgets réutilisables dans optiCLOUD. Elle permet de gérer aussi bien les widgets fournis par la plateforme que les widget bundles créés soi-même.
Widget bundles
La vue tableau affiche les widget bundles existants.
- Bundle name : nom du widget bundle
- Type : permet de distinguer les bundles fournis des bundles personnalisés
Il existe deux types :
- System pour les widgets standard fournis par OptiMEAS
- Custom pour les widget bundles créés par l'utilisateur lui-même
La barre d'actions permet de créer de nouveaux bundles ou d'importer des bundles existants.
Créer un nouveau widget bundle
Create permet de créer un nouveau widget bundle. Un titre est d'abord attribué. Une image et une description peuvent en outre être ajoutées en option.
Après sa création, le bundle apparaît dans le tableau et peut être ouvert via la vue détaillée. Les widgets proprement dits du bundle peuvent ensuite y être gérés.
Créer des widgets dans un bundle
Au sein d'un bundle, de nouveaux widgets peuvent être créés via Create Widget. Avant le démarrage de l'éditeur, le type de widget souhaité est d'abord sélectionné.
Les types disponibles sont :
- Time Series Widget pour les données de séries temporelles
- Latest Value Widget pour les dernières valeurs de mesure ou d'état
- Control Widget pour les widgets avec fonctionnalité de commande ou RPC
- Alarm Widget pour les données d'alarme
- Static Widget pour les widgets sans connexion à une base de données
Le choix du type détermine la structure technique de base du widget et donc aussi la manière dont les données seront ensuite interrogées ou traitées.
Widget Editor
Après la sélection du type, le Widget Editor s'ouvre. Il fonctionne comme un environnement de développement intégré pour les widgets personnalisés. Les différentes zones d'édition se trouvent sur le côté gauche, tandis qu'un aperçu du widget actuel est affiché en continu à droite.
General
La zone General définit les propriétés de base du widget :
- nom
- type de widget
- image d'aperçu
- description
- paramètres généraux
- Data-Key-Settings
Si un widget doit utiliser ses propres paramètres, le Settings-Form-Selektor prédéfini doit être supprimé afin que le widget accède à sa propre définition.
HTML
La zone HTML définit la structure du widget.
C'est ici que l'on renseigne la partie balisage proprement dite du widget, qui devient ensuite directement visible dans l'aperçu.
CSS
La zone CSS permet de concevoir l'apparence visuelle du widget.
La mise en page, les couleurs, les espacements et d'autres définitions de style peuvent ainsi être appliqués directement au widget.
JavaScript
La zone JavaScript permet d'implémenter la logique du widget.
C'est ici que sont traitées les données, gérés les états ou implémentés les interactions et contenus dynamiques.
Resources
Resources permet d'intégrer au widget des bibliothèques externes supplémentaires, par exemple des bibliothèques de visualisation ou utilitaires.
Il est ainsi possible de créer aussi des widgets plus complexes ou spécialisés à partir de bibliothèques existantes.
Settings Schema
La zone Settings Schema définit quels paramètres configurables le widget proposera ensuite dans l'interface.
Le schéma décrit donc la structure et les possibilités de saisie de la configuration du widget.
Data-Key-Settings
La zone Data-Key-Settings définit comment les canaux de données ou clés de données sont utilisés et configurés dans le widget.
Un widget peut ainsi être préparé de façon ciblée pour certaines sources de données ou structures de données.
Widget Settings
L'aperçu et les paramètres configurables du widget peuvent être consultés directement dans l'éditeur.
Il est ainsi possible de vérifier rapidement, pendant le développement, comment les modifications de la structure, de la logique ou des paramètres influencent le comportement ultérieur du widget.
Mise en perspective
La Widget Library fournit la base technique pour des visualisations individuelles et réutilisables au sein des dashboards. La programmation proprement dite de widgets complexes est décrite plus en détail ailleurs. Cette page sert donc de vue d'ensemble sur la gestion, la création et la structure des widgets dans optiCLOUD.