Welcome to FlowZap, the App to diagram with Speed, Clarity and Control.

Workflow de configuration de l’authentification à deux facteurs

business-operations

Workflow de configuration de l’authentification à deux facteurs avec sélection de la méthode (TOTP/SMS), génération de QR code, codes de secours et confirmation de la vérification.

Code FlowZap complet

User { # User
n1: circle label:"Start"
n2: rectangle label:"Navigate to security settings"
n3: rectangle label:"Select 2FA method"
n4: rectangle label:"Scan QR code with app"
n5: rectangle label:"Enter verification code"
n6: rectangle label:"Save backup codes"
n7: circle label:"End"
n1.handle(right) -> n2.handle(left)
n2.handle(bottom) -> AuthService.n8.handle(top) [label="Enable 2FA"]
n3.handle(bottom) -> AuthService.n10.handle(top) [label="TOTP selected"]
n4.handle(bottom) -> AuthService.n13.handle(top) [label="Submit code"]
n5.handle(right) -> n6.handle(left)
n6.handle(right) -> n7.handle(left)
}
AuthService { # Auth Service
n8: rectangle label:"Check current 2FA status"
n9: rectangle label:"Present method options"
n10: rectangle label:"Generate TOTP secret"
n11: rectangle label:"Create QR code"
n12: rectangle label:"Store pending secret"
n13: diamond label:"Code valid?"
n14: rectangle label:"Activate 2FA"
n15: rectangle label:"Show error message"
n8.handle(right) -> n9.handle(left)
n9.handle(top) -> User.n3.handle(bottom) [label="Choose method"]
n10.handle(right) -> n11.handle(left)
n11.handle(right) -> n12.handle(left)
n12.handle(top) -> User.n4.handle(bottom) [label="Display QR"]
n13.handle(right) -> n14.handle(left) [label="Yes"]
n13.handle(bottom) -> n15.handle(top) [label="No"]
n14.handle(bottom) -> BackupCodes.n16.handle(top) [label="Generate backups"]
n15.handle(top) -> User.n4.handle(bottom) [label="Try again"]
loop [retry until valid] n13 n15
}
BackupCodes { # Backup Codes
n16: rectangle label:"Generate 10 backup codes"
n17: rectangle label:"Hash and store codes"
n18: rectangle label:"Display codes to user"
n16.handle(right) -> n17.handle(left)
n17.handle(right) -> n18.handle(left)
n18.handle(top) -> User.n5.handle(bottom) [label="Save these"]
}

Modèles associés

Workflow de rotation de clé API

business-operations

Workflow de rotation de clé API avec génération d’une nouvelle clé, période de transition à double clé, notification aux clients, dépréciation de l’ancienne clé et journalisation pour audit.

Workflow de suppression de compte

business-operations

Workflow de suppression de compte avec saisie du motif d’annulation, proposition de rétention, résiliation de l’abonnement, nettoyage des données et email de confirmation.

Processus de contestation de facturation

business-operations

Processus de contestation de facturation avec enregistrement de la contestation, examen des transactions, analyse de fraude, décision de résolution et gestion de la réponse au rétrofacturation (chargeback).

Workflow d’analyse de cohortes

business-operations

Workflow d’analyse de cohortes avec segmentation des utilisateurs par date d’inscription, calcul de courbes de rétention, projection de LTV et identification de motifs comportementaux.