Messages
Ordered list of dispatched messages across all your buses
"Contao\CoreBundle\Messenger\Message\SearchIndexMessage" |
|
|---|---|
| Caller | In SearchIndexListener.php line |
| Bus | messenger.bus.default |
| Message | Contao\CoreBundle\Messenger\Message\SearchIndexMessage {#13502 -document: Contao\CoreBundle\Search\Document {#13501 -originalDocument: null -jsonLds: null -uri: Nyholm\Psr7\Uri {#13503 -scheme: "https" -userInfo: "" -host: "www.essensei.fr" -port: null -path: "/roadmap-narrative" -query: "" -fragment: "" } -statusCode: 200 -headers: [ "cache-control" => [ "private, s-maxage=3600" ] "date" => [ "Tue, 03 Feb 2026 05:02:46 GMT" ] "content-type" => [ "text/html; charset=UTF-8" ] "vary" => [ "Origin" "Cookie" ] "x-cache-debug" => [ "1" ] "x-content-type-options" => [ "nosniff" ] "referrer-policy" => [ "no-referrer-when-downgrade, strict-origin-when-cross-origin" ] "strict-transport-security" => [ "max-age=31536000" ] "x-cache-tags" => [ "contao.db.tl_module.249,contao.db.tl_module.164,contao.db.tl_module.160,contao.db.tl_module.233,contao.db.tl_module.188,contao.db.tl_module.234,contao.db.tl_module.235,contao.db.tl_module.263,contao.db.tl_page.226,contao.db.tl_page.306,contao.db.tl_page.322,contao.db.tl_page.310,contao.db.tl_page.312,contao.db.tl_page.311,contao.db.tl_page.315,contao.db.tl_page.307,contao.db.tl_page.297,contao.db.tl_page.318,contao.db.tl_page.319,contao.db.tl_page.317,contao.db.tl_page.290,contao.db.tl_module.190,contao.db.tl_module.236,contao.db.tl_module.161,contao.db.tl_module.165,contao.db.tl_module.162,contao.db.tl_module.240,contao.db.tl_module.163,contao.db.tl_article.537,contao.db.tl_content.6468,contao.db.tl_module.168,contao.db.tl_article.538,contao.db.tl_content.6469,contao.db.tl_content.5551,contao.db.tl_content.6470,contao.db.tl_content.6471,contao.db.tl_content.6472,contao.db.tl_module.169,contao.db.tl_article.541,contao.db.tl_content.6510,contao.db.tl_content.6511,contao.db.tl_content.6512,contao.db.tl_content.6513,contao.db.tl_article.542,contao.db.tl_content.6536,contao.db.tl_content.6537,contao.db.tl_content.6538,contao.db.tl_content.6539,contao.db.tl_article.558,contao.db.tl_content.6672,contao.db.tl_content.6673,contao.db.tl_content.6725,contao.db.tl_content.6674,contao.db.tl_content.6727,contao.db.tl_content.6675,contao.db.tl_article.543,contao.db.tl_content.6562,contao.db.tl_content.6563,contao.db.tl_content.6716,contao.db.tl_content.6720,contao.db.tl_content.6695,contao.db.tl_content.6721,contao.db.tl_content.6718,contao.db.tl_content.6696,contao.db.tl_content.6697,contao.db.tl_content.6694,contao.db.tl_content.6698,contao.db.tl_content.6699,contao.db.tl_content.6700,contao.db.tl_content.6701,contao.db.tl_content.6702,contao.db.tl_content.6703,contao.db.tl_content.6704,contao.db.tl_content.6705,contao.db.tl_content.6706,contao.db.tl_content.6707,contao.db.tl_content.6708,contao.db.tl_content.6709,contao.db.tl_content.6710,contao.db.tl_content.6711,contao.db.tl_content.6712,contao.db.tl_content.6713,contao.db.tl_content.6714,contao.db.tl_content.6715,contao.db.tl_content.6719,contao.db.tl_content.6717,contao.db.tl_content.6736,contao.db.tl_content.6566,contao.db.tl_article.559,contao.db.tl_content.6676,contao.db.tl_content.6677,contao.db.tl_content.6691,contao.db.tl_news_archive.17,contao.db.tl_news_archive.6,contao.db.tl_news_archive.15,contao.db.tl_news.84,contao.db.tl_news.77,contao.db.tl_news.88,contao.db.tl_module.271,contao.db.tl_content.6679,contao.db.tl_article.545,contao.db.tl_content.6598,contao.db.tl_content.6599,contao.db.tl_content.6602,contao.db.tl_content.6603,contao.db.tl_content.6604,contao.db.tl_content.6601,contao.db.tl_module.186,contao.db.tl_module.239,contao.db.tl_module.185,contao.db.tl_module.242,contao.db.tl_module.182,contao.db.tl_page.225,oveleon.cookiebar.1" ] "x-frame-options" => [ "SAMEORIGIN" ] "x-xss-protection" => [ "1; mode=block" ] "x-debug-token" => [ "c3ba07" ] "x-debug-token-link" => [ "https://www.essensei.fr/_profiler/c3ba07" ] "x-robots-tag" => [ "noindex" ] "age" => [ "1" ] "contao-private-response-reason" => [ "response-cookies (contao_frontend_deauth_profile_token, contao_frontend_auth_profile_token)" ] "set-cookie" => [ "contao_frontend_deauth_profile_token=c3ba07; path=/; httponly; samesite=lax" "contao_frontend_auth_profile_token=deleted; expires=Mon, 03 Feb 2025 05:02:46 GMT; Max-Age=0; path=/; httponly" ] ] -body: """ \n <!-- TEMPLATE START: templates/client/fe_page.html5 -->\n <!DOCTYPE html>\n <html lang="fr">\n <head>\n \n <meta charset="UTF-8">\n <title>Roadmap Narrative : racontez la progression de vos utilisateurs</title>\n <base href="https://www.essensei.fr/">\n \n <meta name="robots" content="index,follow">\n <meta name="description" content="Changer vos conversations. Matérialiser la progression de vos utilisateurs et augmenter votre impact sur leur quotidien pour guider vos décisions">\n <meta name="generator" content="Contao Open Source CMS">\n \n <link rel="canonical" href="https://www.essensei.fr/roadmap-narrative">\n \n <meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no,viewport-fit=cover">\n \n <link rel="stylesheet" href="/assets/handorgel/css/handorgel.min.css?v=1.0.0.1">\n \n <link rel="stylesheet" href="/assets/contao/css/icons.min.css?v=e03c59c9"><link rel="stylesheet" href="/bundles/contaothemesnetfontawesomeinserttag/css/all.min.css?v=cf52dd22"><link rel="stylesheet" href="/bundles/contaocookiebar/styles/cookiebar_simple.css?v=140a8ec0"><link rel="stylesheet" href="/assets/colorbox/css/colorbox.min.css?v=83af8d5b"><link rel="stylesheet" href="/assets/tablesorter/css/tablesorter.min.css?v=54af7ed9"><link rel="stylesheet" href="/files/client/css/client.css?v=61dbe1b8"><link rel="stylesheet" href="/files/client/css/fixes.css?v=553d7381"> <script src="/assets/jquery/js/jquery.min.js?v=2e868dd8"></script><script src="/files/oneo/js/modernizr.min.js?v=d182cd88"></script>\n \t<!-- Start of HubSpot Embed Code -->\n \t<script>\n \t\tvar _hsq = window._hsq = window._hsq || [];\n \t\t_hsq.push(['setContentType', 'site-page']);\n \t</script>\n \t<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/146564187.js"></script>\n \t<!-- End of HubSpot Embed Code -->\n \t<!-- images::apple --><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon.png" sizes="57x57"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-57x57.png" sizes="57x57"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-60x60.png" sizes="60x60"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-72x72.png" sizes="72x72"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-76x76.png" sizes="76x76"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-114x114.png" sizes="114x114"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-120x120.png" sizes="120x120"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-144x144.png" sizes="144x144"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-152x152.png" sizes="152x152"><link rel="apple-touch-icon" href="/files/images/tiles/apple-touch-icon-180x180.png" sizes="180x180"><!-- images::android --><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-36x36.png" sizes="36x36"><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-48x48.png" sizes="48x48"><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-72x72.png" sizes="72x72"><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-96x96.png" sizes="96x96"><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-144x144.png" sizes="144x144"><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-512x512.png" sizes="512x512"><link rel="icon" type="image/png" href="/files/images/tiles/android-chrome-192x192.png" sizes="192x192"><link rel="icon" type="image/png" href="/files/images/tiles/homescreen-192x192.png" sizes="192x192"><!-- images::microsoft --><meta content="/files/images/tiles/small.jpg" name="msapplication-square70x70logo"><meta content="/files/images/tiles/medium.jpg" name="msapplication-square150x150logo"><meta content="/files/images/tiles/wide.jpg" name="msapplication-wide310x150logo"><meta content="/files/images/tiles/large.jpg" name="msapplication-square310x310logo"><!-- images::icon --><link rel="icon" type="image/png" href="/files/images/tiles/favicon-16x16.png" sizes="16x16"><link rel="icon" type="image/png" href="/files/images/tiles/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/files/images/tiles/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/png" href="/files/images/tiles/favicon-128x128.png" sizes="128x128"><link rel="icon" type="image/png" href="/files/images/tiles/favicon-160x160.png" sizes="160x160"><link rel="icon" type="image/png" href="/files/images/tiles/favicon-192x192.png" sizes="192x192"><link rel="icon" type="image/png" href="/files/images/tiles/favicon-196x196.png" sizes="196x196"><!-- additionals::windows --><!-- additionals::ios --><!-- additionals::android --><!-- additionals::webApp --><!-- favicon --><link rel="shortcut icon" type="image/x-icon" href="/files/images/tiles/favicon.ico" ><link rel="icon" type="image/ico" href="/files/images/tiles/favicon.ico" ><meta prefix="og: http://ogp.me/ns#" property="og:title" content="Roadmap Narrative : racontez la progression de vos utilisateurs">\n <meta prefix="og: http://ogp.me/ns#" property="og:type" content="website" />\n <meta prefix="og: http://ogp.me/ns#" property="og:image" content="https://www.essensei.fr/files/images/common/share.jpg">\n <meta prefix="og: http://ogp.me/ns#" property="og:image:type" content="image/jpeg">\n <meta prefix="og: http://ogp.me/ns#" property="og:image:width" content="1200">\n <meta prefix="og: http://ogp.me/ns#" property="og:image:height" content="627">\n <meta prefix="og: http://ogp.me/ns#" property="og:url" content="https://www.essensei.fr/roadmap-narrative">\n <meta prefix="og: http://ogp.me/ns#" property="og:site_name" content="Essensei">\n \n \t\t<script src="https://cdn.jsdelivr.net/npm/sienna-accessibility@latest/dist/sienna-accessibility.umd.js" defer></script>\n \t<script src="https://unpkg.com/web-vitals@5.1.0/dist/web-vitals.iife.js" defer></script> \n \n <script src="bundles/contaocookiebar/scripts/cookiebar.min.js?v=140a8ec0"></script>\n </head>\n <body id="top" class="oneo-no-sidebar oneo-fullwidth page-roadmap-narrative level-1 page-322">\n \n \t\n \t<div class="page">\n \t\t\t\t\t<header class="page-header">\n \t\t\t\t\n <!-- TEMPLATE START: vendor/oveleon/contao-cookiebar/contao/templates/cookiebar/ccb_opener_default.html5 -->\n \n <!-- indexer::stop -->\n <div class="mod_cookiebar_opener block">\n \n \n \n <a href="javascript:;" class="ccb-trigger" title="Paramètres de Confidentialité" rel="noreferrer noopener">Confidentialité</a>\n \n \n </div>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: vendor/oveleon/contao-cookiebar/contao/templates/cookiebar/ccb_opener_default.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <div class="header-navigation">\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <div class="main-navigation-wrapper">\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <div class="navigation-wrapper left-navigation-wrapper">\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_logo.html5 -->\n \n <!-- indexer::stop -->\n <div class="ce_rsce_client_logo logo">\n \t<a href="">\n \t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/common/logo.png" width="832" height="144" alt="Essensei">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t</a>\n </div>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: templates/client/rsce_client_logo.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n </div>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <div class="navigation-wrapper right-navigation-wrapper">\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <a href="/contact" title="Contacter notre équipe d'experts" class="page-contact hs-cta-trigger-button hs-cta-trigger-button-273522371778" itemprop="url">\n <span itemprop="name">Prise de rendez-vous</span>\n </a>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_navigation.html5 -->\n \n <!-- indexer::stop -->\n <nav class="mod_navigation main-navigation block">\n \n \n <a href="/roadmap-narrative#skipNavigation190" class="invisible">Aller au contenu</a>\n \n \n <!-- TEMPLATE START: templates/client/nav_custom_sub_nolink.html5 -->\n \n <ul class="level_1">\n \n <li class="home tagline-no-border sibling">\n <a\n href="/"\n title="Conseil & formation agile pour les entreprises"\n class="home tagline-no-border sibling" >\n Accueil </a>\n \n \n \n \n <li class="sibling">\n <a\n href="/expertises"\n title="L'agilité au service de vos ambitions"\n class="sibling" >\n Expertises </a>\n \n \n \n \n <li class="active page-roadmap-narrative">\n <strong class="active page-roadmap-narrative">\n Roadmap Narrative </strong>\n \n \n \n \n <li class="submenu sibling">\n <a\n href="/formations"\n title="Formations méthodes & certifications agiles | Scrum, SAFe, …"\n class="submenu sibling" aria-haspopup="true" >\n Formations </a>\n \n <!-- TEMPLATE START: templates/client/nav_custom_sub_nolink.html5 -->\n \n <ul class="level_2">\n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-produit"\n title="Parcours Produit"\n >\n Parcours Produit </a>\n \n \n \n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-manager"\n title="Parcours Manager"\n >\n Parcours Manager </a>\n \n \n \n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-agile-a-l-echelle"\n title="Parcours Agile à l'échelle"\n >\n Parcours Agile à l'échelle </a>\n \n \n \n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-delivery"\n title="Parcours Delivery"\n >\n Parcours Delivery </a>\n \n \n \n </ul>\n \n <!-- TEMPLATE END: templates/client/nav_custom_sub_nolink.html5 -->\n \n \n \n \n <li class="submenu nolink sibling">\n <strong>\n Ressources </strong>\n \n <!-- TEMPLATE START: templates/client/nav_custom_sub_nolink.html5 -->\n \n <ul class="level_2">\n \n <li class="">\n <a\n href="/publications"\n title="Nos publications"\n >\n Publications </a>\n \n \n \n \n <li class="">\n <a\n href="/ressources/a-telecharger"\n title="Nos ressources téléchargeables"\n >\n À télécharger </a>\n \n \n \n \n <li class="">\n <a\n href="/ressources/conferences"\n title="Conférences"\n >\n Conférences </a>\n \n \n \n </ul>\n \n <!-- TEMPLATE END: templates/client/nav_custom_sub_nolink.html5 -->\n \n \n \n \n <li class="sibling">\n <a\n href="/equipe"\n title="Des experts unis par la passion du métier"\n class="sibling" >\n Equipe </a>\n \n \n \n </ul>\n \n <!-- TEMPLATE END: templates/client/nav_custom_sub_nolink.html5 -->\n \n <span id="skipNavigation190" class="invisible"></span>\n \n </nav>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_navigation.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n </div>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n </div>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n </div>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <div class="main-navigation-mobile">\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_navigation.html5 -->\n \n <!-- indexer::stop -->\n <nav class="mod_navigation main-navigation block">\n \n \n <a href="/roadmap-narrative#skipNavigation190" class="invisible">Aller au contenu</a>\n \n \n <!-- TEMPLATE START: templates/client/nav_custom_sub_nolink.html5 -->\n \n <ul class="level_1">\n \n <li class="home tagline-no-border sibling">\n <a\n href="/"\n title="Conseil & formation agile pour les entreprises"\n class="home tagline-no-border sibling" >\n Accueil </a>\n \n \n \n \n <li class="sibling">\n <a\n href="/expertises"\n title="L'agilité au service de vos ambitions"\n class="sibling" >\n Expertises </a>\n \n \n \n \n <li class="active page-roadmap-narrative">\n <strong class="active page-roadmap-narrative">\n Roadmap Narrative </strong>\n \n \n \n \n <li class="submenu sibling">\n <a\n href="/formations"\n title="Formations méthodes & certifications agiles | Scrum, SAFe, …"\n class="submenu sibling" aria-haspopup="true" >\n Formations </a>\n \n <!-- TEMPLATE START: templates/client/nav_custom_sub_nolink.html5 -->\n \n <ul class="level_2">\n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-produit"\n title="Parcours Produit"\n >\n Parcours Produit </a>\n \n \n \n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-manager"\n title="Parcours Manager"\n >\n Parcours Manager </a>\n \n \n \n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-agile-a-l-echelle"\n title="Parcours Agile à l'échelle"\n >\n Parcours Agile à l'échelle </a>\n \n \n \n \n <li class="">\n <a\n href="https://www.essensei.fr/formations#parcours-delivery"\n title="Parcours Delivery"\n >\n Parcours Delivery </a>\n \n \n \n </ul>\n \n <!-- TEMPLATE END: templates/client/nav_custom_sub_nolink.html5 -->\n \n \n \n \n <li class="submenu nolink sibling">\n <strong>\n Ressources </strong>\n \n <!-- TEMPLATE START: templates/client/nav_custom_sub_nolink.html5 -->\n \n <ul class="level_2">\n \n <li class="">\n <a\n href="/publications"\n title="Nos publications"\n >\n Publications </a>\n \n \n \n \n <li class="">\n <a\n href="/ressources/a-telecharger"\n title="Nos ressources téléchargeables"\n >\n À télécharger </a>\n \n \n \n \n <li class="">\n <a\n href="/ressources/conferences"\n title="Conférences"\n >\n Conférences </a>\n \n \n \n </ul>\n \n <!-- TEMPLATE END: templates/client/nav_custom_sub_nolink.html5 -->\n \n \n \n \n <li class="sibling">\n <a\n href="/equipe"\n title="Des experts unis par la passion du métier"\n class="sibling" >\n Equipe </a>\n \n \n \n </ul>\n \n <!-- TEMPLATE END: templates/client/nav_custom_sub_nolink.html5 -->\n \n <span id="skipNavigation190" class="invisible"></span>\n \n </nav>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_navigation.html5 -->\n \n <!-- TEMPLATE START: templates/client/mod_customnav.html5 -->\n <!-- indexer::stop -->\n <nav class="mod_customnav secondary-navigation block">\n \n \n <a href="/roadmap-narrative#skipNavigation240" class="invisible">Aller au contenu</a>\n \n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/navigation/nav_default.html5 -->\n \n <ul class="level_1">\n <li><a href="/gestion-du-handicap">Gestion du handicap</a></li>\n </ul>\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/navigation/nav_default.html5 -->\n \n <a id="skipNavigation240" class="invisible"> </a>\n \n </nav>\n <!-- indexer::continue -->\n <!-- TEMPLATE END: templates/client/mod_customnav.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n </div>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-537" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_hubspot.html5 -->\n \n <!-- indexer::stop -->\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: templates/client/rsce_client_hubspot.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \t\t\t</header>\n \t\t\n \t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <div class="tagline">\n <div class="tagline-inner">\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-538" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start -background-color-1 -color-inverted " >\r\n \r\n \t\t\t\t<div class="centered-wrapper-background" style="background-image: url("/assets/images/3/pexels-photo-24314-10rsm5v7h93wthk.jpg");background-size: cover;filter:grayscale(1) contrast(1) ;-webkit-filter:grayscale(1) contrast(1) ;-ms-filter:grayscale(1) contrast(1) ;-o-filter:grayscale(1) contrast(1) ;-khtml-filter:grayscale(1) contrast(1) ;opacity: .15;" data-image-url="/assets/images/3/pexels-photo-24314-10rsm5v7h93wthk.jpg"></div>\r\n \t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-150px25px" style="padding:150px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box -align-center ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h1\t\t\tclass="headline "\n \t\t\t>\n \t\tRoadmap Narrative : racontez la progression de vos utilisateurs</h1>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n \n \n <div class="tagline-description content-text"> \n \n \n \n <div class="rte">\n <p style="text-align: center;"><span class="text-intro">Donnez du sens à vos roadmaps.</span></p>\n <p style="text-align: center;">Matérialisez la progression de vos utilisateurs et augmentez votre impact sur leur quotidien pour guider vos décisions.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n </div>\n </div>\n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_html.html5 -->\n \n \t\t<div class="content-wrapper">\n \n \t\t\t<main role="main" class="main-content">\n \n \t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-541" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start " >\r\n \r\n \t\t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-100px25px" style="padding:100px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h2\t\t\tclass="headline "\n \t\t\t>\n \t\tPourquoi mettre en place une Roadmap Narrative ?</h2>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_icon_boxes.html5 -->\n <section class="icon-boxes is-animated does-repeat rs-columns ce_rsce_client_icon_boxes why-roadmap is-animated">\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-4-1 -large-first -large-first-row -medium-col-4-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row -align-center " style="padding: 25px;">\n \t\t\t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Sortir de la roadmap de features</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-4-1 -large-first-row -medium-col-4-1 -medium-first-row -small-col-1-1 -small-first -small-last -align-center " style="padding: 25px;">\n \t\t\t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Augmenter votre impact</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-4-1 -large-first-row -medium-col-4-1 -medium-first-row -small-col-1-1 -small-first -small-last -align-center " style="padding: 25px;">\n \t\t\t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Apporter de la valeur à vos utilisateurs</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-4-1 -large-last -large-first-row -medium-col-4-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last -align-center " style="padding: 25px;">\n \t\t\t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Trouver de nouveaux moyens de satisfaire vos utilisateurs</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n </section>\n \n <!-- TEMPLATE END: templates/client/rsce_client_icon_boxes.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-542" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start -background-color-2 " >\r\n \r\n \t\t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-100px25px" style="padding:100px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h2\t\t\tclass="headline "\n \t\t\t style="color: #ffffff">\n \t\tBénéfices principaux</h2>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_icon_boxes.html5 -->\n <section class="icon-boxes is-animated does-repeat rs-columns ce_rsce_client_icon_boxes is-animated benefices">\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-5-1 -large-first -large-first-row -medium-col-5-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row -align-center -color-inverted" style="">\n \t\t\t\t\t\t\t\t\t<span\n \t\t\t\t\tclass="icon-boxes-item-icon"\n \t\t\t\t\tstyle="width: 100%; max-width: 150px;height: 150px;padding: 5px;border-radius: 100px;border-width: 1px;border-style: solid;background: #ffffff;"\n \t\t\t\t\t\t\t\t\t\t\t>\n \t\t\t\t\t\t<img class="icon-boxes-item-icon-img" src="/files/images/roadmap-narrative/au-dela.png" alt="Icone : représentation d'une extension qui va plus loin que les limites habituelles">\n \t\t\t\t\t\t\t\t\t</span>\n \t\t\t\t\n \t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Un champ des ressources possibles augmenté</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-5-1 -large-first-row -medium-col-5-1 -medium-first-row -small-col-1-1 -small-first -small-last -align-center -color-inverted" style="">\n \t\t\t\t\t\t\t\t\t<span\n \t\t\t\t\tclass="icon-boxes-item-icon"\n \t\t\t\t\tstyle="width: 100%; max-width: 150px;height: 150px;padding: 5px;border-radius: 100px;border-width: 1px;border-style: solid;background: #ffffff;"\n \t\t\t\t\t\t\t\t\t\t\t>\n \t\t\t\t\t\t<img class="icon-boxes-item-icon-img" src="/files/images/roadmap-narrative/objectif.png" alt="Icone : représentation de toutes les attentions sur un utilisateur">\n \t\t\t\t\t\t\t\t\t</span>\n \t\t\t\t\n \t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Un seul objectif commun : la progression de l'utilisateur</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-5-1 -large-first-row -medium-col-5-1 -medium-first-row -small-col-1-1 -small-first -small-last -align-center -color-inverted" style="">\n \t\t\t\t\t\t\t\t\t<span\n \t\t\t\t\tclass="icon-boxes-item-icon"\n \t\t\t\t\tstyle="width: 100%; max-width: 150px;height: 150px;padding: 5px;border-radius: 100px;border-width: 1px;border-style: solid;background: #ffffff;"\n \t\t\t\t\t\t\t\t\t\t\t>\n \t\t\t\t\t\t<img class="icon-boxes-item-icon-img" src="/files/images/roadmap-narrative/collaboration2.png" alt="Icone : 3 main qui construisent un monde ensemble">\n \t\t\t\t\t\t\t\t\t</span>\n \t\t\t\t\n \t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Un alignement de tous les intervenants</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n \t\t\t\t\t\t\t<div class="icon-boxes-item rs-column -large-col-5-1 -large-first-row -medium-col-5-1 -medium-first-row -small-col-1-1 -small-first -small-last -align-center -color-inverted" style="">\n \t\t\t\t\t\t\t\t\t<span\n \t\t\t\t\tclass="icon-boxes-item-icon"\n \t\t\t\t\tstyle="width: 100%; max-width: 150px;height: 150px;padding: 5px;border-radius: 100px;border-width: 1px;border-style: solid;background: #ffffff;"\n \t\t\t\t\t\t\t\t\t\t\t>\n \t\t\t\t\t\t<img class="icon-boxes-item-icon-img" src="/files/images/icons/frugale-1.png" alt="Icone : représentation d'un homme tenant un engrenage technique et une progression respectueuse de la nature">\n \t\t\t\t\t\t\t\t\t</span>\n \t\t\t\t\n \t\t\t\t\t\t\t\t\t\t<div class="icon-boxes-item-title">Une démarche frugale concentrée sur l'essentiel</div>\n \t\t\t\t\t\t\t\t\t\n \t\t\t\t\t</div>\n \t\t\n \t\n </section>\n \n <!-- TEMPLATE END: templates/client/rsce_client_icon_boxes.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-558" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start " style="background-color: #f5fbfc;" >\r\n \r\n \t\t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-100px25px" style="padding:100px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box -align-center ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h2\t\t\tclass="headline "\n \t\t\t>\n \t\tLa roadmap narrative en un clin d'oeil</h2>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n \n \n <div class="content-text"> \n \n \n \n <div class="rte">\n <p style="text-align: center;">La Roadmap Narrative s’appuie sur des utilisateurs-clés appelés <strong>bénéficiaires</strong>. Elle décrit leur progression vers un <strong>futur désiré</strong>, au moyen de <strong>capacités </strong>qui leurs sont offertes. Ce cheminement est cohérent. Il se raconte, tel une histoire. Il facilite la communication et l’adhésion. En dépassant le simple produit pour s’ouvrir sur l’écosystème complet de l’utilisateur, la Roadmap Narrative transforme les conversations avec le Métier, et les recentre sur les impacts, les capacités à offrir, les options à proposer.</p>\n <p style="text-align: center;">La Roadmap Narrative ramène les utilisateurs au centre des préoccupations, et propose une manière naturelle de raconter l’histoire de leur progression.</p>\n </div>\n \n </div>\n \n \n \n \n \n \n <div class="text-center content-image"> \n <figure>\n <a href="/assets/images/r/roadmap_narrative_theorique-c3yc53d67bh1q19.png" data-lightbox="lb6674" title="Roadmap Narrative en un clin d'œil"> <img src="/assets/images/8/roadmap_narrative_theorique-nw4yg2x9rqxm3fy.png" alt="Schéma : Description de la Roadmap Narrative" title="Roadmap Narrative en un clin d'œil" width="1000" height="433">\n \n \n </a>\n \n </figure>\n </div>\n \n \n \n \n \n \n <div class="content-text"> \n \n \n \n <div class="rte">\n <p style="text-align: center;"> </p>\n <p style="text-align: center;"><strong>Dans les murs de l’entreprise et hors des murs</strong></p>\n <p style="text-align: center;">Lorsque nous parlons de la perspective<strong> dans les murs de l'entreprise</strong>, nous nous focalisons sur ce que nous voulons ou pouvons faire, en optimisant l’usage de nos ressources pour maximiser les objectifs que nous nous sommes fixés. On parle de fonctionnalités, d'épiques et d'objectifs.</p>\n <p style="text-align: center;">Lorsque nous parlons de la perspective <strong>hors des murs de l’entreprise, </strong>cela consiste à oublier (dans un premier temps) ce que nous voulons ou pouvons faire pour le client, et à se focaliser sur ce que le client souhaite accomplir.</p>\n <p> </p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-543" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start -background-parallax " style="background-color: #fff;" >\r\n \r\n \t\t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-100px25px" style="padding:100px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box -align-center ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h2\t\t\tclass="headline "\n \t\t\t>\n \t\tLes concepts de la Roadmap Narrative</h2>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <!-- TEMPLATE START: templates/client/ce_rs_columns_start.html5 -->\n <div class="rs-columns-master">\n <div class="rs-columns ce_rs_columns_start mediaquery tabs">\n \n \t\n <!-- TEMPLATE END: templates/client/ce_rs_columns_start.html5 -->\n \n <!-- TEMPLATE START: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_start.html5 -->\n <div class="ce_rs_column_start rs-column -large-col-1-1 -large-first -large-last -large-first-row -medium-col-3-1 -medium-first -medium-first-row -small-col-3-1 -small-first -small-first-row">\n \n \t\n <!-- TEMPLATE END: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_nav.html5 -->\n \n <nav class="tab-navigation -columns-7 ce_rsce_client_tab_nav concept -image-tabs">\n \n \t<ul>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#desire">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/futur3.png" width="1080" height="1080" alt="Icone : représentation de nouvelles possibilités dans un nuage" title="Futur désiré">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tFutur désiré\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#beneficiaire">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/mc_beneficiaire.png" width="229" height="294" alt="Icone : Le bénéficiaire augmenté" title="Bénéficiaire">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tBénéficiaire\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#capacite">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/mc_capacite.png" width="96" height="79" alt="Icône : représentation de connexion dans un cerveau" title="Capacité">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tCapacité\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#arc">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/arc-narratif.png" width="1080" height="1080" alt="Icone : représentation d'un cheminement" title="Arc narratif">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tArc narratif\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#solution">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/solution2.png" width="1080" height="1080" alt="Icone : Une solution concrète" title="Solutions">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tSolution\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#metriques">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/m%C3%A9triques.png" width="1080" height="1080" alt="Icone : des métriques" title="Métriques">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tMétriques\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t\t\t<li class="tab-navigation-item">\n \t\t\t\t<a href="roadmap-narrative#mobilisation">\n \t\t\t\t\t\t\t\t\t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/files/images/roadmap-narrative/mobilisation42.png" width="822" height="697" alt="Icone : représentation d'une main qui donne les clés à une autre main pour commencer à utiliser quelque chose de nouveau" title="Mobilisation">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t\t\t\tMobilisation\t\t\t\t</a>\n \t\t\t</li>\n \t\t\t</ul>\n \n </nav>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_nav.html5 -->\n \n <!-- TEMPLATE START: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_stop.html5 -->\n \n <!-- TEMPLATE START: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_start.html5 -->\n <div class="ce_rs_column_start rs-column -large-col-1-1 -large-first -large-last -medium-col-3-2 -medium-last -medium-first-row -small-col-3-2 -small-last -small-first-row">\n \n \t\n <!-- TEMPLATE END: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="beneficiaire">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Bénéficiaire</h2>\n \n \n \n \n \n <div class="rte">\n <p>L’utilisateur principal à qui on s’adresse et qu’on veut faire progresser. C’est celui qui a le plus fort effet de levier sur le futur désiré.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="desire">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Futur désiré</h2>\n \n \n \n \n \n <div class="rte">\n <p>Le futur désiré décrit de manière concrète les changements opérés et les résultats obtenus quand les objectifs sont tous atteints.</p>\n <p>Il est matérialisé par la description des changements de comportements, de décisions, de conversations ou de déclarations par les acteurs impliqués de manière directe ou indirecte.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="capacite">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Capacité</h2>\n \n \n \n \n \n <div class="rte">\n <p>Une faculté nouvelle utilisable par notre bénéficiaire pour faire de nouvelles choses ou améliorer ce qu’il faisait déjà. Elle a un impact fort sur son quotidien.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="arc">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Arc narratif</h2>\n \n \n \n \n \n <div class="rte">\n <p>L’arc narratif est l'enchaînement des capacités qui raconte la progression du bénéficiaire. C'est notre meilleure hypothèse évoluant au fil des apprentissages.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="mobilisation">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Mobilisation</h2>\n \n \n \n \n \n <div class="rte">\n <p>Actions concrètes en dehors du produit permettant au bénéficiaire de connaître, comprendre et donc d'utiliser une capacité.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="metriques">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Métriques</h2>\n \n \n \n \n \n <div class="rte">\n <p>Chaque capacité est associée à des métriques qui permettent de mesurer la progression de son usage.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_start.html5 -->\n <div class="tab-start -has-border ce_rsce_client_tab_start" id="solution">\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_start.html5 -->\n \n \n \n <div class="content-text"> \n <h2>Solution</h2>\n \n \n \n \n \n <div class="rte">\n <p>Les solutions sont les produits qui concrétisent les capacités et apportent un impact réel au bénéficiaire.</p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_tab_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_tab_stop.html5 -->\n \n <!-- TEMPLATE START: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_stop.html5 -->\n </div>\n \n <!-- TEMPLATE END: vendor/madeyourday/contao-rocksolid-columns/src/Resources/contao/templates/ce_rs_column_stop.html5 -->\n \n <!-- TEMPLATE START: templates/client/ce_rs_columns_stop.html5 -->\n </div>\n </div>\n <!-- TEMPLATE END: templates/client/ce_rs_columns_stop.html5 -->\n \n \n \n <div class="content-text"> \n \n \n \n <div class="rte">\n <p style="text-align: center;"><a class="button" href="https://publication.essensei.fr/fr/programmez-un-%C3%A9change-roadmap-narrative-avec-un-expert-essensei" target="_blank" rel="noopener">Réserver une présentation (BBL) avec nos experts</a></p>\n </div>\n \n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-559" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start " style="background-color: #fff;" >\r\n \r\n \t\t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-100px25px" style="padding:100px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box -align-center ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h2\t\t\tclass="headline "\n \t\t\t>\n \t\tLa roadmap narrative en détails</h2>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <!-- TEMPLATE START: vendor/numero2/contao-tags/src/Resources/contao/templates/modules/mod_newslist_tags.html5 -->\n \n <!-- indexer::stop -->\n <div class="mod_newslist_tags short-downloads mod_newslist block">\n \n \n \n \n <!-- TEMPLATE START: templates/client/news_short.html5 -->\n \n <div class="layout_short arc_15 block news_category_2 category_2">\n <div class="archive">\n Téléchargements </div>\n \t\t<div class="news-boxed-item-image">\n \t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/assets/images/m/livre-blanc-reinventer-la-roadmap-web-pkskgba0137g23w.png" width="492" height="387" alt="Image : Couverture du livre blanc essensei - Réinventer la roadmap">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t<div class="news-boxed-item-image-more"><a href="/ressources/telechargement/reinventer-la-roadmap" title="Lire la publication Réinventer la Roadmap">Lire la publication</a></div>\n \t\t\t\t\t</div>\n \t <h3 class="news-short-title">\n <a href="/ressources/telechargement/reinventer-la-roadmap" title="Lire l'article: Réinventer la Roadmap">Réinventer la Roadmap</a> </h3>\n </div>\n \n \n <!-- TEMPLATE END: templates/client/news_short.html5 -->\n \n <!-- TEMPLATE START: templates/client/news_short.html5 -->\n \n <div class="layout_short arc_6 block featured">\n <div class="archive">\n Publications </div>\n \t\t<div class="news-boxed-item-image">\n \t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/assets/images/q/different_roadmaps_type-bkvsxz90fwy23c7.png" width="700" height="550" alt="Photo : Un tableau présentant 5 types de roadmap et analysant leurs avantages et inconvenients">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t<div class="news-boxed-item-image-more"><a href="/publication/choisir-la-bonne-roadmap-produit" title="Lire la publication Choisir la bonne roadmap produit : 5 formats pour aligner stratégie et exécution">Lire la publication</a></div>\n \t\t\t\t\t</div>\n \t <h3 class="news-short-title">\n <a href="/publication/choisir-la-bonne-roadmap-produit" title="Lire l'article: Choisir la bonne roadmap produit : 5 formats pour aligner stratégie et exécution">Choisir la bonne roadmap produit : 5 formats pour aligner stratégie et exécution</a> </h3>\n </div>\n \n \n <!-- TEMPLATE END: templates/client/news_short.html5 -->\n \n <!-- TEMPLATE START: templates/client/news_short.html5 -->\n \n <div class="layout_short arc_17 block featured">\n <div class="archive">\n Conférences </div>\n \t\t<div class="news-boxed-item-image">\n \t\t\t\n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \n \n <img src="/assets/images/9/agileenseine2025_futurdelaroadmap-tagc1a2v0h9mm5t.png" width="700" height="550" alt="Photo : Photo prise sur la grande scène d'agile en seine 2025 pendant la session Le futur de la roadmap">\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/picture/picture_default.html5 -->\n \t\t\t\t\t\t\t<div class="news-boxed-item-image-more"><a href="/ressources/conference/le-futur-de-la-roadmap-produit-quand-le-produit-s-efface-de-la-roadmap" title="Lire la publication Le futur de la roadmap produit : quand le produit s'efface de la roadmap">Lire la publication</a></div>\n \t\t\t\t\t</div>\n \t <h3 class="news-short-title">\n <a href="/ressources/conference/le-futur-de-la-roadmap-produit-quand-le-produit-s-efface-de-la-roadmap" title="Lire l'article: Le futur de la roadmap produit : quand le produit s'efface de la roadmap">Le futur de la roadmap produit : quand le produit s'efface de la roadmap</a> </h3>\n </div>\n \n \n <!-- TEMPLATE END: templates/client/news_short.html5 -->\n \n \n </div>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: vendor/numero2/contao-tags/src/Resources/contao/templates/modules/mod_newslist_tags.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \n <div id="article-545" class="mod_article block">\n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \r\n \r\n <div class=" centered-wrapper ce_rsce_client_centered_wrapper_start -background-parallax " >\r\n \r\n \t\t\t\t<div class="centered-wrapper-inner insidePadding insidePadding-100px25px" style="padding:100px 25px;">\r\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_start.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_headline_box_custom.html5 -->\n \n <div class="headline-box -align-center ce_rsce_client_headline_box_custom ">\n \t\t\t\t<h2\t\t\tclass="headline "\n \t\t\t>\n \t\tFAQ</h2>\n \t\t\t</div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_headline_box_custom.html5 -->\n \n \n \n <div class="content-accordion"> \n <h3 class="handorgel__header">\n <button class="handorgel__header__button" type="button">Comment initier une démarche de roadmap narrative dans mon organisation ?</button>\n </h3>\n <div class="handorgel__content">\n <div class="handorgel__content__inner">\n \n \n \n <div class="content-text"> \n \n \n \n <div class="rte">\n <p>Pour initier une démarche de roadmap narrative, on peut procéder de deux manières principales</p>\n <ul>\n <li>Commencer par la page blanche (un nouveau produit, programme, projet)</li>\n </ul>\n <p>Sur un nouveau sujet, il faudra d'abord identifier le ou les bénéficiaires. Puis imaginer son futur désiré.</p>\n <p>Une fois la cible pressentie, il faudra déterminer les capacités jalonnant la progression de notre bénéficiaire autours d'un arc narratif.</p>\n <p>Enfin il faudra affiner chaque capacité pour la décliné en solutions concrètes, mobilisations et indicateurs.</p>\n <ul>\n <li>Partir d'un existant (roadmap)</li>\n </ul>\n <p>Valider le bénéficiaire et le futur désiré.</p>\n <p>Faire un retournement de features pour aller exprimer les capacités réelles découlant des fonctionnalités.</p>\n <p>Construire l'arc narratif en re priorisant.</p>\n <p>Faire le lien entre la roadmap d'exécution et les capacités en ajustant les priorités. Enrichir avec les mobilisations et les métriques.</p>\n </div>\n \n </div>\n \n \n \n \n </div>\n </div>\n <h3 class="handorgel__header">\n <button class="handorgel__header__button" type="button">Comment faire le lien entre cette démarche et nos livraisons techniques ?</button>\n </h3>\n <div class="handorgel__content">\n <div class="handorgel__content__inner">\n \n \n \n <div class="content-text"> \n \n \n \n <div class="rte">\n <p>Les capacités doivent se décliner en solutions.</p>\n <p>Ces solutions font le lien avec les livraisons du produit et concrétise la mise à disposition de cette capacité.</p>\n <p>Les solutions ne se limitent pas à des livraisons de produit numérique. Elles peuvent inclure tout un ensemble de solution en dehors du produit pour fournir la capacité souhaitée.</p>\n <p>Pour être connue, utilisable et utilisée il faut également déployer des mobilisations adaptées à chaque capacité. </p>\n </div>\n \n </div>\n \n \n \n \n </div>\n </div>\n </div>\n \n \n \n \n <!-- TEMPLATE START: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n </div>\n </div>\n \n <!-- TEMPLATE END: templates/client/rsce_client_centered_wrapper_stop.html5 -->\n \n </div>\n \n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_article.html5 -->\n \n \t\t\t\t\n \t\t\t</main>\n \n \t\t\t\n \t\t</div>\n \n \t\t\n \t\t\t\t\t<footer class="page-footer">\n \t\t\t\t\n <!-- TEMPLATE START: templates/client/rsce_client_footer_top.html5 -->\n \n <!-- indexer::stop -->\n <a href="roadmap-narrative#top" class="footer-top-link ce_rsce_client_footer_top">\n \tNach oben</a>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: templates/client/rsce_client_footer_top.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_icon_links.html5 -->\n <ul class="icon-links ce_rsce_client_icon_links">\n \t\t\t<li >\n \t\t\t<a href="https://www.linkedin.com/company/essensei" data-icon="" style="color: #fff; background-color: #0a66c2" target="_blank" rel="noopener">\n \t\t\t\t<span class="icon-links-label">LinkedIn</span>\n \t\t\t</a>\n \t\t</li>\n \t</ul>\n \n <!-- TEMPLATE END: templates/client/rsce_client_icon_links.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/modules/mod_navigation.html5 -->\n \n <!-- indexer::stop -->\n <nav class="mod_navigation footer-navigation block">\n \n \n <a href="/roadmap-narrative#skipNavigation185" class="invisible">Aller au contenu</a>\n \n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/navigation/nav_default.html5 -->\n \n <ul class="level_1">\n <li class="home tagline-no-border sibling"><a href="/" class="home tagline-no-border sibling">Accueil</a></li>\n <li class="sibling"><a href="/expertises" class="sibling">Expertises</a></li>\n <li class="active page-roadmap-narrative"><strong class="active page-roadmap-narrative" aria-current="page">Roadmap Narrative</strong></li>\n <li class="sibling"><a href="/formations" class="sibling">Formations</a></li>\n <li class="nolink sibling"><a href="/ressources" class="nolink sibling">Ressources</a></li>\n <li class="sibling"><a href="/equipe" class="sibling">Equipe</a></li>\n </ul>\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/navigation/nav_default.html5 -->\n \n <span id="skipNavigation185" class="invisible"></span>\n \n </nav>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/modules/mod_navigation.html5 -->\n \n <!-- TEMPLATE START: templates/client/mod_customnav.html5 -->\n <!-- indexer::stop -->\n <nav class="mod_customnav footer-secondary-navigation block">\n \n \n <a href="/roadmap-narrative#skipNavigation242" class="invisible">Aller au contenu</a>\n \n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/navigation/nav_default.html5 -->\n \n <ul class="level_1">\n <li><a href="/mentions-legales">Mentions légales</a></li>\n <li class="ccb-trigger ccb-prefill"><a href="/mentions-legales" class="ccb-trigger ccb-prefill">Paramètres de confidentialité</a></li>\n </ul>\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/navigation/nav_default.html5 -->\n \n <a id="skipNavigation242" class="invisible"> </a>\n \n </nav>\n <!-- indexer::continue -->\n <!-- TEMPLATE END: templates/client/mod_customnav.html5 -->\n \n <!-- TEMPLATE START: templates/client/rsce_client_footer_copyright.html5 -->\n \n <!-- indexer::stop -->\n <div class="footer-copyright ce_rsce_client_footer_copyright">\n \t<span><p>© Copyright 2026. Essensei. Tous droits réservés. <a href="https://www.bioweb.fr" target="_blank" rel="noopener">Site cultivé par <img style="width: 50px; height: auto;" src="https://www.bioweb.fr/files/images/common/bioweb-logo-1-cr.png" alt="Logo BioWeb.fr"></a></p></span>\n </div>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: templates/client/rsce_client_footer_copyright.html5 -->\n \t\t\t</footer>\n \t\t\t</div>\n \n \t\n \n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/jquery/j_accordion.html5 -->\n \n <script src="/assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script>\n <script>\n jQuery(function($) {\n $(document).accordion({\n // Put custom options here\n heightStyle: 'content',\n header: '.toggler',\n collapsible: true,\n create: function(event, ui) {\n ui.header.addClass('active');\n $('.toggler').attr('tabindex', 0);\n },\n activate: function(event, ui) {\n ui.newHeader.addClass('active');\n ui.oldHeader.removeClass('active');\n $('.toggler').attr('tabindex', 0);\n }\n });\n });\n </script>\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/jquery/j_accordion.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/jquery/j_colorbox.html5 -->\n \n <script src="/assets/colorbox/js/colorbox.min.js?v=1.6.4.2"></script>\n <script>\n jQuery(function($) {\n $('a[data-lightbox]').map(function() {\n $(this).colorbox({\n // Put custom options here\n loop: false,\n rel: $(this).attr('data-lightbox'),\n maxWidth: '95%',\n maxHeight: '95%'\n });\n });\n });\n </script>\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/jquery/j_colorbox.html5 -->\n \n <!-- TEMPLATE START: vendor/contao/core-bundle/contao/templates/jquery/j_tablesort.html5 -->\n \n <script src="/assets/tablesorter/js/tablesorter.min.js?v=2.31.3.1"></script>\n <script>\n jQuery(function($) {\n $('.ce_table .sortable').each(function(i, table) {\n var attr = $(table).attr('data-sort-default'),\n opts = {}, s;\n \n if (attr) {\n s = attr.split('|');\n opts = { sortList: [[s[0], s[1] == 'desc' | 0]] };\n }\n \n $(table).tablesorter(opts);\n });\n });\n </script>\n \n <!-- TEMPLATE END: vendor/contao/core-bundle/contao/templates/jquery/j_tablesort.html5 -->\n \n <!-- TEMPLATE START: templates/client/js_modernizr.html5 -->\n \n <!-- TEMPLATE END: templates/client/js_modernizr.html5 -->\n \n <!-- TEMPLATE START: templates/client/js_mediaelement.html5 -->\n \n <!-- TEMPLATE END: templates/client/js_mediaelement.html5 -->\n <script src="/assets/handorgel/js/handorgel.min.js?v=1.0.0.1"></script>\n <script nonce="sy6etSNKgq2cMp//M6ay9Q==">\n (function () {\n document.querySelectorAll('.content-accordion').forEach(el => {\n new handorgel(el, {\n multiSelectable: false,\n });\n });\n })();\n </script>\n <script src="/files/client/js/script.js?v=b45a08b4"></script><script src="/files/client/js/shared.js?v=b45a08b4"></script> <script type="application/ld+json">\n {\n "@context": "https:\/\/schema.org",\n "@graph": [\n {\n "@type": "WebPage"\n },\n {\n "@id": "#\/schema\/image\/c4f7373c-f2ea-11f0-ba9f-377394963dec",\n "@type": "ImageObject",\n "contentUrl": "\/assets\/images\/8\/roadmap_narrative_theorique-nw4yg2x9rqxm3fy.png",\n "name": "Roadmap Narrative en un clin d'œil"\n }\n ]\n }\n </script>\n <script type="application/ld+json">\n {\n "@context": "https:\/\/schema.contao.org",\n "@graph": [\n {\n "@type": "Page",\n "fePreview": false,\n "groups": [],\n "noSearch": false,\n "pageId": 322,\n "protected": false,\n "title": "Roadmap Narrative : racontez la progression de vos utilisateurs"\n }\n ]\n }\n </script>\n \n <!-- TEMPLATE START: vendor/oveleon/contao-cookiebar/contao/templates/cookiebar/cookiebar_simple.html5 -->\n <!-- indexer::stop -->\n <div class="contao-cookiebar cc-wrap cookiebar_simple cc-bottom cc-right" role="complementary" aria-describedby="cookiebar-desc" data-nosnippet>\n <div class="cc-inner" aria-live="assertive" role="alert">\n <div id="cookiebar-desc" class="cc-head">\n <p>Nous utilisons des cookies pour nous assurer que nous vous offrons la meilleure expérience sur notre site Web. Si vous continuez sans modifier vos paramètres, nous supposerons que vous acceptez de recevoir tous les cookies de ce site Web. Remarque : Vous pouvez utiliser cette case pour toute information et choisir s'il doit être possible de l'afficher à nouveau ou non.</p> </div>\n <div class="cc-footer highlight">\n <button class="cc-btn cc-focus success" data-accept-all>Tout accepter</button>\n <button class="cc-btn cc-focus deny" data-deny-all>Tout refuser</button>\n <button class="cc-btn cc-focus info" data-toggle-group aria-expanded="false" data-ft-opener aria-controls="cg">Paramètres de confidentialité</button>\n <div id="cg" class="cc-groups toggle-group">\n <div class="cc-group">\n <input type="checkbox" name="group[]" id="g1" value="1" data-toggle-cookies disabled checked>\n <label for="g1" class="group">Essential</label>\n <div class="cc-cookies">\n <p>Ceci est le texte essentiel</p> <div class="cc-cookie">\n <input type="checkbox" name="cookie[]" id="c2" value="2" disabled checked>\n <label for="c2" class="cookie">Contao HTTPS CSRF Token</label>\n <p>Protects against cross-site request forgery attacks.</p> <div class="cc-cookie-info">\n <div><span>Durée de conservation:</span> This cookie will only remain for the current browser session.</div>\n </div>\n </div>\n <div class="cc-cookie">\n <input type="checkbox" name="cookie[]" id="c3" value="3" disabled checked>\n <label for="c3" class="cookie">PHP SESSION ID</label>\n <p>Saves the current PHP session.</p> <div class="cc-cookie-info">\n <div><span>Durée de conservation:</span> This cookie will only remain for the current browser session.</div>\n </div>\n </div>\n </div>\n </div>\n <div class="cc-group">\n <input type="checkbox" name="group[]" id="g2" value="2" data-toggle-cookies>\n <label for="g2" class="group">Analytics</label>\n <div class="cc-cookies">\n <div class="cc-cookie">\n <input type="checkbox" name="cookie[]" id="c4" value="4">\n <label for="c4" class="cookie">Google Analytics</label>\n <p>Cookie de Google pour l'analyse du site Web. Génère des données statistiques sur la façon dont le visiteur utilise le site Web.</p> <button class="cc-detail-btn-details cc-focus" data-toggle-group aria-expanded="false" aria-controls="cc4">\n <span>Afficher plus de détails<span class="cc-invisible"> for Google Analytics</span></span>\n <span>Masquer plus de détails<span class="cc-invisible"> for Google Analytics</span></span>\n </button>\n <div id="cc4" class="cc-cookie-desc toggle-group" style="display: none">\n <p>Fournisseur : Google Ireland Ltd., Gordon House, Barrow Street, Dublin 4, Irlande<br>Durée de stockage : Vous pouvez en savoir plus sur la durée de stockage du cookie ici <a href="https://policies.google.com/privacy." target="_blank" rel="noopener">https://policies.google.com/privacy.</a></p> </div>\n </div>\n </div>\n </div>\n <button class="cc-btn cc-focus save" data-save>Sauvegarder la sélection</button>\n </div>\n </div>\n <div class="cc-info">\n <a href="https://www.essensei.fr/mentions-legales">Mentions légales</a>\n </div>\n </div>\n </div>\n <!-- indexer::continue -->\n \n <!-- TEMPLATE END: vendor/oveleon/contao-cookiebar/contao/templates/cookiebar/cookiebar_simple.html5 -->\n <script>var cookiebar = new ContaoCookiebar({configId:1,pageId:225,hideOnInit:0,blocking:0,focusTrap:1,version:5,lifetime:63072000,consentLog:0,token:'ccb_contao_token',doNotTrack:0,currentPageId:322,excludedPageIds:null,cookies:{"4":{"id":4,"type":"script","checked":true,"token":["_ga"],"resources":[{"src":"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-4QSPQ0KZCR","flags":["async"],"mode":1}],"priority":0,"scripts":[{"script":"window.addEventListener('load', function() {\n if (!window.webVitals) {\n console.error('Web Vitals non charg\u00e9');\n return;\n }\n\n window.dataLayer = window.dataLayer || [];\n function gtag(){ dataLayer.push(arguments); }\n gtag('js', new Date());\n gtag('config', 'G-4QSPQ0KZCR', {\n anonymize_ip: true,\n allow_ad_personalization_signals: false\n });\n\n function sendToGA(metric) {\n gtag('event', metric.name, {\n event_category: 'Web Vitals',\n value: Math.round(metric.name === 'CLS' ? metric.delta * 1000 : metric.delta),\n event_label: metric.id, \n non_interaction: true\n });\n }\n\n ['onCLS','onFID','onLCP','onINP','onTTFB'].forEach(fn => {\n if (typeof webVitals[fn] === 'function') {\n webVitals[fn](sendToGA);\n } else {\n console.warn(fn + ' non disponible');\n }\n });\n});","position":1,"mode":1}]}},configs:[],disableTracking:0,texts:{acceptAndDisplay:'tl_cookiebar.acceptAndDisplayLabel'}});</script>\n \n <div id="sfwdtc3ba07" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"> <!-- START of Symfony Web Debug Toolbar --><div id="sfMiniToolbar-c3ba07" class="sf-minitoolbar" data-no-turbolink data-turbo="false"> <button type="button" title="Show Symfony toolbar" id="sfToolbarMiniToggler-c3ba07" accesskey="D" aria-expanded="false" aria-controls="sfToolbarMainContent-c3ba07"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg> </button></div><div id="sfToolbarClearer-c3ba07" class="sf-toolbar-clearer"></div><div id="sfToolbarMainContent-c3ba07" class="sf-toolbarreset notranslate clear-fix" data-no-turbolink data-turbo="false"> <div class="sf-toolbar-block sf-toolbar-block-request sf-toolbar-status-normal " > <a href="https://www.essensei.fr/_profiler/c3ba07?panel=request"> <div class="sf-toolbar-icon"> <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Symfony" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .9C5.8.9.9 5.8.9 12a11 11 0 1 0 22.2 0A11 11 0 0 0 12 .9zm6.5 6c-.6 0-.9-.3-.9-.8 0-.2 0-.4.2-.6l.2-.4c0-.3-.5-.4-.6-.4-1.8.1-2.3 2.5-2.7 4.4l-.2 1c1 .2 1.8 0 2.2-.3.6-.4-.2-.7-.1-1.2.1-.3.5-.5.7-.6.5 0 .7.5.7.9 0 .7-1 1.8-3 1.8l-.6-.1-.6 2.4c-.4 1.6-.8 3.8-2.4 5.7-1.4 1.7-2.9 1.9-3.5 1.9-1.2 0-1.9-.6-2-1.5 0-.8.7-1.3 1.2-1.3.6 0 1.1.5 1.1 1s-.2.6-.4.6c-.1.1-.3.2-.3.4 0 .1.1.3.4.3.5 0 .8-.3 1.1-.5 1.2-.9 1.6-2.7 2.2-5.7l.1-.7.7-3.2c-.8-.6-1.3-1.4-2.4-1.7-.6-.1-1.1.1-1.5.5-.4.5-.2 1.1.2 1.5l.7.6c.7.8 1.2 1.6 1 2.5-.3 1.5-2 2.6-4 1.9-1.8-.6-2-1.8-1.8-2.5.2-.6.6-.7 1.1-.6.5.2.6.7.6 1.2l-.1.3c-.2.1-.3.3-.3.4-.1.4.4.6.7.7.7.3 1.6-.2 1.8-.8a1 1 0 0 0-.4-1.1l-.7-.8c-.4-.4-1.1-1.4-.7-2.6.1-.5.4-.9.7-1.3a4 4 0 0 1 2.8-.6c1.2.4 1.8 1.1 2.6 1.8.5-1.2 1-2.4 1.8-3.5.9-.9 1.9-1.6 3.1-1.7 1.3.2 2.2.7 2.2 1.6 0 .4-.2 1.1-.9 1.1z"/></svg> <span class="sf-toolbar-value sf-toolbar-ajax-request-counter"> Loading… </span> </div> </a> <div class="sf-toolbar-info"> <div class="sf-toolbar-info-piece"> <b>Loading the web debug toolbar…</b> </div> <div class="sf-toolbar-info-piece"> Attempt #<span id="sfLoadCounter-c3ba07"></span> </div> <div class="sf-toolbar-info-piece"> <b> <button class="sf-cancel-button" type="button" id="sfLoadCancel-c3ba07" title="Cancel loading">Cancel</button> </b> </div> </div></div> <button class="hide-button" type="button" id="sfToolbarHideButton-c3ba07" title="Close Toolbar" accesskey="D" aria-expanded="true" aria-controls="sfToolbarMainContent-c3ba07"> <svg xmlns="http://www.w3.org/2000/svg" data-icon-name="icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line></svg> </button></div><!-- END of Symfony Web Debug Toolbar --></div><link rel="stylesheet" nonce="447fd1d3c867cf657ea98f1e697d8c18" href="https://www.essensei.fr/_wdt/styles" /><script nonce="04e92308a38e42f7ceebbaf8ffacaf11">/*<![CDATA[*/ if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') { Sfjs = (function() { "use strict"; if ('classList' in document.documentElement) { var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); }; var removeClass = function(el, cssClass) { el.classList.remove(cssClass); }; var addClass = function(el, cssClass) { el.classList.add(cssClass); }; var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); }; } else { var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); }; var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); }; var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } }; var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); }; } var noop = function() {}; var profilerStorageKey = 'symfony/profiler/'; var addEventListener; var el = document.createElement('div'); if (!('addEventListener' in el)) { addEventListener = function (element, eventName, callback) { element.attachEvent('on' + eventName, callback); }; } else { addEventListener = function (element, eventName, callback) { element.addEventListener(eventName, callback, false); }; } var request = function(url, onSuccess, onError, payload, options, tries) { url = new URL(url); url.searchParams.set('XDEBUG_IGNORE', '1'); url = url.toString(); var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); options = options || {}; options.retry = options.retry || false; tries = tries || 1; /* this delays for 125, 375, 625, 875, and 1000, ... */ var delay = tries < 5 ? (tries - 0.5) * 250 : 1000; xhr.open(options.method || 'GET', url, true); xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.onreadystatechange = function(state) { if (4 !== xhr.readyState) { return null; } if (xhr.status == 404 && options.retry && !options.stop) { setTimeout(function() { if (options.stop) { return; } request(url, onSuccess, onError, payload, options, tries + 1); }, delay); return null; } if (200 === xhr.status) { (onSuccess || noop)(xhr); } else { (onError || noop)(xhr); } }; if (options.onSend) { options.onSend(tries); } xhr.send(payload || ''); }; var getPreference = function(name) { if (!window.localStorage) { return null; } return localStorage.getItem(profilerStorageKey + name); }; var setPreference = function(name, value) { if (!window.localStorage) { return null; } localStorage.setItem(profilerStorageKey + name, value); }; var requestStack = []; var extractHeaders = function(xhr, stackElement) { /* Here we avoid to call xhr.getResponseHeader in order to */ /* prevent polluting the console with CORS security errors */ var allHeaders = xhr.getAllResponseHeaders(); var ret; if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) { stackElement.profile = ret[1]; } if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) { stackElement.profilerUrl = ret[1]; } if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) { stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = '1' === ret[1]; } }; var successStreak = 4; var pendingRequests = 0; var renderAjaxRequests = function() { var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter'); if (!requestCounter) { return; } requestCounter.textContent = requestStack.length; var infoSpan = document.querySelector(".sf-toolbar-ajax-info"); if (infoSpan) { infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : ''); } var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax'); if (requestStack.length) { ajaxToolbarPanel.style.display = 'block'; } else { ajaxToolbarPanel.style.display = 'none'; } if (pendingRequests > 0) { addClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else if (successStreak < 4) { addClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); } else { removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading'); removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red'); } }; var startAjaxRequest = function(index) { var tbody = document.querySelector('.sf-toolbar-ajax-request-list'); if (!tbody) { return; } var nbOfAjaxRequest = tbody.rows.length; if (nbOfAjaxRequest >= 100) { tbody.deleteRow(0); } var request = requestStack[index]; pendingRequests++; var row = document.createElement('tr'); request.DOMNode = row; var requestNumberCell = document.createElement('td'); requestNumberCell.textContent = index + 1; row.appendChild(requestNumberCell); var profilerCell = document.createElement('td'); profilerCell.textContent = 'n/a'; row.appendChild(profilerCell); var methodCell = document.createElement('td'); methodCell.textContent = request.method; row.appendChild(methodCell); var typeCell = document.createElement('td'); typeCell.textContent = request.type; row.appendChild(typeCell); var statusCodeCell = document.createElement('td'); var statusCode = document.createElement('span'); statusCode.textContent = 'n/a'; statusCodeCell.appendChild(statusCode); row.appendChild(statusCodeCell); var pathCell = document.createElement('td'); pathCell.className = 'sf-ajax-request-url'; if ('GET' === request.method) { var pathLink = document.createElement('a'); pathLink.setAttribute('href', request.url); pathLink.textContent = request.url; pathCell.appendChild(pathLink); } else { pathCell.textContent = request.url; } pathCell.setAttribute('title', request.url); row.appendChild(pathCell); var durationCell = document.createElement('td'); durationCell.className = 'sf-ajax-request-duration'; durationCell.textContent = 'n/a'; row.appendChild(durationCell); request.liveDurationHandle = setInterval(function() { durationCell.textContent = (new Date() - request.start) + ' ms'; }, 100); row.className = 'sf-ajax-request sf-ajax-request-loading'; tbody.insertBefore(row, null); var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info'); toolbarInfo.scrollTop = toolbarInfo.scrollHeight; renderAjaxRequests(); }; var finishAjaxRequest = function(index) { var request = requestStack[index]; clearInterval(request.liveDurationHandle); if (!request.DOMNode) { return; } if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) { /* Flag as complete because finishAjaxRequest can be called multiple times. */ request.toolbarReplaceFinished = true; /* Search up through the DOM to find the toolbar's container ID. */ for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) { if (elem.id.match(/^sfwdt/)) { Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile); break; } } } pendingRequests--; var row = request.DOMNode; /* Unpack the children from the row */ var profilerCell = row.children[1]; var methodCell = row.children[2]; var statusCodeCell = row.children[4]; var statusCodeElem = statusCodeCell.children[0]; var durationCell = row.children[6]; if (request.error) { row.className = 'sf-ajax-request sf-ajax-request-error'; methodCell.className = 'sf-ajax-request-error'; successStreak = 0; } else { row.className = 'sf-ajax-request sf-ajax-request-ok'; successStreak++; } if (request.statusCode) { if (request.statusCode < 300) { statusCodeElem.setAttribute('class', 'sf-toolbar-status'); } else if (request.statusCode < 400) { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow'); } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } statusCodeElem.textContent = request.statusCode; } else { statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red'); } if (request.duration) { durationCell.textContent = request.duration + ' ms'; } if (request.profilerUrl) { profilerCell.textContent = ''; var profilerLink = document.createElement('a'); profilerLink.setAttribute('href', request.profilerUrl); profilerLink.textContent = request.profile; profilerCell.appendChild(profilerLink); } renderAjaxRequests(); }; if (window.fetch && window.fetch.polyfill === undefined) { var oldFetch = window.fetch; window.fetch = function () { var promise = oldFetch.apply(this, arguments); var url = arguments[0]; var params = arguments[1]; var paramType = Object.prototype.toString.call(arguments[0]); if (paramType === '[object Request]') { url = arguments[0].url; params = { method: arguments[0].method, credentials: arguments[0].credentials, headers: arguments[0].headers, mode: arguments[0].mode, redirect: arguments[0].redirect }; } else { url = String(url); } if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var method = 'GET'; if (params && params.method !== undefined) { method = params.method; } var stackElement = { error: false, url: url, method: method, type: 'fetch', start: new Date() }; var idx = requestStack.push(stackElement) - 1; promise.then(function (r) { stackElement.duration = new Date() - stackElement.start; stackElement.error = r.status < 200 || r.status >= 400; stackElement.statusCode = r.status; stackElement.profile = r.headers.get('x-debug-token'); stackElement.profilerUrl = r.headers.get('x-debug-token-link'); stackElement.toolbarReplaceFinished = false; stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace'); finishAjaxRequest(idx); }, function (e){ stackElement.error = true; finishAjaxRequest(idx); }); startAjaxRequest(idx); } return promise; }; } if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) { var proxied = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { var self = this; /* prevent logging AJAX calls to static and inline files, like templates */ var path = url; if (url.slice(0, 1) === '/') { if (0 === url.indexOf('')) { path = url.slice(0); } } else if (0 === url.indexOf('https\u003A\/\/www.essensei.fr')) { path = url.slice(23); } if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) { var stackElement = { error: false, url: url, method: method, type: 'xhr', start: new Date() }; var idx = requestStack.push(stackElement) - 1; this.addEventListener('readystatechange', function() { if (self.readyState == 4) { stackElement.duration = new Date() - stackElement.start; stackElement.error = self.status < 200 || self.status >= 400; stackElement.statusCode = self.status; extractHeaders(self, stackElement); finishAjaxRequest(idx); } }, false); startAjaxRequest(idx); } proxied.apply(this, Array.prototype.slice.call(arguments)); }; } return { hasClass: hasClass, removeClass: removeClass, addClass: addClass, toggleClass: toggleClass, getPreference: getPreference, setPreference: setPreference, addEventListener: addEventListener, request: request, renderAjaxRequests: renderAjaxRequests, getSfwdt: function(token) { return document.getElementById('sfwdt' + token); }, load: function(selector, url, onSuccess, onError, options) { var el = document.getElementById(selector); if (el && el.getAttribute('data-sfurl') !== url) { request( url, function(xhr) { el.innerHTML = xhr.responseText; el.setAttribute('data-sfurl', url); removeClass(el, 'loading'); var pending = pendingRequests; for (var i = 0; i < requestStack.length; i++) { startAjaxRequest(i); if (requestStack[i].duration) { finishAjaxRequest(i); } } /* Revert the pending state in case there was a start called without a finish above. */ pendingRequests = pending; (onSuccess || noop)(xhr, el); }, function(xhr) { (onError || noop)(xhr, el); }, '', options ); } return this; }, showToolbar: function(token) { var sfwdt = this.getSfwdt(token); removeClass(sfwdt, 'sf-display-none'); if (getPreference('toolbar/displayState') == 'none') { document.getElementById('sfToolbarMainContent-' + token).style.display = 'none'; document.getElementById('sfToolbarClearer-' + token).style.display = 'none'; document.getElementById('sfMiniToolbar-' + token).style.display = 'block'; } else { document.getElementById('sfToolbarMainContent-' + token).style.display = 'block'; document.getElementById('sfToolbarClearer-' + token).style.display = 'block'; document.getElementById('sfMiniToolbar-' + token).style.display = 'none'; } }, hideToolbar: function(token) { var sfwdt = this.getSfwdt(token); addClass(sfwdt, 'sf-display-none'); }, initToolbar: function(token) { this.showToolbar(token); var hideButton = document.getElementById('sfToolbarHideButton-' + token); var hideButtonSvg = hideButton.querySelector('svg'); hideButtonSvg.setAttribute('aria-hidden', 'true'); hideButtonSvg.setAttribute('focusable', 'false'); addEventListener(hideButton, 'click', function (event) { event.preventDefault(); var p = this.parentNode; p.style.display = 'none'; (p.previousElementSibling || p.previousSibling).style.display = 'none'; document.getElementById('sfMiniToolbar-' + token).style.display = 'block'; setPreference('toolbar/displayState', 'none'); }); var showButton = document.getElementById('sfToolbarMiniToggler-' + token); var showButtonSvg = showButton.querySelector('svg'); showButtonSvg.setAttribute('aria-hidden', 'true'); showButtonSvg.setAttribute('focusable', 'false'); addEventListener(showButton, 'click', function (event) { event.preventDefault(); var elem = this.parentNode; if (elem.style.display == 'none') { document.getElementById('sfToolbarMainContent-' + token).style.display = 'none'; document.getElementById('sfToolbarClearer-' + token).style.display = 'none'; elem.style.display = 'block'; } else { document.getElementById('sfToolbarMainContent-' + token).style.display = 'block'; document.getElementById('sfToolbarClearer-' + token).style.display = 'block'; elem.style.display = 'none' } setPreference('toolbar/displayState', 'block'); }); }, loadToolbar: function(token, newToken) { var that = this; var triesCounter = document.getElementById('sfLoadCounter-' + token); var options = { retry: true, onSend: function (count) { if (count === 3) { that.initToolbar(token); } if (triesCounter) { triesCounter.textContent = count; } }, }; var cancelButton = document.getElementById('sfLoadCancel-' + token); if (cancelButton) { addEventListener(cancelButton, 'click', function (event) { event.preventDefault(); options.stop = true; that.hideToolbar(token); }); } newToken = (newToken || token); this.load( 'sfwdt' + token, 'https\u003A\/\/www.essensei.fr\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken), function(xhr, el) { /* Do nothing in the edge case where the toolbar has already been replaced with a new one */ if (!document.getElementById('sfToolbarMainContent-' + newToken)) { return; } /* Evaluate in global scope scripts embedded inside the toolbar */ var i, scripts = [].slice.call(el.querySelectorAll('script')); for (i = 0; i < scripts.length; ++i) { if (scripts[i].firstChild) { eval.call({}, scripts[i].firstChild.nodeValue); } } el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none'; if (el.style.display == 'none') { return; } that.initToolbar(newToken); /* Handle toolbar-info position */ var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block')); for (i = 0; i < toolbarBlocks.length; ++i) { toolbarBlocks[i].onmouseover = function () { var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0]; var pageWidth = document.body.clientWidth; var elementWidth = toolbarInfo.offsetWidth; var leftValue = (elementWidth + this.offsetLeft) - pageWidth; var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth; /* Reset right and left value, useful on window resize */ toolbarInfo.style.right = ''; toolbarInfo.style.left = ''; if (elementWidth > pageWidth) { toolbarInfo.style.left = 0; } else if (leftValue > 0 && rightValue > 0) { toolbarInfo.style.right = (rightValue * -1) + 'px'; } else if (leftValue < 0) { toolbarInfo.style.left = 0; } else { toolbarInfo.style.right = '0px'; } }; } renderAjaxRequests(); addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() { requestStack = []; renderAjaxRequests(); successStreak = 4; document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = ''; }); addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) { var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info'); elem.scrollTop = elem.scrollHeight; }); addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) { event.preventDefault(); toggleClass(this.parentNode, 'hover'); }); var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info'); if (null !== dumpInfo) { addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () { dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px'; }); addEventListener(dumpInfo, 'mouseleave', function () { dumpInfo.style.minHeight = ''; }); } }, function(xhr) { if (xhr.status !== 0 && !options.stop) { var sfwdt = that.getSfwdt(token); sfwdt.innerHTML = '\ <div class="sf-toolbarreset notranslate">\ <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\ An error occurred while loading the web debug toolbar. <a href="https\u003A\/\/www.essensei.fr\/_profiler\/' + newToken + '">Open the web profiler.</a>\ </div>\ '; sfwdt.setAttribute('class', 'sf-toolbar sf-error-toolbar'); } }, options ); return this; }, toggle: function(selector, elOn, elOff) { var tmp = elOn.style.display, el = document.getElementById(selector); elOn.style.display = elOff.style.display; elOff.style.display = tmp; if (el) { el.style.display = 'none' === tmp ? 'none' : 'block'; } return this; }, }; })(); } Sfjs.loadToolbar('c3ba07');/*]]>*/</script>\n </body>\n </html>\n \n <!-- TEMPLATE END: templates/client/fe_page.html5 -->\n """ } -action: "delete" } |
| Envelope stamps when dispatching | No items |
| Envelope stamps after dispatch |
Symfony\Component\Messenger\Stamp\BusNameStamp {#13542 -busName: "messenger.bus.default" } Symfony\Component\Messenger\Stamp\SentStamp {#13572 -senderClass: "Symfony\Component\Messenger\Bridge\Doctrine\Transport\DoctrineTransport" -senderAlias: "contao_prio_low" } Symfony\Component\Messenger\Stamp\TransportMessageIdStamp {#13579 -id: "1893990" } |