Mise à jour de la présentation technique : ajout de sections sur l'exemple UML, l'automatisation du déploiement et réorganisation du contenu.

diapo_master0-plantuml.txt

@@ -0,0 +1,135 @@
+
+% 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}
+
+% 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}
+
+% 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}
+
+% 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 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}
+
+% 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}
+
+% 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}
+
+% Remerciements
+\begin{frame}{Remerciements}
+   Merci pour votre attention !
+\end{frame}
+
+\end{document}