Projet Med.it – Debug et tests d’un site WordPress

Projet MedIT OpenClassrooms

Contexte de la mission Med.it

Dans le cadre de la formation Développeur WordPress chez OpenClassrooms, j’ai accompagné des étudiants sur le Projet 10 : débuggez et testez un site WordPress d’outillage médical (Med.it).
Ce projet, présenté comme une mission de maintenance pour une PME, visait à corriger des erreurs de code, renforcer la stabilité du site et assurer sa conformité technique.

Mon rôle a été d’aider les étudiants à adopter une approche méthodique, à comprendre les implications des corrections et à appliquer des tests fonctionnels et unitaires pour sécuriser leurs modifications.

Description du projet Med.it

Derrière son apparente simplicité, le projet Med.it cachait plusieurs défis techniques sous-jacents, rendant l’exercice exigeant pour un développeur débutant.

Parmi les points critiques abordés :

  • Restructuration du code :
    • déplacement de la fonction shortcode,
    • renommage des fonctions impactant plusieurs dépendances.
  • Adaptation responsive :
    • réduction de la popup en format mobile,
    • ajustements CSS et JavaScript.
  • Manipulation de la base de données :
    • réécriture des URLs stockées,
    • nécessité de procédures sécurisées pour éviter les pertes de données.
  • Gestion de l’apparence :
    • positionnement du shortcode du bouton de contact dans le header et le footer,
    • modification des fichiers de thème liés à l’affichage.

Les étudiants devaient également produire un cahier de recettes sous Excel et utiliser PHPUnit pour effectuer des tests unitaires et fonctionnels, garantissant la fiabilité des corrections.

Technologies et outils étudiés MySQL PHPUnit

  • WordPress (thèmes et shortcodes)
  • PHP (structuration, renommage de fonctions)
  • MySQL (manipulation de la base de données, réécriture d’URLs)
  • HTML5 / CSS3 / JavaScript (responsive et interactions)
  • Excel (cahier de recettes)
  • PHPUnit (tests unitaires et fonctionnels)

Étapes guidées de debug de Med.it

  1. Analyse des dysfonctionnements signalés.
  2. Déplacement et renommage de fonctions sensibles.
  3. Ajustements responsive et corrections d’affichage.
  4. Manipulation sécurisée de la base de données (réécriture d’URLs).
  5. Positionnement et intégration du bouton de contact.
  6. Rédaction du cahier de tests et validation par PHPUnit.

Points pédagogiques clés

  • Ne pas sous-estimer la complexité cachée d’un projet en apparence simple.
  • Appliquer une démarche structurée de débogage (analyser → corriger → tester).
  • Comprendre les dépendances entre les fonctions dans un thème WordPress.
  • Maîtriser la sécurité des manipulations en base de données.
  • Développer une rigueur de test avec des outils comme PHPUnit.

Mon rôle : accompagner les étudiants dans la compréhension des mécanismes internes de WordPress, leur transmettre des méthodes de débogage robustes et leur montrer comment transformer une mission de maintenance en véritable apprentissage professionnel.

Partager et déboguer vos projets WordPress en toute simplicité

Stéphane Arrami

Stéphane Arrami

Architecte de l'information, développeur et formateur web, IA et NoCode depuis 2017, je pilote mes propres structures (formateur-web.com et wanimi.com pour l'Info-Com) tout en intervenant pour OpenClassrooms.

Je suis également membre de jury officiel pour les titres professionnels de développeur web et designer UI.

Retour en haut