MMI Sport de glisse
- Développer
- Développement Web
- 1ère année BUT MMI
HTML/CSS, PHP, architecture BDD, CMS (local), responsive, MAMP, VS Code
Dans le cadre de la SAÉ 105, notre mission était de développer un site e-commerce entièrement codé à la main, destiné à promouvoir les sports de glisse d’hiver.
Ce projet, réalisé en binôme avec Béatrice Barel et encadré par Mme Pessel (Professeur de développement web), constituait notre première immersion sérieuse dans le développement web complet : structuration HTML/CSS, programmation PHP, architecture de fichiers, et fonctionnalités dynamiques.
Le site devait intégrer plusieurs pages, un système de panier, une carte interactive ainsi qu’une interface cohérente avec un univers graphique défini. Ce projet illustre ma capacité à mener à bien un développement complet, allant de la conception visuelle sur Figma à l’intégration HTML/CSS, au traitement dynamique en PHP, puis au fonctionnement sur un serveur local.
Il marque une étape essentielle dans ma progression en développement web.
Démarche & Tâches réalisées
– Conception des maquettes
J’ai débuté par la réalisation des maquettes sur Figma, en définissant une direction visuelle cohérente avec l’univers des sports de glisse. Cette étape a guidé l’ensemble du projet, du design aux choix techniques.
– Développement des pages
J’ai codé toutes les pages en HTML avec un balisage sémantique structuré, puis stylisé l’ensemble via CSS.
– Fonctionnalités dynamiques en PHP
J’ai développé un panier d’achat fonctionnel en PHP : ajout et suppression d’articles, récupération automatique des données produits via un fichier texte structuré et affichage dynamique sur la page panier.
– Carte météo interactive
J’ai intégré une base de carte interactive, prévue pour informer les utilisateurs des conditions météo via l’utilisation d’une API météo.
– Organisation et environnement de développement
Le site a été développé via Visual Studio Code, MAMP et une arborescence structurée
– Posture réflexive
Ce projet a été un véritable défi, car il demandait de manipuler simultanément logique de programmation, structure HTML, mise en forme CSS et gestion de données en PHP.
J’ai appris à travailler avec rigueur, en binôme, à rechercher des solutions techniques, à corriger mes erreurs et à améliorer progressivement l’architecture du site.
L’autonomie demandée m’a permis de mieux comprendre les bonnes pratiques du développement :
- structuration propre des fichiers
- organisation des dossiers
- lisibilité du code
- tests fréquents
J’ai également consolidé ma capacité à penser une expérience utilisateur cohérente : structuration des contenus, hiérarchie visuelle, clarté de navigation, et comportements du panier.
Ce projet a été un jalon important dans mon parcours, car il m’a permis d’acquérir de véritables bases techniques et de me sentir plus légitime en développement web. Même si certains points restent à améliorer notamment le commentaire du code ou la modularisation des fonctions PHP, je suis fière d’avoir mené ce site jusqu’au bout ce qui ma permis de développer mes compétences : HTML, CSS, PHP, Visual Studio Code et MAMP. Cela constitue une base solide que je suis aujourd’hui capable de faire évoluer. Si je devais aller plus loin, j’améliorerais la sécurité, la gestion des sessions et la robustesse du panier, afin de tendre vers un site e-commerce pleinement fonctionnel.
COMPÉTENCES MMI
Développer un site Web
APPRENTISSAGES CRITIQUES
AC14.01 – Exploiter un environnement de développement
AC14.02 – Produire des pages Web fluides et sémantiques
AC14.03 – Générer des pages dynamiques à partir de données structurées
AC14.04 – Mettre en ligne une application Web via une solution d’hébergement standard
