https://drane.ac-normandie.fr/ Site de la délégation régionale académique au numérique éducatif de l'académie de Normandie fr SPIP - www.spip.net https://drane.ac-normandie.fr/creer-un-chatbot https://drane.ac-normandie.fr/creer-un-chatbot 2025-07-09T08:39:17Z text/html fr Rémi Bertrand LaForgeEdu Scénario pédagogique Concevoir des ressources Mettre en œuvre Créative / Transformation Retour d'usage Lycée professionnel Développer des documents multimédia Seine-Maritime Ressources numériques Enseignement - apprentissage Objectifs pédagogiques le développement de la relation omnicanale Dans les baccalauréats (…) <img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH150/chatbot-5ed84.svg?1767797340' class='spip_logo spip_logo_right' width='150' height='150' alt="" /> <div class='rss_texte'><h3 class="spip" id='Objectifs-pedagogiques'>Objectifs pédagogiques</h3><ul class="spip" role="list"><li> le développement de la relation omnicanale</li></ul> <p>Dans les baccalauréats professionnels liés à la relation client, les élèves doivent développer des usages permettant l'omnicanalité ou la multicanalité dans les points de contact avec les clients ou les usagers.</p> <p>Aussi, il semblait intéressant de les initier à la mise en place d'un agent conversationnel simple tel que le permet l'outil <a href="https://chatmd.forge.apps.education.fr/" class="spip_out" rel="external">chatmd</a>.</p> <h3 class="spip" id='Deroule-et-mise-en-oeuvre'>Déroulé et mise en œuvre</h3> <p>L'activité a été séquencée en 2 temps et se déroulait dans le cadre du musée du Louvre PARIS.</p> <p>Afin de donner la compréhension de l'utilité du Chatbot et des réponses qu'il allait falloir créer, la première étape a consisté à identifier la typologie des questions couramment posées afin de les cibler et déterminer le gain de temps pour les agents d'accueil en parallèle de l'amélioration de l'expérience lient envisagée.</p> <p>Cette analyse effectuée, il a été demandé aux élèves de se mettre à la place de l'utilisateur final pour concevoir les questions qu'il pourrait poser.</p> <p>Pour que le Chatbot puisse ensuite réagir grâce à la saisir de l'utilisateur en plus des boutons, un travail autour de la synonymie et de mots clefs relatifs a été mis en place avant que de se lancer à la recherche des éléments de réponse disséminés sur le site.</p> <p>Une fois cette étape achevée, la création du Chatbot simple pouvait se lancer...</p> <h4 class="spip">Les modalités de mise en œuvre</h4> <p>Cette création nécessite 2 éléments :</p> <ul class="spip" role="list"><li> la plateforme <a href="https://chatmd.forge.apps.education.fr/" class="spip_out" rel="external">chatmd</a></li><li> la création d'une page permettant l'écriture en markdown comme <a href='https://drane.ac-normandie.fr/apps-education-codimd' class="spip_in">CODIMD</a></li></ul> <p>Grâce au travail préparatoire et à l'aide des <a href="https://chatmd.forge.apps.education.fr/docs/" class="spip_out" rel="external">tutoriels sur chatmd</a>, les élèves ont pu se lancer dans l'écriture et se sensibiliser à la création d'un chatbot.</p> <h3 class="spip" id='Bilan'>Bilan</h3> <p>Après un temps de découverte des modalités d'écriture, l'activité a pu aboutir à la création d'u agent fonctionnel pour tous les élèves et leur a permis de comprendre que comme pour l'IA, toute réponse à une question est en fait la résultante de la programmation initiale.</p> <p>Au vu du déroulement de l'activité, un prolongement a été réalisé en DNL Anglais avec la création de l'interface en version anglaise pour ceux ayant choisi de suivre la section européenne.</p> <p>Au niveau des élèves, même si le début fut parfois laborieux et compliqué, réussir à finaliser fut une réelle satisfaction ( « ça a été compliqué mais c'est bien maintenant ! ») ; une élève a même mobilisé cette activité afin de la proposer à son lieu de PFMP par la suite.</p> <p><strong>Voici un aperçu du chatbot en vidéo :</strong></p> <div class="spip_document_ spip_document spip_documents spip_document_video ressource oembed oembed_video oembed_video oembed_podeduc" > <figure class="spip_doc_inner"> <div class="oembed oe-video async clearfix" style="max-width:640px;"> <div class="rwd-video-container oe-play-button" style="width:100%;height:0;padding-bottom:56.25%;background-image:url('https://podeduc.apps.education.fr/static/img/defaultpodeduc.svg');background-repeat:no-repeat;background-position:center;background-size:cover;" onclick="if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('%3Ciframe%20src%3D%22https%3A%2F%2Fpodeduc.apps.education.fr%2Fvideo%2F93826-chatbotlouvremp4%2F2cf50a6643230540cf09a7a1f3b561361785216ebf552cd3d3e9deeb5b9752da%2F%3Fis_iframe%3Dtrue%26autoplay%3D1%22%20width%3D%22640%22%20height%3D%22360%22%20style%3D%22padding%3A%200%3B%20margin%3A%200%3B%20border%3A0%22%20allowfullscreen%20loading%3D%27lazy%27%3E%3C%2Fiframe%3E'));}" > <button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label">Lecture</span></button> </div> <style><!--/**/.oe-video .loading {background-image:url("prive/themes/spip/images/searching.gif")!important;background-size:auto !important;}/**/--></style> </div> <figcaption class="spip_doc_legende"> <div class="spip_doc_titre" style="max-width:640px;"><a href="https://podeduc.apps.education.fr/video/93826-chatbotlouvremp4/2cf50a6643230540cf09a7a1f3b561361785216ebf552cd3d3e9deeb5b9752da/" class="oe-title">chatbotlouvre.mp4</a> <span class="oe-author"><br/><span class="oe-author_par">par </span><a href="https://podeduc.apps.education.fr/videos/?owner=bertrand remi" class="oe-author_name">Remi Bertrand</a></span></div> <div class="spip_doc_titre oembed-source"><a href="https://podeduc.apps.education.fr/video/93826-chatbotlouvremp4/2cf50a6643230540cf09a7a1f3b561361785216ebf552cd3d3e9deeb5b9752da/" class="spip_url spip_out" rel="external">https://podeduc.apps.education.fr/v...</a> </div> </figcaption> </figure> </div> <p><strong>Version du chatbot en français :</strong></p> <iframe src="https://chatmd.forge.apps.education.fr/#https://digipage.app/VI-BccszSNGcwNmLEqgD4g" style="border:0; width:100%; height:800px"></iframe> <p><strong>Version du chatbot en anglais :</strong></p> <iframe src="https://chatmd.forge.apps.education.fr/#https://digipage.app/HCaM0CmORqq0HkUwEkpIlA" style="border:0; width:100%; height:800px"></iframe></div>