Diagrammes de sequence

Documentez les interactions entre differents acteurs ou systemes au fil du temps. Ideal pour la documentation API et la conception de systemes.

DiagrammesOuvrir l'editeur principal

Qu'est-ce qu'un Diagrammes de sequence ?

Les diagrammes de sequence sont des diagrammes d'interaction UML qui montrent comment les objets ou les systemes communiquent entre eux au fil du temps. Ils affichent l'ordre chronologique des echanges de messages entre differents acteurs, ce qui les rend inestimables pour documenter les flux API, les interactions systeme et les processus multi-etapes. Chaque participant est represente par une ligne de vie verticale, avec des fleches horizontales montrant les echanges de messages.

Modifier et previsualiser

Construisez un Diagrammes de sequence avec la syntaxe Mermaid et voyez les changements instantanement.

Editeur

100%

Example

Sequence diagram example

A Mermaid sequence diagram for documenting browser, editor, and renderer interactions.

Mermaid code

sequenceDiagram
    participant User
    participant WebApp as Mermaid Editor
    participant Renderer
    User->>WebApp: Paste diagram code
    WebApp->>Renderer: Render Mermaid syntax
    Renderer-->>WebApp: SVG preview
    WebApp-->>User: Download PNG

Cas d'utilisation courants

Documentation API

Documentez les points de terminaison API et leurs flux d'interaction. Visualisez les cycles requete-reponse, les flux d'authentification, la gestion des erreurs et les echanges de donnees entre client et serveur.

Architecture microservices

Cartographiez les modeles de communication entre microservices, files de messages et bases de donnees. Essentiel pour comprendre le comportement des systemes distribues et deboguer les problemes d'integration.

Authentification et autorisation

Modelisez les processus d'authentification multi-etapes comme les flux OAuth, SAML ou JWT. Montrez la sequence des redirections, les echanges de jetons et les etapes de validation.

Integration de systemes

Visualisez comment differents systemes interagissent dans des scenarios d'integration complexes. Documentez les rappels webhook, les architectures evenementielles et les integrations de services tiers.

Fonctionnalites cles

Gestion des participants

Definissez plusieurs acteurs, systemes ou services avec des alias et des boites d'activation pour montrer quand les composants traitent activement.

Types de messages

Prise en charge des appels synchrones, des messages asynchrones, des valeurs de retour et des auto-appels avec differents styles de fleches pour plus de clarte.

Structures de controle

Modelisez les boucles, les branches conditionnelles (alt/else), les blocs optionnels et le traitement parallele avec une syntaxe intuitive.

Notes et annotations

Ajoutez des notes explicatives a n'importe quel point de la sequence pour fournir du contexte, clarifier la logique metier ou documenter les cas limites.

Bonnes pratiques

Concentrez-vous sur un seul scenario

Chaque diagramme de sequence doit representer un seul cas d'utilisation ou flux d'interaction. Creez des diagrammes separes pour differents scenarios plutot que de tout combiner.

Utilisez des noms significatifs

Donnez aux participants des noms clairs et descriptifs. Utilisez les noms de services reels ou les titres de roles plutot que des etiquettes generiques comme 'Systeme A' ou 'Composant 1'.

Montrez les chemins d'erreur

Ne documentez pas seulement le chemin nominal. Incluez les flux alternatifs pour les conditions d'erreur, les delais d'attente et la gestion des exceptions.

Gardez le temps de haut en bas

Suivez la convention selon laquelle le temps s'ecoule de haut en bas. Les interactions anterieures doivent apparaitre plus haut dans le diagramme que les interactions ulterieures.

Explorer d'autres types de diagrammes

Organigrammes

Visualisez les processus, les flux de travail et les algorithmes avec des noeuds et des fleches directionnelles. Parfait pour les processus metier et les arbres de decision.

Diagrammes de classes

Modelisez les systemes orientes objet avec des classes, des attributs et des relations. Essentiel pour la planification de l'architecture logicielle.

Diagrammes d'etats

Representez les transitions d'etats dans les systemes ou les applications. Ideal pour modeliser les cycles de vie et les flux de travail.

Diagrammes de Gantt

Planifiez et suivez les calendriers de projets avec des taches et des dependances. Parfait pour la gestion de projets et la planification.

Diagrammes ER

Concevez des schemas de bases de donnees avec des entites et des relations. Ideal pour la modelisation et la documentation de bases de donnees.

Parcours utilisateur

Cartographiez les experiences et interactions des utilisateurs a travers les points de contact. Excellent pour la conception UX et la cartographie du parcours client.

Graphes Git

Visualisez les strategies de branchement Git et l'historique des commits. Utile pour expliquer les flux de travail du controle de version.

Cartes mentales

Organisez vos idees, faites du brainstorming et creez des structures visuelles hierarchiques. Parfait pour la planification et la cartographie des connaissances.

Diagrammes circulaires

Affichez les distributions proportionnelles de donnees avec des graphiques circulaires. Ideal pour montrer les pourcentages et les repartitions de parts de marche.

Chronologies

Visualisez les evenements chronologiques et les jalons le long d'un axe temporel. Ideal pour les historiques de projets et les feuilles de route.

Tableaux Kanban

Organisez les taches en colonnes representant les etapes du flux de travail. Parfait pour la gestion de projet agile et le suivi des taches.

Diagrammes en quadrants

Positionnez des elements sur une grille a deux axes pour comparer et prioriser. Ideal pour la priorisation des fonctionnalites et l'analyse strategique.

Diagrammes de Sankey

Visualisez les quantites de flux entre les noeuds avec des fleches proportionnelles. Parfait pour les flux d'energie, l'allocation budgetaire et les entonnoirs de conversion.

Graphiques XY

Creez des diagrammes a barres et des graphiques lineaires avec des axes personnalisables. Ideal pour la visualisation de donnees et l'analyse des tendances.

Diagrammes de blocs

Construisez des mises en page structurees avec des blocs disposes en colonnes et en lignes. Ideal pour l'architecture systeme et les vues d'ensemble des composants.

Diagrammes d'architecture

Concevez des architectures cloud et systeme avec des icones de services et des connexions. Parfait pour la documentation d'infrastructure.

Diagrammes de paquets

Visualisez les structures de paquets de protocoles reseau avec des dispositions de champs au niveau du bit. Essentiel pour la documentation des protocoles reseau.