{"id":12211,"date":"2026-02-05T14:45:35","date_gmt":"2026-02-05T14:45:35","guid":{"rendered":"https:\/\/techhub.saworks.io\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/scanner-un-qr-code\/"},"modified":"2026-02-10T10:20:35","modified_gmt":"2026-02-10T10:20:35","slug":"scanner-un-qr-code","status":"publish","type":"docs","link":"https:\/\/techhub.saworks.io\/fr\/docs\/presentation-de-ireti\/version-3-de-lapplication-ireti\/scanner-un-qr-code\/","title":{"rendered":"Scanner un QR Code"},"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>Scanner un QR Code<\/strong> permet \u00e0 l\u2019utilisateur de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>scanner le QR Code d\u2019un autre utilisateur<\/strong><\/li>\n\n\n\n<li><strong>payer<\/strong> ou <strong>envoyer de l\u2019argent<\/strong> rapidement<\/li>\n\n\n\n<li>\u00e9viter la saisie manuelle du num\u00e9ro ou des informations du b\u00e9n\u00e9ficiaire<\/li>\n<\/ul>\n\n\n\n<p>Elle constitue le <strong>point d\u2019entr\u00e9e principal pour les paiements par QR Code<\/strong>.<\/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.51-2-461x1024.jpeg\" alt=\"\" class=\"wp-image-12214 lazyload\" data-srcset=\"https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-2-461x1024.jpeg 461w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-2-135x300.jpeg 135w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-2-450x1000.jpeg 450w, https:\/\/techhub.saworks.io\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-05-at-11.52.51-2.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>Cette page est accessible depuis :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le <strong>bouton QR Code<\/strong> (bouton central) de la barre de navigation<\/li>\n\n\n\n<li>l\u2019onglet <strong>Scanner un code<\/strong> du module QR<\/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. Structure g\u00e9n\u00e9rale de la page<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Type d\u2019affichage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vue plein \u00e9cran<\/li>\n\n\n\n<li>Fond sombre pour am\u00e9liorer la visibilit\u00e9 du scan<\/li>\n\n\n\n<li>Zone de scan centr\u00e9e et bien d\u00e9limit\u00e9e<\/li>\n<\/ul>\n\n\n\n<p>\ud83c\udfaf Objectif : faciliter la lecture rapide et pr\u00e9cise du QR Code.<\/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. En\u2011t\u00eate de la page<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">4.1 Bouton de fermeture<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> \u274c (croix)<\/li>\n\n\n\n<li><strong>Position :<\/strong> coin sup\u00e9rieur gauche<\/li>\n\n\n\n<li><strong>Fonction :<\/strong> fermer l\u2019\u00e9cran de scan et revenir \u00e0 l\u2019\u00e9cran pr\u00e9c\u00e9dent<\/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 Ic\u00f4ne son \/ vibration<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ic\u00f4ne :<\/strong> haut\u2011parleur barr\u00e9<\/li>\n\n\n\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>activer ou d\u00e9sactiver le son \/ vibration<\/li>\n\n\n\n<li>signaler la r\u00e9ussite du scan<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Objectif :<\/strong> permettre un usage discret ou sonore selon le contexte<\/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 scan QR Code<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">5.1 Cadre de scan<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Forme carr\u00e9e avec bordures lumineuses<\/li>\n\n\n\n<li>Indique clairement la <strong>zone \u00e0 cibler<\/strong><\/li>\n\n\n\n<li>D\u00e9tection automatique du QR Code dans cette zone<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc Le scan se d\u00e9clenche automatiquement d\u00e8s qu\u2019un QR Code valide est d\u00e9tect\u00e9.<\/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\">5.2 Utilisation de la cam\u00e9ra<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Acc\u00e8s \u00e0 la <strong>cam\u00e9ra arri\u00e8re<\/strong> du t\u00e9l\u00e9phone<\/li>\n\n\n\n<li>N\u00e9cessite l\u2019autorisation d\u2019acc\u00e8s \u00e0 la cam\u00e9ra<\/li>\n\n\n\n<li>Ajustement automatique de la mise au point<\/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. Message d\u2019instruction<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Texte affich\u00e9<\/h3>\n\n\n\n<p><strong>\u00ab\u202fScanner un Code QR pour payer ou envoyer\u202f\u00bb<\/strong><\/p>\n\n\n\n<p>\ud83c\udfaf Objectif :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>expliquer clairement l\u2019action attendue<\/li>\n\n\n\n<li>indiquer les deux usages possibles :\n<ul class=\"wp-block-list\">\n<li>paiement<\/li>\n\n\n\n<li>transfert d\u2019argent<\/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\">7. Options en bas de page<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">7.1 Onglet <strong>Scanner un code<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>activer le mode scan (page active)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u00c9tat :<\/strong>\n<ul class=\"wp-block-list\">\n<li>visuellement s\u00e9lectionn\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<h3 class=\"wp-block-heading\">7.2 Onglet <strong>Mon QR code<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fonction :<\/strong>\n<ul class=\"wp-block-list\">\n<li>basculer vers la page affichant le <strong>QR Code personnel<\/strong><\/li>\n\n\n\n<li>permettre de <strong>recevoir de l\u2019argent<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Action :<\/strong>\n<ul class=\"wp-block-list\">\n<li>ouvre la page <em>Mon QR Code<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udccc Ces deux onglets permettent une navigation fluide entre <strong>envoyer<\/strong> et <strong>recevoir<\/strong> de l\u2019argent.<\/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. Comportements fonctionnels attendus<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Scan automatique sans action suppl\u00e9mentaire<\/li>\n\n\n\n<li>\u2705 Reconnaissance rapide du QR Code<\/li>\n\n\n\n<li>\u2705 Redirection imm\u00e9diate vers :\n<ul class=\"wp-block-list\">\n<li>la page de <strong>confirmation de paiement<\/strong><\/li>\n\n\n\n<li>ou la page de <strong>saisie du montant<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u2705 Feedback visuel \/ sonore apr\u00e8s d\u00e9tection<\/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. Cas d\u2019erreurs \u00e0 g\u00e9rer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u274c Acc\u00e8s cam\u00e9ra refus\u00e9<\/li>\n\n\n\n<li>\u274c QR Code invalide ou non reconnu<\/li>\n\n\n\n<li>\u274c QR Code expir\u00e9 ou compte indisponible<\/li>\n\n\n\n<li>\u274c Probl\u00e8me de luminosit\u00e9 ou de mise au point<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udc49 Dans ces cas, un message clair et une action corrective doivent \u00eatre propos\u00e9s.<\/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\">10. S\u00e9curit\u00e9<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aucun paiement automatique sans confirmation<\/li>\n\n\n\n<li>Le scan r\u00e9cup\u00e8re uniquement les <strong>informations n\u00e9cessaires<\/strong><\/li>\n\n\n\n<li>Toutes les transactions doivent \u00eatre <strong>valid\u00e9es par l\u2019utilisateur<\/strong><\/li>\n\n\n\n<li>Les donn\u00e9es sont s\u00e9curis\u00e9es et chiffr\u00e9es<\/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\u00e8gles UX \/ UI<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zone de scan bien visible<\/li>\n\n\n\n<li>Texte court et explicite<\/li>\n\n\n\n<li>Contraste \u00e9lev\u00e9 pour faciliter la lecture<\/li>\n\n\n\n<li>Navigation simple et intuitive<\/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\">12. R\u00e9sum\u00e9<\/h2>\n\n\n\n<p>\u2705 Page d\u00e9di\u00e9e \u00e0 l\u2019<strong>envoi et au paiement par QR Code<\/strong><br>\u2705 Exp\u00e9rience rapide et sans saisie manuelle<br>\u2705 S\u00e9curit\u00e9 renforc\u00e9e par validation utilisateur<br>\u2705 Fonction cl\u00e9 pour les paiements modernes<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Objectif de la page La page Scanner un QR Code permet \u00e0 l\u2019utilisateur de : Elle constitue le point d\u2019entr\u00e9e principal pour [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12142,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-12211","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\/12211"}],"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=12211"}],"version-history":[{"count":0,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/docs\/12211\/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=12211"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_tag?post=12211"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.saworks.io\/fr\/wp-json\/wp\/v2\/doc_badge?post=12211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}