Portfolio

Page d'accueil du portfolio
Section tableau de synthese
Section projets

Informations du Projet

  • Catégorie: Application Web
  • Contexte: BTS SIO 2025
  • Terminé le: Avril 2025
  • Technologies: HTML, CSS, JavaScript, PHP, Bootstrap
  • Dépôt: GitHub
  • Déploiement: CI/CD avec GitHub Actions

Portfolio professionnel conçu pour présenter mon parcours, mes compétences et mes réalisations dans le cadre du BTS SIO. Ce site sert à la fois d'outil de présentation pour l'épreuve E5 et de vitrine professionnelle pour ma recherche d'emploi ou de poursuite d'études.

Description succincte du projet

  • Date, lieu : Avril 2025, CEFIM Tours (BTS SIO 2025)
  • Projet personnel, accompagné par l'équipe enseignante du CEFIM

Contexte

  • Outil de présentation pour l'épreuve E5 du BTS SIO
  • Vitrine professionnelle pour la recherche d'emploi ou la poursuite d'études

Valorisation de mon parcours et de mes compétences, en accord avec le référentiel BTS SIO.

Environnement technique

  • Frontend : HTML5, CSS3, JavaScript, Bootstrap 5
  • Backend : PHP (structure modulaire, traitement du formulaire)
  • Librairies JS : Swiper (sliders), Isotope (filtrage projets)
  • Versioning : Git et GitHub
  • CI/CD : GitHub Actions (déploiement automatisé)
  • IDE : Visual Studio Code + extensions PHP/HTML/CSS
  • Sources : Docs Bootstrap, tutoriels PHP.net, cours CEFIM, Stack Overflow

Fonctionnalités principales

  • Présentation interactive de mon parcours et de mes compétences
  • Affichage dynamique des projets réalisés
  • Section tableau de synthèse des compétences
  • Formulaire de contact sécurisé (PHP)
  • Responsive design (Bootstrap)
  • Déploiement automatisé via CI/CD

Liste des tâches et planification

Analyse & conception
  • Définition des objectifs du portfolio
  • Identification des sections nécessaires
  • Sélection du template Bootstrap
Développement
  • Personnalisation du template "Personal"
  • Architecture modulaire en PHP
  • Création des pages de compétences
  • Développement des fiches projets
  • Implémentation du formulaire de contact
Déploiement
  • Configuration du dépôt GitHub
  • Mise en place du workflow CI/CD
  • Tests de compatibilité navigateurs
Maintenance & évolution
  • Ajout de nouveaux projets
  • Mise à jour de la veille technologique
  • Optimisation du référencement

Difficultés rencontrées & solutions

  • Architecture modulaire PHP : Système d'inclusion de fichiers avec variables partagées et constantes pour les chemins.
  • Responsive design : Personnalisation des breakpoints Bootstrap et tests multi-écrans.
  • Sécurisation du formulaire : Validation côté serveur, filtrage des entrées, protection XSS/CSRF.
  • CI/CD : GitHub Actions avec script personnalisé et gestion des secrets.

Bilan personnel

Aptitudes renforcées
  • Maîtrise de Bootstrap pour des interfaces responsives
  • Intégration et personnalisation de templates
  • Structuration modulaire PHP
  • Utilisation de Git/GitHub
  • Configuration CI/CD
  • Organisation et présentation professionnelle
  • Documentation des compétences
Axes d'amélioration
  • Optimisation des performances (chargement asynchrone)
  • Amélioration du SEO
  • Gestion de contenu dynamique (base de données)
  • Accessibilité (normes WCAG)
  • Internationalisation (multilingue)

Annexe

Mentions légales