Add presentation
This commit is contained in:
parent
e62cee544c
commit
dffc258999
2 changed files with 407 additions and 0 deletions
5
Makefile
5
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 $@ $<
|
||||
|
|
|
|||
402
presentation.tex
Normal file
402
presentation.tex
Normal file
|
|
@ -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}
|
||||
Reference in a new issue