\documentclass{beamer}
\usetheme{Boadilla}
%\usetheme{AnnArbor}
\RequirePackage{fontawesome}
\usepackage{fontspec}
\usepackage[french]{babel}
\usepackage{xcolor}
\usepackage{soul}

% Colors and fonts
\definecolor{ElectricMagenta}{HTML}{F268B3}
\definecolor{ElectricGreen}{HTML}{1CD180}
\definecolor{SlateGrey}{HTML}{2E2E2E}
\definecolor{LightGrey}{HTML}{CCCCCC}
\definecolor{UltraLightGrey}{HTML}{EFEFEF}
\definecolor{Black}{HTML}{000000}
\setulcolor{ElectricMagenta}

%Beamer Theme
\setbeamertemplate{navigation symbols}{
      %\insertslidenavigationsymbol
      %\insertframenavigationsymbol
      %\insertsubsectionnavigationsymbol
      %\insertsectionnavigationsymbol
      %\insertdocnavigationsymbol
      %\insertbackfindforwardnavigationsymbol
}

\setbeamertemplate{itemize item}[circle]
\setbeamercolor{subtitle}{bg=white,fg=SlateGrey}
\setbeamercolor{palette primary}{bg=ElectricMagenta,fg=white}
\setbeamercolor{palette secondary}{bg=white,fg=SlateGrey}
\setbeamercolor{palette tertiary}{bg=white,fg=SlateGrey}
\setbeamercolor{palette quaternary}{bg=ElectricGreen,fg=Black}
\setbeamercolor{structure}{fg=ElectricMagenta}
\setbeamercolor{section in toc}{fg=Black}
\setbeamercolor{block body}{fg=black, bg=white}
\usefonttheme{professionalfonts} % using non standard fonts for beamer
\usefonttheme{serif} % default family is serif
\setmainfont{Lato}

\setbeamertemplate{blocks}[rounded][shadow=false]
\setbeamertemplate{frametitle}{
    \color{black}\bfseries\insertframetitle
    \par\vskip-8pt\color{ElectricMagenta}\hrulefill
}

% Hyperlink
%\usepackage[hidelinks]{hyperref}
\newcommand{\link}[2]{
    \href{#1}{\ul{{\color{ElectricGreen}\faLink} #2}}
}

% Graphx
\graphicspath{ {./images/} }

%\renewcommand{\textbf}[1]{
%    {\textbf\color{ElectricMagenta}#1}
%}
% Metadata
\title{Soutenance de stage}
\subtitle{Centre d'animation de Bordeaux --- Cultivons le partage}
\institute{Université de Bordeaux}
\author{Yorick Barbanneau}
\date{\today}
\logo{\includegraphics[height=12mm]{generated/ca_bordeaux.pdf}}

\begin{document}

\begin{frame}
    \titlepage
\end{frame}

\section{Introduction}
\begin{frame}
    \frametitle{Introdution}
    \begin{block}{}<2->
        {\hspace{40pt}\color{ElectricMagenta}\Huge{\textbf{3 ans}}} \Large{en licence}
    \end{block}
    \begin{block}{}<3->
        {\hspace{20pt}\vspace{-9pt}\color{ElectricMagenta}\huge{\textbf{21 ans}}}
        \Large{au sein de l'association} \tiny{enfin pas tout à
        fait\textellipsis}
    \end{block}
\end{frame}

\section{L'Association}
\begin{frame}
    \frametitle{Présentation de la structure}
    \begin{itemize}
        \item Association loi 1901.
        \item Gestion d'équipements à \textbf{vocation socio-culturelle}
            sur Bordeaux.
        \item Créée en 1963 par Jacques Chaban-Delmas.
    \end{itemize}
\end{frame}

\begin{frame}
    \frametitle{L'association en quelques chiffres}
    
    \begin{itemize}
        \item<2->\textbf{14 structures} réparties sur la ville de Bordeaux
        \item<3->\textbf{14000} personnes accueillies, \textbf{8500} adhérents,
            \textbf{275} bénévoles et \textbf{276} personnes dans les comités
            d'animation.
        \item<4-> \textbf{576} salariés pour \textbf{241,4} ETP
    \end{itemize}
\end{frame}

\begin{frame}
    \frametitle{Le système d'information en quelques chiffres}
    
    \begin{block}{}<2->
        {\color{ElectricMagenta}\Huge{\textbf{371}}}
        \large{ordinateurs}
    \end{block}
    \begin{block}{}<3->
        {\color{ElectricMagenta}\Huge{\textbf{20}}} 
        \large{imprimantes}
    \end{block}

    \begin{block}{}<4->
        {\color{ElectricMagenta}\Huge{\textbf{17}}} 
        \large{serveurs physiques}
    \end{block}

    \begin{block}{}<5->
        \includegraphics[height=8mm]{generated/icones_personnages}
        {\hspace{2mm}
        \color{ElectricMagenta}\Huge{\textbf 4}} 
        \large{personnes}
    \end{block}
\end{frame}

\section{Bornes d'accès aux droits via le numérique}

\begin{frame}
    \frametitle{Bornes d'accès aux droits via le numérique}
    \begin{block}{}<2->
        \large L'accès aux droits se fait de plus en plus via un accès Web, quid
        des {\color{ElectricMagenta}\Large\textbf{16,5\%}} de la
        population française frappée \textbf{d'illectronisme}\footnote{source~:
        Le Monde - article du 7/9/2021 -
        \link{https://www.lemonde.fr/economie/article/2021/09/07/illectronisme-les-laisses-pour-compte-du-tout-numerique_6093657_3234.html}{lien}}.
    \end{block}
    \begin{block}{}<3->
        \large Création du projet \textit{\textbf{Point Numérique C@F}} par la
        \textit{Caisse d'Allocations Familliales de la Gironde} pour finances
        équipenent et accompagnement dans les \textbf{structures de proximité}
    \end{block}
    \begin{block}{}<4->
        \large Réponse de l'association à l'appel à projet afin de positionner
        {\color{ElectricMagenta}\Large\textbf{8}} structures.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Création du système~: Objectifs}
    \begin{block}<2->
         \large créer un système {\Large\textbf{intuitif}}
    \end{block}
    \begin{block}<3->
        \large garantir au maximum la {\Large\textbf{confidentialité des
        données}}
    \end{block}       
    \begin{block}<4->
        \large empêcher d'en {\Large\textbf{détourner l'usage}}
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Une interface humain-machine simple}
    \begin{block}{}<2->
        \begin{center}
        \includegraphics[height=7cm]{screenshoots/sc_borne}\\
        \tiny{interface de la borne}
        \end{center}
    \end{block}

\end{frame}

\begin{frame}
    \frametitle{Confidentialité des données}
    \begin{block}{}<2->
        \large Lancer des scripts à l'ouverture et fermeture de session
        afin de recréer dynamiquement et {\color{ElectricMagenta}\Large\textbf{
            le dossier de l'utilisateur}}.
    \end{block}
    \begin{block}{}<3->
        \large Utiliser des systèmes de fichiers volatiles pour le
        monter {\color{ElectricMagenta}\Large\textbf{en RAM}}.
    \end{block}
    \begin{block}<4->
        \large Et ainsi assurer la
        {\color{ElectricMagenta}\Large\textbf{volatilité des données}} entre 
        chaque usager.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Verrouiller le système}
    \begin{block}{}<2->
        \large Verrouillage de la {\Large\color{ElectricMagenta}\textbf{Résolution
        DNS}}\footnote{Domain Name Service}~: liste blanche de sites autorisés.
    \end{block}
    \begin{block}{}<3->
        \large Création de règles de
        {\Large\color{ElectricMagenta}\textbf{pare-feu}} strictes.
    \end{block}
    \begin{block}{}<4->
        \large Verrouillage du {\Large\color{ElectricMagenta}\textbf{navigateur
        web}}.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Conclusion}
        \begin{itemize}
            \item<2-> Les 3 objectifs atteinds
            \item<3-> Des bornes qui fonctionnent,  sans maintenance pour
                l'instant.
            \item<4-> Des points à améliorer: création d'un portail proposant
                les sites utiles, simplification de l'installation\textellipsis
        \end{itemize}
\end{frame}
\section{Modernisation des réseaux Wifi}
\begin{frame}
    \frametitle{Modernisation des réseaux Wifi}
    \begin{block}{}<2->
        \large Le type de réseaux {\Large\color{ElectricMagenta}\textbf{le plus
        utilisé}} dans les sructures par les salariés \tiny{pour travailler bien
        entendu}.
    \end{block}
    \begin{block}{}<3->
        \large Mais ces réseaux vieillissent, deviennent obsolètes.
    \end{block}
    \begin{block}{}<4->
        \large Alors que {\Large\color{ElectricMagenta}\textbf{les besoins
        augmentent}}.
    \end{block}
    \begin{block}{}<5->
        \large demandes de réseaux wifi accesibles
        {\Large\color{ElectricMagenta}\textbf{aux partenaires et au public}}.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Definition d'un cahier des charges}
    \begin{block}{}<2->
        \large Liste des pré-requis définie avec mes collègues
    \end{block}
    \begin{itemize}
        \item<3-> Second accès à Internet obligatoire pour le réseaux
            \textit{public}
        \item<4-> Matériel imposé par le service informatique
        \item<5-> Materiel compatible OpenWRT, VLAN, PoE \textellipsis
        \item<5-> \textellipsis
    \end{itemize}
\end{frame}

\begin{frame}
    \frametitle{Mise en place à Bacalan}
    \begin{block}{}<2->
        \large Structure choisie pour mettre en place
        {\Large\color{ElectricMagenta}\textbf{une infrastructure de test}}.
    \end{block}
    \begin{block}{}<3->
        \begin{center}
        \includegraphics[height=3cm]{generated/plan_vlan_wifi}\\
        \tiny{installation schématisées des réseaux à Bacalan}
        \end{center}
    \end{block}
    \begin{block}{}<4->
        \large Deux jours de travail pour la mise en place \tiny{avec l'aide de la
        perceuse et tu tournevis des fois.}
    \end{block}
    \begin{block}{}<5->
        \large Et une semaine de tests concluant.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Fin de l'installation}
    \begin{block}{}<2->
        \large Après la mise en service réussie, écriture
        {\Large\color{ElectricMagenta}\textbf{d'une documentation}} à
        destination de mes collègues.
    \end{block}
    \begin{block}{}<3->
        \large Déploiement dans d'autres structures permettant de
        {\Large\color{ElectricMagenta}\textbf{les former}}.
    \end{block}
\end{frame}

\section{Migration de Jails FreeBSD vers Docker}

\begin{frame}
    \frametitle{Migration de Jails FreeBSD vers Docker}
    \begin{block}{}<2->
        \large Les {\Large\color{ElectricMagenta}\textbf{Jails}} BSD étaient
        utilisées pour l'hébergement des services sur notre serveur
        \textit{FreeBSD}.
    \end{block}

    \begin{block}{}<3->
        \large Deux solutions pour anticiper mon départ~:
        {\Large\color{ElectricMagenta}\textbf{Former}} mes collèges ou
        {\Large\color{ElectricMagenta}\textbf{migrer}} le tout vers un système
        plus répandu et connu.
    \end{block}

    \begin{block}{}<4->
        \large Choix concerté~:{\Large\color{ElectricMagenta}\textbf{migration
        vers Docker}} à 4 mains avec Lucas.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Inventaire et cartographie}
    \begin{block}{}<2->
        \large Première étape {\Large\color{ElectricMagenta}\textbf{inventorier
        l'existant}}.
    \end{block}
    
    \begin{block}{}<3->
        \large Pour ensuite définir la {\Large\color{ElectricMagenta}\textbf{nouvelle
        architecture}}.
    \end{block}
    
    \begin{block}{}<4->
        \begin{center}
        \includegraphics[height=5cm]{generated/plan_docker}\\
        \tiny{plan de la future installation}
        \end{center}
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Répartition du travail --- en laboratoire}
    \begin{block}{}<2->
        \large\textbf{Lucas}~: écriture du \textit{Docker-compose}, fichier de
        définition de notre architecture.
    \end{block}
    \begin{block}{}<3->
        \large Création de zéro d'une image pour
        {\Large\color{ElectricMagenta}\textbf{GLPI}} \tiny{car des fois celles
        fournies ne fonctionnent pas\textellipsis}
    \end{block}
    \begin{block}{}<4->
        \large \textbf{Moi}~: installation de
        {\large\color{ElectricMagenta}\textbf{l'hôte}} et test de
        {\Large\color{ElectricMagenta}\textbf{migration des données}} des
        \textit{Jails} vers les conteneurs \textit{Docker}.
    \end{block}
    \begin{block}<5->
        \large Problèmes avec la base de données de 
        {\Large\color{ElectricMagenta}\textbf{Gitea}}.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Les sauvegardes}
    \begin{block}{}<2->
        \large Réutilisation de script de sauvegarde utilisant
        {\Large\color{ElectricMagenta}\textbf{Borgbackup}} que nous avons adapté.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Mise en production}
    \begin{block}{}<2->
        \large Réutilisation de la machine physique de
        {\Large\color{ElectricMagenta}\textbf{l'ancien serveur}} après archivage
        des disques.
    \end{block}
    \begin{block}{}<3->
        \large Mise en production fluide grâce à
        {\Large\color{ElectricMagenta}\textbf{une bonne préparation}}~: une
        demi-journée.
    \end{block}
\end{frame}

\begin{frame}
    \frametitle{Un projet passionnant}
    \begin{block}{}<2->
        \large Plaisir de travailler avec
        {\Large\color{ElectricMagenta}\textbf{Lucas}}.
    \end{block}
    \begin{block}{}<3->
        \large projet maîtrisé, réalisé sans écueils majeurs.
    \end{block}
\end{frame}

\section{Conclusion génerale}
\begin{frame}
    \frametitle{Pour conclure}
\end{frame}
\section{Questions}
\begin{frame}
    \frametitle{Des questions?}
\end{frame}
\end{document}