1. Objectif de la page

La page Scanner un QR Code permet à l’utilisateur de :

• scanner le QR Code d’un autre utilisateur
• payer ou envoyer de l’argent rapidement
• éviter la saisie manuelle du numéro ou des informations du bénéficiaire

Elle constitue le point d’entrée principal pour les paiements par QR Code.

2. Contexte d’accès

Cette page est accessible depuis :

• le bouton QR Code (bouton central) de la barre de navigation
• l’onglet Scanner un code du module QR

3. Structure générale de la page

3.1 Type d’affichage

• Vue plein écran
• Fond sombre pour améliorer la visibilité du scan
• Zone de scan centrée et bien délimitée

🎯 Objectif : faciliter la lecture rapide et précise du QR Code.

4. En‑tête de la page

4.1 Bouton de fermeture

• Icône : ❌ (croix)
• Position : coin supérieur gauche
• Fonction : fermer l’écran de scan et revenir à l’écran précédent

4.2 Icône son / vibration

• Icône : haut‑parleur barré
• Fonction :
  • activer ou désactiver le son / vibration
  • signaler la réussite du scan
• Objectif : permettre un usage discret ou sonore selon le contexte

5. Zone de scan QR Code

5.1 Cadre de scan

• Forme carrée avec bordures lumineuses
• Indique clairement la zone à cibler
• Détection automatique du QR Code dans cette zone

📌 Le scan se déclenche automatiquement dès qu’un QR Code valide est détecté.

5.2 Utilisation de la caméra

• Accès à la caméra arrière du téléphone
• Nécessite l’autorisation d’accès à la caméra
• Ajustement automatique de la mise au point

6. Message d’instruction

Texte affiché

« Scanner un Code QR pour payer ou envoyer »

🎯 Objectif :

• expliquer clairement l’action attendue
• indiquer les deux usages possibles :
  • paiement
  • transfert d’argent

7. Options en bas de page

7.1 Onglet Scanner un code

• Fonction :
  • activer le mode scan (page active)
• État :
  • visuellement sélectionné

7.2 Onglet Mon QR code

• Fonction :
  • basculer vers la page affichant le QR Code personnel
  • permettre de recevoir de l’argent
• Action :
  • ouvre la page Mon QR Code

📌 Ces deux onglets permettent une navigation fluide entre envoyer et recevoir de l’argent.

8. Comportements fonctionnels attendus

• ✅ Scan automatique sans action supplémentaire
• ✅ Reconnaissance rapide du QR Code
• ✅ Redirection immédiate vers :
  • la page de confirmation de paiement
  • ou la page de saisie du montant
• ✅ Feedback visuel / sonore après détection

9. Cas d’erreurs à gérer

• ❌ Accès caméra refusé
• ❌ QR Code invalide ou non reconnu
• ❌ QR Code expiré ou compte indisponible
• ❌ Problème de luminosité ou de mise au point

👉 Dans ces cas, un message clair et une action corrective doivent être proposés.

10. Sécurité

• Aucun paiement automatique sans confirmation
• Le scan récupère uniquement les informations nécessaires
• Toutes les transactions doivent être validées par l’utilisateur
• Les données sont sécurisées et chiffrées

11. Règles UX / UI

• Zone de scan bien visible
• Texte court et explicite
• Contraste élevé pour faciliter la lecture
• Navigation simple et intuitive

12. Résumé

✅ Page dédiée à l’envoi et au paiement par QR Code
✅ Expérience rapide et sans saisie manuelle
✅ Sécurité renforcée par validation utilisateur
✅ Fonction clé pour les paiements modernes