Documentation du Chatbot – Mairie de Fégréac
Introduction
Dans le cadre de la refonte du site internet de la Mairie de Fégréac, un chatbot a été développé et intégré afin d'améliorer la relation usager et l'accès aux informations municipales. Cette page de documentation présente le fonctionnement technique du chatbot, sa structure et son objectif. Elle est destinée à faciliter sa maintenance et son évolution par les administrateurs du site.
1. Objectif du Chatbot
Ce chatbot a été développé pour améliorer l’accès à l'information pour les citoyens de Fégréac. Il permet de répondre automatiquement aux questions fréquentes concernant les services municipaux via une interface simple, sans intervention humaine.
2. Présentation de l’interface
Le chatbot est affiché dans une section fixe en bas à droite du site. L’utilisateur peut l’ouvrir ou le masquer en cliquant sur une icône.
Fonctionnalités principales :
- Menu déroulant de questions fréquentes
- Bouton “Obtenir la réponse”
- Affichage dynamique de la réponse
- Bouton “Nouvelle question”
- Fermeture automatique du chatbot si le pied de page est visible
3. Structure du Code
HTML : structure de l’interface utilisateur.
CSS : design et mise en forme de l’interface (boutons, couleurs, disposition, etc.).
JavaScript : gestion de la logique et des interactions :
toggleChatbot()– Affiche ou masque l’interface du chatbot.afficherQuestions()– Affiche la liste des questions prédéfinies.obtenirReponse()– Retourne la réponse à la question sélectionnée.getReponse()– Gère l'affichage de la réponse à l’écran.nouvelleQuestion()– Réinitialise le formulaire de question.fermerChatbotSiFooterVisible()– Masque automatiquement le chatbot quand le bas de page est visible.
4. Comportement Utilisateur
- Au chargement du site, les questions sont automatiquement chargées.
- Un clic sur l’icône du chatbot affiche l’interface.
- L’utilisateur sélectionne une question, clique sur “Obtenir la réponse” → la réponse s’affiche.
- Il peut ensuite poser une nouvelle question en réinitialisant l’interface.
- Le chatbot se ferme automatiquement si le footer est visible.
5. Comparaison des types de systèmes de chat
| Type | Description | Avantages | Inconvénients |
|---|---|---|---|
| Live Chat | Discussion en temps réel avec un agent humain | Interaction personnalisée, meilleure gestion des cas complexes | Coût élevé, dépend de la disponibilité humaine |
| Chatbot Scripté | Réponses automatiques à partir d’un ensemble fixe de questions/réponses | Fonctionne 24/7, simple à mettre en place | Réponses limitées, pas de compréhension du langage libre |
| Chatbot IA (NLP) | Utilise l’IA pour comprendre les questions formulées librement | Souplesse, intelligence adaptative | Complexité élevée, nécessite entraînement et maintenance |
Validation des compétences
🧑💻 1. Accompagner les utilisateurs dans la mise en place d’un service
Durant la phase de mise en place, un accompagnement a été assuré auprès de la mairie pour l’utilisation et l’administration du chatbot. Une documentation claire a été fournie pour permettre l’ajout ou la modification des questions. Des séances de démonstration ont été organisées afin de former les agents responsables à l’utilisation du service.
🌐 2. Participer à l’évolution d’un site Web exploitant les données de l’organisation
Ce projet a été initié suite à une demande spécifique de la mairie concernant l’intégration d’un chatbot. Une analyse comparative a été menée pour orienter le choix vers la solution la plus adaptée.
- Collecte de la demande via échanges avec les responsables de la mairie
- Analyse des besoins et des objectifs de la mairie
- Étude comparative des différents types de chatbot :
- Live chat – trop coûteux et dépendant d'une présence humaine
- Chatbot IA – solution puissante mais complexe à mettre en œuvre
- Chatbot scripté – réponse idéale car simple, autonome et personnalisable
- Présentation des options et accompagnement dans le choix final
- Développement d’un chatbot sur-mesure basé sur le modèle scripté