Conception et déploiement web

Conception et déploiement du portfolio professionnel BTS SIO

Création d'un portfolio statique HTML/CSS/JS, hébergé sur hébergement web OVH (mutualisé), pour valoriser un parcours BTS SIO SISR.

01/09/2024 au 30/06/2025 Formation Identité numérique & Web
Documentation et ressources

Contexte et Problématique

Contexte

Dans le cadre du BTS SIO et de la recherche d'une alternance Bac+3 "Administrateur d'Infrastructure Sécurisé", il était nécessaire de disposer d'un dossier de réalisations professionnel accessible en ligne.

Plutôt que d'utiliser un CMS tiers, le choix s'est porté sur un site statique HTML/CSS/JS hébergé sur hébergement web OVH (mutualisé), afin de maîtriser l'ensemble de la chaîne (développement → déploiement).

Objectifs

  • Valoriser l'image professionnelle sur les médias numériques.
  • Respecter le cadre juridique : conformité RGPD, mentions légales, absence de tracking tiers.
  • Référencer les réalisations du BTS pour l'épreuve E5.
  • Assurer la visibilité du profil pour les recruteurs (LinkedIn, SEO).

Environnement Technologique

  • HTML5 / CSS3 / JavaScript vanilla
  • Hébergement web OVH (mutualisé)
  • HTTPS inclus (certificat SSL OVH)
  • Déploiement FTP/SFTP
  • Git (versioning local)
  • Domaine : pbarrault-gautier.fr

Réalisation des Tâches

Phase 1 — Conception & identité visuelle

1. Définition de l'identité graphique

Palette : Définition des couleurs principales (navy #0a1628 / cyan #00d4ff).

2. Architecture du site

Structure : Conception des pages index + réalisations + fiches détaillées.

3. Cadre juridique

Conformité : Rédaction des mentions légales conformes RGPD.

Phase 2 — Développement

1. Développement front-end

Intégration : Codage des pages HTML/CSS responsive.

2. Ajout de la veille technologique

Contenu : Intégration de la section Veille technologique au portfolio.

3. Fiches de réalisations E5

Production : Création des 6 fiches réalisations avec compétences E5 associées.

4. Tableau de Synthèse E5

Livrable : Génération du Tableau de Synthèse E5 (PDF).

Phase 3 — Déploiement & infrastructure

1. Préparation de l'hébergement

Infrastructure : Mise en place de l'hébergement web OVH (mutualisé).

2. Publication sécurisée

Web : HTTPS inclus via l'hébergement OVH (certificat SSL OVH).

3. Publication du site

Déploiement : Transfert des fichiers du portfolio via FTP/SFTP.

4. Validation de disponibilité

Recette : Tests de disponibilité du site et de ses services.

Phase 4 — Évolution et référencement

1. Évolution continue du contenu

Maintenance : Ajout de réalisations au fil de l'alternance.

2. Optimisation SEO

Référencement : Optimisation des balises meta et de la structure sémantique HTML.

3. Visibilité recruteurs

Image : Lien LinkedIn → portfolio pour renforcer la visibilité du profil.

Correspondance avec le Tableau de Synthèse (Compétences E5)

Développer la présence en ligne (Présence) Participer à la valorisation de l'image de l'organisation sur les médias numériques en tenant compte du cadre juridique et des enjeux économiques — Création d'un site vitrine professionnel avec mentions légales conformes au RGPD, hébergé sur OVH, pour valoriser le profil lors de la recherche d'alternance Bac+3 "Administrateur d'Infrastructure Sécurisé".
Développer la présence en ligne (Présence) Référencer les services en ligne de l'organisation et mesurer leur visibilité — Optimisation SEO (balises meta, titre, description), lien LinkedIn vers le portfolio, structure sémantique HTML pour l'indexation par les moteurs de recherche.
Développer la présence en ligne (Présence) Participer à l'évolution d'un site Web exploitant les données de l'organisation — Évolution continue du site (ajout de réalisations au fil de l'alternance, mise à jour des compétences, intégration du tableau de synthèse E5 en PDF).
Organiser son développement professionnel (Professionnel) Gérer son identité professionnelle — Construction d'une identité numérique cohérente (portfolio + LinkedIn) pour la recherche d'alternance, avec une charte graphique professionnelle et un contenu aligné sur le métier visé.
Organiser son développement professionnel (Professionnel) Développer son projet professionnel — Mise en avant des réalisations techniques du BTS SIO SISR (Fortinet, Webex, Windows Hello, GLPI, HAProxy, MariaDB) dans un format structuré selon le référentiel officiel, pour préparer l'épreuve E5 et la recherche d'emploi.

Bilan Personnel

  • Maîtrise du déploiement complet d'un service web, de la conception à la mise en production, en totale autonomie.
  • Compétences développées : développement front-end, gestion de l'hébergement web OVH, administration du domaine et conformité RGPD.

Ressources & Documentation