{"id":12206,"date":"2026-02-05T14:19:40","date_gmt":"2026-02-05T14:19:40","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/mes-transactions\/"},"modified":"2026-02-10T10:20:35","modified_gmt":"2026-02-10T10:20:35","slug":"mes-transactions","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/mes-transactions\/","title":{"rendered":"Mes transactions"},"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>La page <strong>Mes transactions<\/strong> permet \u00e0 l\u2019utilisateur de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>consulter l\u2019<strong>historique d\u00e9taill\u00e9<\/strong> de toutes ses op\u00e9rations financi\u00e8res<\/li>\n\n\n\n<li>rechercher une transaction sp\u00e9cifique<\/li>\n\n\n\n<li>filtrer les transactions par type (ex. transferts)<\/li>\n\n\n\n<li>acc\u00e9der au <strong>d\u00e9tail d\u2019une transaction<\/strong><\/li>\n<\/ul>\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.51-461x1024.jpeg\" alt=\"\" class=\"wp-image-12209 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-461x1024.jpeg 461w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-135x300.jpeg 135w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-450x1000.jpeg 450w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51.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. Acc\u00e8s \u00e0 la page<\/h2>\n\n\n\n<p>Cette page est accessible depuis :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la page <strong>Accueil<\/strong> via le lien <em>Voir tout<\/em> des transactions<\/li>\n\n\n\n<li>le menu principal de l\u2019application<\/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 Bouton retour<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> fl\u00e8che retour<\/li>\n\n\n\n<li><strong>Action :<\/strong> revenir \u00e0 la page pr\u00e9c\u00e9dente<\/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 Titre<\/h3>\n\n\n\n<p><strong>Mes transactions<\/strong><\/p>\n\n\n\n<p>\ud83c\udfaf Indique clairement le contenu de la page.<\/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. Barre de recherche<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">4.1 Champ de recherche<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Placeholder :<\/strong> <em>Rechercher une transaction\u2026<\/em><\/li>\n\n\n\n<li><strong>Ic\u00f4ne :<\/strong> loupe<\/li>\n\n\n\n<li><strong>Fonctionnalit\u00e9 :<\/strong>\n<ul class=\"wp-block-list\">\n<li>recherche par <strong>nom de contact<\/strong><\/li>\n\n\n\n<li>recherche par <strong>montant<\/strong><\/li>\n\n\n\n<li>recherche par <strong>date<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Comportement :<\/strong>\n<ul class=\"wp-block-list\">\n<li>filtrage dynamique de la liste<\/li>\n\n\n\n<li>affichage des r\u00e9sultats en temps r\u00e9el<\/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. Filtre de transactions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">5.1 Filtre : <strong>Transferts<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Type :<\/strong> bouton \/ puce de filtre<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>affiche uniquement les transactions de type <strong>transfert<\/strong><\/li>\n\n\n\n<li>exclut les autres op\u00e9rations (recharges, paiements, factures)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u00c9tat visuel :<\/strong>\n<ul class=\"wp-block-list\">\n<li>actif lorsqu\u2019il est s\u00e9lectionn\u00e9<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc Des filtres suppl\u00e9mentaires peuvent \u00eatre ajout\u00e9s (recharges, paiements, factures, etc.).<\/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\">6. Liste des transactions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">6.1 Organisation<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Affichage en <strong>liste verticale<\/strong><\/li>\n\n\n\n<li>Classement par <strong>ordre chronologique d\u00e9croissant<\/strong><\/li>\n\n\n\n<li>Les transactions les plus r\u00e9centes apparaissent en premier<\/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\">6.2 Contenu d\u2019une ligne de transaction<\/h3>\n\n\n\n<p>Chaque transaction contient :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">a) Ic\u00f4ne de sens<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u27a1\ufe0f <strong>\u00c0<\/strong> : transaction sortante (envoi)<\/li>\n\n\n\n<li>\u2b05\ufe0f <strong>De<\/strong> : transaction entrante (r\u00e9ception)<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">b) Libell\u00e9<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nom du destinataire ou de l\u2019exp\u00e9diteur<br><em>(ex. \u00c0 Anicette BITAH \/ De Amongoa Bil\u00e9)<\/em><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">c) Date et heure<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Format : <code>JJ\/MM\/AAAA \u00e0 HH:MM<\/code><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">d) Montant<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rouge (-)<\/strong> : d\u00e9bit<br>Exemple : <code>- 100 F CFA<\/code><\/li>\n\n\n\n<li><strong>Vert (+)<\/strong> : cr\u00e9dit<br>Exemple : <code>+ 200 F CFA<\/code><\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">e) Statut<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Termin\u00e9<\/strong> (couleur verte)<\/li>\n\n\n\n<li>Indique que la transaction a \u00e9t\u00e9 effectu\u00e9e avec succ\u00e8s<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">f) Indicateur de navigation<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Chevron ( > )<\/strong><\/li>\n\n\n\n<li>Permet d\u2019acc\u00e9der au <strong>d\u00e9tail complet de la transaction<\/strong><\/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. Actions utilisateur<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Faire d\u00e9filer l\u2019historique<\/li>\n\n\n\n<li>\u2705 Rechercher une transaction<\/li>\n\n\n\n<li>\u2705 Filtrer par type<\/li>\n\n\n\n<li>\u2705 S\u00e9lectionner une transaction pour voir les d\u00e9tails (r\u00e9f\u00e9rence, statut, frais, etc.)<\/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. Comportements fonctionnels attendus<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Synchronisation en temps r\u00e9el avec le backend<\/li>\n\n\n\n<li>Mise \u00e0 jour automatique lors d\u2019une nouvelle transaction<\/li>\n\n\n\n<li>Gestion des erreurs r\u00e9seau<\/li>\n\n\n\n<li>Message d\u2019\u00e9tat vide si aucune transaction n\u2019est trouv\u00e9e<\/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\u00e8gles UX \/ UI<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Codes couleurs clairs (vert = entr\u00e9e, rouge = sortie)<\/li>\n\n\n\n<li>Alignement lisible des montants<\/li>\n\n\n\n<li>Ic\u00f4nes explicites<\/li>\n\n\n\n<li>Bonne lisibilit\u00e9 sur mobile<\/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\">10. S\u00e9curit\u00e9 et confidentialit\u00e9<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Affichage limit\u00e9 au compte de l\u2019utilisateur connect\u00e9<\/li>\n\n\n\n<li>Donn\u00e9es prot\u00e9g\u00e9es et non modifiables<\/li>\n\n\n\n<li>Aucune action destructive possible depuis cette page<\/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\">11. R\u00e9sum\u00e9<\/h2>\n\n\n\n<p>\u2705 Vue compl\u00e8te et d\u00e9taill\u00e9e de l\u2019historique financier<br>\u2705 Recherche et filtres int\u00e9gr\u00e9s<br>\u2705 Lecture rapide gr\u00e2ce aux indicateurs visuels<br>\u2705 Page cl\u00e9 pour le suivi et la transparence financi\u00e8re<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Objectif de la page La page Mes transactions permet \u00e0 l\u2019utilisateur de : 2. Acc\u00e8s \u00e0 la page Cette page est accessible [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":29,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12206","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\/12206"}],"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=12206"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12206\/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=12206"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12206"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}