<aside> <img src="/icons/book_gray.svg" alt="/icons/book_gray.svg" width="40px" />

Description Technique

</aside>

<aside> <img src="/icons/search_gray.svg" alt="/icons/search_gray.svg" width="40px" />

Présentation

</aside>

Mendo Web est entièrement compatible avec les dernières versions de :

• Google Chrome
• Microsoft Edge (recommandé)

Pour des performances optimales, nous recommandons d’utiliser une version à jour de l’un de ces navigateurs.

<aside> <img src="/icons/circle_gray.svg" alt="/icons/circle_gray.svg" width="40px" />

Méthode d’installation

</aside>

Mendo Web est installé via un lien sécurisé vers le Google Chrome Web Store.

Le lien d’installation est fourni en amont du déploiement.

<aside> <img src="/icons/circle-one-eighth_gray.svg" alt="/icons/circle-one-eighth_gray.svg" width="40px" />

Que fait Mendo Web ?

</aside>

Mendo Web est une extension de navigateur qui intègre Mendo directement dans les plateformes d’IA.

Initialement conçu pour des plateformes telles que :

• ChatGPT
• Microsoft Copilot

Mendo repose désormais sur un mécanisme d’intégration générique lui permettant de fonctionner sur toute interface d’IA compatible, notamment :

• Les plateformes d’IA publiques (ex. : Gemini, Claude, Mistral)
• Les plateformes d’IA internes utilisés au sein de l’organisation

Sur le plan technique, l’extension injecte un iframe sécurisé dans les pages d’IA compatibles.

Cet iframe charge l’application web Mendo, qui fournit :

• Des parcours d’apprentissage interactifs
• Un accompagnement pas à pas
• Un suivi de la progression des compétences
• Un support contextuel adapté au niveau de l’utilisateur

Capture d’écran – Mendo intégré dans une plateforme d’IA

<aside> <img src="/icons/circle-two-eighths_gray.svg" alt="/icons/circle-two-eighths_gray.svg" width="40px" />

Domaines Supportés

</aside>

Mendo Web fonctionne uniquement sur des domaines prédéfinis.

🧠 ChatGPT

• https://chatgpt.com (domaine principal actuel)
• https://chat.openai.com

🤖 Microsoft Copilot

• https://www.microsoft365.com
• https://copilot.cloud.microsoft
• https://m365.cloud.microsoft
• https://copilot.microsoft.com
• https://www.bing.com/
• https://.office.com/

🏢 Intégration d’autres plateformes d’IA

• L’intégration de plateformes d’IA publiques supplémentaires peut être réalisée si elle n’est pas déjà disponible.
  • Plateformes d’IA publiques déjà intégrées : Gemini, Mistral
• L’intégration de plateformes d’IA internes nécessite une coordination avec l’équipe IT du client.

Selon la configuration, cela peut impliquer :

• L’accès à l’environnement interne
• La fourniture de comptes de test ou d’URLs
• La mise à disposition d’un contact technique pour accompagner la configuration

Les étapes détaillées d’implémentation seront partagées lors de la phase d’intégration. La section suivante présente une vue d’ensemble de l’approche d’implémentation dans les plateformes d’IA.

<aside> <img src="/icons/circle-two-eighths_yellow.svg" alt="/icons/circle-two-eighths_yellow.svg" width="40px" />

Implémentation de Mendo dans les Plateformes d’IA

</aside>

Pour fonctionner correctement, Mendo Web doit être capable d’identifier et d’interagir avec les éléments clés de votre interface de chat IA interne.

Cela nécessite de labelliser certains éléments HTML afin que Mendo puisse reconnaître leur rôle au sein de l’application.

Deux approches d’implémentation sont possibles :

🍿 Option 1 : Ajouter des attributs data-mendo-* aux éléments HTML

Vous pouvez annoter directement votre interface de chat en ajoutant des attributs Mendo personnalisés aux éléments HTML concernés.

Par exemple :

<buttonrole="send-button">Send</button>

devient :

<buttonrole="send-button"data-mendo-send-button>Send</button>

Ces attributs permettent à Mendo d’identifier clairement les éléments fonctionnels tels que :

• Le bouton d’envoi
• Le champ de saisie
• Le conteneur de messages
• etc.

Mapping des attributs Mendo

Le schéma ci-dessous indique :

• Les éléments à labelliser
• Les attributs data-mendo-* à appliquer