Update

12 files changed, 76 insertions, 117 deletions

diff --git a/source/css/theme.css b/source/css/theme.css
index dc9d3046..a57ced98 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -406,6 +406,8 @@ img {
 
 .figure {
     text-align: center;
+    margin: 0 auto;
+    width: 60%;
 }
 
 .figure img {
diff --git a/source/img/newsbeuter_article.png b/source/img/newsbeuter_article.png
new file mode 100644
index 00000000..7ca441f4
--- /dev/null
+++ b/source/img/newsbeuter_article.png
diff --git a/source/img/newsbeuter_source.png b/source/img/newsbeuter_source.png
new file mode 100644
index 00000000..3ffee6ca
--- /dev/null
+++ b/source/img/newsbeuter_source.png
diff --git a/source/img/searx_search.png b/source/img/searx_search.png
new file mode 100644
index 00000000..f1cf1bbf
--- /dev/null
+++ b/source/img/searx_search.png
diff --git a/source/img/veille_techno_shaarli.png b/source/img/veille_techno_shaarli.png
new file mode 100644
index 00000000..211a3324
--- /dev/null
+++ b/source/img/veille_techno_shaarli.png
diff --git a/source/website/Documents/PPE4.md b/source/website/Documents/PPE4.md
index ae56175a..97fec4de 100644
--- a/source/website/Documents/PPE4.md
+++ b/source/website/Documents/PPE4.md
@@ -34,7 +34,7 @@ Le développement de cet application c'est déroulé en "mode projet", c'est à
 
 ## Moyen
 
-Le développement c'est déroulé sur mon ordinateur personnel tandis que l'application web est en production sur le serveur du lycée.
+Le développement c'est déroulé sur mon ordinateur portable sous GNU/Linux tandis que l'application web est en production sur le serveur du lycée.
 
 # Activités et Compétences
 
@@ -47,6 +47,12 @@ Le cahier des charge étant inexistant, celui-ci à du être définit et est dis
   - C1.1.1.1 Recenser et caractériser les contextes d'utilisation, les processus et les acteurs sur lesquels le service à produire aura un impact
   - C1.1.1.2 Identifier les fonctionnalités attendues du service à produire
 
+## A1.1.2, Étude de l'impact de l'intégration d'un service sur le système informatique
+
+Les intéractions entre les services ont été définit dans le [diagramme de séquence](https://framagit.org/ppe4/WebRadio_Site_Dynamique/blob/master/doc/Conceptualisation.md#diagramme-de-s%C3%A9quence)
+
+ - C1.1.2.1 Analyser les intéractions entre services
+
 ## A1.2.2, Rédaction des spécifications techniques de la solution retenue
 
 La rédaction des spécifications techniques de la solution retenue ont été écrite sous la formes de diagrames UML disponibles dans [les sources de l'application](https://framagit.org/ppe4/WebRadio_Site_Dynamique/blob/master/doc/Conceptualisation.md).
@@ -77,7 +83,7 @@ La justification des écarts de durée dans le projets sont dans les [issues](ht
 
 ## A1.4.3, Gestion des ressources
 
-Le planning personnel s'adapte lui même en fonction des ressources disponibles. 
+Le planning personnel s'adapte lui même en fonction des ressources disponibles.
 
   - C1.4.3.2 Adapter son planning personnel en fonction des ressources disponibles
 
diff --git a/source/website/Documents/Situation1/doc.md b/source/website/Documents/Situation1/doc.md
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/source/website/Documents/Situation1/doc.md
diff --git a/source/website/Documents/Situation2/test.md b/source/website/Documents/Situation2/test.md
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/source/website/Documents/Situation2/test.md
diff --git a/source/website/Documents/stage1.md b/source/website/Documents/stage1.md
index 7e9df51b..0d4778e7 100644
--- a/source/website/Documents/stage1.md
+++ b/source/website/Documents/stage1.md
@@ -33,70 +33,57 @@ Ce projet à été réalisé seul.
 
 ## Moyen
 
-Un ordinateur fixe tournant sur linux ainsi qu'une Rapsberry Pi 1 et une télévision.
-
-CE QUI CE TROUVE EN DESSOUS DE LA LIGNE RESTE A FAIRE !
-----
+Le développement c'est déroulé sur un ordinateur fix sous GNU/Linux ainsi qu'une Raspberry Pi et une télévision.
 
 # Activités et Compétences
 
-## A2.2.1, Suivi et résolution d'incidents
-
-Durant ce stage l'un des écrans connecté qui à été réalisé à été très bien accueilli par le client.
-
-  - C2.1.1.3 Rendre compte de la satisfaction des utilisateurs
+## A1.1.2, Étude de l'impact de l'intégration d'un service sur le système informatique
 
+Les impacts de l'intégration d'un service on été étudié dans le [Rapport d'activitées](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_1.git/plain/Rapport/rapport.pdf)
 
+ - C1.1.2.1 Analyser les intéractions entre services
 
-## A1.3.4, Déploiment d'un service
+## A2.2.1, Suivi et résolution d'incidents
 
-La procédure d'installation est disponible dans la documentation. Elle est automatique mais elle requiert certains éléments préinstallés.
+Durant ce stage l'un des écrans connecté qui à été réalisé à été très bien accueilli par le client.
 
-  - C1.3.4.1 Mettre au point une procédure d'installation de la solution
-  - C1.3.4.2 Automatiser l'installation de la solution
+  - C2.1.1.3 Rendre compte de la satisfaction des utilisateurs
 
-## A1.4.3, Gestion des ressources
+## A2.3.1, Identification, qualification et évaluation d'un problème
 
-Le planning personnel s'adapte lui même en fonction des ressources disponibles. La/Les compétence·s suivante sont/est donc validée·s :
+L'identification, la qualification et l'évaluation d'un problème est justifié dans le  [Rapport d'activitées](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_1.git/plain/Rapport/rapport.pdf)
 
-  - C1.4.3.2 Adapter son planning personnel en fonction des ressources disponibles
+  - C2.3.1.1 Repérer une suite de dysfonctionnements récurrents d'un service
+  - C2.3.1.2 Identifier kes causes de ce dysfonctionnement
+  - C2.3.1.3 Qualifier le degré d'urgence du problème
+  - C2.3.1.4 Définir le degré d'urgence du problème
+  - C2.3.1.5 Évaluer les conséquences techniques du problème
 
 ## A4.1.6, Gestion d'environnements de développement et de test
 
-L'environnement de développement était composé des edtieurs Neovim et Atom ainsi que de Git. De plus le framework Phoenix permet la gestion d'envrionnement de test. La/Les compétence·s suivante sont/est donc validée·s :
+L'environnement de développement était composé des edtieurs Neovim et Atom ainsi que de Git. De plus le framework Phoenix permet la gestion d'envrionnement de test.
 
   - C4.1.6.1 Mettre en place et exploiter un envrionnement de développement
   - C4.1.6.2 Mettre en place et exploiter un environnement de test
 
 ## A4.1.7, Développement, utilisation ou adaptation de composants logiciels
 
-Voir directement [les sources de l'application](https://framagit.org/NeodarZ/the_transcriber_backend). La/Les compétence·s suivante sont/est donc validée·s :
+Voir directement [les sources de l'application](https://framagit.org/NeodarZ/the_transcriber_backend).
 
   - C.1.7.1 Développer les éléments d'une solution
   - C4.1.7.2 Créer un composant logiciel
   - C4.1.7.4 Utiliser des composants d'accès aux données
 
-## A4.1.8, Réalisation des tests nécessaires à la validation d'éléments adaptés ou développés
-
-Des test unitaires ont été développé et sont disponible dans [les sources de l'application](https://framagit.org/NeodarZ/the_transcriber_backend/tree/master/test)
-
-  - C4.1.8.1 Élaborer et réaliser des tests unitaires
-
-## A4.1.9, Rédaction d'une documentation technique
-
-La rédaction de la documentation ce trouve dans [la documentation]https://framagit.org/NeodarZ/the_transcriber_backend/blob/master/README.md) du projet. La/Les compétence·s suivante sont/est donc validée·s :
-
-  - C4.1.9.1 Produire ou mettre à jour la documentation technique d'une solution applicative et de ses composants logiciels
-
-## A4.1.10, Rédaction d'une documentation d'utilisation
+## A4.2.2, Adaptation d'une solution applicative aux évolutions de ses composants
 
-La rédaction de la documentation ce trouve parmis la [documentation](https://framagit.org/NeodarZ/the_transcriber_backend/blob/master/README.md). La/Les compétence·s suivante sont/est donc validée·s :
+L'adaptation de la solution est expliqué dans le [rapport d'activitées](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_1.git/plain/Rapport/rapport.pdf) ainsi que dans l'[article de blog](/blog/2016-06-04-Mode-kiosk-sur-une-Raspberry-Pi-1.html).
 
-  - C4.1.10.1 Adapter la documenation d'utilisation, une aide, une FAQ
+  - C4.2.2.1 Repérer les évolutions des composants utilisés et leurs conséquences
+  - C4.2.2.2 Concevoir les mises à jour à effectuer
 
 ## 5.2.2, Veille technologique
 
-[Veille technologique](/website/Documents/veille_techno.html). La/Les compétence·s suivante sont/est donc validée·s :
+[Veille technologique](/website/Documents/veille_techno.html).
 
   - C5.2.2.1 Définir une stratégie de recherche d'info
   - C5.2.2.2 Tenir à jour une liste de sources d'info
@@ -105,7 +92,7 @@ La rédaction de la documentation ce trouve parmis la [documentation](https://fr
 
 ## A5.2.4, Étude d'une technologie, d'un composant, d'un outil ou d'une méthode
 
-La découverte d'un nouveau paradigme et d'un nouveau langage de programmation est justifié par les sources de l'[API](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/) ainsi que par le [rapport d'activitées]((https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/tree/Rapport/rapport.pdf).
+Un [article sur mon blog](/blog/2016-06-04-Mode-kiosk-sur-une-Raspberry-Pi-1.html) porte sur l'étude de l'outil utilisé ainsi que les améliorations possibles.
 
   - C5.2.4.1 Se documenter à propos d'une technologie, d'un composant, d'un outil ou d'une méthode.
 
@@ -113,3 +100,4 @@ La découverte d'un nouveau paradigme et d'un nouveau langage de programmation e
 
   - [Sources](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/)
   - [Rapport d'activitées](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_1.git/plain/Rapport/rapport.pdf)
+  - [Article de blog](/blog/2016-06-04-Mode-kiosk-sur-une-Raspberry-Pi-1.html)
diff --git a/source/website/Documents/stage2.md b/source/website/Documents/stage2.md
index 020c26b7..f293806b 100644
--- a/source/website/Documents/stage2.md
+++ b/source/website/Documents/stage2.md
@@ -36,7 +36,7 @@ Ce projet a été réalisé seul.
 
 ## Moyen
 
-Seulement mon portable.
+Le développement c'est déroulé sur mon ordinateur portable sous GNU/Linux tandis que l'application web est en production sur le serveur du lycée.
 
 # Activités et Compétences
 
@@ -97,7 +97,8 @@ La rédaction de la documentation se trouve parmis la [documentation](https://fr
 
 ## A5.2.4, Étude d'une technologie, d'un composant, d'un outil ou d'une méthode
 
-La découverte d'un nouveau paradigme et d'un nouveau langage de programmation est justifié par les sources de l'[API](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/) ainsi que par le [rapport d'activitées]((https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/tree/Rapport/rapport.pdf). Le compétence suivante sont donc validée :
+La découverte d'un nouveau paradigme et d'un nouveau langage de programmation est justifié par les sources de l'[API](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/) ainsi que par le [rapport d'activitées]((https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/tree/Rapport/rapport.pdf).
+Ainsi qu'un [article sur mon blog](/blog/2017-05-01-A-la-d%C3%A9couverte-d-un-nouveau-langage.html) qui porte sur l'étude de l'outil utilisé et les améliorations possibles.
 
   - C5.2.4.1 Se documenter à propos d'une technologie, d'un composant, d'un outil ou d'une méthode.
 
@@ -105,71 +106,4 @@ La découverte d'un nouveau paradigme et d'un nouveau langage de programmation e
 
   - [Sources](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/)
   - [Rapport d'activitées](https://git.neodarz.net/neodarz/cours_SIO/recap_stage_2.git/tree/Rapport/rapport.pdf)
-
-
----
-
-
-### Procédure d'installation
-
-Add Erlang Solutions repo:
-
-``` sh
-wget https://packages.erlang-solutions.com/erlang-solutions_1.0_all.deb && sudo dpkg -i erlang-solutions_1.0_all.deb
-```
-
-Run:
-
-``` sh
-sudo apt-get update
-```
-
-Install the Erlang/OTP platform and all of its applications:
-
-``` sh
-sudo apt-get install esl-erlang
-```
-
-Install Elixir:
-
-``` sh
-sudo apt-get install elixir
-```
-
-Install postgresql and configure it.
-
-CREATE USER demo WITH PASSWORD 'P@ssword';
-ALTER USER demo CREATEDB;
-
-Clone the project:
-
-``` sh
-git clone https://framagit.org/NeodarZ/the_transcriber_backend.git
-```
-
-edit the file config/dev.exs   with this:
-``
-[...]
-username: "demo",
-password: "P@ssword",
-[...]
-```
-Instalation des dépendances :
-```sh
-mix deps.get
-```
-
-You must have this message:
-```sh
-Could not find Hex, which is needed to build dependency :phoenix
-Shall I install Hex? (if running non-interactively, use: "mix local.hex --force") [Yn]
-```
-
-Accept it because Hex is necessary to install dependences
-
-Create and migrate your database with
-``` sh
-mix ecto.create && mix ecto.migrate
-```
-
-install node 6.10.0 and npm from source
+  - [Article de blog](/blog/2017-05-01-A-la-d%C3%A9couverte-d-un-nouveau-langage.html)
diff --git a/source/website/Documents/veille_techno.md b/source/website/Documents/veille_techno.md
index a4da0c9f..19fad3b3 100644
--- a/source/website/Documents/veille_techno.md
+++ b/source/website/Documents/veille_techno.md
@@ -22,7 +22,9 @@ Afin de collecter les éléments nécessaires à ma veille technologique j'utili
 un lecteur de flux RSS, Newsbeutter en ligne de commande. Si un des liens me
 semble utile à partager, un simple raccourcis me permet de le partager.
 
-SCREENS DE NEWSBEUTTER (LIENS D'UNE SOURCE & UN ARTICLE OUVERT EN MODE LECTURE)
+![](/img/newsbeuter_source.png)
+
+![](/img/newsbeuter_article.png)
 
 J'utilise aussi différents moteurs de recherche pour effectuer ma veille. Pour
 celà j'utilise le méta moteur searx, nottament celui de
@@ -30,7 +32,7 @@ celà j'utilise le méta moteur searx, nottament celui de
 permet de faire mes recherches sur différents moteurs en même temps et le tout
 en protégant ma vie privée.
 
-SCREEN DE SEARX (RECHERCHE PAR MOTS CLÉES)
+![](/img/searx_search.png)
 
 J'utilise par la même occasion Mastondon et Twitter, deux réseaux sociaux de
 type microbloging qui me permettent de suivre d'autre source d'informations en
@@ -42,7 +44,7 @@ Afin de partager des liens qui me semblent utile à mettre de côter ou à parta
 j'utilise une application web, [shaarli](https://shaarli.neodarz.net/), que
 j'héberge sur mon serveur afin de générer un flux RSS des liens partagés.
 
-SCREEN DE SHAARLI (PAGE PRINCIPALE)
+![](/img/veille_techno_shaarli.png)
 
 # Sauvegarde
 
diff --git a/source/website/bts-sio.md b/source/website/bts-sio.md
index 94307509..b9192a3f 100644
--- a/source/website/bts-sio.md
+++ b/source/website/bts-sio.md
@@ -8,6 +8,29 @@
 title: "Bts SIO"
 ---
 
+# Situations obligatoire
+
+<pre>-- table --
+$
+  $ Participation à un projet d'évolution d'un SI (solution applicative et d'infrastructure portant prioritairement sur le domain de spécialité du candidat)
+  $
+  $ <a href="/website/Documents/PPE4.html">PPE4</a> ~ <a href="/website/Documents/stage1.html">Stage 1</a> ~ <a href="/website/Documents/stage2.html">Stage 2</a>
+$
+  $ Prise en charge d'incidents et de demandes d'assistance liés au domaine de spécialité du candidat
+  $
+  $ <a href="/website/Documents/PPE4.html">PPE4</a> ~ <a href="/website/Documents/stage1.html">Stage 1</a> ~ <a href="/website/Documents/stage2.html">Stage 2</a>
+$
+  $ Elaboration de documents relatifs à la production et à la fourniture de services
+  $
+  $ <a href="/website/Documents/PPE4.html">PPE4</a> ~ <a href="/website/Documents/stage1.html">Stage 1</a> ~ <a href="/website/Documents/stage2.html">Stage 2</a>
+$
+  $ Productions relatives à la mise en place d'un dispositif de veille technologique et à l'étude d'une technologie, d'un composant, d'un outil ou d'une méthode
+  $
+  $ <a href="/website/Documents/PPE4.html">PPE4</a> ~ <a href="/website/Documents/stage1.html">Stage 1</a> ~ <a href="/website/Documents/stage2.html">Stage 2</a>
+
+-- end table --</pre>
+
+
 # Tableau de compétences
 
 <pre>-- table --
@@ -17,6 +40,10 @@ $
   $ A1.1.1, Analyse du cachier des charges d'un service à produire
   $ <a href="/website/Documents/PPE4.html#a1.1.1-analyse-du-cahier-des-charges-dun-service-à-produire">PPE4</a>
 $
+  $ C1.1.2.1 Analyser les interactions entre services
+  $ A1.1.2 Étude de l'impact de l'intégration d'un service sur le système informatique
+  $ <a href="/website/Documents/PPE4.html#a1.1.2-étude-de-limpact-de-lintégration-dun-service-sur-le-système-informatique">PPE4</a> ~ <a href="/website/Documents/stage1.html#a1.1.2-étude-de-limpact-de-lintégration-dun-service-sur-le-système-informatique">Stage 1</a>
+$
     $ C1.2.2.1 Recenser les composants nécessaires à la réalisation de la solution et les échanges entre eux
     $ C1.2.2.3 Rédiger les spécifications de la solution retenue dans le formalisme exigé par l'organisation $
   $ A1.2.2, Rédaction des spécifications techniques de la solution retenue
@@ -43,13 +70,13 @@ $
 $
   $ C2.1.1.3 Rendre compte de la satisfaction des utilisateurs
   $ A2.2.1, Suivi et résolution d'incidents
-  $ Stage 1: Voir le rapport d'activité
+  $ <a href="/website/Documents/stage1.html#a2.2.1-suivi-et-résolution-dincidents">Stage 1</a>
 $
     $ C2.3.1.1 Repérer une suite de dysfonctionnements récurrents d'un service
     $ C2.3.1.4 Définir le degré d'urgence du problème
     $ C2.3.1.5 Évaluer les conséquences techniques du problème $
   $ A2.3.1, Identification, qualification et évaluation d'un problème
-  $ Stage 1: Voir le rapport d'activité
+  $ <a href="/website/Documents/stage1.html#a2.3.1-identification-qualification-et-évaluation-dun-problème">Stage 1</a>
 $
   $ C4.1.1.1 Identifier les composants logiciels nécessaires à la conception de la solution
   $ A4.1.1, Proposition d'une solution applicative
@@ -71,13 +98,13 @@ $
     $ C4.1.6.1 Mettre en place et exploiter un envrionnement de développement
     $ C4.1.6.2 Mettre en place et exploiter un environnement de test $
   $ A4.1.6, Gestion d'environnements de développement et de test
-  $ PPE4 + Stages pour 1 et Stage 2 pour 2 <a href="/website/Documents/PPE4.html#a4.1.6-gestion-denvironnements-de-développement-et-de-test">PPE4</a> ~ <a href="/website/Documents/stage2.html#a4.1.6-gestion-denvironnements-de-développement-et-de-test">Stage 2</a>
+  $ <a href="/website/Documents/PPE4.html#a4.1.6-gestion-denvironnements-de-développement-et-de-test">PPE4</a> ~ <a href="/website/Documents/stage2.html#a4.1.6-gestion-denvironnements-de-développement-et-de-test">Stage 2</a> ~ <a href="/website/Documents/stage1.html#a4.1.6-gestion-denvironnements-de-développement-et-de-test">Stage 1</a>
 $
     $ C.1.7.1 Développer les éléments d'une solution
     $ C4.1.7.2 Créer un composant logiciel
     $ C4.1.7.4 Utiliser des composants d'accès aux données $
   $ A4.1.7, Développement, utilisation ou adaptation de composants logiciels
-  $ <a href="/website/Documents/PPE4.html#a4.1.7-développement-utilisation-ou-adaptation-de-composants-logiciels">PPE4</a> ~ <a href="/website/Documents/stage2.html#a4.1.7-développement-utilisation-ou-adaptation-de-composants-logiciels">Stage 2</a> stage 1 ?
+  $ <a href="/website/Documents/PPE4.html#a4.1.7-développement-utilisation-ou-adaptation-de-composants-logiciels">PPE4</a> ~ <a href="/website/Documents/stage2.html#a4.1.7-développement-utilisation-ou-adaptation-de-composants-logiciels">Stage 2</a> ~ <a href="/website/Documents/stage1.html#a4.1.7-développement-utilisation-ou-adaptation-de-composants-logiciels">Stage 1</a>
 $
   $ C4.1.8.1 Élaborer et réaliser des tests unitaires
   $ A4.1.8, Réalisation des tests nécessaires à la validation d'éléments adaptés ou développés
@@ -94,16 +121,16 @@ $
     $ C4.2.2.1 Recupérer les évolutions des composants utilisés et leurs conséquences
     $ C4.2.2.2 Concevoir les mises à jour à effectuer $
   $ A4.2.2, Adaptation d'une solution applicative aux évolutions de ses composants
-  $ Stage 1 ???
+  $ <a href="/website/Documents/stage1.html#a4.2.2-adaptation-dune-solution-applicative-aux-évolutions-de-ses-composants">Stage 1</a>
 $
     $ C5.2.2.1 Définir une stratégie de recherche d'info
     $ C5.2.2.2 Tenir à jour une liste de sources d'info
     $ C.2.2.3 Évaluer la qualité d'une source d'information en fonction d'un besoin
     $ C5.2.2.4 Synthétiser et diffuser les résultats d'une Veille $
   $ A5.2.2, Veille technologique
-  $ <a href="/website/Documents/veille_techno.html">Veille techno</a>
+  $ <a href="/website/Documents/veille_techno.html">Veille techno</a> (PPE4 ~ Stage 1 ~ Stage 2)
 $
   $ C5.2.4.1 Se documenter à propos d'une technologie, d'un composant, d'un outil ou d'une méthode
   $ A5.2.4, Étude d'une technologie, d'un composant, d'un outil ou d'une méthode
-  $ <a href="/website/Documents/stage2.html#a5.2.4-étude-dune-technologie-dun-composant-dun-outil-ou-dune-méthode">Stage 2</a>
+  $ <a href="/website/Documents/stage2.html#a5.2.4-étude-dune-technologie-dun-composant-dun-outil-ou-dune-méthode">Stage 2</a> ~ <a href="/website/Documents/stage1.html#a5.2.4-étude-dune-technologie-dun-composant-dun-outil-ou-dune-méthode">Stage 1</a>
 -- end table --</pre>