{"id":2123,"date":"2026-05-26T07:26:49","date_gmt":"2026-05-26T07:26:49","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/docs\/uncategorized\/plantuml-timing-diagram-syntax-guide\/"},"modified":"2026-05-26T07:26:49","modified_gmt":"2026-05-26T07:26:49","slug":"plantuml-timing-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","title":{"rendered":"Guide de syntaxe des diagrammes de timing PlantUML"},"content":{"rendered":"<h2>Qu&#8217;est-ce qu&#8217;un diagramme de timing ?<\/h2>\n<p>Un <strong>Diagramme de timing<\/strong> est un diagramme comportemental sp\u00e9cialis\u00e9 <strong>diagramme UML<\/strong> con\u00e7u pour visualiser la dur\u00e9e exacte des \u00e9tats et les conditions pr\u00e9cises selon lesquelles ces \u00e9tats changent le long d&#8217;une timeline lin\u00e9aire. En tant qu&#8217;\u00e9l\u00e9ment essentiel de la sp\u00e9cification du langage de mod\u00e9lisation unifi\u00e9 (UML), ce type de <strong>type de diagramme UML<\/strong> se concentre fortement sur les contraintes de temps rigides, les cycles d&#8217;horloge et les signaux d&#8217;onde. Il suit les formes d&#8217;onde ou les lignes en escalier pour illustrer exactement pendant combien de temps un objet reste dans un \u00e9tat sp\u00e9cifique avant qu&#8217;un d\u00e9clencheur externe ne modifie son \u00e9tat.<\/p>\n<p>Les cartes de timing sont largement utilis\u00e9es par les ing\u00e9nieurs en syst\u00e8mes embarqu\u00e9s, les d\u00e9veloppeurs de protocoles r\u00e9seau et les architectes mat\u00e9riels pour mod\u00e9liser les conditions de course, suivre les changements du cycle de vie des threads ou cartographier les transitions des registres mat\u00e9riels. Avec <strong>VPasCode<\/strong>, vous n&#8217;avez pas \u00e0 calculer manuellement les largeurs en pixels ou \u00e0 cartographier les coordonn\u00e9es de la timeline. Notre moteur de rendu g\u00e8re automatiquement toute la grille temporelle en fonction de vos scripts en texte brut.<\/p>\n<h2>Guide de syntaxe fondamentale : \u00e9l\u00e9ments et constructions<\/h2>\n<p>Pour concevoir un diagramme de timing UML pr\u00e9cis et conforme aux normes dans PlantUML, vous devez ma\u00eetriser les types de participants, les d\u00e9finitions d&#8217;\u00e9tats, les intervalles de temps et les contraintes de synchronisation.<\/p>\n<h3>1. D\u00e9clarer les participants (Robuste vs. Concis)<\/h3>\n<p>Vous pouvez mod\u00e9liser des timelines en utilisant deux styles visuels distincts, selon le niveau de d\u00e9tail requis par votre syst\u00e8me. Vous devez les d\u00e9clarer en utilisant des mots-cl\u00e9s explicites :<\/p>\n<ul>\n<li><strong>Timelines robustes :<\/strong>Affiche les \u00e9tats sous forme de lignes empil\u00e9es distinctes. Id\u00e9al pour les processus logiciels de haut niveau.\n<pre><code>robuste \"Thread d'application\" comme Thread<\/code><\/pre>\n<\/li>\n<li><strong>Timelines concises :<\/strong>Affiche les \u00e9tats le long d&#8217;une seule ligne plane, en utilisant des blocs hachur\u00e9s pour indiquer les changements. Parfait pour les cartes de signaux mat\u00e9riels compactes.\n<pre><code>concis \"Registre CPU\" comme Reg<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>2. D\u00e9finir les transitions d&#8217;\u00e9tat et les \u00e9tapes de temps<\/h3>\n<p>Contrairement aux autres diagrammes, vous changez d&#8217;\u00e9tat en d\u00e9clarant un point de contr\u00f4le temporel en utilisant le symbole <code>@<\/code> symbole, en faisant r\u00e9f\u00e9rence \u00e0 votre participant, et en utilisant le mot-cl\u00e9 <code>est<\/code> mot-cl\u00e9. Les noms d&#8217;\u00e9tat contenant des espaces ou des caract\u00e8res sp\u00e9ciaux doivent \u00eatre entour\u00e9s de guillemets :<\/p>\n<pre><code>@0\r\nThread est Inactif\r\n\r\n@10\r\nThread est \"Traitement des donn\u00e9es\"<\/code><\/pre>\n<h3>3. G\u00e9n\u00e9rer des signaux d&#8217;horloge<\/h3>\n<p>Pour simuler des horloges mat\u00e9riels binaires, utilisez le mot-cl\u00e9 <code>clock<\/code> mot-cl\u00e9. Vous devez sp\u00e9cifier une p\u00e9riode de cycle, un rapport cyclique facultatif et un nom interne :<\/p>\n<pre><code>clock \"Horloge syst\u00e8me\" comme CLK avec p\u00e9riode 2<\/code><\/pre>\n<h3>4. Ajout de contraintes de pr\u00e9cision et de plannings temporels<\/h3>\n<p>Pour documenter des d\u00e9lais d&#8217;ex\u00e9cution stricts (par exemple, garantir qu&#8217;une transition syst\u00e8me a lieu dans une fen\u00eatre sp\u00e9cifi\u00e9e), utilisez la syntaxe <code>&lt;-&gt;<\/code> pour relier deux coordonn\u00e9es temporelles avec une \u00e9tiquette descriptive :<\/p>\n<pre><code>@10 &lt;-&gt; @40 : {Moins de 30ms}<\/code><\/pre>\n<h2>Meilleures pratiques pour des dispositions temporelles propres<\/h2>\n<ul>\n<li><strong>Maintenez les unit\u00e9s de temps uniformes :<\/strong> PlantUML traite les entiers de la chronologie comme des \u00e9tapes s\u00e9quentielles g\u00e9n\u00e9riques. Choisissez une unit\u00e9 de temps uniforme pour votre projet (par exemple, des ticks, des microsecondes ou des secondes) et conservez-la de fa\u00e7on coh\u00e9rente.<\/li>\n<li><strong>Utilisez des \u00e9tiquettes pour les transitions complexes :<\/strong> Vous pouvez ajouter des messages texte directement aux changements d&#8217;\u00e9tat en ajoutant deux points imm\u00e9diatement apr\u00e8s l&#8217;affectation d&#8217;\u00e9tat (par exemple, <code>@10nReg est en lecture : \"D\u00e9clencher l'interruption\"<\/code>).<\/li>\n<li><strong>D\u00e9clarez les \u00e9l\u00e9ments de mani\u00e8re strat\u00e9gique :<\/strong> PlantUML empile les lignes de vie verticalement dans l&#8217;ordre exact de leur d\u00e9claration dans votre script. Placez toujours vos horloges principales tout en haut pour un alignement plus facile.<\/li>\n<\/ul>\n<h2>Exemples r\u00e9els de diagrammes temporels PlantUML<\/h2>\n<h3>Exemple 1 : \u00c9tats du cache et des registres d&#8217;un microcontr\u00f4leur (concis et formes d&#8217;onde d&#8217;horloge)<\/h3>\n<p>Ce plan ex\u00e9cutable d\u00e9montre une chronologie classique en ing\u00e9nierie mat\u00e9rielle embarqu\u00e9e, avec une horloge syst\u00e8me standard fonctionnant parall\u00e8lement \u00e0 un registre de stockage de donn\u00e9es concis qui suit les \u00e9tats mat\u00e9riels.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOyz2W8n48NxGEumfD9E5x6mMh0HjF86Qp8imMmYasJ16vbpv6BEheW_tSnxRxx7j35rbFBWfD0kw2keGo0NUeHuZwa-1eJ5_dHSAj1Xu4MxAtGZQhZLGZOOX8OlWzSs8gWpzZOcGZ0PBZa2soPuNml6Du0ZKaZHhgJW4J0c6At1MMi-6dfmg5DcrewvjUWyDIAfERdzIR9BTihEtleRZKGXM-TgUNcR_zeMlU7tdm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclock \"Horloge syst\u00e8me (CLK)\" comme clk avec p\u00e9riode 2\r\nconcise \"Registre du bus de donn\u00e9es\" comme Reg\r\n\r\n@0\r\nReg est vide\r\n\r\n@2\r\nReg est en lecture : \"R\u00e9cup\u00e9rer\"\r\n\r\n@6\r\nReg est en \u00e9criture\r\n\r\n@10\r\nReg est verrouill\u00e9\r\n\r\n@14\r\nReg est vide\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOyz2W8n48NxGEumfD9E5x6mMh0HjF86Qp8imMmYasJ16vbpv6BEheW_tSnxRxx7j35rbFBWfD0kw2keGo0NUeHuZwa-1eJ5_dHSAj1Xu4MxAtGZQhZLGZOOX8OlWzSs8gWpzZOcGZ0PBZa2soPuNml6Du0ZKaZHhgJW4J0c6At1MMi-6dfmg5DcrewvjUWyDIAfERdzIR9BTihEtleRZKGXM-TgUNcR_zeMlU7tdm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"GoDTibn\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-596\" decoding=\"async\" fetchpriority=\"high\" height=\"134\" sizes=\"(max-width: 417px) 100vw, 417px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png 417w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba-300x96.png 300w\" width=\"417\"\/><\/p>\n<p><strong>Analyse syntaxique :<\/strong> Le <code>clock<\/code> directive cr\u00e9e automatiquement une onde carr\u00e9e rythmique haute\/basse. Le <code>Reg<\/code> la ligne g\u00e8re plusieurs affectations d&#8217;\u00e9tat de mani\u00e8re s\u00e9quentielle sur la grille de timeline absolue. Les cha\u00eenes de texte suivies d&#8217;un deux-points (comme <code>: \"R\u00e9cup\u00e9rer\"<\/code>) s&#8217;affichent sous forme de rep\u00e8res propres directement au-dessus de la ligne de fronti\u00e8re de transition.<\/p>\n<h3>Exemple 2 : Actualisation asynchrone du jeton du consommateur web (Contraintes robustes multi-fils)<\/h3>\n<p>Ce plan architectural logiciel avanc\u00e9 et enti\u00e8rement fonctionnel utilise le format de mise en page robuste pour suivre le flux de travail d&#8217;une application web multithread\u00e9e, en d\u00e9finissant des d\u00e9lais pr\u00e9cis de temporisation entre un client web et un worker d&#8217;autorisation.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOzDYW9138Nt1NM7u6PMWYFJ6n5f6V0AhjDsR4lhHr8fNGnp8ESQVR7fBXLQqLt8-zvxIHa5MPApMd6eKXI2qRSrv0Kydao3GedXJDK8Di4vWZLL0tGT-40CDS6U97YeFp19O1DHJF1tppB9JYkjoebMdHye2XYF6p5RhNenRyZNWPt9O745KQJRWht5Fy1TTkBOLv_GcZeNPkzdyOPhsejlBpmaOJvUG3ajO0O_A_Bjdp0zex-PdHQlJhr_CwpXJatzSCI6ilVhrTzbZpdx3m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobuste \"Client navigateur web\" comme Web\r\nrobuste \"Worker de jeton d'autorisation\" comme Auth\r\n\r\n@0\r\nWeb est inactif\r\nAuth est endormi\r\n\r\n@5\r\nWeb attend le jeton\r\nAuth est en cours de validation\r\n\r\n@15\r\nAuth est en cours de g\u00e9n\u00e9ration\r\n\r\n@15 &lt;-&gt; @25 : {Fen\u00eatre de g\u00e9n\u00e9ration}\r\n\r\n@25\r\nAuth est endormi\r\nWeb est en cours de rendu de page\r\n\r\n@40\r\nWeb est inactif\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TOzDYW9138Nt1NM7u6PMWYFJ6n5f6V0AhjDsR4lhHr8fNGnp8ESQVR7fBXLQqLt8-zvxIHa5MPApMd6eKXI2qRSrv0Kydao3GedXJDK8Di4vWZLL0tGT-40CDS6U97YeFp19O1DHJF1tppB9JYkjoebMdHye2XYF6p5RhNenRyZNWPt9O745KQJRWht5Fy1TTkBOLv_GcZeNPkzdyOPhsejlBpmaOJvUG3ajO0O_A_Bjdp0zex-PdHQlJhr_CwpXJatzSCI6ilVhrTzbZpdx3m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"gbonjBY\"><img alt=\"\" class=\"alignnone size-full wp-image-597\" decoding=\"async\" height=\"196\" sizes=\"(max-width: 554px) 100vw, 554px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7.png 554w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7-300x106.png 300w\" width=\"554\"\/><\/p>\n<p><strong>Analyse syntaxique :<\/strong> En utilisant la d\u00e9claration <code>robuste<\/code> d\u00e9claration, les \u00e9tats sont clairement list\u00e9s sur l&#8217;axe Y pour chaque ligne de vie individuelle. La contrainte d&#8217;\u00e9valuation temporelle (<code>@15 &lt;-&gt; @25 : {Fen\u00eatre de g\u00e9n\u00e9ration}<\/code>) dessine une fl\u00e8che de cotation standard \u00e0 double sens au-dessus de la grille de timeline, indiquant une limite op\u00e9rationnelle stricte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu&#8217;est-ce qu&#8217;un diagramme de timing ? Un Diagramme de timing est un diagramme comportemental sp\u00e9cialis\u00e9 diagramme UML con\u00e7u pour visualiser la dur\u00e9e exacte des \u00e9tats et les conditions pr\u00e9cises selon lesquelles ces \u00e9tats changent le long d&#8217;une timeline lin\u00e9aire. En&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":9,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2123","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"datePublished\":\"2026-05-26T07:26:49+00:00\",\"description\":\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guide de syntaxe des diagrammes de timing PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","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:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","og_locale":"fr_FR","og_type":"article","og_title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","name":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","datePublished":"2026-05-26T07:26:49+00:00","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Guide de syntaxe des diagrammes de timing PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2123"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}