Logo MEÏA MOUDJARI
Retour aux projets
Cover
SAE203 • ACADEMIQUE • DEVELOPPEMENT • DéVELOPPER • BUT1

Création d’un portfolio

Contexte

La création de mon portfolio au cours de ce deuxième semestre a été l'occasion de réaliser un site web complet en partant de zéro. L'objectif était de concevoir un site web afin de présenter mes compétences et mes réalisations tout en reflétant mon identité.

Démarche & Réalisation

Pour le développement du site, j'ai utilisé le HTML et le CSS afin de structurer les contenus. Pour dynamiser le site, j'ai utilisé le PHP et une base de données SQL, mais j'ai également intégré du Javascript pour ajouter des interactions utilisateur. Pour gagner en efficacité, notamment sur certaines fonctions complexes en Javascript, j'ai utilisé des IA comme Gemini et Claude, ce qui m'a permis de gagner du temps et de me concentrer sur la cohérence globale. 

Parallèlement, j’ai développé mon identité visuelle sur Affinity (logo, univers graphique) pour définir une direction artistique unique qui me correspond, que j'ai appliquée à l'ensemble de l'interface. 

Enfin, j'ai finalisé le projet en configurant la mise en ligne du site sur un serveur distant (IONOS) afin de rendre mon portfolio accessible sur le web et d’avoir mon propre nom de domaine.

Bilan & Analyse

Ce projet m'a permis d'exploiter de manière autonome un environnement de développement efficace et productif (AC14.01) et de produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples (AC14.02). Grâce au PHP et au SQL, j'ai appris à modéliser les données d’une application Web (AC14.05) et à générer des pages Web à partir de données structurées (AC14.03), consolidant ainsi ma maîtrise du développement web. Cette expérience m'a également permis de mettre en ligne une application Web en utilisant une solution d’hébergement standard (AC14.04).


Développer ce site de A à Z a été un projet très intéressant et qui m’a permis de progresser en développement web. L'usage de l'IA m'a aidé à résoudre des problèmes complexes plus rapidement et à me concentrer sur le plus important. 

Tags & Outils Mobilisés
HTML CSS JS PHP SQL VSCode Gemini Claude
Apprentissages Critiques
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
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 (S2)
Documents

Consultez les documents techniques ou ressources liés à cette trace :

Cahier de conception - Portfolio
Suggestions liées
SAE204
Présence en ligne & Branding
Academique Communication Exprimer Entreprendre BUT1
R208
Création de mon univers graphique
Academique Graphisme Exprimer BUT1
Évaluations Enseignants
Espace réservé.