ETIT.info — Visite virtuelle de l'école professionnelle VPU n° 7

À propos du projet

ETIT.info a été mon premier véritable projet web, créé en Ukraine pour l'école professionnelle VPU n° 7 de Kremenchuk. Le projet réunissait deux objectifs dans un même site : créer une visite virtuelle interactive de l'établissement professionnel et développer un site d'information dédié à la commission méthodologique « Économie & Technologies de l'information ». La partie visite virtuelle a été conçue pour permettre aux futurs élèves et aux autres visiteurs de découvrir l'école à distance. Depuis la page de départ de la visite, l'utilisateur peut choisir l'endroit qu'il souhaite découvrir puis parcourir les différentes zones disponibles de l'établissement. Cette idée était particulièrement utile pour les personnes qui souhaitaient se familiariser avec l'environnement scolaire avant une visite sur place. Plutôt que de présenter l'école uniquement avec du texte et quelques photographies, j'ai créé une expérience centrée sur l'exploration visuelle et la navigation contrôlée par l'utilisateur. La seconde grande partie du projet était le site du département Économie & Technologies de l'information. Il présente l'orientation pédagogique et méthodologique de la commission, ses principaux axes de travail, les métiers liés à cette filière, des informations sur les enseignants ainsi que d'autres contenus importants de l'établissement. Le site en ligne présente notamment les professions d'opérateur de saisie informatique, d'opérateur de traitement de l'information et des logiciels, ainsi que de spécialiste de l'enregistrement des données comptables. Cela aide les futurs élèves à mieux comprendre les parcours de formation proposés. J'ai organisé le projet en sections claires : Accueil, Visite, Informations et Contacts. J'ai également mis en place un changement de thème clair/sombre afin que les visiteurs puissent modifier l'apparence du site. Le contenu reposait sur de vraies informations et de vrais supports de l'école plutôt que sur des données fictives, ce qui rendait ce projet très différent de mes exercices d'apprentissage précédents. Ce projet a été particulièrement important pour moi, car c'était la première fois que je développais un site pour une véritable institution et de vrais utilisateurs. Je devais réfléchir non seulement à l'apparence des pages, mais aussi à la manière dont les élèves, les parents et les visiteurs trouveraient les informations, à l'organisation d'une grande quantité de contenu scolaire et à la façon de faire fonctionner la visite virtuelle et les informations du département comme un seul produit cohérent. J'ai réalisé le projet avec des technologies frontend web standards et l'ai déployé sur Netlify. Le résultat est un site éducatif qui combine informations institutionnelles, présentation des métiers et des enseignants, découverte visuelle de l'école et visite virtuelle interactive. Il représente une étape importante de mes débuts en développement, car il m'a permis de passer de petits projets d'apprentissage à la résolution d'un besoin réel de communication numérique pour une école professionnelle.

Mon rôle

J'ai planifié, conçu et développé l'ensemble du projet : le site d'information du département, l'expérience de visite virtuelle de l'école, la navigation et la structure des pages, l'organisation du contenu, le changement de thème clair/sombre, l'implémentation frontend, la préparation des supports de l'école pour le web et le déploiement sur Netlify.

Ce que j’ai réalisé

• ✓Planifié le site à la fois comme ressource d'information du département et comme visite virtuelle de l'école professionnelle
• ✓Créé les sections Accueil, Visite, Informations et Contacts et organisé leur navigation
• ✓Développé un point d'entrée interactif permettant aux visiteurs de choisir la zone de l'école qu'ils souhaitent explorer
• ✓Structuré la visite virtuelle afin de présenter à distance l'environnement de l'ensemble de l'école professionnelle
• ✓Créé la section d'information Économie & IT avec thématique méthodologique, axes de travail, métiers et profils des enseignants
• ✓Implémenté un changement de thème clair/sombre pour l'interface
• ✓Préparé et organisé de vrais textes institutionnels, photographies et supports scolaires pour la présentation en ligne
• ✓Développé les interactions frontend et les pages avec HTML, CSS et JavaScript
• ✓Déployé et publié le projet final sur Netlify
• ✓Réalisé ce projet comme mon premier véritable site web pour un établissement d'enseignement réel