diff --git a/Makefile b/Makefile index 2a822c5..cd672d1 100644 --- a/Makefile +++ b/Makefile @@ -17,6 +17,11 @@ build: buildall: images build +presbuild: + $(shell mkdir -p $(OUTPUT_DIR)) + lualatex --output-directory $(OUTPUT_DIR) presentation.tex + + images/generated/%.pdf: images/svg/%.svg @echo build $@ inkscape --export-type=pdf -o $@ $< diff --git a/presentation.tex b/presentation.tex new file mode 100644 index 0000000..f4dcc4a --- /dev/null +++ b/presentation.tex @@ -0,0 +1,402 @@ +\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}