{"id":12201,"date":"2026-02-05T13:56:31","date_gmt":"2026-02-05T13:56:31","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-notifications-menu-dactions\/"},"modified":"2026-02-10T10:20:35","modified_gmt":"2026-02-10T10:20:35","slug":"page-notifications-menu-dactions","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-notifications-menu-dactions\/","title":{"rendered":"Page Notifications (Menu d\u2019actions)"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">1. Objectif de la page<\/h2>\n\n\n\n<p>Cette vue correspond \u00e0 la page <strong>Notifications<\/strong> avec l\u2019ouverture du <strong>menu d\u2019options<\/strong> (\u22ee).<br>Elle permet \u00e0 l\u2019utilisateur de <strong>g\u00e9rer l\u2019ensemble de ses notifications<\/strong> \u00e0 travers des actions rapides : lecture, suppression, param\u00e9trage et test.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"461\" height=\"1024\" data-src=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-1-461x1024.jpeg\" alt=\"\" class=\"wp-image-12204 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-1-461x1024.jpeg 461w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-1-135x300.jpeg 135w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-1-450x1000.jpeg 450w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.50-1.jpeg 486w\" data-sizes=\"(max-width: 461px) 100vw, 461px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 461px; --smush-placeholder-aspect-ratio: 461\/1024;\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Contexte d\u2019acc\u00e8s<\/h2>\n\n\n\n<p>Le menu d\u2019actions est accessible depuis :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la page <strong>Notifications<\/strong><\/li>\n\n\n\n<li>l\u2019ic\u00f4ne <strong>\u22ee (menu contextuel)<\/strong> situ\u00e9e dans l\u2019en\u2011t\u00eate<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. En\u2011t\u00eate de la page<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Ic\u00f4nes et navigation<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udfe0 <strong>Accueil<\/strong> : retour imm\u00e9diat \u00e0 la page d\u2019accueil<\/li>\n\n\n\n<li>\ud83d\udd14 <strong>Notifications<\/strong> : indique la page courante<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3.2 Onglets de filtrage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Toutes (0)<\/strong> : affiche toutes les notifications<\/li>\n\n\n\n<li><strong>Non lues (0)<\/strong> : affiche uniquement les notifications non consult\u00e9es<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc Dans l\u2019\u00e9cran pr\u00e9sent\u00e9, aucun \u00e9l\u00e9ment n\u2019est disponible dans les deux onglets.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. Menu contextuel (\u22ee)<\/h2>\n\n\n\n<p>Le menu contextuel pr\u00e9sente les actions globales applicables aux notifications.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4.1 Tout marquer comme lu<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> enveloppe \/ validation<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>marque l\u2019ensemble des notifications comme <strong>lues<\/strong><\/li>\n\n\n\n<li>met \u00e0 jour le compteur \u00ab Non lues \u00bb \u00e0 z\u00e9ro<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Condition :<\/strong>\n<ul class=\"wp-block-list\">\n<li>actif uniquement si au moins une notification non lue existe<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4.2 Vider l\u2019historique<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> symbole de suppression<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>supprime d\u00e9finitivement toutes les notifications<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Impact :<\/strong>\n<ul class=\"wp-block-list\">\n<li>r\u00e9initialise la liste<\/li>\n\n\n\n<li>affiche l\u2019\u00e9tat vide<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>S\u00e9curit\u00e9 :<\/strong>\n<ul class=\"wp-block-list\">\n<li>une confirmation utilisateur est recommand\u00e9e avant suppression<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4.3 Param\u00e8tres<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> \u2699\ufe0f engrenage<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>redirige vers la page de <strong>configuration des notifications<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Exemples de param\u00e8tres :<\/strong>\n<ul class=\"wp-block-list\">\n<li>activer \/ d\u00e9sactiver les notifications<\/li>\n\n\n\n<li>g\u00e9rer les types de notifications (transactions, alertes, promotions)<\/li>\n\n\n\n<li>pr\u00e9f\u00e9rences push \/ in\u2011app<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4.4 Tester une notification<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> enveloppe \/ test<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>g\u00e9n\u00e8re une <strong>notification de test<\/strong><\/li>\n\n\n\n<li>permet de v\u00e9rifier le bon fonctionnement :\n<ul class=\"wp-block-list\">\n<li>des notifications in\u2011app<\/li>\n\n\n\n<li>des notifications push<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Usage :<\/strong>\n<ul class=\"wp-block-list\">\n<li>utile pour le support ou la validation utilisateur<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5. Zone de contenu \u2013 \u00c9tat vide (Non lues)<\/h2>\n\n\n\n<p>Lorsque toutes les notifications ont \u00e9t\u00e9 consult\u00e9es :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> enveloppe avec coche<\/li>\n\n\n\n<li><strong>Message principal :<\/strong><br><strong>Aucune notification non lue<\/strong><\/li>\n\n\n\n<li><strong>Message secondaire :<\/strong><br><em>Toutes vos notifications ont \u00e9t\u00e9 lues<\/em><\/li>\n<\/ul>\n\n\n\n<p>\ud83c\udfaf Objectif :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>confirmer l\u2019\u00e9tat de lecture compl\u00e8te<\/li>\n\n\n\n<li>rassurer l\u2019utilisateur sur sa situation<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. Comportements fonctionnels attendus<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Mise \u00e0 jour imm\u00e9diate apr\u00e8s chaque action du menu<\/li>\n\n\n\n<li>\u2705 Synchronisation avec le backend<\/li>\n\n\n\n<li>\u2705 Actualisation des compteurs (Toutes \/ Non lues)<\/li>\n\n\n\n<li>\u2705 Feedback visuel ou message de confirmation apr\u00e8s action<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">7. R\u00e8gles UX \/ UI<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Menu clair et non intrusif<\/li>\n\n\n\n<li>Actions critiques bien identifi\u00e9es (suppression en rouge)<\/li>\n\n\n\n<li>Ic\u00f4nes explicites<\/li>\n\n\n\n<li>Fermeture automatique du menu apr\u00e8s s\u00e9lection<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">8. S\u00e9curit\u00e9 et bonnes pratiques<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les suppressions sont irr\u00e9versibles<\/li>\n\n\n\n<li>Les param\u00e8tres sont sp\u00e9cifiques \u00e0 l\u2019utilisateur connect\u00e9<\/li>\n\n\n\n<li>Les tests de notifications ne doivent pas impacter les donn\u00e9es r\u00e9elles<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">9. R\u00e9sum\u00e9<\/h2>\n\n\n\n<p>\u2705 Menu centralis\u00e9 pour la gestion des notifications<br>\u2705 Actions rapides et accessibles<br>\u2705 Bonne gestion des \u00e9tats (lu \/ non lu \/ vide)<br>\u2705 Outil utile pour l\u2019utilisateur et le support technique<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Objectif de la page Cette vue correspond \u00e0 la page Notifications avec l\u2019ouverture du menu d\u2019options (\u22ee).Elle permet \u00e0 l\u2019utilisateur de g\u00e9rer [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12201","docs","type-docs","status-publish","hentry"],"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/6a70e7c73db9f245e650948d09d74f61?s=96&d=mm&r=g","author_name":"Annick N'dri","_links":{"self":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12201"}],"collection":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/comments?post=12201"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12201\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12142"}],"wp:attachment":[{"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/media?parent=12201"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12201"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}