PortfolioÉtude de cas — écosystème abrt

Mes projets
En ligne

Portfolio — ma vitrine de candidat

Le site que vous consultez : ma présentation de candidat BTS SIO SISR

PHP MySQL SSO Design system Ouvrir le site Me contacter
Accueil du portfolio Page Mon parcours

Le contexte

C'est ce site même. Ma vitrine personnelle de candidat : parcours, compétences, projets, CV, tableau de synthèse E5 et veille technologique, le tout dans un design soigné et cohérent avec mon écosystème.

Mon rôle

Conception et développement intégral, du back-end PHP/MySQL jusqu'à l'interface, en passant par la structure des contenus.

L'objectif

Présenter mon profil de façon claire et professionnelle au jury du BTS et aux recruteurs, et démontrer mes compétences par l'exemple.

Comment c'est fait

Le portfolio s'appuie sur le même socle technique que le reste de l'écosystème abrt, avec des pages dédiées à chaque facette de mon profil.

  • Back-end PHP avec PDO sur MySQL 8
  • Design system maison « console » partagé
  • Authentification SSO commune à tous les sous-domaines
  • Palettes thématiques personnalisables (clair/sombre)
  • Pages dédiées — parcours fusionné scolarité+entreprise, compétences, projets, CV en PDF, tableau de synthèse E5 interactif, veille techno
  • Affichage responsive mobile soigné

Difficultés rencontrées et solutions

  • Une info-bulle rognée. Dans le tableau de synthèse E5, la zone de défilement horizontal découpait aussi l'info-bulle des compétences. Elle est maintenant un élément unique positionné en position:fixed, qui s'affiche en dessous ou au-dessus selon la place disponible.
  • Des librairies pour une animation. L'apparition au défilement utilisait GSAP et ScrollTrigger sur une dizaine de pages. Elles ont été remplacées par un IntersectionObserver : le contenu est visible par défaut, et sans JavaScript ou avec « mouvement réduit », rien n'est masqué.
  • Un formulaire de contact à protéger. Validation côté navigateur et côté serveur (Respect\Validation, EmailValidator), avec un jeton anti-CSRF vérifié avant tout traitement.
  • Des anciennes adresses. Les pages fusionnées (scolarité, entreprise) redirigent par de vraies redirections 301 plutôt que par une balise meta refresh, invisible aux moteurs de recherche.

Compétences BTS SIO mobilisées

Ce projet s'inscrit dans plusieurs compétences du référentiel BTS SIO, option SISR :

  • Bloc 1 Développer la présence en ligne de l'organisation
  • Bloc 1 Mettre à disposition des utilisateurs un service informatique
  • Bloc 1 Gérer le patrimoine informatique
  • Transverse Travailler en mode projet

Pour aller plus loin

Ouvrir le portfolio L'écosystème abrt Tous mes projets

Voir aussi

D'autres études de cas de l'écosystème, proches de celle-ci :

CyberSafe Un site de sensibilisation à la cybersécurité, rédigé en anglais.