diff --git a/2024-10-22-etudiants-brest/figures/carte-europe.png b/2024-10-22-etudiants-brest/figures/carte-europe.png new file mode 100644 index 0000000..d28c3fc Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/carte-europe.png differ diff --git a/2024-10-22-etudiants-brest/figures/chaise_alu.jpg b/2024-10-22-etudiants-brest/figures/chaise_alu.jpg new file mode 100644 index 0000000..4441575 Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/chaise_alu.jpg differ diff --git a/2024-10-22-etudiants-brest/figures/chaise_fancy.jpg b/2024-10-22-etudiants-brest/figures/chaise_fancy.jpg new file mode 100644 index 0000000..d8c407b Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/chaise_fancy.jpg differ diff --git a/2024-10-22-etudiants-brest/figures/deuxfleurs-logo.png b/2024-10-22-etudiants-brest/figures/deuxfleurs-logo.png new file mode 100644 index 0000000..c48be77 Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/deuxfleurs-logo.png differ diff --git a/2024-10-22-etudiants-brest/figures/deuxfleurs-nomad-20241022.png b/2024-10-22-etudiants-brest/figures/deuxfleurs-nomad-20241022.png new file mode 100644 index 0000000..dbcf9a3 Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/deuxfleurs-nomad-20241022.png differ diff --git a/2024-10-22-etudiants-brest/figures/deuxfleurs.svg b/2024-10-22-etudiants-brest/figures/deuxfleurs.svg new file mode 100644 index 0000000..c298c22 --- /dev/null +++ b/2024-10-22-etudiants-brest/figures/deuxfleurs.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + D + F + diff --git a/2024-10-22-etudiants-brest/figures/logo_chatons.png b/2024-10-22-etudiants-brest/figures/logo_chatons.png new file mode 100644 index 0000000..b41b4c7 Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/logo_chatons.png differ diff --git a/2024-10-22-etudiants-brest/figures/neptune.jpg b/2024-10-22-etudiants-brest/figures/neptune.jpg new file mode 100644 index 0000000..e652719 Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/neptune.jpg differ diff --git a/2024-10-22-etudiants-brest/figures/serv_orion.jpg b/2024-10-22-etudiants-brest/figures/serv_orion.jpg new file mode 100644 index 0000000..4c45f70 Binary files /dev/null and b/2024-10-22-etudiants-brest/figures/serv_orion.jpg differ diff --git a/2024-10-22-etudiants-brest/presentation-deuxfleurs-imta-tnt-brest-20241022.pdf b/2024-10-22-etudiants-brest/presentation-deuxfleurs-imta-tnt-brest-20241022.pdf new file mode 100644 index 0000000..4d15d32 Binary files /dev/null and b/2024-10-22-etudiants-brest/presentation-deuxfleurs-imta-tnt-brest-20241022.pdf differ diff --git a/2024-10-22-etudiants-brest/presentation-deuxfleurs-imta-tnt-brest-20241022.tex b/2024-10-22-etudiants-brest/presentation-deuxfleurs-imta-tnt-brest-20241022.tex new file mode 100644 index 0000000..0c8a505 --- /dev/null +++ b/2024-10-22-etudiants-brest/presentation-deuxfleurs-imta-tnt-brest-20241022.tex @@ -0,0 +1,296 @@ +\documentclass[aspectratio=169,12pt]{beamer} +\usetheme[block=fill,progressbar=frametitle,background=light]{metropolis} +\metroset{numbering=fraction} +\usepackage{appendixnumberbeamer} +\usepackage{hyperref} + +\usepackage{booktabs} +\usepackage[scale=2]{ccicons} + +\usepackage{pgfplots} +\usepgfplotslibrary{dateplot} + +\usepackage{xspace} +\newcommand{\themename}{\textbf{\textsc{metropolis}}\xspace} + +\title{Héberger des services conviviaux hors des datacenters} +\subtitle{Association Deuxfleurs\hfill\includegraphics[height=2.5cm]{figures/deuxfleurs-logo.png}\\\url{https://deuxfleurs.fr}\\Licence CC-BY} +% \date{\today} +\date{22 octobre 2024} +\author{Baptiste Jonglez} +\institute{} +%\titlegraphic{\hfill\includegraphics[height=1.5cm]{figures/deuxfleurs-logo.png}} + +\begin{document} + +\maketitle + +\begin{frame}{Plan} + \setbeamertemplate{section in toc}[sections numbered] + \tableofcontents%[hideallsubsections] +\end{frame} + +%--------------------------------- +\section{Deuxfleurs en deux minutes} + +\begin{frame}{L'association Deuxfleurs} + \begin{block}{Objectifs} + \textbf{Fabriquer un Internet \alert{convivial}.\\Critiquer + l'organisation dominante du numérique.} + \end{block} + +\vspace{0.5cm} + + \begin{block}{Comment ?} + En fournissant des \textbf{services numériques conviviaux} et en + construisant une \textbf{infrastructure résiliente hors des + datacenters} + \end{block} + +\begin{figure} +\includegraphics[height=2cm]{figures/deuxfleurs-logo.png} +\includegraphics[height=2cm]{figures/logo_chatons.png} +\end{figure} +\end{frame} + +\begin{frame}{Services offerts} +%\begin{figure} +%\end{figure} +\begin{itemize} +\item Messagerie instantanée (Matrix) +\item Visioconférence (Jitsi) +\item Bureautique en ligne (Cryptpad) +\item Email (Postfix/Dovecot) +\item Hébergement web (Garage/Tricot) +\end{itemize} + +\vspace{0.5cm} + +Uniquement basé sur du \textbf{logiciel libre}, certains +\textbf{développés en interne}. +\end{frame} + +%\begin{frame}{Les CHATONS} +%\begin{figure} +%\includegraphics[height=4cm]{figures/logo_chatons.png} +%\end{figure} +%\end{frame} + +%--------------------------------- +\section{Des services numériques fiables sans datacenters ?} + +\begin{frame}{Une petite histoire de chaises...} + +{\large Je veux fabriquer des chaises.\\Quelle quantité, pour quel public ?\\Atelier, usine ?} + + \begin{figure} + \includegraphics[height=3.5cm]{figures/chaise_alu.jpg} + \hspace{1cm} + \includegraphics[height=4cm]{figures/chaise_fancy.jpg} + \caption{CC-BY Jean-Pierre Dalbéra (Chaise de Jan Kastner au Musée d'Orsay)} + \end{figure} +\end{frame} + +\begin{frame}{Le datacenter : l'usine à chaises industrielles} +\begin{block}{Infrastructures typiques d'un datacenter} + \begin{itemize} + \item alimentation électrique haut tension redondante + \item onduleurs, batteries et générateur diesel + \item refroidissement redondé + \item liens réseaux dédiés et redondants + \item protections incendie, contrôle d'accès (badges, portes) + \end{itemize} +\end{block} + +\textbf{Très coûteux} en ressources et en place, mais \textbf{très fiable} +et offre une \textbf{grande capacité d'hébergement}. Repose sur la +\textbf{standardisation} du matériel et logiciel. + +\vspace{0.2cm} + +{\large \textbf{Peut-on être aussi fiable hors d'un datacenter ?}} +\end{frame} + +\begin{frame}{L'auto-hébergement : l'atelier personnel de chaises} +Auto-hébergement = hébergement de services numériques à la maison +\begin{itemize} +\item Demande \textbf{très peu de ressources} : raspberry pi ou vieux PC, stockage, un peu d'électricité, connexion Internet déjà existante +\item Gros inconvénient : \textbf{peu fiable sur le long terme} (coupures + électriques, coupures réseau, pannes matérielles, déménagement...) +\end{itemize} +\begin{figure} +\includegraphics[width=.6\linewidth]{figures/neptune.jpg} +\end{figure} +\end{frame} + +\begin{frame}{L'entre-hébergement de Deuxfleurs : un réseau d'ateliers} +\begin{block}{Idées de l'entre-hébergement} +\begin{itemize} +\item Fiabilité via \textbf{redondance géographique} sur plusieurs sites +\item Chaque site reste \textbf{simple} et assez peu fiable, hébergé ``à la maison'' +\item \textbf{Stockage distribué et redondant} pour les données +\item \textbf{Orchestration de services} pour relancer/déplacer automatiquement les services en cas de panne +\item Formalisation d'un \textbf{groupe d'administrateurices} qui peut intervenir à distance +\end{itemize} +\end{block} + +En résumé : \textbf{fiabilité via la redondance logicielle} (système distribué) plutôt que via la fiabilisation extrême d'un unique site +\end{frame} + +\begin{frame}{Schéma de principe de la redondance géographique (Garage)} + \begin{figure} + \includegraphics[height=8cm]{figures/carte-europe.png} + \end{figure} +\end{frame} + +\begin{frame}{Photos des sites (1)} + \begin{figure} + \includegraphics[width=.9\linewidth]{figures/neptune.jpg} + \caption{Site Deuxfleurs avec 3 serveurs (PC de bureau reconditionnés) et 2 routeurs} + \end{figure} +\end{frame} + +\begin{frame}{Photos des sites (2)} + \begin{figure} + \includegraphics[width=.8\linewidth]{figures/serv_orion.jpg} + \caption{Site Deuxfleurs avec 3 serveurs (reconditionnés), 1 routeur, 1 plante} + \end{figure} +\end{frame} + +\begin{frame}{Logiciel d'orchestration (Nomad)} + \begin{figure} + \includegraphics[width=\linewidth]{figures/deuxfleurs-nomad-20241022.png} + \end{figure} +\end{frame} + + +\begin{frame}{Limites et passage à l'échelle} +\begin{block}{Les limites de l'infrastructure} +\begin{itemize} +\item Infrastructure de production Deuxfleurs : 11 machines sur 5 sites, + 22 coeurs CPU à 2.7 GHz, 96 Go de RAM, 13 To stockage brut (avant + redondance) + \begin{itemize} + \item 10x plus gros qu'un smartphone milieu/haut de gamme + \item comparable à un GPU Nvidia très haut de gamme (94 GB mémoire) + \item 10x plus petit qu'un ``gros'' serveur (128 coeurs, 1 TB mémoire) + \item 100.000x plus petit que OVH (450k serveurs en 2024) + \end{itemize} +\item Pas de ``scaling'' dynamique comme dans le cloud : on travaille sur + des machines physiques, pas des machines virtuelles $\rightarrow$ + \textbf{c'est l'anti-cloud : visibilisation forte des limites physiques} +\item On peut quand même rajouter des disques et des machines physiques + pour augmenter la capacité sur le long terme +\end{itemize} +\end{block} +\end{frame} + +\begin{frame}{Limites volontaires et stratégie de sobriété} +\textbf{Deuxfleurs ne peut pas héberger la terre entière} (c'est assumé) + +Stratégie : \textbf{limiter volontairement la taille de l'infrastructure}, +puis \textbf{choisir des usages et services sobres qui tiennent sur cette + infrastructure} + +\begin{block}{Exemples} +\begin{itemize} +\item pas de Wordpress, mais uniquement des sites web statique +\item 500 sites web aujourd'hui, on estime pouvoir tenir jusqu'à 50.000 +\item limite de stockage sur les sites web (50 Mo, augmentable à 200 Mo + par l'utilisateur, et plus sur demande) +\item pas de service de stockage de fichiers comme Nextcloud +\end{itemize} +\end{block} +\end{frame} + +%--------------------------------- +\section{Quel numérique et pour quoi faire ?} + +\begin{frame}{Usages numériques} +\begin{block}{Quels sont les usages numériques principaux ?} +\begin{itemize} +\item \textbf{lire} : Wikipedia, Instagram, Netflix +\item \textbf{écrire} : blog, mail, réseaux sociaux +\item \textbf{communiquer} : visioconférence, messagerie instantanée +\end{itemize} +\end{block} +\textbf{Attention aux jugements de valeurs sur les usages !} (``les +réseaux sociaux c'est dangereux'', ``les jeux vidéos rendent bêtes''...) + +Questions plus intéressante : \textbf{quel modèle de services pour répondre à ces usages ?} +\end{frame} + +\begin{frame}{Les outils conviviaux} +Concept proposé par Ivan Illich + +\begin{block}{Outil convivial} +\begin{itemize} +\item \textbf{accessible}, y compris pour le bricoler / réparer +\item ``l’humain contrôle l’outil'' et non l'inverse : favorise \textbf{l'autonomie} +\item pas de ``monopole radical'' (= outil obligatoire pour s'insérer dans la société) +\end{itemize} +\end{block} +Exemple d'outils conviviaux : tournevis, vélo + +Exemple d'outils non conviviaux : voiture, smartphone + +\textbf{L'informatique est plutôt non conviviale aujourd'hui} : difficile de se passer de son smartphone, aucune prise directe sur les évolutions des services numériques +\end{frame} + +\begin{frame}{Différents modèles économiques de services} +Modèle principal des services numériques aujourd'hui : \textbf{basé sur + l'économie de l'attention}. + +Conséquences : captation abusive de données personnelles, dépendence forte +à la publicité ciblée, \textit{dark patterns} pour créer des addictions, +stratégie d'enfermement dans des plateformes. Capitalisme de surveillance +et croissance infinie. + +\vspace{0.5cm} + +Autres modèles : + +\begin{itemize} +\item abonnement : presse +\item service public : data.gouv.fr +\item commun numérique : wikipedia +\item entraide et dons : CHATONS, famille +\end{itemize} +\end{frame} + +\begin{frame}{Modèle de Deuxfleurs} +\textbf{Infrastructure} en propre, logiciels libres, complètement hébergés en +interne, pas de publicité. + +\textbf{Association} : possibilité de s'impliquer dans la définition des services. + +\textbf{Services de communication} ``de base'' en premier lieu : choix de +proposer de la messagerie instantanée, email, sites web. Accompagnement +pour adapter les usages (Wordpress vers sites web statiques) + +\textbf{Modèle économique} actuellement basé sur les dons et sur le +bénévolat. Au début, 3 salariés sur un financement européen pour +développer les briques de base de l'infrastructure. +\end{frame} + +%--------------------------------- +\section{Conclusion} + +\begin{frame}{Conclusion} + +\textbf{Deuxfleurs construit une \alert{infrastructure résiliente} à base de systèmes distribués, conçoit des services numériques \alert{dans les limites de l'infrastructure}, priorise \alert{les besoins utilisateurs et leur autonomie}.} + +Pour aller plus loin : +\begin{itemize} + \item \url{https://deuxfleurs.fr/} + \item \url{https://garagehq.deuxfleurs.fr/} + \item \url{https://plume.deuxfleurs.fr/} + \item \url{https://guide.deuxfleurs.fr/} + \item \url{https://jamstack.org/} + \item \url{https://mouton-numerique.org/} + \item \url{https://louisderrac.com/} + \item \url{https://tom.gargouille.re/} +\end{itemize} +\end{frame} + +\end{document}