Développement Web

Dans cette section, je vous présenterais des sites web que j'ai crée pour mes cours (et hors cours)
Construire un présence en ligne
Voir les détails
Créer un site Web avec une base de donnée
Voir les détails
Construire un site web statique
Voir les détails
Retour aux projets
Construire un présence en ligne

Construire un présence en ligne

Compétence ciblée :
AC15.05 : Développement d'une image de marque personnelle en ligne
AC13.01 : Rédaction pour les plateformes digitales
AC13.02 : Élaboration de concepts visuels et boards créatifs
AC13.03 : Conception, assemblage et optimisation d'éléments graphiques

La SAÉ 204 m'a amené à élaborer ma stratégie de présence digitale professionnelle, démarche cruciale pour structurer mon identité en ligne et mettre en valeur mon expertise en communication numérique. Cette mission individuelle, menée durant le second semestre de BUT MMI, visait à établir les fondements de ma visibilité professionnelle sur le web.
Réalisations concrètes

Le projet s'est concrétisé par plusieurs productions complémentaires : des publications Linkedin et Instagram respectant les standards du réseau et ciblant mon audience professionnelle (AC13.01), avec des choix typographiques et de composants graphiques harmonisés (AC13.02), la réalisation d'un emblème personnel adapté à différents formats pour optimiser ma reconnaissance (AC13.03), et une analyse approfondie, intégrant mes principes, ambitions (AC15.05).
Cette expérience m'a permis d'appréhender et d'affiner mes techniques de communication multicanal, et d'établir les piliers d'une présence numérique structurée et professionnelle.

Mes principales réussites incluent l'harmonisation de mon univers visuel (dans le graphisme et le monde de la 3D), l'adaptation de mon registre communicationnel aux exigences de LinkedIn, et la création de supports graphiques authentiques.
Créer un site Web avec une base de donnée

Créer un site Web avec une base de donnée

Compétence ciblée :
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

La SAÉ 203 consistait à faire évoluer mon portfolio statique vers une plateforme web dynamique intégrant back-office administratif, système de gestion de contenu et fonctionnalités interactives. L'objectif était de permettre la modification du contenu sans intervention technique directe, tout en préservant un rendu professionnel et une compatibilité multi-supports. Cette réalisation individuelle du second semestre de BUT MMI est ce site en question auquel vous vous trouvez. (manoelgarcia.fr)

J'ai opté pour la solution d'hébergement OVH pour assurer la publication du site (AC14.04), ce qui a nécessité la configuration du nom de domaine, la gestion des transferts de fichiers par protocole FTP, et l'établissement de la connexion distante avec la base de données. La structuration des informations s'appuie sur un modèle relationnel gérant les contenus variables du site (AC14.05), incluant portfolio projets, sections descriptives et ressources visuelles. L'architecture respecte les principes MVC permettant une séparation efficace entre traitement des données, présentation et contrôle applicatif. L'interface de gestion a été adaptée pour offrir une expérience utilisateur fluide et sécurisée (AC14.06).

Mes forces principales résident dans ma capacité à orchestrer un projet web intégral, à élaborer une architecture de données cohérente avec les exigences fonctionnelles, et à garantir un déploiement opérationnel et protégé sur la plateforme OVH. Les axes d'amélioration concernent l'approfondissement des protocoles de sécurité (authentification renforcée, contrôle des saisies) et l'enrichissement de la documentation technique pour optimiser la maintenabilité.
Construire un site web statique

Construire un site web statique

Compétence ciblée :
AC14.01 : Exploiter un environnement de développement efficace.
AC14.02 : Produire des pages web fluides avec un balisage sémantique.
AC14.03 : Générer des pages web à partir de données structurées.


La SAÉ 105 du premier semestre m'a donné l'opportunité de créer mon premier véritable portfolio professionnel, un projet qui me tenait particulièrement à cœur. L'idée de pouvoir enfin présenter mes réalisations de manière structurée et élégante était très motivante. Cette mission individuelle à l'IUT de Corte m'a permis de concrétiser mes apprentissages théoriques en développement web tout en créant un outil essentiel pour ma future carrière.

J'ai abordé ce projet comme un vrai défi créatif et technique. Partir d'une page blanche pour construire quelque chose qui me représenterait professionnellement était à la fois excitant et intimidant. Ma première étape a consisté à réfléchir à l'expérience que je voulais offrir aux visiteurs : simple, moderne et efficace.
L'architecture s'est naturellement organisée autour de quatre sections principales : accueil pour créer une première impression marquante, projets pour valoriser mes réalisations, compétences pour synthétiser mes acquis, et contact pour faciliter les échanges. Le développement en HTML5, CSS3 et JavaScript m'a permis de maîtriser les fondamentaux tout en intégrant des interactions subtiles qui donnent vie au site (AC14.02).

Ce qui m'a particulièrement marqué, c'est la satisfaction de voir le code prendre forme et se transformer en interface fonctionnelle. L'utilisation de Flexbox et Grid pour créer des layouts responsives s'est révélée passionnante, chaque élément trouvant sa place naturellement selon les contraintes d'affichage (AC14.03).
L'utilisation de Git et GitHub était quelque chose de maitrisé chez moi . Pouvoir versionner mon travail, revenir en arrière si nécessaire, et finalement publier le résultat via GitHub Pages pour un environnement de développement bien organisé (AC14.01).

Cette première expérience de développement autonome m'as appris quelque chose : que chaque site web doit avoir la rigueur du code propre et la logique architecturale des projets web.Avec le recul, j'aurais aimé pousser plus loin l'aspect technique en intégrant des outils d'audit comme Lighthouse dès la conception, et tester plus rigoureusement la compatibilité cross-browser. Cette expérience a posé les bases solides de ma future pratique de développement web.

Tel : 06 47 11 30 30

© 2024/2025 Manoël GARCIA - Tous droits réservés