[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

  1. 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.
  2. 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).
  3. 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'.
  1. Convertir un champ
    Vous devez convertir le champ 'status' en chaîne de caractère.
  2. 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.
  1. Changer de visualisation
    Vous devez changer la visualisation et la mettre en forme d'histogramme.
  2. 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)