AC14.01 - Exploiter de manière autonome un environnement de développement efficace et productif
AC14.02 - Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
AC14.03 - Générer des pages Web à partir de données structurées
Contexte
Dans le cadre de la SAE 105 – « Création d’un portfolio », menée au premier semestre du BUT MMI à l’IUT de Corse, j’ai conçu et développé un site web personnel en HTML et CSS. Ce portfolio avait pour but de présenter mes projets réalisés durant la formation tout en mettant en valeur mes compétences en design et en intégration. Ce travail m’a permis de mobiliser différentes compétences techniques, comme la structuration sémantique d’une page, la création de pages fluides et accessibles, ainsi qu’une organisation autonome de mon environnement de travail.
Démarche, actions menées et réalisations
J’ai mené ce projet de manière indépendante, depuis la création de la maquette jusqu’à l’intégration complète du contenu en HTML et CSS. Pour répondre à l’AC14.01, je me suis organisé efficacement sans recourir à des outils automatisés : gestion rigoureuse des fichiers, structure claire des dossiers (images, pages, style) et un code propre et lisible.
Concernant l’AC14.02, j’ai développé des pages en respectant les bonnes pratiques de balisage sémantique : titres hiérarchisés, sections structurées, liens pertinents. Pour la mise en page, j’ai utilisé Flexbox et les grilles CSS, ce qui m’a permis d’obtenir un rendu fluide et adaptable, notamment grâce aux media queries.
Pour l’AC14.03, même sans base de données ni JavaScript, j’ai structuré les contenus de manière logique, avec une hiérarchisation claire et une réutilisabilité optimisée du code.
Bilan, analyse critique
Ce projet m’a permis de renforcer mes compétences en intégration statique. J’ai appris à gérer un site web de bout en bout, avec une attention particulière à la structuration et à la rigueur du code. Parmi mes points forts : la clarté du code, le respect des standards HTML/CSS et la cohérence graphique du site.
Cependant, certains aspects restent à améliorer, notamment l’adaptation sur mobiles et l’accessibilité (attributs ARIA, contraste des couleurs...). Si je devais reprendre ce projet, je prendrais davantage de temps pour tester le site sur divers appareils et optimiser plus finement mes feuilles de style.
AC14.04 - Mettre en ligne une application Web en utilisant une solution d’hébergement standard
AC14.05 - Modéliser les données d’une application Web
AC14.06 - Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC
Contexte
Dans le cadre de la SAE 203, menée au second semestre du BUT MMI à l’IUT de Corse, j’ai été chargé de développer un site web dynamique, en lien avec la gestion de contenus et la structuration des données. Ce projet m’a permis de mobiliser plusieurs compétences en développement web côté serveur : l’hébergement d’un site, la modélisation de données via un MCD, ainsi que l’adaptation d’un projet à une architecture de type MVC. L’objectif était de concevoir un site web plus complet et conforme aux méthodes de production utilisées en milieu professionnel.
Démarche, actions menées et réalisations
J’ai commencé par mettre mon site en ligne via un hébergement standard fourni par Ionos. Cette étape, relevant de la compétence AC14.04, m’a permis de configurer les fichiers nécessaires (FTP, base de données, PHP) et de m’assurer du bon fonctionnement du site en ligne. J’ai appris à utiliser un client FTP, à paramétrer les accès, et à déployer l’application avec rigueur.
Pour la compétence AC14.05, j’ai réalisé un MCD afin de structurer efficacement les données manipulées par l’application (utilisateurs, articles, catégories…). Cette modélisation m’a permis de mieux saisir l’importance d’une base bien conçue pour assurer la cohérence et la pérennité du projet.
Enfin, pour AC14.06, j’ai personnalisé une application existante en respectant le modèle MVC. J’ai adapté les fichiers liés au modèle, aux vues et aux contrôleurs pour répondre aux besoins fonctionnels, notamment en modifiant les pages d’affichage, les formulaires et la gestion des données.
Bilan, analyse critique
Cette SAE m’a permis de mieux appréhender les différentes étapes d’un projet web structuré, de la conception des données jusqu’à sa mise en ligne. J’ai développé mes compétences en hébergement, en structuration de données, et en personnalisation de code MVC.
Parmi mes points forts, je souligne ma capacité à m’adapter à une architecture technique complexe, à intégrer des modifications fonctionnelles, et à résoudre les problèmes rencontrés. En revanche, je dois encore progresser sur l’utilisation de requêtes SQL avancées et l’automatisation du déploiement. Si c’était à refaire, je prendrais le temps de mieux documenter mon travail et de renforcer la sécurité des données échangées.