Page History

Présentation - Widget Météo

Le Widget Météo permet d'afficher de manière concise des informations clés sur un service élément ( hôte ou cluster ).

Un widget météo est composé de ces informations composable avec les informations suivantes : 

• Le nom du service ;de l'élément.
• Le statut et son contexte ( s'il en a ) ;.
• La valeur du SLA ;
• La tendance actuelle du SLA ( ascendante ou descendante ) ;.
• L'icône du SLA.
• L’indice de qualité de service.

On autorise une grande souplesse dans l'affichage de ce widget, c'est pour cela que beaucoup de choses sont configurablesIl est possible de modifier les aspects suivants du widget météo :

• Sa taille et sa position ;( comme tous les autres widgets ).
• Le nom de l'élément :
  • Choix  entre
  Le choix entre afficher
  • le nom de l'élément ou son nom de
  Visualisation ;
• Comment sont affichés statut et contexte ;
• Choisir parmi les options disponibles pour le type d'affichage de l'arrière-plan ;
• • visualisation.
    
  • Choix de la taille du texte.
  • Choix du nombre de lignes avant de mettre les trois petits points ( ... )
  • Choix de l'alignement vertical.
• Les autres informations restent optionnelles ( statut, contexte, SLA et indice de qualité de service ).Est-ce que les informations de SLA sont affichées ou pas ;

Description

Le nom du service

La couleur de l'

En fonction de la configuration du widget, ce nom peut être :

• Son nom ( host_name ) ;
• Son nom d'affichage pour l'interface de Visualisation ( visualisation_name ) ;

Le statut et le contexte

Le widget météo affiche le statut et le contexte d'un service grâce à des icônes.

• La manière dont ces icônes s'affichent sur les widgets est paramétrable.
• Il est alors possible de choisir lequel du statut ou du contexte on veut mettre en avant parmi ces possibilités :
  • L'icône du statut seulement ( le contexte ne sera pas affiché ) ;
  • L'icône du statut mise en avant ;
  • L'icône du contexte mise en avant ;

arrière-plan

La couleur d'arrière-plan des widgets météo est configurable de 4 manières différentes :

• Un arrière-plan blanc, mais en faisant correspondre la couleur des bordures du widget avec celle du statut ou du contexte s'il y en a un. ( "background" : "no_background" ).
  
• Faire correspondre la couleur de l'arrière-plan avec celle du statut. ( "background" : "only_status" ).
• Faire correspondre la couleur de l'arrière-plan avec celle du statut OU du contexte s'il y en a un. ( "background" : "context_then_status" ).
• Faire correspondre la couleur de l'arrière-plan avec celle du statut ET du contexte s'il y en a un. ( "background" : "context_and_status" ).

Pas d'arrière-plan

Aucun

• S'il y a un contexte, la couleur de la bordure du widget sera la couleur du contexte.
  • Autrement, la bordure sera de la couleur du statut.
• L'arrière-plan du widget est blanc.

Couleur en fonction du statut uniquement

La couleur du statut seul

• La couleur de l'arrière-plan du widget météo va correspondre au statut de l'élément.
  

Couleur en fonction du statut ou du contexte

La couleur statut ou du contexte s'il en a un

• Si l'élément a un contexte, alors la couleur de son contexte va remplacer celle du statut.
• Si l'élément n'a aucun contexte, la couleur de fond se basera sur la couleur du statut.

Couleur en fonction du statut et du contexte

La couleur du statut et du contexte

• Si l'élément n'a aucun contexte, la couleur de fond se basera sur la couleur du statut.
• Si l'élément a un contexte, la couleur de fond sera de la couleur du contexte et du statut.
  • Un fond blanc sera affiché afin de pouvoir voir le nom de l'élément et le taux des SLA.
    

Les types d’icônes

La zone de gauches et la zone en haut à droite peuvent afficher différents types d’icônes ( un à la fois par zone ).
Il existe cinq types d'icônes différents :

• Le statut. ( "icon_type" : "only_status" )
• Le statut puis le contexte. ( "icon_type" : "status_then_context" )
• Le contexte puis le statut. ( "icon_type" : "context_then_status" )
• La tendance SLA. ( "icon_type" : "sla_tendency" )
• L'indicateur de qualité de service. ( "icon_type" : "quality_service_icon" )

Le statut

Icône du statut seulement ( state"icon_icon type" :  "only_status" ):

• Seule l'icône du statut sera affichée et celle du contexte n'apparaîtra pas.

Image Removed

Le statut puis le

contexte

Icône du statut mise en avant avant  ( state"icon_icon type" : "status_then_context" ):

• L'icône du statut sera mise en avant par rapport à celle du contexte ( le statut sera toujours le plus grand ).
• S'il n'y a pas de contexte, seulement l’icône du statut sera affichée.

Le contexte puis le

statut

Icône du contexte mise en avant avant  ( state"icon_icon type" : "context_then_status" ):

• L'icône du contexte sera mise en avant par rapport à celui celle du statut ( le contexte sera toujours le plus grand ).
• S'il n'y a pas de contexte, seulement l’icône du statut sera affichée.

La couleur de l'arrière-plan

La couleur d'arrière-plan des widgets météo est configurable de 4 manières différentes :

• Masquer l'arrière-plan.
• Faire correspondre la couleur l'arrière-plan avec celle du statut.
• Faire correspondre la couleur l'arrière-plan avec celle du statut et du contexte.
  • Si le service a un contexte, la couleur de l'arrière-plan sera composée des deux couleurs en même temps.
• Faire en sorte que la couleur du contexte remplace celle du statut lorsque le service en a un.

La tendance SLA

L'affichage sera une flèche dont l'orientation et la couleur donnent un aperçu de la tendance des SLAs.

La tendance va monter, descendre ou stagner en fonction de 2 critères : 

• Le statut de l'élément
• Le paramétrage des SLAs

Le calcul de la tendance est le suivant :

Exemple

L'indicateur de qualité de service

L'indicateur de qualité de service donne une vision imagé de la synthèse du taux SLA et du statut.

On a fait un parallèle avec les phénomènes météorologiques en partant du fait que :

• le "Soleil" est positif
• les "Éclairs" sont négatifs
• l'existence d'états intermédiaires.

Le tableau suivant montre les possibilités

Les Zones

Le Widget Météo est divisé en quatre zones:

• La zone de gauche ( obligatoire ).
• La zone du nom de l'élément ( obligatoire ).
• La zone en haut à droite ( optionnelle ).
• La zone SLA ( optionnelle ).

Chaque zone possède sa propre configuration.

La zone de gauche ( obligatoire )

La zone de gauche est obligatoire, elle permet d'afficher une icône . Cinq types d’icônes différents peuvent être affichés ( voir le chapitre : Les types d'icônes ).

Pas d'arrière-plan

Affichage selon les types d’icônes

Aucun  ( background : no_background ) :

	Panel title Affichage avec

un contexteImage Removed

le statut puis le contexte s'il y en a un Image Added
Panel title Affichage avec le contexte s'il y en a un puis le statut

Image Removed

Couleur en fonction du statut uniquement

Couleur en fonction du statut et du contexte

La zone du nom de l'élément ( obligatoire )

Texte à afficher

Le nom affiché dans le widget météo correspond à celui de l'hôte ou du cluster représenté.

En fonction de la configuration du widget, ce nom peut être :

• Son nom ( "property_used_as_name" : "item_name"  ).
• Son nom d'affichage pour l'interface de Visualisation ( "property_used_as_name" : "visualisation_name" ).
  

Comportement du texte et zoom de la police

Nombre de ligne à afficher avant les trois petits points

Pour permettre un affichage plus spécifique aux besoins, on permet de choisir le nombre de lignes de texte à afficher dans la zone de texte. Si la taille du widget ne permet pas d'afficher autant de ligne , il en affichera le maximum possible.

Par défaut le nombre de lignes maximum est de deux. ( "nb_lines_max" : 2 )

Alignement vertical du texte

Pour permettre un affichage plus spécifique, on permet de choisir l'alignement vertical du texte.

Par défaut, l'alignement vertical est au milieu. ( "vertical_align" : "middle" )

La zone en haut à droite ( optionnelle )

La zone en haut à droite est optionnelle , elle permet d'afficher une icône. Quatre types d’icônes différents peuvent être affichés ( voir le chapitre : Les types d'icônes ).

Affichage selon les types d’icônes

La zone SLA ( optionnelle )

La zone SLA n'est pas obligatoire ( "displayed" : true )

L'affichage des SLA est composé de trois parties:

1. Le pourcentage SLA
2. La tendance SLA ( pas de paramètre nécessaire )
   1. Une flèche dont l'orientation et la couleur changent en fonction de la situation ( voir le chapitre : La tendance SLA   pour le comportement).

   2. La flèche est systématiquement affichée dans cette zone sauf dans 2 cas : 

      • Si la zone de gauche est paramétrée pour afficher la tendance SLA ( "icon_type" : "sla_tendency" )
        => Inutile de l'afficher 2 fois une flèche indiquant la même chose.
      • Si la zone de gauche ou la zone en haut à droite est paramétrée pour afficher l'indicateur de qualité de service ( "icon_type" : "quality_service_icon" ).
         => Inutile de l'afficher 2 fois une flèche indiquant la même chose, car la tendance SLA sera directement affichée avec l’icône de l'indicateur de qualité de service.
3. L’icône SLA ( "show_icon" : true ).

Couleur du contexte prioritaire

La valeur de SLA

Affiche le pourcentage du taux de SLA.

La couleur de la valeur dépendra du seuil d'avertissement défini dans le service en question :

• Si la valeur est au-dessus du seuil d'avertissement, le taux SLA est OK et la valeur sera affichée en vert.
• Si la valeur est en dessous du seuil d'avertissement, le taux SLA est en avertissement et la valeur sera affichée en orange.
• Si la valeur est en dessous du seuil critique, le taux SLA devient critique et la valeur sera affichée en rouge.

La tendance des SLA

Cet affichage donne un aperçu de la tendance des SLA, c’est-à-dire si elle augmente, diminue ou stagne.

Options d'affichage

La tendance des SLA se matérialise sur le widget météo par une flèche dont la direction indique si elle augmente, diminue, ou stagne :

La tendance augmente : Image Removed

La tendance diminue    : Image Removed

Image Removed

Image Removed

avec SLAImage Removed

	Panel title Affichage	sans l'icône avec la tendance Image Added
Panel title Affichage sans l'icône et sans la tendance Image Added

Calcul de l'affichage du taux et l'icône

Affichage si

l'élément n'existe pas

Un service élément peut ne pas exister pour plusieurs raisons :

1. Il n'existe pas ou plus dans la configuration.
2. Il existe, mais il est désactivé.

La manière dont est affiché un widget météo avec un service élément inexistant diffère en fonction de d'où l'on regarde la météo :

• Sur la vue éditable ( accessible uniquement par les administrateurs de Shinken ), le widget sera affiché, mais avec un avertissement indiquant qu'il n'a pas été trouvé.
• Sur les liens externes, le widget ne sera pas affiché, et il y aura donc un espace vide à sa place..

Exemples d'affichage d'un widget avec un

élément non existant

Affichage d'un widget dont le service l'élément n'est pas trouvé depuis la vue d'édition d'une météo ( encadré en bleu ).

Sur un lien externe, le widget dont le service l'élément n'est pas trouvé ne sera pas affiché et un espace vide sera à son emplacement ( encadré en bleu ).

Affichage si on a pas les droits pour voir l'élément sur un lien externe

Il est possible d'exiger une authentification sur un lien externe. Si la personne connecté au lien externe, n'a pas les droits suffisant pour voir l'élément en question, alors un affichage spécial est mis en place.

Exemples d'affichage d'un widget avec un élément sur lequel l'utilisateur n'a pas les droits

Comportement du widget

lors d'un redimensionnement du navigateur

Étant donné que la taille de la grille ( et donc la taille des widgets ) est calculée en fonction de la largeur du navigateur, la taille d'un widget diminue proportionnellement à la taille du navigateur.Il y a cependant une taille minimale pour la police d'écriture des widgets ( qui est de 9 pixels ).

Exemples de redimensionnement