feat: observability presentation

2025/observability/assets/opentelemetry-horizontal-color.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-15.54 -18.54 1016.08 381.08"><style>svg {enable-background:new 0 0 985.5 345.7}</style><path fill="#f5a800" d="M185.6 188.8c-14.6 14.6-14.6 38.3 0 52.9 14.6 14.6 38.3 14.6 52.9 0 14.6-14.6 14.6-38.3 0-52.9-14.6-14.6-38.3-14.6-52.9 0zm39.6 39.6c-7.2 7.2-19 7.2-26.2 0-7.2-7.2-7.2-19 0-26.2 7.2-7.2 19-7.2 26.2 0 7.2 7.2 7.2 19 0 26.2zm35.4-32h15.7v7.9c3.8-5.2 9.1-9 17.2-9 12.9 0 25.2 10.1 25.2 28.6v.2c0 18.5-12.1 28.6-25.2 28.6-8.4 0-13.5-3.8-17.2-8.3v23.7h-15.7v-71.7zm42.4 27.8v-.2c0-9.2-6.2-15.3-13.5-15.3s-13.4 6.1-13.4 15.3v.2c0 9.2 6.1 15.3 13.4 15.3 7.3-.1 13.5-6 13.5-15.3zm26.8.1v-.2c0-15.7 11.2-28.7 27.2-28.7 18.4 0 26.8 14.3 26.8 29.9 0 1.2-.1 2.7-.2 4.1h-38.3c1.5 7.1 6.5 10.8 13.5 10.8 5.2 0 9-1.6 13.4-5.6l8.9 7.9c-5.1 6.4-12.5 10.3-22.5 10.3-16.6-.1-28.8-11.7-28.8-28.5zm38.8-4.7c-.9-7-5-11.7-11.6-11.7-6.5 0-10.7 4.6-11.9 11.7h23.5zm26.4-23.2h16v8c3.7-4.7 8.4-9 16.5-9 12.1 0 19.1 8 19.1 20.9v36.4h-16v-31.4c0-7.6-3.6-11.4-9.7-11.4s-10 3.9-10 11.4v31.4h-16v-56.3zM237.9 4.9L215 27.8c-4.5 4.5-4.5 11.8 0 16.3l89.5 89.5c4.5 4.5 11.8 4.5 16.3 0l22.9-22.9c4.5-4.5 4.5-11.8 0-16.3L254.2 4.9c-4.5-4.5-11.8-4.5-16.3 0zM77.4 297.6c4.1-4.1 4.1-10.7 0-14.8l-11.7-11.7c-4.1-4.1-10.7-4.1-14.8 0l-24 24-6.6-6.6c-3.6-3.6-9.6-3.6-13.2 0s-3.6 9.6 0 13.2l39.7 39.7c3.6 3.6 9.6 3.6 13.2 0s3.6-9.6 0-13.2l-6.6-6.6 24-24z"/><path fill="#425cc7" d="M198.6 70.6l-50.9 50.9c-4.5 4.5-4.5 12 0 16.5l31.4 31.4c22.2-16 53.4-14 73.4 6l25.4-25.4c4.5-4.5 4.5-12 0-16.5l-62.8-62.8c-4.6-4.6-12-4.6-16.5-.1zm-32.7 112.1l-18.6-18.6c-4.3-4.3-11.5-4.3-15.8 0L66 229.6c-4.3 4.3-4.3 11.5 0 15.8l37.1 37.1c4.3 4.3 11.5 4.3 15.8 0l42.1-42.1c-8.8-18.5-7.2-40.7 4.9-57.7zM476.2 193h-22.8v-15.2h62.1V193h-22.8v59.7h-16.5V193zm39.4 31.2v-.2c0-15.7 11.2-28.7 27.2-28.7 18.4 0 26.8 14.3 26.8 29.9 0 1.2-.1 2.7-.2 4.1h-38.3c1.5 7.1 6.5 10.8 13.5 10.8 5.2 0 9-1.6 13.4-5.6l8.9 7.9c-5.1 6.4-12.5 10.3-22.5 10.3-16.6 0-28.8-11.6-28.8-28.5zm38.8-4.6c-.9-7-5-11.7-11.6-11.7-6.5 0-10.7 4.6-11.9 11.7h23.5zm26.3-41.8h15.6v74.9h-15.6v-74.9zm26.7 46.5v-.2c0-15.7 11.2-28.7 27.2-28.7 18.4 0 26.8 14.3 26.8 29.9 0 1.2-.1 2.7-.2 4.1h-38.3c1.5 7.1 6.5 10.8 13.5 10.8 5.2 0 9-1.6 13.4-5.6l8.9 7.9c-5.1 6.4-12.5 10.3-22.5 10.3-16.5-.1-28.8-11.7-28.8-28.5zm38.9-4.6c-.9-7-5-11.7-11.6-11.7-6.5 0-10.7 4.6-11.9 11.7h23.5zm26.3-23.3h16v8c3.7-4.7 8.5-9 16.6-9 7.3 0 12.9 3.3 15.8 8.9 4.9-5.8 10.8-8.9 18.5-8.9 11.9 0 19 7.1 19 20.7v36.6h-16v-31.4c0-7.6-3.4-11.4-9.3-11.4-6 0-9.7 3.9-9.7 11.4v31.4h-16v-31.4c0-7.6-3.4-11.4-9.3-11.4-6 0-9.7 3.9-9.7 11.4v31.4h-16v-56.3zm97 27.8v-.2c0-15.7 11.2-28.7 27.2-28.7 18.4 0 26.8 14.3 26.8 29.9 0 1.2-.1 2.7-.2 4.1h-38.3c1.5 7.1 6.5 10.8 13.5 10.8 5.2 0 9-1.6 13.4-5.6l8.9 7.9c-5.1 6.4-12.5 10.3-22.5 10.3-16.6 0-28.8-11.6-28.8-28.5zm38.8-4.6c-.9-7-5-11.7-11.6-11.7-6.5 0-10.7 4.6-11.9 11.7h23.5zm28.1 16.1v-26.9h-6.8V195h6.8v-14.5h16.1V195H866v13.8h-13.3V233c0 3.7 1.6 5.5 5.2 5.5 3 0 5.6-.7 7.9-2v12.9c-3.4 2-7.3 3.3-12.7 3.3-9.9 0-16.6-3.9-16.6-17zm41.6-39.7h16.2v11.5c3.3-7.9 8.6-13 18.2-12.6v17h-.9c-10.8 0-17.4 6.5-17.4 20.2v21.1H878V196zm85.9-.6h17.2l-22.4 59.8c-4.5 11.9-9.3 16.3-19.2 16.3-6 0-10.4-1.5-14.7-4l5.5-12c2.2 1.3 4.9 2.3 7.1 2.3 2.8 0 4.4-.9 5.8-3.8l-22.9-58.6h17.5l13.3 39.7 12.8-39.7z"/></svg>

2025/observability/slides.md

@@ -0,0 +1,225 @@
+# Surveillance des applications
+
+---
+
+# Sommaire
+
+- Pourquoi ?
+    - Histoire de l'application
+- Quoi ?
+    - Métriques, logs et traces
+- Comment ?
+    - 
+- Conclusion
+
+---
+
+![](./assets/hist.png)
+
+---
+
+![](./assets/hist2.png)
+
+
+---
+
+![](./assets/hist3.png)
+
+---
+
+### Pistes d'amélioration
+
+- Détecter
+- Alerter
+- Prévenir
+
+---
+
+### Observabilité
+![](./assets/questi.png)
+
+
+---
+
+### Observabilité
+![](./assets/observability.png)
+> Source : opentelemetry : Introduction à l'observabilité
+
+---
+
+### Observabilité
+
+Différents types de données
+
+- Métriques
+- Logs
+- Traces
+
+---
+
+### Observabilité
+Métriques
+![](./assets/top.png)
+
+---
+
+### Métriques
+
+**Indicateur** d'un état à un instant T
+
+- utilisation du processeur
+- nombre de processus sur la machine
+- nombre de connections concurrentes à l'application
+- nombre de tâches celery en cours
+
+---
+
+### Observabilité
+Logs
+```
+66.249.70.99 - - [25/Jun/2025:11:23:07 +0200] "GET /item/AFST_1996_6_5_2_191_0/ HTTP/1.1" 200 9488 "-" "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)"
+```
+
+Message horodaté
+Flux d'évènement ordonné
+
+---
+
+### Observabilité
+Traces...
+![](./assets/toto.png)
+
+---
+
+### Trace (Transaction)
+Chemin d'exécution de la requête à travers l'application
+
+--
+
+### Span (Intervalle)
+Unité de travail
+
+---
+
+### Traces
+<!-- ![](https://opentelemetry.io/img/waterfall-trace.svg) -->
+![](./assets/waterfall-trace.svg)
+----
+
+### Traces
+![](./assets/grafana_trace.svg)
+
+---
+
+### Application Performance Monitoring
+![](./assets/apm.png)
+
+
+---
+
+### Application Performance Monitoring
+![](./assets/apm2.png)
+
+
+
+---
+
+### Application Performance Monitoring
+
+![](./assets/agent.png)
+
+---
+
+### Application Performance Monitoring
+
+![](./assets/apm3.png)
+
+---
+
+### Un protocole pour tous les gérer
+
+<!-- ![](https://opentelemetry.io/img/logos/opentelemetry-horizontal-color.svg =x400) -->
+![](./assets/opentelemetry-horizontal-color.svg.png)
+---
+
+### Choix des logiciels
+
+- Agent
+- Base de données
+- Dashboard de visualisation
+
+---
+
+### Agent
+
+Récupérer les données et les envoyer dans une base de données.
+
+Classifier, filtrer, transformer.
+
+- OpenTelemetry exporter
+- Fluentd
+- Fluent bit
+- Grafana Alloy
+- Promtail
+- Logstash
+
+---
+
+### Base de données
+
+| Métriques  | Logs           | Traces |
+| ---------- | -------------- | ------ |
+| Prometheus | Elastic Search | Jaeger |
+| Graphite   | Loki           | Tempo  |
+| InfluxDB   |                |        |
+
+---
+
+### Dashboard de visualisation
+
+Le dashboard va se connecter à la base de données et executer des requêtes afin d'extraire les informations utiles.
+
+- Kibana
+- Grafana
+
+---
+
+### Solutions cloud
+
+- Datadog
+- Uptrace
+- Honeycomb
+
+
+---
+
+### Démo
+
+![](./assets/apm3.png)
+
+---
+
+### Démo : requête HTTP
+![](./assets/http.png =x550)
+
+----
+
+### Démo : requête HTTP
+![](./assets/http2.png =x550)
+
+----
+
+### Démo : requête HTTP
+![](./assets/http3.png =x550)
+
+---
+
+### Démo: Métriques
+![](./assets/metrics.png =x550)
+
+
+---
+
+### Ressources
+
+[Logs vs Metrics vs Traces](https://microsoft.github.io/code-with-engineering-playbook/observability/log-vs-metric-vs-trace/) : https://microsoft.github.io/code-with-engineering-playbook/observability/log-vs-metric-vs-trace/