{"id":12164,"date":"2026-02-03T14:33:15","date_gmt":"2026-02-03T14:33:15","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-daccueil\/"},"modified":"2026-02-10T10:20:34","modified_gmt":"2026-02-10T10:20:34","slug":"page-daccueil","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/page-daccueil\/","title":{"rendered":"Page d&#039;accueil"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"1-nom-de-l\u2019\u00e9cran\">1)<strong>Nom de l\u2019\u00e9cran<\/strong><a href=\"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-2-de-lapplication-iretipay\/page-daccueil\/#1-nom-de-l%E2%80%99%C3%A9cran\"><\/a><\/h2>\n\n\n\n<p><strong>Accueil<\/strong>&nbsp;\u2013 Page principale apr\u00e8s authentification.<\/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\">1. Objectif de la page<\/h2>\n\n\n\n<p>La page <strong>Accueil<\/strong> est le <strong>point central<\/strong> de l\u2019application.<br>Elle permet \u00e0 l\u2019utilisateur de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>consulter rapidement son <strong>solde<\/strong><\/li>\n\n\n\n<li>acc\u00e9der aux <strong>actions principales<\/strong> (Recharge, Transfert)<\/li>\n\n\n\n<li>visualiser l\u2019<strong>historique r\u00e9cent des transactions<\/strong><\/li>\n\n\n\n<li>naviguer vers d\u2019autres fonctionnalit\u00e9s cl\u00e9s<\/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.07.18-1-461x1024.jpeg\" alt=\"\" class=\"wp-image-12176 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-1-461x1024.jpeg 461w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-1-135x300.jpeg 135w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-1-450x1000.jpeg 450w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.07.18-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. En-t\u00eate de la page<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">2.1 Informations utilisateur<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nom de l\u2019utilisateur :<\/strong> <em>Annick <\/em><\/li>\n\n\n\n<li><strong>Date :<\/strong> <em>5 f\u00e9v 2026<\/em><\/li>\n<\/ul>\n\n\n\n<p>Ces informations permettent d\u2019identifier clairement le compte connect\u00e9 et la date de consultation.<\/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\">2.2 Ic\u00f4nes de l\u2019en-t\u00eate<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2699\ufe0f <strong>Param\u00e8tres<\/strong><br>Permet d\u2019acc\u00e9der aux r\u00e9glages du compte (profil, s\u00e9curit\u00e9, pr\u00e9f\u00e9rences, etc.)<\/li>\n\n\n\n<li>\ud83d\udd14 <strong>Notifications<\/strong><br>Permet de consulter les notifications li\u00e9es aux transactions, alertes ou messages syst\u00e8me<\/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. Affichage du solde<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Zone du solde<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le solde est <strong>masqu\u00e9 par d\u00e9faut<\/strong> (repr\u00e9sent\u00e9 par des points \u25cf\u25cf\u25cf\u25cf\u25cf\u25cf)<\/li>\n\n\n\n<li>Une <strong>ic\u00f4ne \u0153il barr\u00e9<\/strong> permet :\n<ul class=\"wp-block-list\">\n<li>d\u2019afficher le solde r\u00e9el<\/li>\n\n\n\n<li>de masquer \u00e0 nouveau le solde<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\ud83c\udfaf <strong>Objectif :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Prot\u00e9ger la confidentialit\u00e9 financi\u00e8re de l\u2019utilisateur<\/li>\n\n\n\n<li>\u00c9viter l\u2019exposition du solde en public<\/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\">4. Actions principales<\/h2>\n\n\n\n<p>Une carte centrale propose deux actions rapides :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4.1 Recharge<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> Carte \/ t\u00e9l\u00e9phone<\/li>\n\n\n\n<li><strong>Fonction :<\/strong> Permet d\u2019ajouter de l\u2019argent sur le compte via :\n<ul class=\"wp-block-list\">\n<li>Mobile Money<\/li>\n\n\n\n<li>Autres moyens de recharge disponibles<\/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 Transfert<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> Fl\u00e8ches de transfert<\/li>\n\n\n\n<li><strong>Fonction :<\/strong> Permet d\u2019envoyer de l\u2019argent vers :\n<ul class=\"wp-block-list\">\n<li>un autre utilisateur<\/li>\n\n\n\n<li>un nouveau destinataire<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc Ces actions sont volontairement mises en avant pour un acc\u00e8s rapide.<\/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\">5. Section <strong>Mes transactions<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">5.1 Titre<\/h3>\n\n\n\n<p><strong>Mes transactions<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5.2 Lien \u201cVoir tout\u201d<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permet d\u2019acc\u00e9der \u00e0 l\u2019<strong>historique complet<\/strong> des transactions<\/li>\n\n\n\n<li>Affiche plus de d\u00e9tails (filtres, p\u00e9riodes, statuts, etc.)<\/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\">5.3 Liste des transactions r\u00e9centes<\/h3>\n\n\n\n<p>Chaque ligne de transaction contient :<\/p>\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\">a) Sens de la transaction<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u27a1\ufe0f <strong>\u00c0<\/strong> : argent envoy\u00e9<\/li>\n\n\n\n<li>\u2b05\ufe0f <strong>De<\/strong> : argent re\u00e7u<\/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) Nom du correspondant<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exemple :\n<ul class=\"wp-block-list\">\n<li>\u00c0 Anicette BITAH<\/li>\n\n\n\n<li>De Amongoa Bil\u00e9<\/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<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\n\n\n<li>Exemple : <code>16\/01\/2026 \u00e0 11:19<\/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> : sortie d\u2019argent<br>Exemple : <code>- 100 F CFA<\/code><\/li>\n\n\n\n<li><strong>Vert (+)<\/strong> : entr\u00e9e d\u2019argent<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> (en vert)<br>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<h2 class=\"wp-block-heading\">6. Bouton central \u2013 QR Code<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Description<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bouton flottant au centre de la barre inf\u00e9rieure<\/li>\n\n\n\n<li>Ic\u00f4ne <strong>QR Code<\/strong><\/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\">Fonction<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Permet de :\n<ul class=\"wp-block-list\">\n<li>payer via QR Code<\/li>\n\n\n\n<li>recevoir de l\u2019argent<\/li>\n\n\n\n<li>scanner un code pour une transaction rapide<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc \u00c9l\u00e9ment cl\u00e9 pour les paiements rapides sans saisie manuelle.<\/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\">7. Barre de navigation inf\u00e9rieure<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9l\u00e9ments disponibles :<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udfe0 <strong>Accueil<\/strong> (page actuelle)<\/li>\n\n\n\n<li>\ud83d\udcf7 <strong>QR Code<\/strong> (bouton central)<\/li>\n\n\n\n<li>\ud83e\uddfe <strong>Factures<\/strong><\/li>\n<\/ul>\n\n\n\n<p>\ud83c\udfaf Permet une navigation simple et coh\u00e9rente entre les principales sections.<\/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\">8. R\u00e8gles et comportements attendus<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les transactions sont affich\u00e9es par <strong>ordre chronologique d\u00e9croissant<\/strong><\/li>\n\n\n\n<li>Les montants sont format\u00e9s en <strong>F CFA<\/strong><\/li>\n\n\n\n<li>Les couleurs indiquent clairement le <strong>sens financier<\/strong><\/li>\n\n\n\n<li>Les donn\u00e9es doivent \u00eatre <strong>actualis\u00e9es en temps r\u00e9el<\/strong> ou \u00e0 l\u2019ouverture de la 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\">9. R\u00e9sum\u00e9<\/h2>\n\n\n\n<p>\u2705 Page orient\u00e9e <strong>simplicit\u00e9 et rapidit\u00e9<\/strong><br>\u2705 Acc\u00e8s imm\u00e9diat aux actions critiques<br>\u2705 Visualisation claire de l\u2019historique financier<br>\u2705 S\u00e9curit\u00e9 renforc\u00e9e par le masquage du solde<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1)Nom de l\u2019\u00e9cran Accueil&nbsp;\u2013 Page principale apr\u00e8s authentification. 1. Objectif de la page La page Accueil est le point central de l\u2019application.Elle permet [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12164","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\/12164"}],"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=12164"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12164\/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=12164"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12164"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}