Refactor code structure for improved readability and maintainability

diapo_master.tex

@@ -17,6 +17,7 @@
 \usepackage{xcolor}
 \usepackage{listings}
 \usepackage{fancyvrb}
+\usepackage[french]{babel}
 
 % Define the dot-based progress bar
 \usepackage{tikz}
@@ -43,148 +44,35 @@
 
 % Introduction
 \section{Introduction}
-\begin{frame}{Contexte et Objectifs}
-   \begin{itemize}
-      \item Présentation du projet : Caméra Timelapse
-      \item Contexte d'utilisation et motivation
-      \item Objectifs principaux du projet
-   \end{itemize}
-\end{frame}
-
-\section{Exemple UML}
-\begin{frame}{Exemple UML}
-   \begin{center}
-      \includegraphics[width=0.9\textwidth]{diagrams/global.png}
-   \end{center}
-\end{frame}
+\input{diapos/contexte-objectifs.tex}
 
 % Cahier des charges
 \section{Cahier des charges}
-\begin{frame}{Spécifications et Contraintes}
-   \begin{itemize}
-      \item Fonctionnalités attendues
-      \item Contraintes techniques (matériel, logiciel)
-      \item Livrables
-   \end{itemize}
-\end{frame}
+\input{diapos/cahier-charges.tex}
 
 % Partie mécanique
 \section{Partie mécanique}
-\begin{frame}{Partie mécanique}
-   \begin{itemize}
-      \item Présentation de la structure mécanique
-      \item Choix des matériaux et conception
-      \item Schémas ou photos du montage
-   \end{itemize}
-\end{frame}
+\input{diapos/meca.tex}
 
 % Partie électronique
 \section{Partie électronique}
-\begin{frame}{Partie électronique}
-   \begin{itemize}
-      \item Architecture électronique
-      \item Composants utilisés (capteurs, microcontrôleurs, etc.)
-      \item Schémas électroniques
-   \end{itemize}
-\end{frame}
+\input{diapos/elec.tex}
 
-% Partie serveur, front et application mobile
-\section{Serveur, Front et Application mobile}
-\begin{frame}{Serveur, Front et Application mobile}
-   \begin{itemize}
-      \item Présentation de l'architecture logicielle
-      \item Fonctionnalités principales du serveur
-      \item Aperçu du front web et de l'application mobile
-      \item Technologies utilisées
-   \end{itemize}
-\end{frame}
+% Partie informatique (serveur, front et application mobile)
+\section{Partie informatique}
+\input{diapos/info.tex}
 
-% Partie front end
-\subsection{Front end}
-\begin{frame}{Front end}
-   \textbf{Choix des technologies :}
-   \begin{itemize}
-      \item HTML, CSS, Javascript
-      \item ChartJS pour la visualisation de données
-      \item Ajax pour la communication asynchrone
-   \end{itemize}
-   \vspace{0.5em}
-   \textbf{Efforts notables :}
-   \begin{itemize}
-      \item Carousel 3D animé, modulable selon le nombre de projets
-      \item Responsive : adaptation à la taille de la fenêtre
-      \item Menu déroulant pour cacher les images en excès
-      \item Affichage d'images compressées pour optimiser la génération
-      \item Style universel pour le confort utilisateur
-   \end{itemize}
-\end{frame}
-
-\begin{frame}{Front end : Architecture}
-   \textbf{Organisation du code~:}
-   \begin{itemize}
-      \item \textbf{HTML}~: \texttt{index.html}, \texttt{pages/projet\_detail.html}
-      \item \textbf{CSS}~: \texttt{css/base/style.css}, \texttt{css/components/style\_menu.css}, \texttt{css/pages/style\_projet.css}, images dans \texttt{css/image/}
-      \item \textbf{JS}~: \texttt{js/core/} (logique principale), \texttt{js/libs/} (librairies tierces), \texttt{js/pages/} (scripts spécifiques aux pages)
-   \end{itemize}
-   \vspace{0.5em}
-   \textbf{Outils et automatisation~:}
-   \begin{itemize}
-      \item Déploiement automatisé avec \texttt{.gitea/workflows/deploy.yml}
-      \item Conteneurisation possible via \texttt{docker-compose.yml}
-      \item Fichier \texttt{deploy.sh} pour le déploiement manuel
-   \end{itemize}
-\end{frame}
-
-\begin{frame}{Automatisation du déploiement : deploy.sh}
-   \textbf{Script de déploiement automatique~:}
-   \begin{itemize}
-      \item Un script bash (\texttt{deploy.sh}) a été développé par Ethan pour automatiser le déploiement du front-end.
-      \item Il permet de mettre à jour rapidement la version en ligne lors du développement continu.
-      \item Ce script facilite l'intégration des modifications et réduit les risques d'erreur humaine lors des mises à jour.
-      \item Il s'intègre dans la chaîne de développement pour accélérer les cycles de test et de validation.
-   \end{itemize}
-\end{frame}
-
-\begin{frame}{Front end (suite)}
-   \textbf{Difficultés rencontrées :}
-   \begin{itemize}
-      \item Interface optimale entre le front end, le serveur et l'application mobile
-      \item Évolution constante des routes et de la logique serveur
-      \item Adaptation aux changements du modèle de données
-   \end{itemize}
-   \vspace{0.5em}
-   \textbf{Apprentissages :}
-   \begin{itemize}
-      \item Génération de 3D en HTML et CSS
-      \item Manipulation d'images et de vidéos
-   \end{itemize}
-\end{frame}
+% Partie multimédia
+\section{Traitement multimédia}
+\input{diapos/multi.tex}
 
 % Démonstration
 \section{Démonstration}
-\begin{frame}{Démonstration}
-   \begin{itemize}
-      \item Vidéo ou démonstration en direct du projet
-      \item Points forts à montrer
-   \end{itemize}
-\end{frame}
+\input{diapos/demo.tex}
 
 % Conclusion
 \section{Conclusion}
-\begin{frame}{Bilan et perspectives}
-   \begin{block}{Résumé}
-      \begin{itemize}
-         \item Synthèse des apports du projet
-         \item Retour d'expérience
-      \end{itemize}
-   \end{block}
-   \begin{alertblock}{Perspectives}
-      \begin{itemize}
-         \item Améliorations possibles
-         \item Suites envisagées
-      \end{itemize}
-   \end{alertblock}
-\end{frame}
+\input{diapos/conclusion.tex}
 
 % Remerciements
 \begin{frame}{Remerciements}