Section 2.2

Page Inscription - Processus en 5 Étapes

Le processus d'inscription guide le candidat à travers un workflow structuré en 5 étapes claires avec validation progressive.

URL de référence : https://cma-front.pages.dev/inscription

Structure du Processus d'Inscription

Le processus d'inscription CMA France suit un workflow séquentiel en 5 étapes obligatoires, conçu pour guider le candidat de manière progressive et sécurisée. Chaque étape comprend des validations temps réel, une sauvegarde automatique des données, et des interfaces adaptatives selon les choix effectués. L'architecture modulaire permet une navigation flexible avec possibilité de retour aux étapes précédentes et une reprise de session ultérieure.

Workflow en 5 Étapes Séquentielles

1
Sélection du Type d'Examen

TAXI

VTC

VMDTR

Choix unique obligatoire avec descriptions détaillées de chaque type de licence

2
Sélection de la Session d'Examen
Critères de Sélection:
  • • Département d'exercice
  • • Date de session disponible
  • • Type d'épreuve (théorique/pratique)
  • • Places disponibles
Informations Affichées:
  • • Lieu d'examen
  • • Horaires précis
  • • Tarification
  • • Modalités particulières
3
Saisie des Informations Personnelles
État Civil:
  • • Nom / Prénom
  • • Date de naissance
  • • Lieu de naissance
  • • Nationalité
Contact & Adresse:
  • • Adresse complète
  • • Email (validation)
  • • Téléphone mobile
  • • Téléphone fixe (optionnel)
4
Upload de Documents avec Outils d'Édition
Documents Obligatoires:
  • • Pièce d'identité (recto/verso)
  • • Permis de conduire (recto/verso)
  • • Photo d'identité conforme
  • • Signature numérisée
  • • Justificatif de domicile
Outils Intégrés:
  • • Cropper.js pour recadrage
  • • Rotation et zoom
  • • Validation qualité temps réel
  • • Prévisualisation avant envoi
  • • Formats acceptés (PDF, JPG, PNG)
5
Finalisation et Paiement Sécurisé
Récapitulatif:
  • • Type d'examen sélectionné
  • • Session et lieu
  • • Informations candidat
  • • Documents uploadés
  • • Montant total à régler
Moyens de Paiement:
  • • Carte bancaire (Verifone)
  • • Virement bancaire
  • • Chèque (avec instructions)
  • • Paiement sécurisé SSL
  • • Confirmation immédiate

1. Étape Sélection du Type d'Examen

Description Fonctionnelle

Cette première étape permet au candidat de choisir le type d'examen professionnel correspondant à son projet : TAXI, VTC ou VMDTR. L'interface présente clairement les différences entre chaque licence, les prérequis associés et les spécificités territoriales. Cette sélection conditionne tout le parcours d'inscription suivant.

Objectifs fonctionnels : Orientation correcte dès le début du processus, réduction des erreurs de parcours, information préalable sur les prérequis, et personnalisation du workflow selon le type choisi.

Règles de Gestion

RG-INSC-01 : Sélection Obligatoire
  • • Choix unique et obligatoire parmi les 3 types
  • • Descriptions standardisées pour chaque type
  • • Impossible de passer à l'étape suivante sans sélection
  • • Possibilité de revenir modifier le choix
RG-INSC-02 : Affichage Conditionnel
  • • Affichage des types selon disponibilité régionale
  • • Messages informatifs sur les prérequis
  • • Liens vers informations détaillées
  • • Indication des délais d'inscription

Interface de Sélection

Examen TAXI

Licence chauffeur de taxi départementale

• Permis B + 3 ans

• Âge min : 21 ans

• Certificat médical

Examen VTC

Voiture de Transport avec Chauffeur

• Permis B + 3 ans

• Âge min : 21 ans

• Formation/Expérience

Examen VMDTR

Véhicule Motorisé 2-3 Roues

• Permis A/A1/A2/B

• Âge min : 18 ans

• Véhicule adapté

Écran Réel - Sélection du Type d'Examen CMA France

Écran d'inscription réel - Étape de sélection du type d'examen (361 KB)

2. Étape Sélection Département et Session

Description Fonctionnelle (Basée sur l'Interface Réelle)

Cette étape présente au candidat l'interface de sélection du département et de la session d'examen. L'écran affiche une liste structurée des départements avec leurs sessions disponibles, permettant une sélection claire et informée. L'interface inclut des fonctionnalités d'aide contextuelle via une popup d'information accessible par "Choisir une autre date".

Éléments clés identifiés : Interface liste déroulante départements, affichage sessions avec disponibilités, popup d'aide "Choisir une autre date", navigation intuitive et informations contextuelles.

Règles de Gestion

RG-INSC-03 : Interface de Sélection
  • • Liste déroulante des départements disponibles
  • • Affichage des sessions avec dates et créneaux
  • • Indicateurs visuels de disponibilité
  • • Validation de sélection avant progression
  • • Interface responsive et accessible
RG-INSC-04 : Popup "Choisir une autre date"
  • • Déclenchement par clic sur "Choisir une autre date"
  • • Popup modale avec fond sombre (overlay)
  • • Informations contextuelles d'aide
  • • Bouton de fermeture accessible
  • • Contenu informatif sur les options disponibles
Attention! Changement de date

Perte de la garantie du délai réglementaire

Choisir une date différente de la prochaine session entraîne la perte de la garantie du délai réglementaire de 4 mois pour l'ensemble de la procédure.

Confirmez-vous renoncer à cette garantie de 4 mois et accepter une durée de procédure potentiellement plus longue?

Cette décision aura un impact sur les délais de traitement de votre dossier

Interface de Sélection Département et Session

Sélection Département

75 - Paris

Île-de-France

4 sessions disponibles

92 - Hauts-de-Seine

Île-de-France

2 sessions disponibles

93 - Seine-Saint-Denis

Île-de-France

Complet
Sessions Disponibles
Session Mars 2025
Disponible

Théorique : 15 mars 2025 - 9h00

Pratique : 22 mars 2025 - 14h00

12 places restantes

Session Avril 2025
Limitée

Théorique : 12 avril 2025 - 9h00

Pratique : 19 avril 2025 - 14h00

3 places restantes

Affiche les sessions futures disponibles

Workflow :
1. Sélection Département 2. Consultation Sessions 3. Aide (Popup si besoin) 4. Validation Choix

Écran Réel - Sélection Département et Session (Vue 1)

Interface de sélection département et session - Vue principale (562 KB)

Écran Réel - Sélection avec Popup d'Information (Vue 2)

Interface avec popup d'information contextuelle - Fonctionnalité d'aide (601 KB)

3. Étape Informations Personnelles

Description Fonctionnelle (Basée sur Interface Réelle)

Cette étape propose 3 méthodes d'authentification au candidat : création de compte, connexion avec compte existant, ou authentification via France Connect. Chaque méthode ouvre une interface spécifique (popup pour création/connexion, redirection automatique pour France Connect). Une fois authentifié, le candidat accède au formulaire d'informations personnelles pour vérification et validation des données.

Workflow identifié : Choix méthode d'authentification → Popup/redirection selon choix → Validation authentification → Formulaire informations personnelles → Vérification données.

Règles de Gestion

RG-INSC-05 : Méthodes d'Authentification
  • • 3 blocs d'authentification proposés
  • • "Créer un compte" : ouverture popup de création
  • • "Se connecter" : ouverture popup de connexion
  • • "France Connect" : redirection automatique
  • • Gestion des échecs d'authentification
RG-INSC-06 : Popups et Formulaires
  • • Popup "Créer compte" : formulaire inscription
  • • Popup "Connexion" : email/mot de passe
  • • Overlay fond sombre pour focus popup
  • • Boutons de fermeture et validation
  • • Formulaire final : vérification données personnelles

Interface d'Authentification

Créer un compte

Première inscription ? Créez votre compte personnel pour accéder à la plateforme

Ouvre une popup de création

Se connecter

Vous avez déjà un compte ? Connectez-vous avec vos identifiants

Ouvre une popup de connexion

France Connect

Authentification sécurisée avec vos identifiants gouvernementaux

Redirection automatique

Workflow d'Authentification
1. Créer un compte
  • → Popup création compte
  • → Saisie informations
  • → Validation email
  • → Accès formulaire final
2. Se connecter
  • → Popup connexion
  • → Email + Mot de passe
  • → Authentification
  • → Accès formulaire final
3. France Connect
  • → Redirection automatique
  • → Auth gouvernementale
  • → Retour sécurisé
  • → Données pré-remplies
Informations Création de Compte
Informations Personnelles
  • • Civilité (M./Mme) *
  • • Nom de famille *
  • • Prénom(s) *
  • • Date de naissance *
  • • Pays de naissance *
  • • Adresse complète *
  • • Code postal *
  • • Ville *
Acceptations et Conditions *
  • ✓ J'ai lu le règlement de l'examen Taxi-VTC *
  • ✓ J'ai pris connaissance des conditions d'accès à la profession *
  • ✓ J'accepte le traitement de mes données personnelles conformément au RGPD *
  • □ Je suis en situation de handicap (optionnel)
  • Permet à la CMA de vous contacter pour organiser une épreuve adaptée
Validations Techniques
  • • Format email valide
  • • Correspondance emails
  • • Mot de passe : min 8 caractères
  • • Correspondance mots de passe
  • • Âge minimum requis (21 ans)
  • • Format code postal français
Validation par Email
  • • Email automatique envoyé après création
  • • Lien de validation à cliquer obligatoire
  • • Compte non actif tant que non validé
  • • Délai de validation : 48h

📧 Template email :

Voir spécifications détaillées dans Section Email Templates

(à créer : contenu et design du mail de validation)

Informations Connexion
Champs de Connexion
  • • Adresse email *
  • • Mot de passe *
  • • Case "Se souvenir de moi"
  • • Lien "Mot de passe oublié ?"
Gestion des Erreurs
  • • Email non reconnu
  • • Mot de passe incorrect
  • • Compte non activé
  • • Tentatives multiples ?
  • • Messages d'erreur explicites
Spécificités France Connect
Redirection Automatique
  • • Pas de popup
  • • Redirection vers site gouv.fr
  • • Authentification sécurisée
  • • Retour automatique
Données Récupérées
  • • État civil complet
  • • Date de naissance
  • • Adresse de domicile
  • • Informations certifiées
Avantages
  • • Pas de saisie manuelle
  • • Données pré-remplies
  • • Validation immédiate
  • • Sécurité renforcée

Écran Réel - Interface d'Authentification (3 Méthodes)

Interface principale - 3 méthodes d'authentification (443 KB)

Popup "Créer un compte"

Popup modale - Formulaire de création de compte (322 KB)

Popup "Se connecter"

Popup modale - Formulaire de connexion (361 KB)

Étape Suivante - Vérification Informations Personnelles

Formulaire de vérification et validation des données personnelles (448 KB)

4. Étape Upload de Documents

Description Fonctionnelle (Basée sur Interface Réelle)

Cette étape présente une interface complète d'upload documentaire avec écran global de gestion, mode édition avancé (zoom, rotation, crop), et prévisualisation des documents. Pour la pièce d'identité, le système propose un choix du type de document (carte d'identité, passeport, carte de séjour) avec adaptation de l'interface selon la sélection (recto/verso pour carte d'identité, document unique pour passeport).

Fonctionnalités identifiées : Interface globale → Mode édition → Prévisualisation → Choix type pièce d'identité → Upload adapté (recto/verso ou unique).

Règles de Gestion

RG-INSC-07 : Interface d'Upload
  • • Écran global avec liste des documents
  • • Upload par glisser-déposer ou sélection
  • • Mode édition avec outils intégrés
  • • Prévisualisation avant validation
  • • Gestion spécifique pièce d'identité
RG-INSC-08 : Outils d'Édition
  • • Zoom avant/arrière pour précision
  • • Rotation 90° gauche/droite
  • • Outil de recadrage (crop) ajustable
  • • Bouton "Preview" pour prévisualisation
  • • Validation et sauvegarde des modifications

Interface d'Upload Documentaire Complète

Pièce d'identité

Carte d'identité ou passeport en cours de validité

✓ Validé

Fichier : CNI_recto_verso.pdf (2.3 Mo) - Uploadé le 15/01/2025

Photo d'identité

Photo récente format officiel

⚠ À corriger

Problème détecté : Photo trop sombre. Veuillez la reprendre avec un meilleur éclairage.

Justificatif de domicile

Facture récente (électricité, gaz, téléphone)

Règles de Gestion Documentaire - Spécifications Complètes

Contraintes Techniques
Formats Acceptés
  • Images : JPEG, JPG, PNG
  • Documents : PDF (recommandé)
  • Qualité : Résolution minimum 300 DPI
Taille et Poids
  • Poids maximum : 10 Mo par fichier
  • Dimensions : 1920x1080 pixels maximum
  • Compression : Automatique si nécessaire
Règles de Qualité
Validation Automatique
  • Lisibilité : Détection texte automatique
  • Luminosité : Contrôle exposition
  • Netteté : Vérification flou/pixelisation
Critères de Refus
  • • Document tronqué ou incomplet
  • • Photo/scan de mauvaise qualité
  • • Document expiré ou non valide
Règles par Type de Document
Documents Uniques (1 fichier)
  • Passeport

    Pages identité + validité

  • Photo d'identité

    Format officiel récent

  • Permis de conduire

    Recto seul suffit

  • Justificatif domicile

    Facture -3 mois

  • Certificat médical

    Validité en cours

Documents Recto/Verso (2 fichiers)
  • Carte d'identité nationale

    Recto + Verso obligatoires

    Interface adaptée avec 2 zones upload

  • Carte de séjour

    Recto + Verso obligatoires

    Vérification validité spécifique à chaque face

Règles Spéciales
  • Choix Pièce d'Identité

    Interface s'adapte automatiquement selon sélection : Carte ID (2 uploads) ou Passeport (1 upload)

  • Validation Croisée

    Cohérence des données entre recto/verso vérifiée séparément par la CMA dans le back office

  • Outils d'Amélioration

    Zoom, rotation, crop disponibles pour tous les documents

Processus de Validation Documentaire
1. Upload

Glisser-déposer ou sélection fichier

2. Contrôle

Vérification automatique format/qualité

3. Édition

Ajustements zoom/rotation/crop si besoin

4. Validation

Confirmation et sauvegarde définitive

Messages d'Erreur Types
Erreurs Techniques
  • • "Format de fichier non supporté"
  • • "Fichier trop volumineux (max 10Mo)"
  • • "Résolution insuffisante"
  • • "Échec de l'upload, veuillez réessayer"
Erreurs Qualité
  • • "Document illisible ou flou"
  • • "Verso manquant pour ce type de document"
  • • "Document expiré"
  • • "Photo non conforme aux standards"

PDF 1 - Écran Global Upload de Documents

Interface globale - Gestion complète des uploads documentaires (867 KB)

PDF 2 - Mode Édition (Zoom, Rotation, Crop)

Outils d'édition intégrés - Zoom, rotation, recadrage (295 KB)

PDF 3 - Prévisualisation Document (Photo d'Identité)

Aperçu grand format - Exemple photo d'identité (192 KB)

PDF 4 - Choix Type Pièce d'Identité

Sélection type document - Carte d'identité, Passeport, Carte de séjour (803 KB)

PDF 5 - Upload Carte d'Identité (Recto/Verso)

Interface adaptée - Upload recto et verso de la carte d'identité (797 KB)

5. Étape Paiement et Finalisation

Description Fonctionnelle (Basée sur Interface Réelle)

Cette étape finale présente 3 écrans distincts selon le mode de paiement choisi : récapitulatif avec option SMS et instructions pour paiement par chèque, interface dédiée au virement bancaire avec saisie des informations payeur, et page de validation finale avec confirmation d'inscription. Le paiement par carte bancaire redirige vers la plateforme Verifone puis retourne sur la page de validation (succès) ou d'erreur (échec).

Workflow identifié : Récapitulatif + choix paiement → Interface spécialisée selon mode → Redirection Verifone (si carte) → Page validation/confirmation finale.

Règles de Gestion

RG-INSC-09 : Interface Adaptative par Mode de Paiement
  • Chèque : Instructions numéro + nom banque affichées
  • Virement : Écran dédié avec saisie nom payeur/référence
  • Carte bancaire : Redirection automatique Verifone
  • • Option SMS disponible pour tous les modes
  • • Validation spécifique par type de paiement
RG-INSC-10 : Sécurité et Validation
  • • Chiffrement SSL pour toutes transactions
  • • Conformité PCI-DSS Verifone
  • • Page de succès vs page d'erreur selon résultat paiement
  • • Confirmation par email automatique
  • • Génération numéro d'inscription unique

Écran 1 : Récapitulatif avec Option SMS et Instructions Chèque

Option de Notification SMS

Service payant par abonnement. Vous pouvez vous désabonner à tout moment en répondant STOP.

Instructions Paiement par Chèque
Informations à indiquer sur le chèque :
Numéro de référence : INS-2025-001234
Ordre :

CMA France - Chambre de Métiers et de l'Artisanat

Nom de la banque à mentionner :

Crédit Agricole Île-de-France

Important : Inscrivez le numéro de référence au dos du chèque pour un traitement rapide de votre dossier.

Récapitulatif de votre inscription
Détails de l'inscription :
Type d'examen : VTC Complet
Département : 75 - Paris
Session : Mars 2025
Date théorique : 15 mars 2025
Date pratique : 22 mars 2025
Tarification :
Droits d'inscription : 195,00 €
Frais de dossier : 42,00 €
Option SMS : 2,5€

Total TTC : 239,50 €

Écran 2 : Interface Paiement par Virement Bancaire

Coordonnées Bancaires CMA France
Bénéficiaire :

CMA France

Banque :

Crédit Agricole Île-de-France

IBAN :

FR76 1950 6002 0123 4567 8901 234

BIC :

AGRIFRPP895

Le virement doit être effectué sous 5 jours ouvrés pour maintenir votre réservation.

Informations du Payeur (Obligatoire)

Doit correspondre exactement au nom sur le compte émetteur

Référence pré-remplie à indiquer obligatoirement dans le libellé du virement

Libellé recommandé incluant la référence

Instructions Importantes pour le Virement
⚠️ Obligatoire
  • • Indiquer la référence INS-2025-001234
  • • Nom payeur identique au compte
  • • Montant exact : 237,00 €
  • • Délai maximum : 5 jours ouvrés
✅ Traitement
  • • Confirmation automatique à réception
  • • Email de validation sous 48h
  • • Inscription définitivement validée
  • • Convocation envoyée par courrier
📧 Suivi
  • • Accusé réception du virement
  • • SMS si option activée
  • • Suivi dans "Mon Espace"
  • • Support client : 01 XX XX XX XX

Écran 3 : Page de Validation et Confirmation d'Inscription

Inscription Validée avec Succès !

Votre inscription à l'examen VTC a été confirmée et enregistrée.

Numéro d'inscription :

INS-2025-001234

Conservez ce numéro pour toute correspondance

Détails de votre Examen
Type d'examen : VTC Complet
Département : 75 - Paris
Session : Mars 2025
Épreuve théorique : 15 mars 2025 - 9h00
Épreuve pratique : 22 mars 2025 - 14h00
Lieu : Centre CMA Paris 12ème
Prochaines Étapes
1

Confirmation par email

Envoyée à votre adresse email dans les prochaines minutes

2

Convocation officielle

Envoyée par courrier 15 jours avant l'examen

3

Suivi en ligne

Accédez à "Mon Espace" pour suivre votre dossier

Actions Disponibles

Workflow Spécial : Paiement par Carte Bancaire (Verifone)

1. Sélection CB

Choix "Carte bancaire" dans le récapitulatif

2. Redirection

Redirection automatique vers plateforme Verifone

3. Paiement Sécurisé

Saisie coordonnées bancaires sur Verifone

4. Retour Auto

Retour sur page succès/erreur selon résultat

Paiement Réussi
  • → Redirection vers Page de Validation (Écran 3)
  • → Affichage confirmation d'inscription
  • → Génération numéro d'inscription
  • → Email de confirmation automatique
  • → Inscription définitivement validée
Paiement Échoué
  • → Redirection vers Page d'Erreur
  • → Explication de l'échec du paiement
  • → Options : Réessayer / Autre mode de paiement
  • → Réservation maintenue 15 minutes
  • → Possibilité de contact support

PDF 1 - Récapitulatif avec Option SMS et Paiement par Chèque

Écran de récapitulatif - Option SMS et instructions paiement par chèque (651 KB)

PDF 2 - Interface Paiement par Virement Bancaire

Interface dédiée - Saisie informations payeur et référence pour virement (651 KB)

PDF 3 - Page de Validation et Confirmation d'Inscription

Page finale - Confirmation d'inscription avec numéro de dossier (511 KB)

Fonctionnalités Techniques

Validation et Sécurité

  • Validation progressive : Contrôle à chaque étape
  • Sauvegarde automatique : Prévention perte de données
  • Chiffrement SSL : Protection des échanges
  • Contrôle qualité : Documents et formats
  • Anti-fraude : Vérifications multiples

Expérience Utilisateur

  • Interface intuitive : Navigation simple
  • Aide contextuelle : Tooltips et guides
  • Responsive design : Mobile et desktop
  • Accessibilité : Conforme RGAA
  • Multi-sessions : Reprendre plus tard
Processus optimisé : Workflow de 5 étapes conçu pour minimiser l'abandon et maximiser la conversion avec validation temps réel et sauvegarde automatique.