Projet transversal – SN2 Conception d’une solution applicative sécurisée en langage objet
Date de début : 22-04-2025
Date de fin : 14-06-2025
Compétences associées
Pour ce projet, nous avons conçu un site de présentation pour un zoo, visant à informer le public sur les animaux, les expositions et les événements organisés par l’établissement. Le projet a nécessité une gestion minutieuse des ressources numériques et des services associés, afin d’assurer la fonctionnalité et la sécurité du site tout au long de sa mise en place.
L'une des premières étapes a été de recenser et identifier les ressources numériques nécessaires pour le projet. Cela a impliqué l’inventaire des contenus à publier sur le site (textes, images, vidéos, etc.), ainsi que des outils et technologies nécessaires pour créer et maintenir le site. Nous avons également dû identifier les ressources humaines impliquées dans la gestion du site, comme les administrateurs du site et les responsables de contenu.
En parallèle, nous avons exploité les référentiels, normes et standards adoptés par le prestataire informatique pour garantir la conformité du site aux meilleures pratiques du web. Nous avons veillé à ce que le site respecte les normes d'accessibilité, les critères de performance web et les pratiques de sécurité standards, tout en prenant en compte les besoins spécifiques du zoo.
La gestion des niveaux d’habilitation a également été essentielle. Nous avons mis en place un système de gestion des accès pour le site, en attribuant des droits spécifiques aux utilisateurs en fonction de leur rôle. Par exemple, les administrateurs ont eu un accès complet à la gestion du contenu du site, tandis que d’autres utilisateurs, comme les rédacteurs, ont eu des accès limités pour publier des articles et gérer des événements.
Nous avons également vérifié les conditions de continuité du service informatique pour garantir que le site serait toujours accessible aux visiteurs, même en cas de problème technique. Pour cela, nous avons mis en place une solution de monitoring et des procédures de maintenance régulières pour prévenir toute interruption du service. Des tests de charge ont également été effectués pour simuler une fréquentation élevée et s’assurer que le site pouvait supporter de nombreuses connexions simultanées.
La gestion des sauvegardes a été un aspect clé pour garantir la sécurité des données du site. Nous avons configuré des systèmes de sauvegarde régulières des fichiers du site et des bases de données, afin de prévenir toute perte de données importantes en cas de panne ou d'incident technique.
Enfin, nous avons veillé à ce que le respect des règles d’utilisation des ressources numériques soit pris en compte tout au long du projet. Nous avons élaboré des politiques claires pour l'utilisation du site par les administrateurs et les utilisateurs finaux, en veillant à respecter les droits d'auteur pour le contenu publié, à garantir la protection des données personnelles des visiteurs et à prévenir tout usage inapproprié des ressources numériques du zoo.
Lors de ce projet, nous avons non seulement réalisé des tests unitaires pour garantir la fiabilité et la robustesse du site, mais nous avons également utilisé React.js pour le développement du site de présentation du zoo. L’utilisation de React.js nous a permis de créer une interface utilisateur interactive et fluide, tout en facilitant la gestion de l’état de l’application et l’optimisation de la performance du site.
En parallèle, nous avons veillé à participer activement à la valorisation de l’image de l’organisation sur les médias numériques. Cela a impliqué une attention particulière à l’apparence du site et à l’expérience utilisateur, en tenant compte des aspects juridiques, notamment en matière de protection des données personnelles des visiteurs, et des enjeux économiques, en maximisant la visibilité du zoo sur le web pour attirer un maximum de visiteurs. Nous avons aussi mis en place des éléments favorisant le partage sur les réseaux sociaux, contribuant ainsi à l’accroissement de la notoriété du zoo en ligne.
Le référencement du site a été une priorité. Nous avons pris soin de bien structurer le contenu du site avec des balises HTML optimisées pour le SEO et avons mis en œuvre des techniques d’optimisation pour améliorer la visibilité du site dans les résultats des moteurs de recherche. Cela a permis de garantir que le zoo puisse être facilement trouvé par les utilisateurs en ligne, ce qui est crucial pour attirer de nouveaux visiteurs. Les services en ligne du zoo, comme la réservation de billets et l’accès aux informations sur les expositions, ont été intégrés de manière à faciliter leur découverte et leur utilisation par les internautes.
Enfin, nous avons contribué à l’évolution du site en exploitant les données fournies par l’organisation, notamment les horaires, les événements, les informations sur les animaux et les expositions. Le site a été conçu pour être facilement modifiable et évolutif, avec une architecture permettant d’ajouter de nouveaux contenus ou fonctionnalités sans compromettre la performance. Nous avons intégré des outils permettant à l’équipe du zoo de mettre à jour le site de manière autonome, tout en veillant à ce que les données affichées soient toujours à jour et pertinentes pour les visiteurs.
Pour ce projet, nous avons utilisé Trello et GitHub pour organiser et suivre l’avancement du travail. Trello a été un outil central pour analyser les objectifs et les modalités d’organisation du projet. Nous avons créé des cartes représentant chaque tâche à accomplir, assigné des membres de l’équipe à ces tâches et défini des dates limites. Cela nous a permis de visualiser rapidement l’état d’avancement de chaque partie du projet et de nous assurer que toutes les étapes étaient bien couvertes.
La planification des activités a été facilitée grâce à l’utilisation de Trello. Nous avons divisé le projet en différentes phases, de la conception initiale du site à son déploiement final. Chaque tâche était clairement définie, avec des priorités et des délais spécifiques, ce qui a permis de structurer efficacement notre travail. De plus, l’utilisation de GitHub a été essentielle pour gérer le code source du site. Grâce à ce système de gestion de versions, nous avons pu collaborer efficacement, éviter les conflits de code et suivre l’historique des modifications.
Pour évaluer les indicateurs de suivi du projet, nous avons mis en place un suivi régulier des progrès en fonction des tâches terminées et des délais respectés. Les écarts par rapport au plan initial ont été analysés lors de réunions hebdomadaires, où nous avons ajusté notre stratégie si nécessaire pour garantir le respect des objectifs. L’utilisation de ces outils nous a permis de maintenir une communication fluide au sein de l’équipe et d’identifier rapidement les problèmes potentiels, assurant ainsi une gestion proactive du projet.
Lors de ce projet, nous avons élaboré un document Word et une présentation PowerPoint pour formaliser notre travail. Le document Word détaillait les processus, les tests et les résultats obtenus, tandis que la présentation PowerPoint était utilisée pour partager les principales étapes du projet avec nos parties prenantes et pour les soutenir dans la compréhension du déroulement du projet.
Nous avons réalisé des tests d'intégration et d'acceptation pour nous assurer que l'ensemble des fonctionnalités du site étaient cohérentes et fonctionnaient comme prévu. Ces tests ont impliqué la vérification de l’intégration des différentes parties du site, comme l’affichage des pages, la gestion des formulaires et la mise à jour des informations en temps réel. Nous avons également vérifié la compatibilité du site avec différents navigateurs et appareils, afin d'assurer une expérience utilisateur optimale.
Une fois les tests concluants, nous avons procédé au déploiement du service. Nous avons mis en ligne le site de manière contrôlée, en veillant à respecter toutes les étapes nécessaires à son lancement, notamment la configuration du serveur, la mise à jour des bases de données et la mise en production des fonctionnalités. Ce déploiement a été planifié pour minimiser les interruptions de service et garantir une transition fluide pour les utilisateurs finaux.
Nous avons également accompagné les utilisateurs dans la mise en place du service en leur fournissant des formations et des guides détaillant l’utilisation du site. Ces supports ont permis aux utilisateurs du zoo, notamment le personnel chargé de la gestion du contenu, de se familiariser rapidement avec les outils de gestion du site et de s’assurer que le site reste opérationnel à long terme. Nous avons également mis en place une assistance technique pour résoudre toute difficulté rencontrée par les utilisateurs après le déploiement.
Ce projet m’a permis d'approfondir mes compétences dans les tests unitaires et d’affiner mon apprentissage en React.js, des domaines essentiels dans le développement web moderne.
Pour les tests unitaires, j’ai appris à concevoir et à mettre en place des tests automatisés permettant de garantir que chaque composant du site fonctionne comme prévu, indépendamment des autres parties du code. J'ai utilisé des frameworks comme Jest pour effectuer ces tests, ce qui m’a permis de vérifier la fonctionnalité des différentes parties de l'application et d'identifier rapidement les erreurs. Cela a non seulement renforcé la stabilité du projet, mais aussi amélioré la qualité du code, en détectant des problèmes potentiels avant même que le site ne soit mis en production.
Concernant React.js, j'ai approfondi ma compréhension de ce framework en l’utilisant pour le développement du site du zoo. J’ai appris à créer des composants réutilisables et à gérer l’état de l’application à l’aide du state et des hooks, ce qui a grandement facilité la gestion dynamique des données sur le site. J'ai également amélioré mes compétences dans l’utilisation de React Router pour gérer la navigation entre les différentes pages, et dans l’optimisation de la performance en utilisant des techniques comme le code splitting. Ces connaissances m’ont permis de créer un site plus réactif et interactif, offrant une expérience utilisateur fluide.
J’ai aussi mis en place mon environnement d’apprentissage personnel en utilisant des outils de développement modernes tels que VS Code, GitHub, et Trello pour gérer les aspects collaboratifs du projet. Ce processus m’a permis de mieux structurer mes projets, d'appliquer les meilleures pratiques en matière de développement, et de continuer à améliorer mes compétences en continu.
Dans le cadre de ma veille informationnelle, j'ai suivi régulièrement des ressources et des forums sur React.js et les tests unitaires, ce qui m’a permis de rester à jour avec les dernières évolutions et d'intégrer de nouvelles pratiques dans mon développement. De plus, cette expérience a renforcé ma gestion de mon identité professionnelle, en m’ouvrant à de nouvelles technologies et en me permettant de mieux définir mes objectifs professionnels.
Enfin, ce projet a été un excellent tremplin pour développer mon projet professionnel en me spécialisant dans le développement d'applications web interactives et performantes, et en approfondissant mes connaissances sur les tests automatisés et le développement avec React.js.