Différences entre les versions de « IHM V5 en détails : Les dashboards »

De GCE Electronics
Aller à la navigation Aller à la recherche
Ligne 2 : Ligne 2 :


== '''Les tableaux de bord : généralités''' ==
== '''Les tableaux de bord : généralités''' ==
Les tableaux de bord permettent un affichage personnalisé de toutes  les ressources digitales et analogiques de l'installation (IPX800 + Extensions) voire même des objets ou services communicants.


=== Création ===
L'IPX800 V5 propose des tableaux de bord de deux types :
 
* Dashboards classiques (widgets positionnés sur une grille),  Les tableaux de bord classiques sont réactifs (responsive design) et permettent un affichage sur des écrans de toute taille. Lorsque le Dashboard est consulté sur un écran de taille différente, il est possible de réagencer les widgets pour une meilleure visualisation, mais cela affecte alors la visualisation sur tous les écrans. Il vaut donc mieux construire des Dashboards spécifiques si l'on souhaite consulter l'IHM sur tablette ou smartphone.
* Liveviews (widgets en positionnement libre sur un fond imagé).  Le liveview et tout son contenu est redimensionné (dans la mesure du possible) à la taille de l'écran de consultation.  Pour une raison de confort, il vaut mieux que les dimensions de l'image de fond respecte les proportions de l'écran sur lequel elle sera affichée. A défaut, des barres de défilement seront ajoutées et il faudra scroller pour accéder aux extrémités du Liveview.
 
=== Création des tableaux de bord ===
A partir de la page '''Système''' , vous pouvez accéder au menu '''DASHBOARDS'''.
 
Les dashboards classiques et les liveviews sont classés en 2 catégories distinctes.
 
Vous pouvez les personnaliser
 
* Nom : Nom du Dashboard
* Icône : vous pouvez sélectionner un icône parmi une liste conséquente, triée par catégories. Pour ne pas afficher d'icône, sélectionnez [[Fichier:Image icone vide.png|sans_cadre|22x22px]]
 
==== Édition, suppression et export ====
Vous pouvez supprimer un dashboard ou encore l'exporter sous forme de fichier JSON. Il sera alors possible de l'importer sur une autre IPX800 V5.
'''Remarque''' : une jauge affiche la taille mémoire en % du dashboard. Si cette taille atteint 100%, il est alors impossible d'ajouter un widget.
Les dashboards ont une taille limitée à 61440 bits (60 ko).
Tous les tableaux de bord (dashboards et liveviews) sont sauvegardés lors d'une sauvegarde du système (menu Système / Configuration)
 
==== Création ====
A partir de la page DASHBOARDS, vous pouvez également créer des nouveaux tableaux de bord.
 
Lors de la création, vous avez la possibilité d'importer un fichier Json, sauvegardé par vos soins ou bien partagé par un membre de la communauté GCE.
 
Vous pouvez également trouver des modèles à télécharger sur le site officiel de GCE puis les importer sur votre IPX800.
 
exemples :
 
 
[[Fichier:Dashboard myLittleHouse.png|sans_cadre]]
 
[https://v5.gce-electronics.com/data/dash/My_Little_House.json Téléchargement : My_Little_House.json]
 
 
[[Fichier:Liveview gce.png|sans_cadre]]
 
[https://v5.gce-electronics.com/data/live/my_little_house_live.json Téléchargement : my_little_house_live.json]
 
Pour créer un nouveau tableaux de bord, vous devez être connecté avec un identifiant de classe '''"Admin" ou "Root"'''.


=== Droits d'accès ===
=== Droits d'accès ===
Les droits d'accès à un dashboard ou liveview sont administrés à partir de la page Système/Utilisateurs.
Connecté avec un identifiant "Root" ou "Admin", vous pouvez attribuer le droit de visualisation à chacun des utilisateurs sur les dashboards que vous créez.
N'oubliez pas de vous octroyer les droits si vous souhaitez avoir accès au dashboard.
Pour chaque utilisateur, les listes nommée "Dashboard" et "Liveview" permettent la sélection multiple des vues qu'il pourra consulter.
En fonction de son niveau d'accréditation (Observateur, Utilisateur, Opérateur, Admin, Root) il aura ou non la possibilité de modifier la vue ou de piloter l'installation à partir des widgets.
Rappel à partir de la doc :
'''Les niveaux de permissions de l’IPX800 V5:'''
- '''Niveau 0''' : Le mode '''Observateur''' permet uniquement de '''consulter''' les tableaux de bord. Tous les contrôles sont désactivés. L'observateur ne peut pas créer ni modifier les vues.
- '''Niveau''' '''1''' : Le niveau '''Utilisateur autorise'''  l’usage des tableaux de bord (contrôles activés). L'utilisateur ne peut pas créer, trier ou modifier les vues.
- '''Niveau 2''' :  Le niveau '''opérateur''' autorise l'usage, la création, la modification et la configuration des Dashboards. Par défaut, lui seul aura accès aux vues qu'il aura créées.
''',- Niveaux 3 et 4 : administrateur et Root''' ont un accès total sur les vues et les droits d'accès'''.'''


=== Ordonnancement ===
=== Ordonnancement ===
Ligne 13 : Ligne 76 :
=='''Les dashboards'''==
=='''Les dashboards'''==
===Principes===
===Principes===
[[Fichier:Dashboard myLittleHouse.png|sans_cadre]]


[https://v5.gce-electronics.com/data/dash/My_Little_House.json Téléchargement : My_Little_House.json]
 
 




Ligne 42 : Ligne 105 :


=== Principes ===
=== Principes ===
[[Fichier:Liveview gce.png|sans_cadre]]


[https://v5.gce-electronics.com/data/live/my_little_house_live.json Téléchargement : my_little_house_live.json]
 
 





Version du 21 novembre 2023 à 13:34

Page en cours de création

Les tableaux de bord : généralités

Les tableaux de bord permettent un affichage personnalisé de toutes les ressources digitales et analogiques de l'installation (IPX800 + Extensions) voire même des objets ou services communicants.

L'IPX800 V5 propose des tableaux de bord de deux types :

  • Dashboards classiques (widgets positionnés sur une grille), Les tableaux de bord classiques sont réactifs (responsive design) et permettent un affichage sur des écrans de toute taille. Lorsque le Dashboard est consulté sur un écran de taille différente, il est possible de réagencer les widgets pour une meilleure visualisation, mais cela affecte alors la visualisation sur tous les écrans. Il vaut donc mieux construire des Dashboards spécifiques si l'on souhaite consulter l'IHM sur tablette ou smartphone.
  • Liveviews (widgets en positionnement libre sur un fond imagé). Le liveview et tout son contenu est redimensionné (dans la mesure du possible) à la taille de l'écran de consultation. Pour une raison de confort, il vaut mieux que les dimensions de l'image de fond respecte les proportions de l'écran sur lequel elle sera affichée. A défaut, des barres de défilement seront ajoutées et il faudra scroller pour accéder aux extrémités du Liveview.

Création des tableaux de bord

A partir de la page Système , vous pouvez accéder au menu DASHBOARDS.

Les dashboards classiques et les liveviews sont classés en 2 catégories distinctes.

Vous pouvez les personnaliser

  • Nom : Nom du Dashboard
  • Icône : vous pouvez sélectionner un icône parmi une liste conséquente, triée par catégories. Pour ne pas afficher d'icône, sélectionnez Image icone vide.png

Édition, suppression et export

Vous pouvez supprimer un dashboard ou encore l'exporter sous forme de fichier JSON. Il sera alors possible de l'importer sur une autre IPX800 V5.

Remarque : une jauge affiche la taille mémoire en % du dashboard. Si cette taille atteint 100%, il est alors impossible d'ajouter un widget.
Les dashboards ont une taille limitée à 61440 bits (60 ko).

Tous les tableaux de bord (dashboards et liveviews) sont sauvegardés lors d'une sauvegarde du système (menu Système / Configuration)

Création

A partir de la page DASHBOARDS, vous pouvez également créer des nouveaux tableaux de bord.

Lors de la création, vous avez la possibilité d'importer un fichier Json, sauvegardé par vos soins ou bien partagé par un membre de la communauté GCE.

Vous pouvez également trouver des modèles à télécharger sur le site officiel de GCE puis les importer sur votre IPX800.

exemples :


Dashboard myLittleHouse.png

Téléchargement : My_Little_House.json


Liveview gce.png

Téléchargement : my_little_house_live.json

Pour créer un nouveau tableaux de bord, vous devez être connecté avec un identifiant de classe "Admin" ou "Root".

Droits d'accès

Les droits d'accès à un dashboard ou liveview sont administrés à partir de la page Système/Utilisateurs.


Connecté avec un identifiant "Root" ou "Admin", vous pouvez attribuer le droit de visualisation à chacun des utilisateurs sur les dashboards que vous créez.

N'oubliez pas de vous octroyer les droits si vous souhaitez avoir accès au dashboard.

Pour chaque utilisateur, les listes nommée "Dashboard" et "Liveview" permettent la sélection multiple des vues qu'il pourra consulter.

En fonction de son niveau d'accréditation (Observateur, Utilisateur, Opérateur, Admin, Root) il aura ou non la possibilité de modifier la vue ou de piloter l'installation à partir des widgets.

Rappel à partir de la doc :

Les niveaux de permissions de l’IPX800 V5:

- Niveau 0 : Le mode Observateur permet uniquement de consulter les tableaux de bord. Tous les contrôles sont désactivés. L'observateur ne peut pas créer ni modifier les vues.

- Niveau 1 : Le niveau Utilisateur autorise l’usage des tableaux de bord (contrôles activés). L'utilisateur ne peut pas créer, trier ou modifier les vues.

- Niveau 2 : Le niveau opérateur autorise l'usage, la création, la modification et la configuration des Dashboards. Par défaut, lui seul aura accès aux vues qu'il aura créées.

,- Niveaux 3 et 4 : administrateur et Root ont un accès total sur les vues et les droits d'accès.

Ordonnancement

Export

Les dashboards

Principes

Exemple dashboard piscine.png

Organisation du Dashboard

Les Widgets

droits d'accès, ordonnancement, responsive, renommer, icône, export, taille limite, .....

Les thèmes

Image theme purple.png

Téléchargement : blurple.json

Les widgets

dimensionnement, suppression, duplication, déplacement, multiples commandes (toggle, poussoirs, matrices, ...), présenter l'API widget avec widget HTML, astuce balises Html <br>..... <b>dans les étiquettes, zoom 80%, ...

Les Liveviews

Principes

Liveview fgtoul.png

Organisation

Les widgets

gestion des superpositions (plans)

Image liveview superposition.png


, clignotements, image on/off : alerte image codée base64 (taille excessive), stockage images (hébergeur gratuit, NAS, ...

texte taille fixe: attention en cas de changement d'écran, alignements (crossbars)...