Fiche 2: zone technique

1) La zone technique WordPress

1.1) Choisir l’hébergement

1. Identifier le type de site à héberger :
   • Site vitrine.
   • Blog.
   • Site institutionnel.
   • Site e-commerce.
   • Site avec espace membre.
2. Évaluer les besoins en ressources :
   • Nombre de visiteurs estimés.
   • Nombre de pages.
   • Nombre d’images et médias.
   • Extensions prévues.
   • Volume de stockage nécessaire.
3. Vérifier les caractéristiques techniques proposées par l’hébergeur :
   • Version PHP disponible.
   • Version MySQL ou MariaDB.
   • Mémoire PHP.
   • Espace disque.
   • Certificat SSL inclus.
4. Contrôler la compatibilité avec WordPress :
   • PHP 8.x recommandé.
   • MySQL 8.x ou MariaDB récent.
   • HTTPS disponible.
   • Support des tâches CRON.
5. Vérifier les performances de l’hébergement :
   • Temps de réponse serveur.
   • Disques SSD ou NVMe.
   • Réseau haute disponibilité.
   • Bande passante suffisante.
6. Vérifier les outils d’administration proposés :
   • Panneau d’administration.
   • Gestion FTP ou SFTP.
   • Gestion des bases de données.
   • Gestion des e-mails.
   • Sauvegardes automatiques.
7. Vérifier les options de sécurité :
   • Pare-feu serveur.
   • Protection anti-DDoS.
   • Sauvegardes automatiques.
   • Isolation des comptes.
   • Certificat SSL.
8. Vérifier la présence d’un environnement de préproduction (staging) si nécessaire.
9. Comparer le coût annuel de l’hébergement avec les besoins réels du projet.
10. Commander l’offre retenue puis conserver dans le dossier projet :
    • Numéro client.
    • Nom de domaine.
    • Informations FTP.
    • Informations MySQL.
    • Paramètres DNS.

1.2) Vérifier la compatibilité PHP et MySQL

1. Identifier les prérequis techniques recommandés par la version de WordPress qui sera installée.
2. Se connecter au panneau d’administration de l’hébergeur afin de consulter les caractéristiques du serveur.
3. Vérifier la version de PHP actuellement disponible sur l’hébergement.
4. Contrôler que la version de PHP est encore maintenue et bénéficie des mises à jour de sécurité.
5. Vérifier la version du serveur de base de données :
   • MySQL
   • MariaDB
6. Contrôler les limites PHP configurées sur le serveur :
   • Mémoire disponible.
   • Taille maximale d’upload.
   • Temps maximal d’exécution.
   • Nombre maximal de variables.
7. Vérifier la présence des extensions PHP nécessaires au fonctionnement de WordPress.
8. Contrôler que le serveur autorise la création de bases de données et d’utilisateurs MySQL.
9. Vérifier la compatibilité des futures extensions WordPress avec les versions PHP et MySQL disponibles.
10. Documenter les versions et paramètres techniques retenus dans le dossier du projet.

1.3) Acheter et configurer le nom de domaine

1. Définir un nom de domaine simple, facile à mémoriser et représentatif de l’activité du client ou du projet.
2. Vérifier la disponibilité du nom de domaine auprès d’un bureau d’enregistrement (registrar) ou directement chez l’hébergeur.
3. Choisir l’extension la plus adaptée :
   • .fr pour une activité principalement française.
   • .com pour une portée internationale.
   • .org pour une association.
   • .eu pour une activité européenne.
4. Procéder à l’enregistrement du nom de domaine pour une durée d’un an minimum, voire plusieurs années si le projet est pérenne.
5. Activer le renouvellement automatique afin d’éviter toute interruption du service en cas d’oubli de renouvellement.
6. Associer le nom de domaine à l’hébergement en configurant les serveurs DNS fournis par l’hébergeur.
7. Vérifier la propagation DNS après la configuration. Cette étape peut prendre de quelques minutes à plusieurs heures selon les fournisseurs.
8. Configurer les sous-domaines éventuellement nécessaires :
   • www.monsite.fr
   • blog.monsite.fr
   • staging.monsite.fr
9. Vérifier que le certificat SSL pourra être installé sur le domaine principal et les éventuels sous-domaines.
10. Documenter toutes les informations liées au domaine dans le dossier technique du projet.

1.4) Créer la base de données

1. Se connecter à l’espace d’administration de l’hébergeur ou à l’outil de gestion de bases de données disponible sur le serveur.
2. Accéder à la section dédiée aux bases de données MySQL ou MariaDB.
3. Créer une nouvelle base de données en lui attribuant un nom explicite correspondant au projet.
4. Créer un utilisateur spécifique destiné à accéder uniquement à cette base de données.
5. Définir un mot de passe robuste pour cet utilisateur.
6. Associer l’utilisateur à la base de données créée.
7. Attribuer les privilèges nécessaires à l’utilisateur afin que WordPress puisse créer et gérer ses tables.
8. Vérifier le nom du serveur de base de données (hôte MySQL) fourni par l’hébergeur.
9. Noter soigneusement les informations de connexion qui seront utilisées dans le fichier wp-config.php.
10. Tester la connexion à la base de données avant de lancer l’installation de WordPress.

1.5) Installer et vérifier le certificat SSL (HTTPS)

1. Vérifier que le nom de domaine est correctement configuré et pointe vers l’hébergement.
2. Se connecter à l’espace client de l’hébergeur ou au panneau d’administration du serveur.
3. Accéder à la section :
   • SSL
   • Sécurité
   • Certificats
     selon l’interface proposée.
4. Vérifier si un certificat SSL gratuit est inclus dans l’offre d’hébergement.
5. Activer le certificat SSL sur le domaine principal :
   • monsite.fr
   • ou www.monsite.fr
6. Vérifier si les sous-domaines doivent également être protégés :
   • www
   • staging
   • blog
   • etc.
7. Attendre la génération et l’installation du certificat sur le serveur.
8. Tester l’accès au site en HTTPS :
9. Vérifier que le navigateur affiche le cadenas de sécurité.
10. Documenter la date d’installation et les caractéristiques du certificat dans le dossier technique du projet.

1.6) Configurer les accès FTP / SFTP

1. Se connecter à l’espace client de l’hébergeur ou au panneau de gestion de l’hébergement.
2. Accéder à la section :
   • FTP
   • SFTP
   • Comptes d’accès
   • Gestion des utilisateurs
3. Créer un compte dédié au projet si aucun compte n’existe déjà.
4. Définir un identifiant de connexion explicite et un mot de passe robuste.
5. Noter les informations de connexion :
   • Adresse du serveur.
   • Nom d’utilisateur.
   • Mot de passe.
   • Port utilisé.
6. Vérifier si l’hébergement autorise les connexions SFTP.
7. Installer un logiciel client FTP tel que FileZilla.
8. Configurer une nouvelle connexion dans FileZilla avec les paramètres fournis.
9. Tester la connexion et vérifier l’accès aux répertoires du site.
10. Documenter les paramètres dans le dossier technique du projet.

1.7) Préparer un environnement de développement local ou de préproduction

1. Déterminer si le développement sera réalisé :
   • directement sur l’hébergement ;
   • sur un serveur local ;
   • sur un serveur de préproduction (staging).
2. Installer une solution de développement local adaptée :
   • WAMP ;
   • Local by Flywheel ;
   • XAMPP ;
   • Laragon.
3. Vérifier que les services nécessaires fonctionnent correctement :
   • Apache ;
   • MySQL ou MariaDB ;
   • PHP.
4. Créer un dossier dédié au projet dans l’environnement local.
5. Créer une base de données de développement.
6. Installer WordPress dans cet environnement local.
7. Configurer une adresse locale de travail :
   • localhost
   • ou un VirtualHost personnalisé.
8. Tester l’installation et vérifier que le site est accessible.
9. Préparer une procédure de migration vers la préproduction puis vers la production.
10. Documenter l’ensemble de l’environnement utilisé.

1.8) Créer les adresses e-mail professionnelles

1. Vérifier que l’hébergement inclut un service de messagerie associé au nom de domaine.
2. Se connecter à l’espace client de l’hébergeur ou au panneau d’administration des e-mails.
3. Accéder à la section :
   • Messagerie
   • Comptes e-mail
   • E-mails professionnels
     selon l’interface utilisée.
4. Créer les adresses e-mail nécessaires au projet.
5. Définir un mot de passe sécurisé pour chaque boîte aux lettres.
6. Configurer l’espace de stockage attribué à chaque compte.
7. Tester la réception et l’envoi de messages.
8. Configurer les clients de messagerie si nécessaire :
   • Outlook
   • Thunderbird
   • Smartphone Android
   • iPhone
9. Vérifier les paramètres DNS liés à la messagerie.
10. Documenter les informations dans le dossier technique du projet.

1.9) Vérifier les options multisite et les besoins futurs

1. Analyser le projet afin de déterminer s’il s’agit d’un site unique ou d’un ensemble de sites devant être administrés ensemble.
2. Identifier les besoins futurs du client :
   • plusieurs établissements ;
   • plusieurs agences ;
   • plusieurs langues ;
   • plusieurs marques ;
   • plusieurs communes dans le cas d’une communauté de communes.
3. Vérifier que l’hébergement choisi autorise la création de plusieurs sites ou sous-domaines.
4. Déterminer si une installation WordPress classique suffit ou si une architecture WordPress Multisite doit être envisagée.
5. Étudier les contraintes liées au multisite :
   • gestion des utilisateurs ;
   • partage des extensions ;
   • partage des thèmes ;
   • maintenance centralisée.
6. Vérifier la compatibilité des extensions envisagées avec WordPress Multisite.
7. Vérifier la compatibilité du thème utilisé avec une architecture multisite.
8. Prévoir les éventuels sous-domaines ou sous-répertoires nécessaires.
9. Évaluer les ressources serveur nécessaires à long terme.
10. Documenter les choix retenus dans le dossier technique du projet.

1.10) Réaliser une sauvegarde initiale et documenter l’environnement

1. Créer un dossier projet dédié sur l’ordinateur ou dans un espace de stockage sécurisé.
2. Archiver tous les éléments techniques déjà obtenus :
   • nom de domaine ;
   • accès hébergement ;
   • accès FTP/SFTP ;
   • accès MySQL ;
   • accès e-mails.
3. Conserver une copie de l’archive ZIP originale de WordPress téléchargée depuis le site officiel.
4. Réaliser une première sauvegarde des fichiers présents sur le serveur avant toute modification importante.
5. Exporter la base de données si elle existe déjà ou documenter sa création si le projet démarre de zéro.
6. Enregistrer les paramètres techniques du serveur :
   • version PHP ;
   • version MySQL ;
   • mémoire PHP ;
   • hébergeur utilisé.
7. Créer un document de suivi du projet recensant les principales informations techniques.
8. Mettre en place une organisation claire pour les futures sauvegardes.
9. Vérifier que les sauvegardes peuvent être restaurées en cas de besoin.
10. Mettre à jour régulièrement cette documentation tout au long du projet.

2) Les points essentiels

Résultat attendu

À la fin de cette fiche, l’environnement technique est entièrement opérationnel. Le poste de travail, les outils de développement, le serveur local, WordPress, les logiciels de test et les différents navigateurs sont installés, configurés et prêts à accueillir le futur projet dans de bonnes conditions de sécurité, de performance et de productivité.

À retenir

• Préparer un environnement technique stable avant de commencer un projet.
• Installer uniquement les outils réellement utiles au développement.
• Vérifier la compatibilité des logiciels et des versions utilisées.
• Organiser les fichiers de travail de manière claire et structurée.
• Tester le bon fonctionnement de l’ensemble avant de démarrer le projet.

Les outils recommandés

Serveur local

• Local
• WampServer
• XAMPP

Éditeur de code

• Visual Studio Code
• Notepad++

Navigateurs

• Google Chrome
• Mozilla Firefox
• Microsoft Edge

Outils de développement

• Chrome DevTools
• Firefox Developer Tools

Validation

• W3C Validator
• Wave
• Color Contrast Analyser

Transfert de fichiers

• FileZilla
• WinSCP

Les erreurs à éviter

• Installer plusieurs serveurs locaux simultanément.
• Utiliser une version obsolète de PHP ou de WordPress.
• Négliger les mises à jour des outils de développement.
• Mélanger les dossiers de plusieurs projets.
• Ne pas sauvegarder la configuration du poste de travail.
• Installer des extensions inutiles dans l’éditeur de code.
• Ignorer les messages d’erreur du serveur local.
• Ne pas tester le fonctionnement sur plusieurs navigateurs.
• Modifier directement un site en production sans environnement de test.
• Oublier de documenter la configuration technique.

Checklist de validation

Niveau de difficulté

(2/5) – Débutant / Intermédiaire

Cette fiche demande quelques connaissances techniques, principalement liées à l’installation et à la configuration des outils de développement. Aucune programmation n’est encore nécessaire.

Temps moyen de réalisation

Lecture de la fiche

25 à 35 minutes

Mise en application

2 à 4 heures

(Selon le nombre d’outils à installer et la configuration du poste de travail).

Compétences développées

À l’issue de cette fiche, vous serez capable de :

• Installer un environnement de développement local.
• Configurer un serveur local pour WordPress.
• Paramétrer un éditeur de code professionnel.
• Utiliser les outils de développement des navigateurs.
• Organiser efficacement les dossiers d’un projet web.
• Vérifier la compatibilité des versions logicielles.
• Utiliser les principaux outils de validation web.
• Configurer un accès FTP ou SFTP.
• Préparer un environnement de travail fiable et sécurisé.
• Démarrer un projet WordPress dans des conditions optimales.

Bonus

➤ Infographie zone technique: