📚 FICHE DE COURS ÉLÈVE⚓︎
"Présence en Ligne · Enjeux pour une Organisation"⚓︎
Version 1.0 — BTS SIO SISR — Année 1 — Semaine 14
🎯 Compétences Travaillées⚓︎
| Code | Compétence |
|---|---|
| B1.5 | Mettre à disposition un service informatique |
| B2.1 | Installer et configurer un service réseau |
PARTIE I — Pourquoi une Organisation Doit Être en Ligne⚓︎
I.A. Les 5 Raisons Business⚓︎
📋 Texte
① VISIBILITÉ ET DÉCOUVRABILITÉ
──────────────────────────────────────────────────────────────
87% des consommateurs recherchent une entreprise en ligne avant
de la contacter (étude BrightLocal 2023).
Sans site web :
• Invisible sur Google (92% des Français)
• Absent des comparateurs
• Pas de fiche Google My Business complète
Avec site web :
• Référencement naturel (SEO) → trafic gratuit
• Publicité ciblée (Google Ads)
• Présence locale (Google Maps, avis)
② CRÉDIBILITÉ ET CONFIANCE
──────────────────────────────────────────────────────────────
75% des internautes jugent la crédibilité d'une entreprise
sur la qualité de son site web (Stanford 2023).
Site web professionnel = signal de sérieux
Pas de site = doute sur la fiabilité
③ DISPONIBILITÉ 24/7
──────────────────────────────────────────────────────────────
Un site web ne ferme jamais :
• Consultation services à 22h le dimanche
• Formulaire de contact/devis en continu
• FAQ répond sans mobiliser le standard
ROI : 30% des demandes arrivent hors horaires bureau
④ OUTIL COMMERCIAL ET MARKETING
──────────────────────────────────────────────────────────────
Le site web est un commercial qui ne dort jamais :
• Présentation produits/services avec photos
• Témoignages clients
• Call-to-action (devis, achat, contact)
• Mesure du ROI (Google Analytics)
⑤ RECRUTEMENT ET RÉPUTATION EMPLOYEUR
──────────────────────────────────────────────────────────────
86% des candidats recherchent une entreprise en ligne avant
de postuler (LinkedIn 2023).
Site web employeur :
• Présentation culture d'entreprise
• Offres d'emploi visibles
• Attractivité RH
I.B. Les Types de Présence en Ligne⚓︎
| Type | Objectif | Contenu | Coût/an | Exemple |
|---|---|---|---|---|
| Site vitrine | Présenter l'entreprise | 5-10 pages | 500-1500 € | Cabinet comptable |
| Blog | Partager expertise, SEO | Articles réguliers | 300-800 € | Cabinet avocat |
| E-commerce | Vendre en ligne | Catalogue, panier, paiement | 2000-5000 € | Boutique vêtements |
| Application web | Fournir service en ligne | Fonctionnalités interactives | 5000-20000 € | SaaS |
| Portail intranet | Centraliser infos employés | Documents RH, annuaire | 1000-3000 € | PME > 50 salariés |
📌 90% des PME françaises n'ont besoin que d'un site vitrine ou d'un blog.
I.C. Coûts et ROI⚓︎
Coût d'un site web professionnel (WordPress) :
📋 Texte
INVESTISSEMENT INITIAL
──────────────────────────────────────────────────────────────
Nom de domaine (.fr, .com) : 10-20 €/an
Hébergement web : 50-150 €/an
Thème WordPress premium (optionnel) : 0-60 € (unique)
Développement/configuration : 500-2000 €
OU 0 € (alternant)
───────────────────────────────────────────────────────────────
TOTAL première année : 560-2230 €
COÛT ANNUEL RÉCURRENT
──────────────────────────────────────────────────────────────
Hébergement + domaine : 60-170 €/an
Maintenance : 200-600 €/an
OU 0 € (interne)
───────────────────────────────────────────────────────────────
TOTAL années suivantes : 60-770 €/an
Calcul du ROI (exemple PME plomberie) :
📋 Texte
Coût site : 1 000 € première année, puis 300 €/an
Clients gagnés via le site : 15/an (sur 80 clients totaux)
CA moyen par client : 800 €
CA généré par le site : 15 × 800 € = 12 000 €
ROI = (12 000 - 1 000) / 1 000 × 100 = 1 100%
→ Le site est rentabilisé dès la première année
PARTIE II — Les CMS (Content Management Systems)⚓︎
II.A. Définition⚓︎
Un CMS est un logiciel qui permet de créer, gérer et modifier le contenu d'un site web sans coder.
📋 Texte
SITE WEB CODÉ À LA MAIN vs SITE WEB AVEC CMS
──────────────────────────── ─────────────────────
Modifier un texte : Modifier un texte :
1. Ouvrir fichier HTML 1. Se connecter au CMS
2. Trouver la ligne 2. Cliquer "Modifier"
3. Modifier le code 3. Taper le texte
4. Sauvegarder 4. Cliquer "Publier"
5. Uploader via FTP → Fini
6. Vider le cache
→ Nécessite compétences tech → Accessible non-technicien
Avantages d'un CMS : - ✅ Pas besoin de coder - ✅ Interface graphique intuitive (WYSIWYG) - ✅ Gestion utilisateurs et droits - ✅ Thèmes pré-faits (design professionnel) - ✅ Plugins/extensions (fonctionnalités sans développement) - ✅ SEO facilité - ✅ Communauté et support
Inconvénients : - ❌ Performance inférieure à un site codé optimisé - ❌ Failles de sécurité potentielles (plugins non à jour) - ❌ Moins de flexibilité - ❌ Dépendance à l'écosystème du CMS
II.B. Comparatif des Principaux CMS⚓︎
| CMS | Part marché | Cas d'usage | Difficulté | Points forts |
|---|---|---|---|---|
| WordPress | 43% | Site vitrine, blog, e-commerce | ★☆☆ | Facilité, communauté énorme |
| Shopify | E-commerce | E-commerce clé en main | ★☆☆ | Spécialisé vente, hébergement inclus |
| Joomla | 2,5% | Sites communautaires | ★★☆ | Flexibilité, gestion utilisateurs |
| Drupal | 1,5% | Sites entreprise complexes | ★★★ | Sécurité, performance |
| PrestaShop | E-commerce | E-commerce PME | ★★☆ | Gratuit, français, modules |
| Wix | Site builder | Sites très simples | ★☆☆ | Tout-en-un, drag & drop |
📌 Choix S14 BLOC 1 : WordPress représente 43% du web, il est open source, gratuit, très documenté.
II.C. WordPress — Écosystème⚓︎
Chiffres clés (2024) : - 43% de tous les sites web utilisent WordPress - 810 millions de sites WordPress actifs - 60 000+ plugins gratuits - 11 000+ thèmes gratuits - Utilisé par : Microsoft News, Sony Music, NASA...
Composants :
📋 Texte
WORDPRESS.ORG (open source, auto-hébergé — ce qu'on installe)
──────────────────────────────────────────────────────────────
Logiciel gratuit à télécharger et installer sur son serveur
Contrôle total, personnalisation illimitée
Nécessite : serveur, base de données, maintenance
WORDPRESS.COM (SaaS, hébergé par Automattic)
──────────────────────────────────────────────────────────────
Service en ligne clé en main
Hébergement inclus, pas de maintenance technique
Limité en personnalisation (sauf plan payant)
THÈMES (apparence visuelle)
──────────────────────────────────────────────────────────────
Gratuits : 11 000+ sur wordpress.org/themes
Payants : ThemeForest (60 $)
Installation : Apparence → Thèmes → Ajouter
PLUGINS (extensions de fonctionnalités)
──────────────────────────────────────────────────────────────
Exemples populaires :
• Yoast SEO (référencement)
• WooCommerce (e-commerce)
• Contact Form 7 (formulaires)
• Wordfence (sécurité)
• Jetpack (backups, performance)
PARTIE III — La Stack LAMP⚓︎
III.A. Architecture LAMP⚓︎
LAMP = Linux, Apache, MySQL, PHP — stack d'hébergement web open source la plus répandue.
📋 Texte
ARCHITECTURE LAMP
──────────────────────────────────────────────────────────────
CLIENT (Navigateur)
│
│ HTTP Request (http://monsite.local)
↓
┌──────────────────────────────────────────────────────────┐
│ SERVEUR LINUX (Ubuntu Server 22.04) │
│ │
│ ┌──────────────────────────────────────────────────┐ │
│ │ APACHE (Serveur Web) │ │
│ │ • Écoute port 80 (HTTP) │ │
│ │ • Reçoit requête HTTP │ │
│ │ • Identifie le VirtualHost │ │
│ │ • Lit le fichier (.html, .php...) │ │
│ └────────────────┬─────────────────────────────┘ │
│ │ │
│ │ Si fichier .php │
│ ↓ │
│ ┌──────────────────────────────────────────────────┐ │
│ │ PHP (Langage de programmation) │ │
│ │ • Interprète le code PHP │ │
│ │ • Exécute les instructions │ │
│ │ • Génère HTML dynamique │ │
│ └────────────────┬─────────────────────────────┘ │
│ │ │
│ │ Si requête SQL (données) │
│ ↓ │
│ ┌──────────────────────────────────────────────────┐ │
│ │ MySQL / MariaDB (Base de données) │ │
│ │ • Stocke les données (articles, users...) │ │
│ │ • Exécute requêtes SQL │ │
│ │ • Renvoie résultats à PHP │ │
│ └──────────────────────────────────────────────────┘ │
│ │
└──────────────────────────────────────────────────────────┘
│
│ HTTP Response (HTML généré)
↓
CLIENT (Affichage)
III.B. Rôle de Chaque Composant⚓︎
| Composant | Rôle | Équivalent quotidien |
|---|---|---|
| Linux | Système d'exploitation du serveur | Le bâtiment qui héberge le restaurant |
| Apache | Serveur web (traite requêtes HTTP) | Le serveur qui prend commandes et sert |
| MySQL | Base de données (stocke contenus) | La cuisine où sont stockés les ingrédients |
| PHP | Langage de programmation | Le cuisinier qui prépare les plats |
III.C. Alternatives à LAMP⚓︎
| Stack | Composants | Usage |
|---|---|---|
| LEMP | Linux + Nginx + MySQL + PHP | Alternative moderne (meilleure perf) |
| WAMP | Windows + Apache + MySQL + PHP | Développement Windows |
| MEAN | MongoDB + Express + Angular + Node.js | Stack JavaScript full-stack |
IV. Vocabulaire Clé⚓︎
| Terme | Définition |
|---|---|
| Présence en ligne | Ensemble des canaux numériques de visibilité d'une organisation |
| CMS | Content Management System — logiciel de gestion de contenu web |
| WordPress | CMS open source le plus utilisé (43% des sites web) |
| LAMP | Linux + Apache + MySQL + PHP — stack d'hébergement web |
| Apache | Serveur web open source |
| MySQL | Système de gestion de base de données relationnelle |
| PHP | Langage de programmation côté serveur |
| VirtualHost | Configuration Apache pour héberger plusieurs sites |
| Thème | Template définissant l'apparence d'un site WordPress |
| Plugin | Extension ajoutant des fonctionnalités à WordPress |
| SEO | Search Engine Optimization — optimisation pour moteurs |
| ROI | Return On Investment — retour sur investissement |
✅ Auto-évaluation⚓︎
- J'explique 3 raisons pour lesquelles une PME doit avoir un site web
- Je compare site vitrine, blog et e-commerce
- Je calcule le ROI d'un site web
- Je définis un CMS et cite ses avantages
- Je compare WordPress, Joomla, Drupal
- J'explique l'architecture LAMP et le rôle de chaque composant
- J'installe une stack LAMP complète
- Je configure un VirtualHost Apache
- J'installe WordPress et le configure