Tour de la plateforme AI Engine

← AI-Engine-WordPress | ← Plateformes conversationnelles | ← Documentation GenAI | Tour Open WebUI

Parcours découverte. Ce tour guidé présente, écran par écran, à quoi ressemble AI Engine et comment on s’en sert depuis son interface d’administration. Il est le pendant « interface » de la série AI Engine par son API, qui pilote la même plateforme par requêtes REST : ici on apprend à se servir de l’outil à la souris ; là-bas on apprend à l’automatiser.

À qui s’adresse ce tour ?

À toute personne qui découvre AI Engine : administrateur·rice d’un site WordPress qui envisage d’y ajouter une couche GenAI, étudiant·e d’un cours qui va travailler sur l’extension, ou curieux·se qui veut voir l’interface avant de lire le code. Aucun prérequis technique : le tour se lit comme une visite, captures à l’appui.

Comment lire ce tour

Chaque section suit le même rythme :

  1. Ce que c’est — la fonctionnalité en deux phrases.
  2. Ce qu’on y voit — ce que montre la capture.
  3. Capture — une image de l’interface réelle.

Note sur les captures. Les 12 images de ce tour sont produites de façon reproductible par un script Playwright (capturer-le-tour.py) exécuté contre l’ instance jetable « Maison Valmont » : une installation WordPress Docker locale, 100 % synthétique (maison d’édition fictive), branchée sur un LLM local. Aucune donnée réelle n’y figure, et aucune capture ne montre de clé d’API ni de mot de passe. Le script rejoue le tour complet en une commande : c’est la garantie que les images suivent l’interface, pas l’inverse.

Note d’honnêteté sur la licence. L’instance tourne en AI Engine version gratuite (téléchargée depuis wordpress.org). Le module Workspace (étape 7) est réservé à la licence Pro : pour pouvoir le montrer, le script active le module par l’API REST juste avant la visite, puis les étapes suivantes le désactivent — l’instance retrouve son état Free habituel. Les 11 autres captures ne montrent que la version gratuite.

Sommaire

# Section Ce qu’on y découvre
1 Tableau de bord L’écran d’accueil du plugin, étapes de prise en main
2 Catalogue des modules Les familles de fonctionnalités, gratuites et Pro
3 Éditeur de chatbots Où l’on configure un chatbot : AI, apparence, contexte
4 Aperçu live du chatbot Le chatbot testé sans quitter l’éditeur
5 Environnements par défaut Les 7 usages types prêts à l’emploi (chat, images,…)
6 Playground Le banc d’essai de prompts de l’admin
7 Workspace (Pro) Le chat plein écran dans l’admin
8 Générateur de contenu Rédiger un article assisté par IA
9 Générateur d’images Produire des visuels depuis un prompt
10 Accueil public Ce que voit un visiteur du site
11 Page Assistant Le chatbot intégré au site par shortcode
12 Conversation réelle Une vraie question, une vraie réponse du modèle local

1 — Tableau de bord

Ce que c’est. Le point d’entrée de l’extension dans l’admin WordPress : onglet AI Engine → Dashboard. Il résume l’état du plugin et guide les premiers réglages.

Ce qu’on y voit. La page de bienvenue du plugin, son menu latéral d’onglets, et le fil des étapes de prise en main.

Capture de l’onglet Dashboard d’AI Engine dans l’admin WordPress : menu du plugin à gauche (Dashboard, Modules, Chatbots, Settings), zone principale avec les étapes de prise en main de l’extension.

2 — Catalogue des modules

Ce que c’est. L’onglet Modules liste toutes les briques fonctionnelles de l’extension, organisées par familles (chatbots, formes, statistiques,…), chacune activable d’un clic — certaines marquées Pro.

Ce qu’on y voit. La grille des modules avec leurs interrupteurs d’activation et leurs mentions Free / Pro.

Capture de l’onglet Modules d’AI Engine : grille des modules de l’extension, chacun avec son interrupteur, les modules Pro signalés comme tels.

3 — Éditeur de chatbots

Ce que c’est. L’onglet Chatbots : c’est ici que l’on crée et configure un assistant — nom, modèle, system prompt, apparence de la fenêtre de discussion.

Ce qu’on y voit. La liste des chatbots de l’instance — dont « valmont », créé par le script de peuplement — et le panneau de réglages du chatbot sélectionné.

Capture de l’onglet Chatbots d’AI Engine : liste des chatbots de l’instance (dont « valmont », créé par le seed) et réglages du chatbot sélectionné (modèle, invite système, apparence).

4 — Aperçu live du chatbot

Ce que c’est. L’éditeur embarque une prévisualisation du chatbot tel qu’il apparaîtra aux visiteurs : on ajuste un réglage, on voit l’effet immédiatement.

Ce qu’on y voit. La fenêtre de discussion du chatbot, rendue en bas de l’éditeur, telle que la verra un visiteur.

Capture de l’aperçu live intégré en bas de l’éditeur de chatbots : la fenêtre de discussion telle qu’elle apparaîtra aux visiteurs.

5 — Environnements par défaut

Ce que c’est. L’onglet Settings définit les « environnements » : un environnement décrit un serveur de modèles (URL + clé) et à quel usage il répond. AI Engine en préremplit sept — chat, images, transcription, etc. — qu’il suffit de pointer vers son propre serveur.

Ce qu’on y voit. La section Default Environments for AI et sa grille d’usages types, avec en haut du cadre la carte Environments for AI qui porte les identifiants du serveur de modèles. Cette carte est visible, et ce n’est pas un oubli : le champ API Key est de type mot de passe — le navigateur l’affiche en points, il ne rend jamais sa valeur — et l’endpoint affiché est une adresse privée non routable (RFC 1918), déjà présente ailleurs dans ce dépôt public. Ce qui protège ici, c’est le rendu du champ, pas le cadrage : le réflexe à retenir pour toute capture future est de vérifier le type du champ qui porte un secret, car un cadrage ne couvre pas un jour où la même valeur transiterait par un champ texte, un log ou un toast.

Capture de la section « Default Environments for AI » dans l’onglet Settings : la grille des sept usages types (chat, images, audio,…), avec en haut du cadre la carte « Environments for AI » dont le champ API Key apparaît en points (type mot de passe) et l’endpoint est une adresse privée non routable.

6 — Playground

Ce que c’est. Un banc d’essai de prompts dans l’admin (Tools → AI Engine): on choisit un modèle, on tape, on compare — sans écrire la moindre ligne de code ni toucher au site public.

Ce qu’on y voit. L’interface du Playground : sélecteur de modèle, zone de prompt, réponse.

Capture du Playground d’AI Engine (menu Tools) : sélecteur d’environnement/modèle, zone de saisie du prompt et zone de réponse.

7 — Workspace (Pro)

Ce que c’est. Le module Workspace ajoute un chat plein écran dans l’administration — de quoi discuter longuement avec un modèle sans la fenêtre flottante des chatbots publics. C’est une fonctionnalité Pro, montrée ici activée temporairement par l’API (voir la note de licence ci-dessus).

Ce qu’on y voit. L’interface sombre du Workspace occupant tout l’écran de l’admin.

Capture du Workspace AI Engine (chat plein écran dans l’admin WordPress, thème sombre) — module Pro activé temporairement par l’API REST le temps de la capture, comme documenté dans le README.

8 — Générateur de contenu

Ce que c’est. Le module Generators ajoute un outil de rédaction assistée : on décrit l’article voulu, l’IA en produit un brouillon directement dans l’éditeur WordPress.

Ce qu’on y voit. L’écran du générateur de contenu : formulaire de description, options, bouton de génération.

Capture du générateur de contenu d’AI Engine (module Generators) : formulaire décrivant le contenu à produire et options de génération.

9 — Générateur d’images

Ce que c’est. La déclinaison visuelle du générateur : un prompt, une image produite par le serveur de modèles — toujours sans quitter l’admin.

Ce qu’on y voit. L’écran du générateur d’images : zone de prompt et options.

Capture du générateur d’images d’AI Engine (module Generators) : zone de saisie du prompt et options de génération d’image.

10 — Accueil public

Ce que c’est. Changement de décor : on quitte l’administration pour le site public. C’est la première page que voit un visiteur de « Maison Valmont », la maison d’édition fictive qui peuple l’instance.

Ce qu’on y voit. L’accueil du site, sans barre d’admin (la capture vérifie qu’aucune session ne fuite), avec le thème standard de WordPress.

Capture de la page d’accueil publique de l’instance jetable « Maison Valmont » : site vitrine de la maison d’édition fictive, sans barre d’administration.

11 — Page Assistant

Ce que c’est. Le chatbot n’est pas réservé à l’admin : posé dans une page par shortcode, il apparaît inline au visiteur. C’est la démonstration la plus courte de « l’IA intégrée au site ».

Ce qu’on y voit. La page Assistant du site public avec la fenêtre de discussion du chatbot « valmont » intégrée au contenu.

Capture de la page « Assistant » du site public : la fenêtre de discussion du chatbot « valmont » insérée dans la page par shortcode.

12 — Conversation réelle

Ce que c’est. La preuve que la boucle est complète : un visiteur pose une question sur les genres publiés par la maison, le modèle local branché sur l’instance répond — capture prise après l’affichage complet de la réponse.

Ce qu’on y voit. L’échange réel dans la fenêtre de discussion : la question du visiteur, la réponse du modèle servi localement.

Capture d’une conversation réelle avec le chatbot « valmont » : question d’un visiteur sur les genres publiés par la maison, réponse complète du modèle local desservi par l’instance.

Reproduire les captures

# depuis ce dossier, instance jetable démarrée et .env renseigné
# (voir ../instance-jetable/README.md)
python capturer-le-tour.py

Le script ouvre une session administrateur pour les étapes 1 à 9, puis un contexte navigateur vierge (aucune session) pour les étapes 10 à 12 — il vérifie lui-même qu’aucune barre d’admin ne fuite sur le site public. La capture 12 attend la réponse complète du modèle avant de déclencher.

Sécurité — aucun secret dans ce tour

Conformément à la politique du dossier ombrelle : les captures sont produites contre l’instance jetable « Maison Valmont », peuplée exclusivement de données synthétiques — jamais contre une installation réelle. La seule interface qui affiche une clé d’API (étape 5) la montre masquée par le rendu du champ — l’input est de type mot de passe, la valeur ne s’affiche jamais en clair ; l’endpoint visible à côté est une adresse privée non routable, déjà présente dans ce dépôt. Les identifiants de l’instance vivent dans un .env non commité ; seuls les *.env.example documentent les variables attendues.

Et ensuite ?

Tour de la plateforme AI Engine — parcours découverte (issue #12127, tranche 1). FR-first. Captures rejouables via capturer-le-tour.py contre l’instance jetable « Maison Valmont » (AI Engine 3.7.0, licence Free).

Retour au sommet