Présence en ligne — Organisation Solutech

Technicien : Dufosse
Parcours : BTS SIO SISR — Parcours 1 « Présence en Ligne Solutech »
URL du site : http://10.2.2.20

Dans le cadre du parcours BTS SIO SISR « Présence en Ligne Solutech », j'ai déployé et administré, seul, la présence web complète d'une organisation fictive : infrastructure LAMP, CMS WordPress, charte graphique, référencement SEO, mesure d'audience RGPD-compatible, conformité juridique et recette utilisateur.

En tant qu'administrateur systèmes et réseaux, mon rôle couvrait l'ensemble de la chaîne : installation et durcissement du socle serveur, déploiement du CMS, intégration graphique, optimisation SEO, mise en place de Matomo en auto-hébergement, rédaction du cadre juridique (mentions légales, politique de confidentialité, consentement cookies), création de comptes métier et recette utilisateur avec un compte non-technicien.

J'ai installé la pile LAMP (Apache2, MariaDB, PHP 8.4) sur une VM Debian 13 durcie (hostname et IP fixe posés au préalable). La page de test Apache par défaut confirme que le serveur web répond correctement avant le déploiement du CMS.

J'ai déployé WordPress dans /var/www/html/solutech-web/, connecté à la base wp_solutech via un utilisateur applicatif dédié (moindre privilège). Le tableau de bord accessible confirme que le CMS est pleinement opérationnel.

J'ai construit l'identité visuelle de Solutech via le Customizer WordPress : couleurs (#1A3A5C / #E8A020) et typographies (Montserrat Alternates pour les titres, Instrument Serif pour le corps), déclarées en variables CSS puis appliquées via font-family: var(...) sur les sélecteurs concernés, sans jamais toucher au style.css du thème parent.

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;600;700&family=Instrument+Serif:wght@400&display=swap');

:root {
  --color-primary: #1A3A5C;
  --color-accent: #E8A020;
  --font-heading: 'Montserrat Alternates', sans-serif;
  --font-body: 'Instrument Serif', serif;
}

.site-header {
  background-color: var(--color-primary);
}

.site-header .site-description {
  color: var(--color-accent);
}

Pour prouver l'état du site en base plutôt qu'à l'écran, je me suis connecté en SSH avec l'utilisateur applicatif wp_user (pas sudo mysql, pas d'accès admin global) et j'ai exécuté un SELECT sur wp_posts pour vérifier que les quatre pages vitrine existent bien, publiées.

SELECT post_title, post_status, post_type
FROM wp_posts
WHERE post_type='page' AND post_status='publish';

Résultat : Services, Accueil, Actualités, Contact — 4 lignes, toutes publish / page.

Le front du site affiche l'identité complète de Solutech : logo, slogan, menu de navigation (Accueil | Services | Contact), couleurs et typographies de la charte, cohérents sur l'ensemble des pages.

Logo et favicon créés puis posés dans l'identité du site via le Customizer WordPress (Apparence > Personnaliser > Identité du site), assurant une identité visuelle cohérente sur le front (header) comme sur l'onglet du navigateur.

Logo Solutech — header du site

Favicon Solutech — onglet navigateur

J'ai configuré Yoast SEO (entité Solutech, indexation autorisée) et aligné les quatre champs on-page (expression clé, titre SEO, slug, méta description) sur les quatre pages vitrine, obtenant une pastille orange sur chacune. Le backlog de configuration atteint 9/11, les deux dernières tâches (méta-descriptions par défaut des contenus récents) restant volontairement non cochées. Sitemap et robots.txt vérifiés en ligne de commande.

curl -sL http://10.2.2.20/sitemap_index.xml | head -20
# → sitemapindex XML valide, page-sitemap.xml listé

curl -s http://10.2.2.20/robots.txt | grep wp-admin
# Disallow: /wp-admin/
# Allow: /wp-admin/admin-ajax.php

J'ai installé Matomo en auto-hébergement (base matomo_solutech isolée, Alias Apache sur le vhost existant plutôt qu'un second VirtualHost) puis connecté WordPress via le plugin Connect Matomo (token API, suivi par défaut activé). Une visite de test sur le front est enregistrée en temps réel, preuve que le tracking fonctionne — sans dépendre de serveurs tiers hors UE.

J'ai rédigé et publié les mentions légales (LCEN) et la politique de confidentialité (RGPD, tableau finalité / base légale / durée pour le formulaire de contact et Matomo), composé un menu footer dédié, et déployé un bandeau de consentement cookies avec choix explicite Accepter / Refuser et lien vers la politique.

E-réputation — politique de réponse (lab)

J'ai exécuté la recette complète : six tests d'intégration côté technicien (stack, site, admin, charte, SEO, Matomo) et deux tests d'acceptation côté métier — dont la publication d'un article par le compte Léo Martin (rôle Administrateur, moindre privilège vis-à-vis du compte d'installation) en suivant uniquement le guide utilisateur rédigé en amont.

Tests OK : 8/8 — GO

Procès-verbal complet (8 cas de test, signatures technicien et client) : presence-en-ligne-recette.md

J'ai rédigé un guide utilisateur d'une page (connexion, publication d'un article, modification d'une page, consultation Matomo, contact support) avant d'exécuter les tests — pour que U01 valide le livrable, pas ma mémoire de la séance.

Annexe complète : presence-en-ligne-guide-utilisateur.md

Déposé sur la plateforme de formation en canal de correction asynchrone (ne se substitue pas au contrôle formateur ni à la signature client sur le PV de recette).

Fichier : presence-en-ligne-lucas-dufosse.md

Un snapshot pris à la fin de chaque étape permet de revenir en arrière en cas de régression, sans devoir tout reconfigurer depuis zéro.