{"id":20570,"date":"2020-12-03T19:22:46","date_gmt":"2020-12-03T08:22:46","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=20570"},"modified":"2022-06-12T03:14:45","modified_gmt":"2022-06-11T16:14:45","slug":"tutoriel-sur-le-diagramme-de-sequence","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/","title":{"rendered":"Tutoriel sur les diagrammes de s\u00e9quence : Guide complet avec exemples"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>Ce tutoriel sur les diagrammes de s\u00e9quence est destin\u00e9 \u00e0 vous aider \u00e0 mieux comprendre les <a href=\"https:\/\/creately.com\/diagram-type\/sequence-diagram\">diagrammes de s\u00e9quence<\/a>; il explique tout ce que vous devez savoir, de la mani\u00e8re de dessiner un diagramme de s\u00e9quence aux erreurs courantes que vous devez \u00e9viter lorsque vous en dessinez un.<\/p>\n<p>Il existe trois types de diagrammes d&#8217;interaction : les diagrammes de s\u00e9quence, les diagrammes de communication et les diagrammes de temps. Ces diagrammes sont utilis\u00e9s pour illustrer les interactions entre les parties d&#8217;un syst\u00e8me. Parmi les trois, les diagrammes de s\u00e9quence sont pr\u00e9f\u00e9r\u00e9s par les d\u00e9veloppeurs et les lecteurs pour leur simplicit\u00e9. Dans ce tutoriel de diagramme de s\u00e9quence, vous apprendrez \u00e0<\/p>\n<ul>\n<li><a style=\"line-height: 1.5;\" href=\"#qu'est-ce que\">Qu&#8217;est-ce qu&#8217;un diagramme de s\u00e9quence ?<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#notations\">Notations des diagrammes de s\u00e9quence<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#meilleur\">Meilleures pratiques en mati\u00e8re de diagramme de s\u00e9quence<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#tirage au sort\">Comment dessiner un diagramme de s\u00e9quence<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#commun\">Diagramme de s\u00e9quence Erreurs courantes<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#mod\u00e8les\">Mod\u00e8les de diagrammes de s\u00e9quence et exemples<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#partage de diapositives\">Diagramme de s\u00e9quence Pr\u00e9sentation SlideShare<\/a><\/li>\n<li><a style=\"line-height: 1.5;\" href=\"#retour d'information\">Commentaires sur le guide des diagrammes de s\u00e9quence<\/a><\/li>\n<\/ul>\n<h3><a name=\"qu'est-ce que\"><\/a>Qu&#8217;est-ce qu&#8217;un diagramme de s\u00e9quence ?<\/h3>\n<p>Les diagrammes de s\u00e9quence, couramment utilis\u00e9s par les d\u00e9veloppeurs, mod\u00e9lisent les interactions entre les objets dans un cas d&#8217;utilisation unique. Ils illustrent la mani\u00e8re dont les diff\u00e9rentes parties d&#8217;un syst\u00e8me interagissent entre elles pour ex\u00e9cuter une fonction, et l&#8217;ordre dans lequel les interactions se produisent lorsqu&#8217;un cas d&#8217;utilisation particulier est ex\u00e9cut\u00e9.<\/p>\n<p>En termes plus simples, un diagramme de s\u00e9quence montre les diff\u00e9rentes parties d&#8217;un syst\u00e8me qui travaillent dans une &#8220;s\u00e9quence&#8221; pour obtenir quelque chose.<\/p>\n<h3><a name=\"notations\"><\/a>Notations des diagrammes de s\u00e9quence<\/h3>\n<p>Un diagramme de s\u00e9quence est structur\u00e9 de telle sorte qu&#8217;il repr\u00e9sente une ligne de temps qui commence en haut et descend progressivement pour marquer la s\u00e9quence des interactions. Chaque objet poss\u00e8de une colonne et les messages \u00e9chang\u00e9s entre eux sont repr\u00e9sent\u00e9s par des fl\u00e8ches.<\/p>\n<p><strong>Un aper\u00e7u rapide des diff\u00e9rentes parties d&#8217;un diag ramme de s\u00e9quence<\/strong><\/p>\n<p><strong>Notation de la ligne de vie<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-13933 aligncenter\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Sequence-diagram-Lifeline.png\" alt=\"\" width=\"419\" height=\"280\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Sequence-diagram-Lifeline.png 419w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Sequence-diagram-Lifeline-300x200.png 300w\" sizes=\"auto, (max-width: 419px) 100vw, 419px\" \/><span style=\"font-size: inherit;\">Un diagramme de s\u00e9quence est constitu\u00e9 de plusieurs de ces notations de ligne de vie qui doivent \u00eatre dispos\u00e9es horizontalement en haut du diagramme. Il ne doit pas y avoir deux lignes de vie qui se chevauchent. Elles repr\u00e9sentent les diff\u00e9rents objets ou parties qui interagissent les uns avec les autres dans le syst\u00e8me pendant la s\u00e9quence.<\/span><\/p>\n<p>Une notation de ligne de vie avec un symbole d&#8217;\u00e9l\u00e9ment d&#8217;acteur est utilis\u00e9e lorsque le diagramme de s\u00e9quence particulier appartient \u00e0 un cas d&#8217;utilisation.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-13934 aligncenter\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/lifeline-with-an-actor-element-symbol.png\" alt=\"un symbole d'\u00e9l\u00e9ment d'acteur\" width=\"273\" height=\"308\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/lifeline-with-an-actor-element-symbol.png 273w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/lifeline-with-an-actor-element-symbol-266x300.png 266w\" sizes=\"auto, (max-width: 273px) 100vw, 273px\" \/><\/p>\n<p>Une ligne de vie avec un \u00e9l\u00e9ment d&#8217;entit\u00e9 repr\u00e9sente les donn\u00e9es du syst\u00e8me. Par exemple, dans une application de service \u00e0 la client\u00e8le, l&#8217;entit\u00e9 Customer g\u00e8re toutes les donn\u00e9es relatives \u00e0 un client.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15181\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Entity-Lifeline.png\" alt=\"Entit\u00e9\" width=\"189\" height=\"378\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Entity-Lifeline.png 189w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Entity-Lifeline-150x300.png 150w\" sizes=\"auto, (max-width: 189px) 100vw, 189px\" \/>Une ligne de vie avec un \u00e9l\u00e9ment de limite indique une limite de syst\u00e8me\/\u00e9l\u00e9ment logiciel dans un syst\u00e8me ; par exemple, les \u00e9crans d&#8217;interface utilisateur, les passerelles de base de donn\u00e9es ou les menus avec lesquels les utilisateurs interagissent, sont des limites.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15182\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Boundary-Lifeline.png\" alt=\"fronti\u00e8re\" width=\"177\" height=\"342\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Boundary-Lifeline.png 177w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Boundary-Lifeline-155x300.png 155w\" sizes=\"auto, (max-width: 177px) 100vw, 177px\" \/>Et une ligne de vie avec un \u00e9l\u00e9ment de contr\u00f4le indique une entit\u00e9 ou un gestionnaire qui contr\u00f4le. Elle organise et planifie les interactions entre les fronti\u00e8res et les entit\u00e9s et sert de m\u00e9diateur entre elles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15183\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Control-Lifeline.png\" alt=\"Contr\u00f4le\" width=\"196\" height=\"397\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Control-Lifeline.png 196w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Control-Lifeline-148x300.png 148w\" sizes=\"auto, (max-width: 196px) 100vw, 196px\" \/><strong>Barres d&#8217;activation<\/strong><\/p>\n<p>La barre d&#8217;activation est la bo\u00eete plac\u00e9e sur la ligne de vie. Elle est utilis\u00e9e pour indiquer qu&#8217;un objet est actif (ou instanci\u00e9) lors d&#8217;une interaction entre deux objets. La longueur du rectangle indique la dur\u00e9e pendant laquelle les objets restent actifs.<\/p>\n<p>Dans un diagramme de s\u00e9quence, une interaction entre deux objets se produit lorsqu&#8217;un objet envoie un message \u00e0 un autre. L&#8217;utilisation de la barre d&#8217;activation sur les lignes de vie de l&#8217;appelant (l&#8217;objet qui envoie le message) et du r\u00e9cepteur (l&#8217;objet qui re\u00e7oit le message) indique que les deux sont actifs\/est instanci\u00e9 pendant l&#8217;\u00e9change du message.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13936\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Sequence-Diagram-Activation-Bars.png\" alt=\"Diagramme de s\u00e9quence - barres d'activation\" width=\"721\" height=\"356\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Sequence-Diagram-Activation-Bars.png 721w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Sequence-Diagram-Activation-Bars-300x148.png 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/> <strong>Fl\u00e8ches de message<\/strong><\/p>\n<p>Une fl\u00e8che allant de l&#8217;appelant au destinataire du message sp\u00e9cifie un message dans un diagramme de s\u00e9quence. Un message peut circuler dans n&#8217;importe quelle direction, de gauche \u00e0 droite, de droite \u00e0 gauche ou vers l&#8217;appelant lui-m\u00eame. Si la fl\u00e8che permet de d\u00e9crire le message envoy\u00e9 d&#8217;un objet \u00e0 l&#8217;autre, les diff\u00e9rentes pointes de fl\u00e8che permettent d&#8217;indiquer le type de message envoy\u00e9 ou re\u00e7u.<\/p>\n<p>La fl\u00e8che du message est accompagn\u00e9e d&#8217;une description, appel\u00e9e signature du message, sur celle-ci. Le format de cette signature de message est indiqu\u00e9 ci-dessous. Toutes les parties, sauf le nom du message, sont facultatives.<\/p>\n<p><em>attribut = nom_du_message (arguments) : type de retour<\/em><\/p>\n<ul>\n<li><i>Message synchrone<\/i><\/li>\n<\/ul>\n<p>Comme le montre l&#8217;exemple des barres d&#8217;activation, un message synchrone est utilis\u00e9 lorsque l&#8217;exp\u00e9diteur attend que le destinataire traite le message et revienne avant de continuer avec un autre message. La pointe de fl\u00e8che utilis\u00e9e pour indiquer ce type de message est un solide, comme celui ci-dessous.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13937\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Synchronous-Message.png\" alt=\"Fl\u00e8che de message synchrone \" width=\"338\" height=\"109\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Synchronous-Message.png 338w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Synchronous-Message-300x97.png 300w\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" \/><\/p>\n<ul>\n<li><em>Message asynchrone<\/em><\/li>\n<\/ul>\n<p>Un message asynchrone est utilis\u00e9 lorsque l&#8217;appelant n&#8217;attend pas que le destinataire traite le message et revienne avant d&#8217;envoyer d&#8217;autres messages \u00e0 d&#8217;autres objets du syst\u00e8me. La pointe de fl\u00e8che utilis\u00e9e pour indiquer ce type de message est une fl\u00e8che de ligne comme dans l&#8217;exemple ci-dessous.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13939\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Asynchronous-Message-example.png\" alt=\"Exemple de message asynchrone\" width=\"704\" height=\"447\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Asynchronous-Message-example.png 704w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Asynchronous-Message-example-300x190.png 300w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/p>\n<ul>\n<li><i>Retour du message<\/i><\/li>\n<\/ul>\n<p>Un message de retour est utilis\u00e9 pour indiquer que le destinataire du message a fini de traiter le message et qu&#8217;il rend le contr\u00f4le \u00e0 l&#8217;appelant. Les messages de retour sont des \u00e9l\u00e9ments de notation facultatifs, car une barre d&#8217;activation d\u00e9clench\u00e9e par un message synchrone implique toujours un message de retour.<\/p>\n<p>Conseil : vous pouvez \u00e9viter d&#8217;encombrer vos diagrammes en minimisant l&#8217;utilisation des messages de retour puisque la valeur de retour peut \u00eatre sp\u00e9cifi\u00e9e dans la fl\u00e8che du message initial elle-m\u00eame.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13941\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Return-Message-Example.png\" alt=\"Exemple de message\" width=\"464\" height=\"346\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Return-Message-Example.png 464w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Return-Message-Example-300x224.png 300w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/p>\n<ul>\n<li><em>Message de cr\u00e9ation des participants<\/em><\/li>\n<\/ul>\n<p>Les objets ne vivent pas n\u00e9cessairement pendant toute la dur\u00e9e de la s\u00e9quence d&#8217;\u00e9v\u00e9nements. Les objets ou les participants peuvent \u00eatre cr\u00e9\u00e9s en fonction du message qui est envoy\u00e9.<\/p>\n<p>La notation de la bo\u00eete du participant d\u00e9pos\u00e9 peut \u00eatre utilis\u00e9e lorsque vous devez montrer que le participant particulier n&#8217;existait pas avant l&#8217;envoi de l&#8217;appel de cr\u00e9ation. Si le participant cr\u00e9\u00e9 fait quelque chose imm\u00e9diatement apr\u00e8s sa cr\u00e9ation, vous devez ajouter une case d&#8217;activation juste en dessous de la case du participant.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13943\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Participant-creation-example.png\" alt=\"Exemple de cr\u00e9ation\" width=\"546\" height=\"477\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Participant-creation-example.png 546w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Participant-creation-example-300x262.png 300w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/p>\n<ul>\n<li><em>Message de destruction du participant<\/em><\/li>\n<\/ul>\n<p>De m\u00eame, les participants dont on n&#8217;a plus besoin peuvent \u00eatre supprim\u00e9s d&#8217;un diagramme de s\u00e9quence. Cela se fait en ajoutant un &#8220;X&#8221; \u00e0 la fin de la ligne de vie dudit participant. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13944\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Participation-Destruction-Message.png\" alt=\"Message de destruction de la participation\" width=\"565\" height=\"464\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Participation-Destruction-Message.png 565w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Participation-Destruction-Message-300x246.png 300w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/p>\n<ul>\n<li>\n<p id=\"tw-target-text\" class=\"tw-data-text tw-text-large XcVN5d tw-ta\" dir=\"ltr\" data-placeholder=\"Translation\"><em>Message r\u00e9flexif<\/em><\/p>\n<\/li>\n<\/ul>\n<p>Lorsqu&#8217;un objet s&#8217;envoie un message \u00e0 lui-m\u00eame, on l&#8217;appelle un message r\u00e9flexif. Il est indiqu\u00e9 par une fl\u00e8che de message qui commence et se termine \u00e0 la m\u00eame ligne de vie, comme le montre l&#8217;exemple ci-dessous. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13945\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Reflexive-message.png\" alt=\"Message r\u00e9fl\u00e9chi \" width=\"244\" height=\"295\"> <b>Commentaire<\/b><\/p>\n<p><a href=\"https:\/\/creately.com\/fr\/lp\/outil-de-diagramme-uml\" target=\"_blank\" rel=\"noopener noreferrer\">Les diagrammes UML<\/a> permettent g\u00e9n\u00e9ralement l&#8217;annotation de commentaires dans tous les <a href=\"https:\/\/creately.com\/blog\/diagrams\/uml-diagram-types-examples\/\" target=\"_blank\" rel=\"noopener noreferrer\">types de diagrammes UML<\/a>. L&#8217;objet de commentaire est un rectangle avec un coin rabattu comme indiqu\u00e9 ci-dessous. Le commentaire peut \u00eatre li\u00e9 \u00e0 l&#8217;objet concern\u00e9 par une ligne pointill\u00e9e. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13946\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Comment-object-example.png\" alt=\"Exemple d'objet de commentaire\" width=\"507\" height=\"213\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Comment-object-example.png 507w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Comment-object-example-300x126.png 300w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/> Note :<b> <\/b>Consultez les meilleures pratiques en mati\u00e8re de diagramme de s\u00e9quence pour en savoir plus sur les fragments de s\u00e9quence.<\/p>\n<h3><a name=\"meilleur\"><\/a>Meilleures pratiques en mati\u00e8re de diagramme de s\u00e9quence<\/h3>\n<ul>\n<li><b><b>G\u00e9rer les interactions complexes avec les fragments de s\u00e9quence <\/b><\/b><\/li>\n<\/ul>\n<p>Un fragment de s\u00e9quence est repr\u00e9sent\u00e9 par une bo\u00eete qui encadre une section d&#8217;interactions entre les objets (comme indiqu\u00e9 dans les exemples ci-dessous) dans un diagramme de s\u00e9quence.<\/p>\n<p>Il est utilis\u00e9 pour montrer des interactions complexes telles que des flux et des boucles alternatifs d&#8217;une mani\u00e8re plus structur\u00e9e. Dans le coin sup\u00e9rieur gauche du fragment se trouve un op\u00e9rateur. Celui-ci &#8211; l&#8217;op\u00e9rateur de fragment &#8211; sp\u00e9cifie de quel type de fragment il s&#8217;agit.<\/p>\n<p><em>Alternatives<\/em><\/p>\n<p>Le fragment de combinaison alternatif est utilis\u00e9 lorsqu&#8217;un choix doit \u00eatre fait entre deux ou plusieurs s\u00e9quences de messages. Il mod\u00e9lise la logique du &#8220;si alors autrement&#8221;.<\/p>\n<p>Le fragment alternatif est repr\u00e9sent\u00e9 par un grand rectangle ou un cadre ; il est sp\u00e9cifi\u00e9 en mentionnant &#8220;alt&#8221; dans la zone de nom du cadre (op\u00e9rateur de fragment).<\/p>\n<p>Pour montrer deux ou plusieurs alternatives, le grand rectangle est ensuite divis\u00e9 en ce que l&#8217;on appelle des op\u00e9randes d&#8217;interaction \u00e0 l&#8217;aide d&#8217;une ligne pointill\u00e9e, comme le montre l&#8217;<a href=\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\">exemple de diagramme de s\u00e9quence<\/a> ci-dessus. Chaque op\u00e9rande a une garde contre laquelle il faut se mesurer et qui est plac\u00e9e dans le coin sup\u00e9rieur gauche de l&#8217;op\u00e9rande.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14814\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Alternative-fragment-example-1.png\" alt=\"Exemple de fragment alternatif - tutoriel de diagramme de s\u00e9quence \" width=\"1112\" height=\"750\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Alternative-fragment-example-1.png 1112w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Alternative-fragment-example-1-300x202.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Alternative-fragment-example-1-1024x691.png 1024w\" sizes=\"auto, (max-width: 1112px) 100vw, 1112px\" \/> <i>Options<\/i><\/p>\n<p>Le fragment de combinaison d&#8217;options est utilis\u00e9 pour indiquer une s\u00e9quence qui ne se produira que sous une certaine condition, sinon, la s\u00e9quence ne se produira pas. Elle mod\u00e8le la d\u00e9claration &#8220;si alors&#8221;.<\/p>\n<p><b> <\/b> Comme le fragment alternatif, le fragment optionnel est \u00e9galement repr\u00e9sent\u00e9 par un cadre rectangulaire o\u00f9 &#8220;opt&#8221; est plac\u00e9 \u00e0 l&#8217;int\u00e9rieur de la case du nom.<\/p>\n<p>Contrairement au fragment alternatif, un fragment d&#8217;option n&#8217;est pas divis\u00e9 en deux op\u00e9randes ou plus. Le garde d&#8217;Option est plac\u00e9 dans le coin sup\u00e9rieur gauche.<\/p>\n<p><i>(Trouvez un exemple de diagramme de s\u00e9quence avec un fragment d&#8217;option dans la section Mod\u00e8les de diagrammes de s\u00e9quence et exemples).<\/i><\/p>\n<p><i>Boucles<\/i><\/p>\n<p><i> <\/i> Le fragment de boucle est utilis\u00e9 pour repr\u00e9senter une s\u00e9quence r\u00e9p\u00e9titive. Placez les mots &#8220;boucle&#8221; dans la case du nom et l&#8217;\u00e9tat de la garde pr\u00e8s du coin sup\u00e9rieur gauche du cadre.<\/p>\n<p>En plus du test bool\u00e9en, le garde dans un fragment de boucle peut \u00eatre soumis \u00e0 deux autres conditions sp\u00e9ciales. Il s&#8217;agit d&#8217;it\u00e9rations minimales (\u00e9crites comme <i>minint = [le nombre]<\/i> ) et maximales (\u00e9crites comme maxint = [le nombre]).<\/p>\n<p>S&#8217;il s&#8217;agit d&#8217;une garde d&#8217;it\u00e9rations minimale, la boucle ne doit pas ex\u00e9cuter moins que le nombre mentionn\u00e9, et s&#8217;il s&#8217;agit d&#8217;une garde d&#8217;it\u00e9rations maximale, la boucle ne doit pas ex\u00e9cuter plus que le nombre indiqu\u00e9.<\/p>\n<p>(Vous trouverez un exemple de fragment de boucle ci-dessous dans la section des mod\u00e8les et exemples de diagrammes de s\u00e9quence)<\/p>\n<p><i>Fragment de r\u00e9f\u00e9rence <\/i><\/p>\n<p>Vous pouvez utiliser le fragment de r\u00e9f\u00e9rence pour g\u00e9rer la taille des grands diagrammes de s\u00e9quence. Il vous permet de r\u00e9utiliser une partie d&#8217;un diagramme de s\u00e9quence dans un autre, ou en d&#8217;autres termes, vous pouvez r\u00e9f\u00e9rencer une partie d&#8217;un diagramme dans un autre diagramme en utilisant le fragment ref.<\/p>\n<p>Pour sp\u00e9cifier le fragment de r\u00e9f\u00e9rence, vous devez mentionner &#8220;ref&#8221; dans la zone de nom du cadre et le nom du diagramme de s\u00e9quence auquel il est fait r\u00e9f\u00e9rence \u00e0 l&#8217;int\u00e9rieur du cadre. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13950\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Reference-fragment-example.png\" alt=\"Exemple de fragment de r\u00e9f\u00e9rence\" width=\"790\" height=\"600\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Reference-fragment-example.png 790w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Reference-fragment-example-300x228.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Reference-fragment-example-768x583.png 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/> <i>Pour plus de fragments <\/i>de s\u00e9quences, consultez<i>Au-del\u00e0 des bases des diagrammes de s\u00e9quences : <\/i><a href=\"https:\/\/creately.com\/blog\/diagrams\/beyond-the-basics-of-sequence-diagrams-part-1\/\"><i>Premi\u00e8re partie<\/i><\/a><i>, <\/i><a href=\"https:\/\/creately.com\/blog\/diagrams\/beyond-the-basics-of-sequence-diagrams-part-2\/\"><i>Deuxi\u00e8me partie<\/i><\/a> <i>et <\/i><a href=\"https:\/\/creately.com\/blog\/diagrams\/beyond-the-basics-of-sequence-diagrams-part-3\/\"><i>Troisi\u00e8me partie<\/i><\/a><i>.<\/i><\/p>\n<ul>\n<li><b>Dessiner des diagrammes de s\u00e9quence plus petits qui capturent l&#8217;essence du cas d&#8217;utilisation<\/b><\/li>\n<\/ul>\n<p>Au lieu d&#8217;encombrer votre diagramme de s\u00e9quences avec plusieurs objets et groupes de messages qui embrouilleront le lecteur, dessinez quelques diagrammes de s\u00e9quences plus petits qui expliquent de mani\u00e8re appropri\u00e9e ce que fait votre syst\u00e8me. Assurez-vous que le diagramme tient sur une seule page et laisse \u00e9galement de la place pour les notes explicatives.<\/p>\n<p>Aussi, au lieu de dessiner des dizaines de diagrammes de s\u00e9quences, trouvez ce qui est commun entre les sc\u00e9narios et concentrez-vous sur cela. Et si le code est expressif et peut se suffire \u00e0 lui-m\u00eame, il n&#8217;est pas n\u00e9cessaire de dessiner un diagramme de s\u00e9quence en premier lieu.<\/p>\n<h3><a name=\"tirage au sort\"><\/a>Comment dessiner un diagramme de s\u00e9quence<\/h3>\n<p>Un diagramme de s\u00e9quence repr\u00e9sente le sc\u00e9nario ou le d\u00e9roulement des \u00e9v\u00e9nements dans un cas d&#8217;utilisation unique. Le flux de messages du diagramme de s\u00e9quence est bas\u00e9 sur le r\u00e9cit du cas d&#8217;utilisation particulier.<\/p>\n<p>Ensuite, avant de commencer \u00e0 dessiner le diagramme de s\u00e9quence ou de d\u00e9cider quelles interactions doivent y \u00eatre incluses, vous devez <a href=\"https:\/\/creately.com\/diagram-type\/use-case\" target=\"_blank\" rel=\"noopener noreferrer\">dessiner le diagramme du cas d&#8217;utilisation<\/a> et pr\u00e9parer une description compl\u00e8te de ce que fait le cas d&#8217;utilisation particulier. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13947\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Use-case-example.png\" alt=\"Comment dessiner un diagramme de s\u00e9quence Un diagramme de s\u00e9quence repr\u00e9sente le sc\u00e9nario ou le d\u00e9roulement des \u00e9v\u00e9nements dans un cas d'utilisation unique. Le flux de messages du diagramme de s\u00e9quence est bas\u00e9 sur le r\u00e9cit du cas d'utilisation particulier. Ensuite, avant de commencer \u00e0 dessiner le diagramme de s\u00e9quence ou de d\u00e9cider quelles interactions doivent y \u00eatre incluses, vous devez pr\u00e9parer une description compl\u00e8te de ce que fait le cas d'utilisation particulier. \" width=\"595\" height=\"501\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Use-case-example.png 595w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Use-case-example-300x253.png 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/> \u00c0 partir de l&#8217;exemple de diagramme de cas d&#8217;utilisation ci-dessus de &#8220;Cr\u00e9er un nouveau compte de biblioth\u00e8que en ligne&#8221;, nous allons nous concentrer sur le cas d&#8217;utilisation nomm\u00e9 &#8220;Cr\u00e9er un nouveau compte d&#8217;utilisateur&#8221; pour dessiner notre exemple de diagramme de s\u00e9quence.<\/p>\n<p>Avant de dessiner le diagramme de s\u00e9quence, il est n\u00e9cessaire d&#8217;identifier les objets ou les acteurs qui seraient impliqu\u00e9s dans la cr\u00e9ation d&#8217;un nouveau compte utilisateur. Ce serait le cas ;<\/p>\n<ul>\n<li>Biblioth\u00e9caire<\/li>\n<li>Syst\u00e8me de gestion de biblioth\u00e8que en ligne<\/li>\n<li>Base de donn\u00e9es des identifiants des utilisateurs<\/li>\n<li>Syst\u00e8me de courrier \u00e9lectronique<\/li>\n<\/ul>\n<p>Une fois que vous avez identifi\u00e9 les objets, il est important de r\u00e9diger une description d\u00e9taill\u00e9e de ce que fait le cas d&#8217;utilisation. \u00c0 partir de cette description, vous pouvez facilement comprendre les interactions (qui devraient figurer dans le diagramme de s\u00e9quence) qui se produiraient entre les objets ci-dessus, une fois le cas d&#8217;utilisation ex\u00e9cut\u00e9.<\/p>\n<p>Voici les \u00e9tapes qui se produisent dans le cas d&#8217;utilisation intitul\u00e9 &#8220;Cr\u00e9er un nouveau compte d&#8217;utilisateur de biblioth\u00e8que&#8221;.<\/p>\n<ul>\n<li>Le biblioth\u00e9caire demande au syst\u00e8me de cr\u00e9er un nouveau compte de biblioth\u00e8que en ligne<\/li>\n<li>Le biblioth\u00e9caire s\u00e9lectionne ensuite le type de compte d&#8217;utilisateur de la biblioth\u00e8que<\/li>\n<li>Le biblioth\u00e9caire saisit les donn\u00e9es de l&#8217;utilisateur<\/li>\n<li>Les donn\u00e9es de l&#8217;utilisateur sont v\u00e9rifi\u00e9es \u00e0 l&#8217;aide de la base de donn\u00e9es des r\u00e9f\u00e9rences de l&#8217;utilisateur<\/li>\n<li>Le nouveau compte d&#8217;utilisateur de la biblioth\u00e8que est cr\u00e9\u00e9<\/li>\n<li>Un r\u00e9sum\u00e9 des d\u00e9tails du nouveau compte est ensuite envoy\u00e9 par e-mail \u00e0 l&#8217;utilisateur<\/li>\n<\/ul>\n<p>\u00c0 chacune de ces \u00e9tapes, vous pouvez facilement sp\u00e9cifier quels messages doivent \u00eatre \u00e9chang\u00e9s entre les objets du diagramme de s\u00e9quence. Une fois que c&#8217;est clair, vous pouvez commencer \u00e0 dessiner le diagramme de la s\u00e9quence.<\/p>\n<p>Le diagramme de s\u00e9quence ci-dessous montre comment les objets du <a href=\"https:\/\/creately.com\/diagram\/example\/hnabkygq\/online%20library%20management%20system\">syst\u00e8me de gestion de la biblioth\u00e8que en ligne<\/a> interagissent entre eux pour ex\u00e9cuter la fonction &#8220;Cr\u00e9eraltunaltnouveau compte d&#8217;utilisateur de biblioth\u00e8que&#8221;. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13948 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/How-to-draw-a-sequence-diagram.png\" alt=\"Comment dessiner un diagramme de s\u00e9quence - tutoriel de diagramme\" width=\"1174\" height=\"615\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/How-to-draw-a-sequence-diagram.png 1174w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/How-to-draw-a-sequence-diagram-300x157.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/How-to-draw-a-sequence-diagram-768x402.png 768w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/How-to-draw-a-sequence-diagram-1024x536.png 1024w\" sizes=\"auto, (max-width: 1174px) 100vw, 1174px\" \/><\/p>\n<h3><a name=\"commun\"><\/a>Diagramme de s\u00e9quence Erreurs courantes<\/h3>\n<p>Lorsqu&#8217;ils dessinent des diagrammes de s\u00e9quences, les concepteurs ont tendance \u00e0 faire ces erreurs courantes. En \u00e9vitant ces erreurs, vous pouvez garantir la qualit\u00e9 de votre diagramme.<\/p>\n<ul>\n<li>En ajoutant trop de d\u00e9tails. Cela encombre le diagramme et le rend difficile \u00e0 lire.<\/li>\n<\/ul>\n<ul>\n<li>Des diagrammes de s\u00e9quence obsol\u00e8tes et d\u00e9pass\u00e9s qui ne sont pas pertinents par rapport aux interfaces, aux architectures r\u00e9elles, etc. du syst\u00e8me. N&#8217;oubliez pas de les remplacer ou de les modifier.<\/li>\n<\/ul>\n<ul>\n<li>Ne laissant aucun espace vide entre le texte du cas d&#8217;utilisation et la fl\u00e8che du message, il est difficile pour quiconque de lire le diagramme.<\/li>\n<\/ul>\n<ul>\n<li>Ne pas consid\u00e9rer avec attention l&#8217;origine des fl\u00e8ches de message.<\/li>\n<\/ul>\n<p>Voir ces erreurs courantes expliqu\u00e9es en d\u00e9tail dans le guide des diagrammes de s\u00e9quence : <a href=\"https:\/\/creately.com\/blog\/diagrams\/10-common-mistakes-to-avoid-in-sequence-diagrams\/\" target=\"_blank\" rel=\"noopener noreferrer\">Erreurs courantes \u00e0 \u00e9viter lors du dessin de diagrammes de s\u00e9quences<\/a>.<\/p>\n<h3><a name=\"mod\u00e8les\"><\/a>Exemples et mod\u00e8les de diagrammes s\u00e9quentiels<\/h3>\n<p>Vous trouverez ci-dessous quelques <a href=\"https:\/\/creately.com\/diagram-community\/examples\/t\/sequence-diagram\">exemples de diagrammes de s\u00e9quences<\/a> et de mod\u00e8les qui sont dessin\u00e9s \u00e0 l&#8217;aide de Creately. <a href=\"https:\/\/creately.com\/diagram-type\/uml-sequence-diagrams\" target=\"_blank\" rel=\"noopener noreferrer\">Cr\u00e9ez des diagrammes de s\u00e9quences en ligne<\/a> en utilisant l&#8217;outil en ligne de Creately. Cliquez sur le mod\u00e8le pour l&#8217;ouvrir dans l&#8217;\u00e9diteur.<\/p>\n<p><i>Diagramme de s\u00e9quence d&#8217;un syst\u00e8me d&#8217;examen en ligne <\/i><\/p>\n<div id=\"attachment_13951\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/creately.com\/creately-start?tempID=imd2m8tw1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13951\" class=\"wp-image-13951 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/New-Online-Examination-Sequence-Diagram-Template.png\" alt=\"Examen en ligne - Mod\u00e8le de diagramme de s\u00e9quence\" width=\"1190\" height=\"710\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Online-Examination-Sequence-Diagram-Template.png 1190w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Online-Examination-Sequence-Diagram-Template-300x179.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Online-Examination-Sequence-Diagram-Template-768x458.png 768w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Online-Examination-Sequence-Diagram-Template-1024x611.png 1024w\" sizes=\"auto, (max-width: 1190px) 100vw, 1190px\" \/><\/a><p id=\"caption-attachment-13951\" class=\"wp-caption-text\">Cliquez sur l&#8217;image pour l&#8217;\u00e9diter en ligne<\/p><\/div>\n<p><i>Diagramme de s\u00e9quences Exemple d&#8217;un syst\u00e8me de gestion scolaire <\/i> <a href=\"https:\/\/creately.com\/creately-start?tempID=imcvynir1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13952 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/New-School-Management-System-Sequence-Diagram-Template-1.png\" alt=\"Syst\u00e8me de gestion des \u00e9coles - Mod\u00e8le de diagramme de s\u00e9quence \" width=\"1245\" height=\"815\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-School-Management-System-Sequence-Diagram-Template-1.png 1245w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-School-Management-System-Sequence-Diagram-Template-1-300x196.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-School-Management-System-Sequence-Diagram-Template-1-768x503.png 768w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-School-Management-System-Sequence-Diagram-Template-1-1024x670.png 1024w\" sizes=\"auto, (max-width: 1245px) 100vw, 1245px\" \/><\/a> <i>Exemple d&#8217;un fragment de combinaison d&#8217;options <\/i> <a href=\"https:\/\/creately.com\/creately-start?tempID=iy020p1n1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13953 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/Example-of-an-option-fragment.png\" alt=\"Exemple d'un fragment d'option\" width=\"955\" height=\"680\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Example-of-an-option-fragment.png 955w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Example-of-an-option-fragment-300x214.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/Example-of-an-option-fragment-768x547.png 768w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/a> <i>Exemple d&#8217;une s\u00e9quence en boucle<\/i> <a href=\"https:\/\/creately.com\/creately-start?tempID=io1a1c3h1\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-13956 size-full\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2017\/01\/New-Loops-Sequence-Diagram-Example-1.png\" alt=\" Boucles - Exemple de diagramme de s\u00e9quence\" width=\"1335\" height=\"1045\" srcset=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Loops-Sequence-Diagram-Example-1.png 1335w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Loops-Sequence-Diagram-Example-1-300x235.png 300w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Loops-Sequence-Diagram-Example-1-768x601.png 768w, https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2017\/01\/New-Loops-Sequence-Diagram-Example-1-1024x802.png 1024w\" sizes=\"auto, (max-width: 1335px) 100vw, 1335px\" \/><\/a> <i>En voici d&#8217;autres <\/i><i><a href=\"https:\/\/creately.com\/diagram-community\/popular\/t\/sequence-diagram\">mod\u00e8les de diagrammes de s\u00e9quences et exemples<\/a> <\/i><i>que vous pouvez \u00e9diter imm\u00e9diatement.<\/i><\/p>\n<h3><a name=\"partage de diapositives\"><\/a>Tutoriel sur les diagrammes de s\u00e9quence &#8211; Pr\u00e9sentation SlideShare<\/h3>\n<p><iframe loading=\"lazy\" style=\"border: 1px solid #CCC; border-width: 1px; margin-bottom: 5px; max-width: 100%;\" src=\"\/\/www.slideshare.net\/slideshow\/embed_code\/key\/p3Ki9H9XZekfcT\" width=\"595\" height=\"485\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"> <\/iframe><\/p>\n<p><a href=\"https:\/\/www.slideshare.net\/creately\/the-ultimate-sequence-diagram-guide\">Guide des diagrammes de s\u00e9quences Power Point (PPT)<\/a> de <a href=\"https:\/\/www.slideshare.net\/creately\">Creately<\/a><\/p>\n<h3><a name=\"retour d'information\"><\/a>Retour d&#8217;information sur le didacticiel du diagramme de s\u00e9quence<\/h3>\n<p>Ce tutoriel sur les diagrammes de s\u00e9quence couvre tout ce que vous devez savoir sur les diagrammes de s\u00e9quence et leur dessin. Si vous avez des suggestions ou des questions concernant le tutoriel sur les diagrammes de s\u00e9quence, n&#8217;h\u00e9sitez pas \u00e0 laisser un commentaire.<\/p>\n<h3>Plus de tutoriels sur les diagrammes<\/h3>\n<ul>\n<li><a href=\"https:\/\/creately.com\/blog\/diagrams\/business-process-modeling-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tutoriel sur la mod\u00e9lisation des processus d&#8217;entreprise (Guide BPM expliquant les fonctionnalit\u00e9s)<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-lorganigramme\/\">Guide ultime de l&#8217;organigramme ( Tutoriel complet de l&#8217;organigramme avec exemples )<\/a><\/li>\n<li><a href=\"https:\/\/creately.com\/blog\/diagrams\/use-case-diagram-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tutoriel sur les diagrammes de cas d&#8217;utilisation ( Guide avec exemples )<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ce tutoriel sur les diagrammes de s\u00e9quence est destin\u00e9 \u00e0 vous aider \u00e0 mieux comprendre les diagrammes de s\u00e9quence; il explique tout ce que vous devez savoir, de la mani\u00e8re de dessiner un diagramme de s\u00e9quence aux erreurs courantes que&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":38,"featured_media":21561,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3669],"tags":[],"class_list":["post-20570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diagrammes"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>tutoriel sur les diagrammes de s\u00e9quence : guide complet avec exemples<\/title>\n<meta name=\"description\" content=\"Tutoriel sur les diagrammes de s\u00e9quence pour ma\u00eetriser les diagrammes de s\u00e9quence ; Apprenez les notations des diagrammes de s\u00e9quence, comment dessiner des diagrammes de s\u00e9quence et les meilleures pratiques \u00e0 suivre\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"tutoriel sur les diagrammes de s\u00e9quence : guide complet avec exemples\" \/>\n<meta property=\"og:description\" content=\"Tutoriel sur les diagrammes de s\u00e9quence pour ma\u00eetriser les diagrammes de s\u00e9quence ; Apprenez les notations des diagrammes de s\u00e9quence, comment dessiner des diagrammes de s\u00e9quence et les meilleures pratiques \u00e0 suivre\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-03T08:22:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-11T16:14:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1541\" \/>\n\t<meta property=\"og:image:height\" content=\"681\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lalindri Amunugama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lalindri Amunugama\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\"},\"author\":{\"name\":\"Lalindri Amunugama\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26\"},\"headline\":\"Tutoriel sur les diagrammes de s\u00e9quence : Guide complet avec exemples\",\"datePublished\":\"2020-12-03T08:22:46+00:00\",\"dateModified\":\"2022-06-11T16:14:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\"},\"wordCount\":2804,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png\",\"articleSection\":[\"diagrammes\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\",\"url\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\",\"name\":\"tutoriel sur les diagrammes de s\u00e9quence : guide complet avec exemples\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png\",\"datePublished\":\"2020-12-03T08:22:46+00:00\",\"dateModified\":\"2022-06-11T16:14:45+00:00\",\"description\":\"Tutoriel sur les diagrammes de s\u00e9quence pour ma\u00eetriser les diagrammes de s\u00e9quence ; Apprenez les notations des diagrammes de s\u00e9quence, comment dessiner des diagrammes de s\u00e9quence et les meilleures pratiques \u00e0 suivre\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png\",\"width\":1541,\"height\":681,\"caption\":\"Tutoriel sur les Diagrammes de S\u00e9quence\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriel sur les diagrammes de s\u00e9quence : Guide complet avec exemples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26\",\"name\":\"Lalindri Amunugama\",\"url\":\"https:\/\/creately.com\/blog\/author\/lalindri\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"tutoriel sur les diagrammes de s\u00e9quence : guide complet avec exemples","description":"Tutoriel sur les diagrammes de s\u00e9quence pour ma\u00eetriser les diagrammes de s\u00e9quence ; Apprenez les notations des diagrammes de s\u00e9quence, comment dessiner des diagrammes de s\u00e9quence et les meilleures pratiques \u00e0 suivre","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/","og_locale":"en_US","og_type":"article","og_title":"tutoriel sur les diagrammes de s\u00e9quence : guide complet avec exemples","og_description":"Tutoriel sur les diagrammes de s\u00e9quence pour ma\u00eetriser les diagrammes de s\u00e9quence ; Apprenez les notations des diagrammes de s\u00e9quence, comment dessiner des diagrammes de s\u00e9quence et les meilleures pratiques \u00e0 suivre","og_url":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_published_time":"2020-12-03T08:22:46+00:00","article_modified_time":"2022-06-11T16:14:45+00:00","og_image":[{"width":1541,"height":681,"url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png","type":"image\/png"}],"author":"Lalindri Amunugama","twitter_misc":{"Written by":"Lalindri Amunugama","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/"},"author":{"name":"Lalindri Amunugama","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26"},"headline":"Tutoriel sur les diagrammes de s\u00e9quence : Guide complet avec exemples","datePublished":"2020-12-03T08:22:46+00:00","dateModified":"2022-06-11T16:14:45+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/"},"wordCount":2804,"commentCount":0,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png","articleSection":["diagrammes"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/","url":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/","name":"tutoriel sur les diagrammes de s\u00e9quence : guide complet avec exemples","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage"},"thumbnailUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png","datePublished":"2020-12-03T08:22:46+00:00","dateModified":"2022-06-11T16:14:45+00:00","description":"Tutoriel sur les diagrammes de s\u00e9quence pour ma\u00eetriser les diagrammes de s\u00e9quence ; Apprenez les notations des diagrammes de s\u00e9quence, comment dessiner des diagrammes de s\u00e9quence et les meilleures pratiques \u00e0 suivre","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#primaryimage","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2020\/12\/French-images-11.png","width":1541,"height":681,"caption":"Tutoriel sur les Diagrammes de S\u00e9quence"},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/fr\/diagrammes\/tutoriel-sur-le-diagramme-de-sequence\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutoriel sur les diagrammes de s\u00e9quence : Guide complet avec exemples"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/cb4a421a55aa8a851260d92193524f26","name":"Lalindri Amunugama","url":"https:\/\/creately.com\/blog\/author\/lalindri\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/20570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=20570"}],"version-history":[{"count":22,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/20570\/revisions"}],"predecessor-version":[{"id":27246,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/20570\/revisions\/27246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media\/21561"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=20570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=20570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=20570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}