rapport: add references to figures

doc/gitlab-markdown.gpp

 !!define{!!svg{description}{filename}}{![!!description](!!filename.png)}
 
+!!define{!!svgref{ref_id}{description}{filename}}{
+<figure>
+<a name="!!ref_id"/>
+!!svg{description}{filename}
+<figcaption>!!description</figcaption>
+</figure>
+}
+
+!!define{!!ref{ref_id}}{![ci-dessous](#!!ref_id)}
+
 !!define{!!video{description}{filename}}{![!!description](!!filename)}
 
 !!define{!!tableofcontents}{

doc/markdown.gpp

+!!ifndef{MARKDOWN_GPP_INCLUDED}
+
+!!define{MARKDOWN_GPP_INCLUDED}
+
 !!ifdef{PANDOC_PDF}
     !!include{pandoc-pdf-markdown.gpp}
 !!endif
@@ -16,3 +20,10 @@ EOF-DEFACRONYM-GPP-MACRO
 )" >> ./acronyms.md}}!!tmp}
 
 !!define{!!listofacronyms}{!!defeval{tmp}{!!includemd{acronyms.md}}!!tmp}
+
+!!define{!!comment}{}
+!!else
+
+!!warning{markdown.gpp has been included more than once. Ignoring second include.}
+
+!!endif
\ No newline at end of file

doc/pandoc-pdf-markdown.gpp

 !!define{!!svg{description}{filename}}{![!!description](!!filename.svg)}
 
+!!define{!!svgref{ref_id}{description}{filename}}{!!svg{!!description\label{!!ref_id}}{!!filename}}
+
+!!define{!!ref{ref_id}}{\ref{!!ref_id}}
+
 !!define{!!video{description}{filename}}{[!!description](!!filename)}
 
 !!define{!!tableofcontents}{\tableofcontents}

doc/rapport.gpp.md

 !!include{markdown.gpp}
 !!ifdef{PANDOC_PDF}
----
+!!comment{
+```yaml
+}---
 documentclass: memoir
 lang: fr-CH
 title: Travail de bachelor
@@ -54,7 +56,9 @@ header-includes: |
 abstract: |
     TODO: Abstract + illustration
 ---
-
+!!comment{
+```
+}
 !!endif
 
 !!initacronyms
@@ -143,7 +147,10 @@ les postes clients, le serveur, les images, les configurations. Le
 diagramme doit décrire les aspects fonctionnels du système (quoi) sans
 détailler les aspects techniques (comment).**
 
-!!svg{Diagramme des cas d'utilisation}{images/diagram_usecases}
+L'aspect fonctionnel du système à réaliser est décrit avec un diagramme
+de cas d'utilisations dans la figure !!ref{diagram_usecases}.
+
+!!svgref{diagram_usecases}{Diagramme des cas d'utilisation du système.}{images/diagram_usecases}
 
 # État de l'art
 
@@ -349,20 +356,22 @@ d'effectuer ces actions:
 
 ### Diagramme des composants du serveur 
 
-Le diagramme ci-dessous détaille les différents composants et leurs
-interactions:
+La figure !!ref{diagram_components} est un diagramme qui détaille les
+différents composants et leurs interactions.
 
-!!svg{Composants du système}{images/diagram_components}
+!!svgref{diagram_components}{Composants du système}{images/diagram_components}
 
 ## Processus de déploiement initial
 
 **TODO: décrire pas à pas les différentes étapes du processus de
 déploiement telles que montrées sur le diagramme.**
 
-Le diagramme ci-dessous détaille les différentes étapes du processus de
-déploiement d'images:
+Les différentes étapes du processus de déploiement d'images sont décites
+dans la figure !!ref{diagram_activity_deployment} qui est un diagrame
+d'activité détaillant les différentes étapes du processus de déploiement
+d'images.
 
-!!svg{Processus de déploiement initial}{images/diagram_activity_deployment}
+!!svgref{diagram_activity_deployment}{Diagramme d'activité du processus de déploiement initial}{images/diagram_activity_deployment}
 
 ## Architecture réseau initiale
 
@@ -398,10 +407,10 @@ manière suivante:
 2. L'interface `eth1` de la machine virtuelle est ratachée à l'interface
    `eth0` de la machine hôte en utilisant le mode `bridged`.
 
-Le diagramme suivant détaille la configuration réseau décrite ci-dessus:
+La figure !!ref{diagram_home_network} illustre les détails de la
+configuration réseau décrite ci-dessus.
 
-!!svg{Configuration des équipements réseaux pour le test du système
-initial}{images/diagram_home_network}
+!!svgref{diagram_home_network}{Diagramme montrant la configuration des équipements réseaux utilisée pendant le test du système initial.}{images/diagram_home_network}
 
 ## Mise en opération du projet initial
 

doc/rapport.md

@@ -95,7 +95,16 @@ les postes clients, le serveur, les images, les configurations. Le
 diagramme doit décrire les aspects fonctionnels du système (quoi) sans
 détailler les aspects techniques (comment).**
 
-![Diagramme des cas d'utilisation](images/diagram_usecases.png)
+L'aspect fonctionnel du système à réaliser est décrit avec un diagramme
+de cas d'utilisations dans la figure ![ci-dessous](#diagram_usecases).
+
+
+<figure>
+<a name="diagram_usecases"/>
+![description](filename.png)
+<figcaption>Diagramme des cas d'utilisation du système.</figcaption>
+</figure>
+
 
 # État de l'art
 
@@ -301,20 +310,34 @@ d'effectuer ces actions:
 
 ### Diagramme des composants du serveur 
 
-Le diagramme ci-dessous détaille les différents composants et leurs
-interactions:
+La figure ![ci-dessous](#diagram_components) est un diagramme qui détaille les
+différents composants et leurs interactions.
+
+
+<figure>
+<a name="diagram_components"/>
+![description](filename.png)
+<figcaption>Composants du système</figcaption>
+</figure>
 
-![Composants du système](images/diagram_components.png)
 
 ## Processus de déploiement initial
 
 **TODO: décrire pas à pas les différentes étapes du processus de
 déploiement telles que montrées sur le diagramme.**
 
-Le diagramme ci-dessous détaille les différentes étapes du processus de
-déploiement d'images:
+Les différentes étapes du processus de déploiement d'images sont décites
+dans la figure ![ci-dessous](#diagram_activity_deployment) qui est un diagrame
+d'activité détaillant les différentes étapes du processus de déploiement
+d'images.
+
+
+<figure>
+<a name="diagram_activity_deployment"/>
+![description](filename.png)
+<figcaption>Diagramme d'activité du processus de déploiement initial</figcaption>
+</figure>
 
-![Processus de déploiement initial](images/diagram_activity_deployment.png)
 
 ## Architecture réseau initiale
 
@@ -350,10 +373,16 @@ manière suivante:
 2. L'interface `eth1` de la machine virtuelle est ratachée à l'interface
    `eth0` de la machine hôte en utilisant le mode `bridged`.
 
-Le diagramme suivant détaille la configuration réseau décrite ci-dessus:
+La figure ![ci-dessous](#diagram_home_network) illustre les détails de la
+configuration réseau décrite ci-dessus.
+
+
+<figure>
+<a name="diagram_home_network"/>
+![description](filename.png)
+<figcaption>Diagramme montrant la configuration des équipements réseaux utilisée pendant le test du système initial.</figcaption>
+</figure>
 
-![Configuration des équipements réseaux pour le test du système
-initial](images/diagram_home_network.png)
 
 ## Mise en opération du projet initial
 
@@ -509,32 +538,6 @@ de personnalisation, avec un exemple type simple.**
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 ## 2020-04-22
 
 Created the git repository on
@@ -3197,8 +3200,6 @@ I tried to make a Dockerfile that creates the deployment OS with `multistrap`
 but I found out that this tool only created a root file system and it's not bootable "as-is".
 I still have to install a kernel generate an initrd.
 
-## 2020-06-10
-
 I created a script to configure debian packages and clean up the file system in chroot.
 
 ## 2020-06-24