J-Y.M / AZEK

Introduction:

Développer un Plugin WordPress avec le Prompt Engineering : Mon Retour d’Expérience

Le prompt engineering est en train de révolutionner la façon dont nous interagissons avec l’intelligence artificielle. Mais au-delà des exemples spectaculaires de génération d’images ou de textes, comment utiliser concrètement cette technique dans un projet de développement web ? Dans cet article, je vais vous raconter comment j’ai utilisé le prompt engineering pour créer un plugin WordPress de devis sur mesure, pour une entreprise de pose de plans de travail. Je vais vous montrer, étape par étape, comment j’ai formulé mes prompts, comment j’ai intégré l’IA dans mon workflow, et comment j’ai surmonté les défis rencontrés. Que vous soyez développeur, entrepreneur, ou simplement curieux de l’IA, vous découvrirez comment le prompt engineering peut vous aider à gagner du temps, à améliorer votre code, et à repousser les limites de votre créativité.

WP Custom Plugin

WordPress custom Plugin V.1

by Azek / J-Y.M / I-AZ

1. Plugin WordPress « Devis Calculateur Pro »


Besoin métier : 
« L’entreprise voulait offrir à ses clients une expérience interactive et personnalisée, leur permettant de configurer eux-mêmes leur projet et d’un outil pour générer automatiquement des devis précis, en tenant compte de nombreux paramètres (matériaux, dimensions, options, etc.).
Fonctionnalités (Plus de Détails):
Le plugin permet aux clients de choisir parmi une liste de matériaux, de couleurs, de finitions, et d’épaisseurs, avec une mise à jour dynamique du prix en fonction de leurs choix.

Le plugin inclut un formulaire de contact intégré, qui envoie automatiquement les demandes de devis à l’entreprise.
Il offre une interface d’administration intuitive permettant à l’entreprise de gérer les produits, les prix, les options…

Description: Développement d’un plugin WordPress sur mesure pour l’entreprise [Nom de l’Entreprise], spécialisée dans la pose de plans de travail. Le plugin permet aux clients de configurer leur projet en ligne (choix des matériaux, dimensions, options) et d’obtenir un devis instantané. L’objectif était de moderniser le processus de devis de l’entreprise, d’améliorer l’expérience utilisateur, et de gagner du temps en automatisant une partie des tâches administratives. Le plugin offre une interface intuitive et ergonomique, il intègre un système de calcul dynamique des prix, un module de gestion complet back-office, ainsi que la sauvegarde et la transmissions des informations, et les options de personnalisation pour l’administrateur.


Structure et style du texte:
Le plugin a été conçu pour être simple d’utilisation avec un maximum d’options de personnalisation. Le front est intuitif et il offre une très bonne expérience utilisateur.
Le back, coté admin, est très complet : gestion et paramétrage des catégories de produits, matériaux et options, et de leur caractéristiques (prix, poids, dimensions, couleurs, images, descriptions, stock, etc…), gestion des emails, gestion et suivi des demandes avec l’ensemble des données collectées et sauvegardées en BDD.
Le plugin WP  » Devis Calculateur Pro » se veut le plus complet, ergonomique et simple d’utilisation possible.


Technologies Utilisées: WordPress, PHP, HTML, CSS, JavaScript, MySQL, SMTP…
IA: Gemini 2.0 Pro Exp 02-05


3. Prompt Engineering:
Prompt 1: « Génère une fonction PHP qui prend en entrée un tableau associatif de données de formulaire (nom, email, surface, etc.) et qui valide ces données. La fonction doit vérifier que le nom et l’email sont non vides, que l’email est valide, et que la surface est un nombre positif. Si les données sont valides, la fonction doit les nettoyer (en utilisant les fonctions de sanitization de WordPress) et les renvoyer sous forme de tableau. Si les données ne sont pas valides, la fonction doit renvoyer un tableau d’erreurs. »
Résultat): (Php code)
Prompt 2: « Crée un formulaire HTML avec les champs suivants : nom, email, téléphone, surface (champ numérique), type de chant (select avec 3 options). Utilise les classes CSS de Bootstrap 5 pour la mise en forme. »
Prompt 3: « Écris une fonction JavaScript qui calcule le prix total d’un plan de travail en fonction de la surface, du prix unitaire du matériau, du type de chant, de la longueur du chant, et des options de façonnage. La fonction doit prendre en entrée un objet avec les propriétés suivantes : surface, prixUnitaire, chantType, longueurChant, faconnages (un tableau d’objets, chaque objet ayant une propriété ‘prix’). La fonction doit renvoyer le prix total TTC (en appliquant une TVA de 20% si l’option ‘applyTva’ est à true). »

Méthodologie: Méthodologie « Collaboration IA & Humain Optimisée » pour ce projet (définition d’objectifs clairs, communication constante avec l’IA, relecture et validation du code généré, etc.). cf: Lettre Gemini



4. Résultats:

  • « Plugin fonctionnel et opérationnel »
  • « Gain de temps estimé pour le client »: 25%
  • « Amélioration de l’expérience utilisateur »: +10%