Création d’un site vitrine et e-commerce pour MMI Sport de glisse, mettant à l’honneur les vêtements, accessoires et équipements dédiés aux sports de glisse hivernaux. La conception UX/UI implique l’élaboration d’un design moderne, privilégiant la mise en scène des produits et la fluidité de navigation, tout en assurant un responsive design garantissant l’adaptation du site à tous les supports (ordinateur, tablette, mobile) pour une expérience optimale, tout en respectant la charte graphique de MMII et en évoquant la fraîcheur caractéristique des sports hivernaux.
AC14.01 – Exploiter de manière autonome un environnement de développement efficace et productif
Pour réaliser ce projet, j’ai utilisé un environnement de développement local basé sur des outils classiques : Visual Studio Code pour l’édition de code, un serveur local PHP, et des navigateurs pour les tests responsive. J’ai structuré mon arborescence de fichiers de façon claire, facilitant la lisibilité et la maintenance du projet. L’autonomie dans la gestion de ces outils m’a permis d’avancer efficacement, sans dépendre d’un CMS ou d’un framework préconçu.
AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
Le site a été conçu en HTML5 et CSS3, avec un soin particulier apporté à la structuration sémantique des pages (balises section, article, nav, etc.). Le design vise une expérience utilisateur fluide et intuitive : navigation simplifiée, mise en avant visuelle des produits, compatibilité multi-écrans (responsive design). Des interactions simples (affichage du panier, boutons d’ajout) ont été développées en respectant l’accessibilité et la cohérence graphique de la marque.
AC14.03 – Générer des pages Web à partir de données structurées
L’un des défis majeurs a été la création d’un panier fonctionnel sans base de données. Pour contourner cette contrainte, j’ai structuré les données du panier dans un fichier .txt géré dynamiquement par des scripts PHP. Ce fichier contient les articles ajoutés, les quantités, les sous-totaux et le total. L’affichage du panier est généré en HTML à partir de ces données, simulant ainsi une logique de persistance réaliste tout en restant simple.
AC14.04 – Mettre en ligne une application Web en utilisant une solution d’hébergement standard
Le site a été testé localement mais pensé dès le départ pour un déploiement possible sur un hébergement mutualisé classique. L’organisation des fichiers, l’absence de base de données, et la compatibilité PHP facilitent sa mise en ligne sur un serveur standard. Ce projet m’a sensibilisé aux contraintes liées au déploiement, notamment la portabilité des fichiers et la lisibilité du code source pour d’éventuels collaborateurs.
AC14.05 – Modéliser les données d’une application Web
Même si le projet ne reposait pas sur une base de données relationnelle, une logique de modélisation a été intégrée : les données du panier suivent un format structuré (article, quantité, prix, sous-total), reproduisant le fonctionnement d’un modèle conceptuel de données simple. Ce choix m’a permis de mieux comprendre comment organiser et structurer l’information en amont du développement fonctionnel.
AC14.06 – Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC
Ce projet a été réalisé sans CMS ni framework, dans le but de mieux comprendre les bases du développement web “from scratch”. Toutefois, j’ai appliqué une logique de séparation claire des rôles (structure HTML, logique PHP, styles CSS), proche d’une architecture MVC simplifiée. Ce choix volontaire a renforcé ma capacité à structurer mon code de façon modulaire, rendant le site plus lisible et évolutif.
L’un des défis techniques de ce projet résidait dans la création d’une page Panier fonctionnelle sans recourir à une base de données. L’objectif était de permettre à l’utilisateur de consulter à tout moment l’état de sa commande via une interface claire, générée après un clic sur une icône “panier”. La solution retenue a consisté à utiliser un fichier .txt pour stocker dynamiquement les informations du panier, grâce à des scripts PHP. Ce fichier contient les articles ajoutés, leurs quantités, les prix, les sous-totaux et le total général. Lors de l’ouverture de la page Panier, une simple page HTML lit ce fichier et affiche les données sous forme lisible et structurée. Ce choix technique répond aux contraintes pédagogiques et de simplicité du projet, tout en reproduisant de manière réaliste le fonctionnement d’un panier e-commerce basique. Il permet également d’introduire une logique de gestion de données sans complexité excessive, tout en respectant les principes fondamentaux du développement web dynamique.
