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

Projet MedIT OpenClassrooms

Contexte de la mission

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

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

  • 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

  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.

Retour en haut