Spécifications Dashboard Partenaire

1.1Définition et Objectifs

Le Dashboard Partenaire est l'interface web PWA (Progressive Web App) dédiée aux commerçants partenaires de REWAPP. Cette plateforme constitue le point de contact principal entre les commerçants et l'écosystème REWAPP, permettant de gérer leur participation au programme de cashback.

Objectifs principaux

• Scanner et valider les QR codes clients pour débiter les points
• Configurer l'offre de cashback et les paramètres commerciaux
• Consulter les statistiques et analyser la performance
• Gérer le profil et les informations commerciales
• Accéder aux outils premium (pour les abonnés)

1.2Utilisateurs Cibles

1.3Stack Technique

• Frontend : Angular + Ionic (PWA)
• UI Framework : Ionic Components + Angular Material
• Charts : ng2-charts ou Chart.js
• State Management : NgRx ou Services Angular
• API : REST API avec JWT
• Scanner : ZXing ou html5-qrcode
• Responsive : Compatible mobile, tablette, desktop

1.4Accès au Dashboard

URL de production : https://partner.rewapp.fr
URL de staging    : https://partner-staging.rewapp.fr

Compatibilité navigateurs

• Chrome (2 dernières versions)
• Firefox (2 dernières versions)
• Safari (2 dernières versions)
• Edge (2 dernières versions)

2.1Processus d'Inscription

Étape 1 : Informations Entreprise

Catégories d'activité disponibles

• Restauration (restaurants, cafés, boulangeries, food trucks)
• Commerce alimentaire (supermarchés, épiceries, primeurs, cavistes)
• Mode et beauté (prêt-à-porter, chaussures, coiffeurs, instituts)
• Services (garages, pressing, salles de sport, cinémas)
• Loisirs et culture (librairies, boutiques de sport, jouets)
• Santé et bien-être (pharmacies, parapharmacies, opticiens)
• Autre (à préciser)

Étape 2 : Informations Responsable

Étape 3 : Documents à Fournir

Étape 4 : Création des Identifiants

2.1.2Workflow de Validation

Statuts de la demande

• En attente de validation : Documents soumis, en cours d'examen
• Documents incomplets : Complément requis (avec détail)
• Validé : Compte activé, accès autorisé
• Refusé : Demande rejetée (avec motif)

2.2Connexion au Dashboard

2.2.1 Écran de Connexion

Composants de l'interface :

• Logo REWAPP Partner
• Champ email (icône enveloppe)
• Champ mot de passe (icône cadenas + toggle visibilité)
• Case à cocher "Se souvenir de moi"
• Bouton "Se connecter"
• Lien "Mot de passe oublié ?"
• Lien "Devenir partenaire"

2.2.2 Règles d'Authentification

2.2.3 Récupération de Mot de Passe

1. 1

   Clic sur "Mot de passe oublié ?"

2. 2

   Saisie de l'email associé au compte

3. 3

   Email avec lien de réinitialisation

   Validité : 1 heure

4. 4

   Page de définition du nouveau mot de passe

5. 5

   Confirmation et redirection vers la connexion

3.1Page de Scan Principal

Cette page est l'écran d'accueil par défaut du dashboard pour faciliter l'accès rapide au scan.

3.1.1 Composants de l'Interface

Zone de Scan (centre de l'écran)

• Fenêtre de capture vidéo : 640x480px minimum
• Cadre de visée animé pour centrer le QR code
• Indicateur de luminosité (vert = OK, orange = faible, rouge = insuffisant)
• Bouton bascule caméra avant/arrière (sur mobile/tablette)
• Bouton lampe torche (si disponible sur l'appareil)
• Bouton saisie manuelle (code alphanumérique de secours)

Informations Temps Réel (bandeau supérieur)

• Nom du commerce connecté
• Statut du scan : "Prêt", "Scan en cours...", "Validation..."
• Heure actuelle

Statistiques du Jour (bandeau inférieur ou latéral)

• Nombre de transactions aujourd'hui
• Montant total débité (en points et en euros)
• Dernière transaction effectuée (heure + montant)

3.1.2 Processus de Scan Détaillé

3.1.3 Écran de Succès

Affichage après scan validé :

• Grande coche verte animée
• Montant débité en points (grand format) : ex. "500 points"
• Équivalent en euros : ex. "52,50€"
• Prénom du client (partiel) : ex. "Marie C."
• Heure de la transaction
• Bouton "Nouveau scan" (retour immédiat à l'écran de scan)
• Son de confirmation : "Ding" positif

3.1.4 Écrans d'Erreur

3.2Mode Saisie Manuelle

En cas de problème de scan caméra, possibilité de saisir le code manuellement.

Champ de saisie

• Code alphanumérique 12 caractères
• Clavier optimisé (chiffres + lettres majuscules)
• Validation automatique dès 12 caractères

4.1Paramètres de Cashback

4.1.1 Configuration du Taux de Base

Interface de configuration :

• Slider horizontal de 1% à 10%
• Affichage en temps réel du taux sélectionné
• Prévisualisation du calcul exemple
• Bouton "Enregistrer les modifications"
• Confirmation requise avant sauvegarde

Exemple de calcul affiché

4.1.2 Configuration des Paliers de Fidélité

Interface de configuration des paliers :

• Tableau avec seuils modifiables
• Validation que chaque seuil est supérieur au seuil précédent
• Prévisualisation de l'impact
• Recalcul automatique des paliers clients à 2h00 chaque nuit

4.2Informations du Commerce

4.2.1 Informations Publiques

Affichées dans l'application mobile client :

4.2.2 Horaires d'Ouverture

Configuration par jour de la semaine :

• Lundi à Dimanche
• Deux créneaux possibles par jour (matin/après-midi)
• Option "Fermé" par jour
• Option "Ouvert 24h/24"
• Gestion des jours fériés

4.2.3 Coordonnées Géographiques

• Adresse avec autocomplétion
• Positionnement automatique sur carte
• Possibilité d'ajuster manuellement le marqueur
• Rayon de géolocalisation pour détection automatique

5.1Dashboard Principal

5.1.1 KPIs en Temps Réel

5.1.2 Graphiques de Suivi

Graphique 1 - Évolution des transactions

• Type : Courbe + histogramme
• Période : 30 derniers jours par défaut
• Options : 7j, 30j, 90j, 12 mois
• Données : Nombre de transactions + Volume en euros

Graphique 2 - Répartition par palier

• Type : Camembert ou donut
• Données : Pourcentage de clients par palier fidélité
• Évolution : vs période précédente

Graphique 3 - Heures de fréquentation

• Type : Heatmap ou histogramme
• Données : Transactions par tranche horaire
• Utilité : Identifier les pics d'activité

5.2Analytics Avancés (Premium)

5.2.1 Analyse Démographique

• Répartition par tranche d'âge
• Répartition par genre
• Panier moyen par profil
• Fréquence de visite par profil

5.2.2 Analyse Comportementale

• Taux de retour clients
• Délai moyen entre visites
• Clients à risque (inactifs plus de 30 jours)
• Évolution du panier moyen

5.2.3 Benchmarking

• Position vs moyenne de la catégorie
• Taux de cashback moyen du secteur
• Bonnes pratiques recommandées

6.1Liste des Transactions

6.1.1 Tableau Principal

Colonnes affichées :

• Date et heure
• ID transaction (format XXXXXXXXXX)
• Client (prénom + initiale nom)
• Montant débité (points)
• Équivalent euros (montant × 0,105€)
• Palier client au moment de la transaction
• Statut (Validé, Annulé, Remboursé)

6.1.2 Filtres Disponibles

6.1.3 Export des Données

Formats disponibles :

• CSV : Pour traitement Excel/tableur
• PDF : Rapport formaté avec logo

Contenu de l'export :

• Entête avec nom du commerce + période
• Toutes les transactions filtrées
• Totaux (nombre, points, équivalent euros)
• Date de génération

6.2Détail d'une Transaction

Informations affichées :

• ID transaction complet
• Date et heure précise
• Client : prénom, palier, ancienneté
• Montant en points
• Équivalent en euros
• Taux de cashback appliqué
• Bonus palier appliqué
• Statut actuel
• Historique des modifications (si annulation/remboursement)

7.1Informations de l'Entreprise

7.1.1 Informations Non Modifiables

7.1.2 Informations Modifiables

7.2Informations Bancaires

7.2.1 RIB Associé

Affichage sécurisé :

• IBAN masqué (ex: FR76 •••• •••• •••• •••• 1234)
• BIC visible
• Titulaire du compte
• Date de dernière modification

Modification du RIB :

• Nécessite validation admin
• Upload nouveau RIB (PDF)
• Confirmation par email
• Délai de traitement : 24-48h

7.3Sécurité du Compte

7.3.1 Modification du Mot de Passe

1. 1

   Saisie mot de passe actuel

2. 2

   Saisie nouveau mot de passe

   Règles affichées en temps réel

3. 3

   Confirmation nouveau mot de passe

4. 4

   Email de confirmation envoyé

7.3.2 Gestion des Accès (Premium)

Pour les commerces multi-utilisateurs :

• Ajout d'utilisateurs secondaires
• Attribution de rôles (Gérant / Caissier / Comptable)
• Historique des connexions
• Révocation d'accès

8.1Formules Disponibles

8.1.1 Comparatif des Offres

8.1.2 Tarification

8.2Souscription Premium

8.2.1 Processus de Souscription

1. 1

   Clic sur "Passer à Premium"

2. 2

   Choix formule (Mensuel / Annuel)

3. 3

   Saisie informations de facturation

4. 4

   Saisie moyen de paiement (CB via Stripe)

5. 5

   Validation CGV Premium

6. 6

   Confirmation et activation immédiate

8.2.2 Moyens de Paiement Acceptés

• Carte bancaire (Visa, Mastercard, CB)
• Prélèvement SEPA (annuel uniquement)

8.3Gestion de l'Abonnement

8.3.1 Espace Abonnement

Informations affichées :

• Formule actuelle
• Date de début
• Prochaine date de facturation
• Montant prévu
• Moyen de paiement enregistré
• Historique des factures (téléchargeables)

8.3.2 Actions Disponibles

• Modifier le moyen de paiement
• Télécharger les factures
• Changer de formule (mensuel vers annuel ou inverse)
• Résilier l'abonnement

8.3.3 Résiliation

1. 1

   Clic sur "Résilier mon abonnement"

2. 2

   Questionnaire de satisfaction (optionnel)

3. 3

   Confirmation de résiliation

4. 4

   Email de confirmation

5. 5

   Accès Premium maintenu jusqu'à fin de période payée

6. 6

   Retour automatique à la formule Standard

9.1Centre de Notifications

9.1.1 Types de Notifications

9.1.2 Paramètres de Notification

Options configurables :

• Email de réception des rapports
• Fréquence des rapports (quotidien/hebdo/mensuel)
• Notifications push in-app (on/off)
• Alertes sonores lors des scans (on/off)

9.2Alertes de Sécurité

• Connexion depuis nouvel appareil
• Connexion depuis nouvelle localisation
• Tentatives de connexion échouées
• Modification des informations sensibles

10.1Performance

10.2Compatibilité

10.2.1 Navigateurs Desktop

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

10.2.2 Navigateurs Mobile

• Chrome Mobile
• Safari iOS 14+
• Samsung Internet
• Firefox Mobile

10.2.3 Résolutions

• Mobile : 320px - 767px
• Tablette : 768px - 1023px
• Desktop : 1024px+

10.3PWA (Progressive Web App)

Capacités hors-ligne

• Consultation historique récent
• Consultation statistiques mises en cache
• Mode scan dégradé (mise en file d'attente)

Installation

• Prompt d'installation sur mobile
• Icône sur écran d'accueil
• Ouverture en mode standalone

10.4Sécurité

• HTTPS obligatoire (TLS 1.3)
• Tokens JWT avec rotation
• Protection CSRF
• Rate limiting : 100 requêtes par minute par IP
• Logs de toutes les actions
• Chiffrement des données sensibles (AES-256)

11.1Erreurs de Formulaire

11.2Erreurs API

11.3Confirmations

Actions nécessitant confirmation :

• Modification du taux de cashback
• Modification des paliers
• Résiliation abonnement
• Suppression d'un utilisateur secondaire
• Export de données

Format de la modale de confirmation :

• Titre explicite de l'action
• Description des conséquences
• Bouton "Annuler" (secondaire)
• Bouton "Confirmer" (primaire)

12.1Fonctionnels

• Inscription partenaire complète avec upload documents
• Workflow de validation admin fonctionnel
• Authentification email/mot de passe sécurisée
• Interface de scan QR opérationnelle (webcam + mobile)
• Validation QR code avec règles métier (60s, usage unique, signature)
• Configuration taux cashback unique effectif immédiatement
• Configuration paliers fidélité personnalisables
• Dashboard temps réel avec KPIs à jour
• Historique transactions avec filtres et export
• Gestion profil commerce complète
• Gestion abonnement Premium (souscription, résiliation)
• Centre de notifications configurable
• Mode PWA installable

12.2Techniques

• Temps de chargement inférieur à 3s
• Temps de scan QR inférieur à 2s
• Disponibilité 99.9%
• HTTPS avec TLS 1.3
• Protection CSRF et XSS
• Rate limiting actif
• Logs et traçabilité complète
• Responsive mobile/tablette/desktop
• Compatible navigateurs ciblés
• Tests de sécurité validés
• Documentation API complète

12.3UX/UI

• Interface intuitive sans formation nécessaire
• Feedback visuel et sonore pour les scans
• Messages d'erreur explicites et actionnables
• Parcours utilisateur fluide (max 3 clics pour actions courantes)
• Accessibilité WCAG 2.1 AA