[TP] Projet 1 : Codes retour HTTP
Pour ce TP, nous allons créer notre premier dashboard avec sa première dashlet.
Ce que vous allez apprendre dans ce TP :
- Initier un tableau de bord
- Ajouter une dashlet
- Récupérer les données
- Transformer une URL github au format RAW
- Récupérer les données d'une URL dans Grafana avec Infinity
- Visualisation Bar chart
- Afficher les données sous forme de tableau
- Transformer les données
- Convertir des champs
- Ordonner les champs
- Visualisation Bar chart
- Mappings
- Regex
Introduction
Ce que vous allez apprendre dans cette section :
- Initier un tableau de bord
- Ajouter une dashlet
Ce projet a pour objectif de vous faire maîtriser l'expérience utilisateur(RUM) dans Dynatrace.
Source de données
Ce que vous allez apprendre dans cette section :
- Récupérer les données
- Transformer une URL github au format RAW
- Récupérer les données d'une URL dans Grafana avec Infinity
- Visualisation Bar chart
-
Transformer URL
Vous devez récupérer les données sur le repository à l'adresse : https://github.com/RousselTM/grafana-formation/blob/main/tp/data/response-code.json. Pour être utilisable dans Grafana il doit être transformé en RAW. -
Ajout de l'URL
Vous devez récupérer les données de cette URL dans Grafana en utilisant une source de donnée de type Infinity (type JSON). -
Changer de visualisation
Vous devez changer la visualisation par défaut et la mettre en forme de tableau.
Transformations
Ce que vous allez apprendre dans cette section :
- Afficher les données sous forme de tableau
- Transformer les données
- Convertir des champs
- Ordonner les champs
Pour réaliser ce TP, il vous faudra avoir réalisé entièrement le 'projet 1'.
-
Convertir un champ
Vous devez convertir le champ 'status' en chaîne de caractère. -
Ordonner les valeurs
Vous devez ordonner le contenu du champ 'status' en ordre décroissant.
Gestion des couleurs
Ce que vous allez apprendre dans cette section :
- Visualisation Bar chart
- Mappings
- Regex
Pour cette section, nous allons manipuler les couleurs des.
-
Changer de visualisation
Vous devez changer la visualisation et la mettre en forme d'histogramme. -
Changer la coloration
Vous devez modifier la coloration par défaut pour la faire passer en feu tricolore:- 200 à 299 : Vert
- 300 à 399 : Jaune
- 400 à 499 : Orange
- 500 à 599 : Rouge
Niveau de difficulté: (2/5)