402 lines
13 KiB
TeX
402 lines
13 KiB
TeX
\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}
|