{"id":9868,"date":"2022-01-26T00:51:35","date_gmt":"2022-01-26T00:51:35","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/?p=9868"},"modified":"2026-04-20T09:13:34","modified_gmt":"2026-04-20T09:13:34","slug":"guide-complet-du-diagramme-detat-avec-exemples","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/","title":{"rendered":"Guide complet du diagramme d&#8217;\u00e9tat avec exemples"},"content":{"rendered":"<p id=\"8f92\" class=\"graf graf--p graf-after--h3\">Un diagramme de machine d&#8217;\u00e9tat est un comportement qui sp\u00e9cifie la s\u00e9quence d&#8217;\u00e9tats qu&#8217;un objet visite au cours de sa vie en r\u00e9ponse \u00e0 des \u00e9v\u00e9nements, ainsi que ses r\u00e9ponses \u00e0 ces \u00e9v\u00e9nements.<\/p>\n<h4 id=\"454a\" class=\"graf graf--h4 graf-after--p\"><span id=\"State\">\u00c9tat<\/span><\/h4>\n<p id=\"3846\" class=\"graf graf--p graf-after--h4\">Un \u00e9tat est une condition au cours de la vie d&#8217;un objet au cours de laquelle il satisfait \u00e0 une condition, ex\u00e9cute une activit\u00e9 ou attend un \u00e9v\u00e9nement externe<\/p>\n<p id=\"e274\" class=\"graf graf--p graf-after--p\">Exemple:<\/p>\n<figure id=\"9df0\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0hsNHuGCBeG8TfFbJ.png\" data-image-id=\"0*hsNHuGCBeG8TfFbJ.png\" data-width=\"270\" data-height=\"138\" \/><\/figure>\n<h4 id=\"7f17\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Characteristics_of_State\">Caract\u00e9ristiques de l&#8217;\u00c9tat<\/span><\/h4>\n<ul class=\"postList\">\n<li id=\"ab85\" class=\"graf graf--li graf-after--h4\">L&#8217;\u00e9tat repr\u00e9sente les conditions des objets \u00e0 certains moments.<\/li>\n<li id=\"03c5\" class=\"graf graf--li graf-after--li\">Les objets (ou syst\u00e8mes) peuvent \u00eatre consid\u00e9r\u00e9s comme se d\u00e9pla\u00e7ant d&#8217;un \u00e9tat \u00e0 l&#8217;autre<\/li>\n<li id=\"0a1c\" class=\"graf graf--li graf-after--li\">Un point dans le cycle de vie d&#8217;un \u00e9l\u00e9ment de mod\u00e8le qui satisfait \u00e0 une condition, o\u00f9 une action particuli\u00e8re est en cours d&#8217;ex\u00e9cution ou o\u00f9 un \u00e9v\u00e9nement est attendu<\/li>\n<\/ul>\n<p id=\"55cf\" class=\"graf graf--p graf-after--li\">La figure ci-dessous montre une description d\u00e9taill\u00e9e d&#8217;un \u00e9tat.\u00a0L&#8217;\u00e9tat est \u00e9tendu avec des actions internes (faire, aider).\u00a0Contrairement \u00e0 d&#8217;autres actions, ces actions peuvent \u00eatre interrompues.\u00a0Si &#8220;annuler&#8221; se produit, les actions faire ou aider sont interrompues.\u00a0Les actions internes sont ex\u00e9cut\u00e9es apr\u00e8s la section &#8220;entr\u00e9e&#8221; et sont abandonn\u00e9es lorsque l&#8217;\u00e9tat est quitt\u00e9.<\/p>\n<figure id=\"8f5b\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/1j2IDuAWcP3bugEspfAmcTw.png\" data-image-id=\"1*j2IDuAWcP3bugEspfAmcTw.png\" data-width=\"276\" data-height=\"372\" data-is-featured=\"true\" \/><\/figure>\n<h4 id=\"6020\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Initial_and_Final_States\">\u00c9tats initiaux et finaux<\/span><\/h4>\n<ul class=\"postList\">\n<li id=\"15c0\" class=\"graf graf--li graf-after--h4\">L&#8217;\u00a0\u00a0<strong class=\"markup--strong markup--li-strong\">\u00e9tat initial<\/strong>\u00a0\u00a0d&#8217;un diagramme de machine d&#8217;\u00e9tat, appel\u00e9 pseudo-\u00e9tat initial, est indiqu\u00e9 par un cercle plein.\u00a0Une transition \u00e0 partir de cet \u00e9tat montrera le premier \u00e9tat r\u00e9el<\/li>\n<li id=\"3711\" class=\"graf graf--li graf-after--li\">L&#8217;\u00a0\u00a0<strong class=\"markup--strong markup--li-strong\">\u00e9tat final<\/strong>\u00a0\u00a0d&#8217;un diagramme de machine d&#8217;\u00e9tat est repr\u00e9sent\u00e9 par des cercles concentriques.\u00a0Une machine \u00e0 \u00e9tats en boucle ouverte repr\u00e9sente un objet qui peut se terminer avant que le syst\u00e8me ne se termine, tandis qu&#8217;un diagramme de machine \u00e0 \u00e9tats en boucle ferm\u00e9e n&#8217;a pas d&#8217;\u00e9tat final;\u00a0si c&#8217;est le cas, alors l&#8217;objet vit jusqu&#8217;\u00e0 ce que tout le syst\u00e8me se termine.<\/li>\n<\/ul>\n<p id=\"1d35\" class=\"graf graf--p graf-after--li\">Exemple:<\/p>\n<figure id=\"6438\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/08z_MFR0W-K7bcQKU.png\" data-image-id=\"0*8z_MFR0W-K7bcQKU.png\" data-width=\"618\" data-height=\"125\" \/><\/figure>\n<h4 id=\"392d\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Event\">\u00c9v\u00e9nement<\/span><\/h4>\n<p id=\"9423\" class=\"graf graf--p graf-after--h4\">Un \u00e9v\u00e9nement est la sp\u00e9cification d&#8217;un \u00e9v\u00e9nement significatif.\u00a0Pour une machine \u00e0 \u00e9tats, un \u00e9v\u00e9nement est l&#8217;occurrence d&#8217;un stimulus qui peut d\u00e9clencher une transition d&#8217;\u00e9tat.<\/p>\n<h4 id=\"b35a\" class=\"graf graf--h4 graf-after--p\"><span id=\"Transition\">Transition<\/span><\/h4>\n<p id=\"eb40\" class=\"graf graf--p graf-after--h4\">Une transition est une relation entre deux \u00e9tats indiquant qu&#8217;un objet dans le premier \u00e9tat, lorsqu&#8217;un ensemble sp\u00e9cifi\u00e9 d&#8217;\u00e9v\u00e9nements et de conditions est satisfait, effectuera certaines actions et entrera dans le second \u00e9tat.<\/p>\n<p id=\"6c89\" class=\"graf graf--p graf-after--p\">Une transition a : Des composants de transition qui incluent (1) un \u00e9tat source (2) un d\u00e9clencheur d&#8217;\u00e9v\u00e9nement (3) une action (4) un \u00e9tat cible<\/p>\n<h4 id=\"376d\" class=\"graf graf--h4 graf-after--p\"><span id=\"Self-Transition\">Auto-transition<\/span><\/h4>\n<p id=\"86a7\" class=\"graf graf--p graf-after--h4\">Une auto-transition est une transition dont les \u00e9tats source et cible sont les m\u00eames<\/p>\n<h4 id=\"421a\" class=\"graf graf--h4 graf-after--p\"><span id=\"Action\">action<\/span><\/h4>\n<p id=\"de6b\" class=\"graf graf--p graf-after--h4\">Une action est un calcul ex\u00e9cutable, atomique (en r\u00e9f\u00e9rence \u00e0 la machine d&#8217;\u00e9tat).\u00a0Les actions peuvent inclure des op\u00e9rations, la cr\u00e9ation ou la destruction d&#8217;autres objets, ou l&#8217;envoi de signaux \u00e0 d&#8217;autres objets (\u00e9v\u00e9nements)<\/p>\n<h4 id=\"6a3b\" class=\"graf graf--h4 graf-after--p\"><span id=\"Library_Example\">Exemple de biblioth\u00e8que<\/span><\/h4>\n<p id=\"4cbc\" class=\"graf graf--p graf-after--h4\">La figure ci-dessous montre un sch\u00e9ma de machine d&#8217;\u00e9tat simple.\u00a0Les principaux composants d&#8217;un tel diagramme sont les suivants\u00a0:<\/p>\n<ul class=\"postList\">\n<li id=\"93ab\" class=\"graf graf--li graf-after--p\">\u00c9tat : l&#8217;exemple a deux \u00e9tats : \u00ab En pr\u00eat \u00bb et \u00ab En rayon \u00bb.<\/li>\n<li id=\"b19f\" class=\"graf graf--li graf-after--li\">Etat initial : c&#8217;est l&#8217;\u00e9tat dans lequel le syst\u00e8me d\u00e9marre.<\/li>\n<li id=\"7439\" class=\"graf graf--li graf-after--li\">Transitions\u00a0: les transitions d\u00e9crivent les changements d&#8217;\u00e9tat possibles.\u00a0Le diagramme comporte deux transitions\u00a0: de &#8220;En pr\u00eat&#8221; \u00e0 &#8220;En rayon&#8221; et vice versa.<\/li>\n<li id=\"bb1d\" class=\"graf graf--li graf-after--li\">\u00c9v\u00e9nements\u00a0: les \u00e9v\u00e9nements sont \u00e9tiquet\u00e9s sur les transitions.\u00a0Ils repr\u00e9sentent l&#8217;\u00e9v\u00e9nement effectu\u00e9 sur une transition.\u00a0Lors du passage de l&#8217;\u00e9tat &#8220;En pr\u00eat&#8221; \u00e0 l&#8217;\u00e9tat &#8220;En rayon&#8221;, l&#8217;\u00e9v\u00e9nement &#8220;Retourn\u00e9()&#8221; est ex\u00e9cut\u00e9.<\/li>\n<\/ul>\n<p id=\"b65a\" class=\"graf graf--p graf-after--li\">Les actions sont des modifications des variables d&#8217;\u00e9tat.\u00a0Dans l&#8217;exemple ci-dessous, les actions sont sp\u00e9cifi\u00e9es sur les transitions.\u00a0Lorsque la transition de \u00ab\u00a0En rayon\u00a0\u00bb \u00e0 \u00ab\u00a0En pr\u00eat\u00a0\u00bb est prise, la variable d&#8217;\u00e9tat des livres est diminu\u00e9e.<\/p>\n<figure id=\"728c\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/1pIDv6uHDJ1S46mnC5FOoQQ.png\" data-image-id=\"1*pIDv6uHDJ1S46mnC5FOoQQ.png\" data-width=\"685\" data-height=\"179\" \/><\/figure>\n<p id=\"e4fc\" class=\"graf graf--p graf-after--figure\">Les actions peuvent \u00eatre sp\u00e9cifi\u00e9es sur les transitions, mais aussi dans les \u00e9tats.\u00a0Dans ce cas, on peut sp\u00e9cifier si l&#8217;action doit \u00eatre effectu\u00e9e lors de l&#8217;entr\u00e9e ou de la sortie de l&#8217;\u00e9tat.\u00a0Dans la figure ci-dessous montre ces options.<\/p>\n<ul class=\"postList\">\n<li id=\"8428\" class=\"graf graf--li graf-after--p\">La premi\u00e8re option affiche la sp\u00e9cification des actions lorsqu&#8217;une transition est effectu\u00e9e.\u00a0L&#8217;action est effectu\u00e9e sur le changement d&#8217;\u00e9tat.<\/li>\n<li id=\"c136\" class=\"graf graf--li graf-after--li\">La deuxi\u00e8me option montre la sp\u00e9cification d&#8217;une action dans un \u00e9tat.\u00a0Le mot-cl\u00e9 \u201dentry\u201d indique que l&#8217;action doit \u00eatre effectu\u00e9e lorsque l&#8217;\u00e9tat est entr\u00e9.<\/li>\n<li id=\"b36a\" class=\"graf graf--li graf-after--li\">Enfin, la troisi\u00e8me option montre comment sp\u00e9cifier qu&#8217;une action est entreprise \u00e0 la sortie d&#8217;un \u00e9tat.\u00a0Notez le mot-cl\u00e9 &#8220;exit&#8221;.<\/li>\n<\/ul>\n<figure id=\"91a2\" class=\"graf graf--figure graf-after--li\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/1mUWHLxcINFtteW0A8GzfKw.png\" data-image-id=\"1*mUWHLxcINFtteW0A8GzfKw.png\" data-width=\"935\" data-height=\"519\" \/><\/figure>\n<h4 id=\"39de\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Simple_State_Machine_Diagram_Notation\">Notation de diagramme de machine d&#8217;\u00e9tat simple<\/span><\/h4>\n<figure id=\"ce5d\" class=\"graf graf--figure graf-after--h4\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0UxT-FbCuYYGoriSY.png\" data-image-id=\"0*UxT-FbCuYYGoriSY.png\" data-width=\"513\" data-height=\"134\" \/><\/figure>\n<h3 id=\"bfee\" class=\"graf graf--h3 graf-after--figure\"><span id=\"State_Machine_Diagram_Advanced_Concepts\">Diagramme de machine d&#8217;\u00e9tat \u2014 Concepts avanc\u00e9s<\/span><\/h3>\n<h4 id=\"f876\" class=\"graf graf--h4 graf-after--h3\"><span id=\"Constraints\">Contraintes<\/span><\/h4>\n<p id=\"d2c1\" class=\"graf graf--p graf-after--h4\">Il est possible d&#8217;ajouter des contraintes aux transitions.\u00a0Consid\u00e9rez la figure ci-dessous.\u00a0Les contraintes \u201d[not last copy]\u201d et \u201d[last copy]\u201d sont utilis\u00e9es pour distinguer les deux transitions avec l&#8217;\u00e9v\u00e9nement \u201dcopyBorrowed()\u201d.\u00a0La s\u00e9mantique est qu&#8217;une transition est activ\u00e9e lorsque la contrainte est vraie.<\/p>\n<figure id=\"03b3\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/1ZgJCWkgENEpeJx950-6kVQ.png\" data-image-id=\"1*ZgJCWkgENEpeJx950-6kVQ.png\" data-width=\"721\" data-height=\"237\" \/><\/figure>\n<h4 id=\"c1bb\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Substates\">Sous-\u00e9tats<\/span><\/h4>\n<p id=\"3047\" class=\"graf graf--p graf-after--h4\">Un \u00e9tat simple est un \u00e9tat qui n&#8217;a pas de sous-structure.\u00a0Un \u00e9tat qui a des sous-\u00e9tats (\u00e9tats imbriqu\u00e9s) est appel\u00e9 un \u00e9tat composite.\u00a0Les sous-\u00e9tats peuvent \u00eatre imbriqu\u00e9s \u00e0 n&#8217;importe quel niveau.\u00a0Une machine \u00e0 \u00e9tats imbriqu\u00e9e peut avoir au plus un \u00e9tat initial et un \u00e9tat final.\u00a0Les sous-\u00e9tats sont utilis\u00e9s pour simplifier les machines \u00e0 \u00e9tats plates complexes en montrant que certains \u00e9tats ne sont possibles que dans un contexte particulier (l&#8217;\u00e9tat englobant).<\/p>\n<p id=\"956f\" class=\"graf graf--p graf-after--p\">Exemple de sous-\u00e9tat \u2014 r\u00e9chauffeur<\/p>\n<figure id=\"1301\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0OxzAaBIq8AxzV6JY.png\" data-image-id=\"0*OxzAaBIq8AxzV6JY.png\" data-width=\"503\" data-height=\"287\" \/><\/figure>\n<p id=\"54bd\" class=\"graf graf--p graf-after--figure\">Les diagrammes de machine d&#8217;\u00e9tat sont souvent utilis\u00e9s pour d\u00e9river des cas de test, voici une liste d&#8217;id\u00e9es de test possibles\u00a0:<\/p>\n<ul class=\"postList\">\n<li id=\"cfb2\" class=\"graf graf--li graf-after--p\">L&#8217;\u00e9tat inactif re\u00e7oit l&#8217;\u00e9v\u00e9nement Trop chaud<\/li>\n<li id=\"2f29\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat inactif re\u00e7oit l&#8217;\u00e9v\u00e9nement Too Cool<\/li>\n<li id=\"0887\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat Refroidissement\/D\u00e9marrage re\u00e7oit l&#8217;\u00e9v\u00e9nement Compresseur en marche<\/li>\n<li id=\"40cf\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat Refroidissement\/Pr\u00eat re\u00e7oit l&#8217;\u00e9v\u00e9nement Ventilateur en marche<\/li>\n<li id=\"f43a\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat de refroidissement\/fonctionnement re\u00e7oit l&#8217;\u00e9v\u00e9nement OK<\/li>\n<li id=\"a3e2\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat de refroidissement\/fonctionnement re\u00e7oit l&#8217;\u00e9v\u00e9nement d&#8217;\u00e9chec<\/li>\n<li id=\"6dc5\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat d&#8217;\u00e9chec re\u00e7oit l&#8217;\u00e9v\u00e9nement \u00c9chec effac\u00e9<\/li>\n<li id=\"2774\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat de chauffage re\u00e7oit l&#8217;\u00e9v\u00e9nement OK<\/li>\n<li id=\"6638\" class=\"graf graf--li graf-after--li\">L&#8217;\u00e9tat de chauffage re\u00e7oit l&#8217;\u00e9v\u00e9nement d&#8217;\u00e9chec<\/li>\n<\/ul>\n<h4 id=\"6359\" class=\"graf graf--h4 graf-after--li\"><span id=\"History_States\">\u00c9tats de l&#8217;historique<\/span><\/h4>\n<p id=\"140c\" class=\"graf graf--p graf-after--h4\">Sauf indication contraire, lorsqu&#8217;une transition entre dans un \u00e9tat composite, l&#8217;action de\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">la machine \u00e0 \u00e9tats imbriqu\u00e9e recommence \u00e0 l&#8217;\u00e9tat initial<\/strong>\u00a0\u00a0(sauf si la transition cible directement un sous-\u00e9tat).\u00a0Les \u00e9tats d&#8217;historique permettent \u00e0 la machine d&#8217;\u00e9tat de\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">r\u00e9int\u00e9grer le dernier sous-\u00e9tat qui \u00e9tait actif avant de quitter<\/strong>\u00a0\u00a0l&#8217;\u00e9tat composite.\u00a0Un exemple d&#8217;utilisation de l&#8217;\u00e9tat de l&#8217;historique est pr\u00e9sent\u00e9 dans la figure ci-dessous.<\/p>\n<figure id=\"5739\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0ix06QmiG64x_ODgQ.png\" data-image-id=\"0*ix06QmiG64x_ODgQ.png\" data-width=\"362\" data-height=\"294\" \/><\/figure>\n<h4 id=\"dbcd\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Concurrent_State\">\u00c9tat simultan\u00e9<\/span><\/h4>\n<p id=\"e861\" class=\"graf graf--p graf-after--h4\">Comme mentionn\u00e9 ci-dessus, les \u00e9tats des diagrammes de machines d&#8217;\u00e9tat peuvent \u00eatre imbriqu\u00e9s.\u00a0Les \u00e9tats associ\u00e9s peuvent \u00eatre regroup\u00e9s en un seul \u00e9tat composite.\u00a0L&#8217;imbrication d&#8217;\u00e9tats dans d&#8217;autres est n\u00e9cessaire lorsqu&#8217;une activit\u00e9 implique des sous-activit\u00e9s concurrentes.\u00a0Le diagramme de machine d&#8217;\u00e9tat suivant mod\u00e9lise une ench\u00e8re avec deux sous-\u00e9tats simultan\u00e9s\u00a0: traitement de l&#8217;offre et autorisation de la limite de paiement.<\/p>\n<p id=\"436d\" class=\"graf graf--p graf-after--p\">Exemple de diagramme de machine \u00e0 \u00e9tats simultan\u00e9s &#8211; Processus d&#8217;ench\u00e8res<\/p>\n<p id=\"8429\" class=\"graf graf--p graf-after--p\">Dans cet exemple, la machine d&#8217;\u00e9tat entrant pour la premi\u00e8re fois dans l&#8217;ench\u00e8re n\u00e9cessite une bifurcation au d\u00e9but en deux threads de d\u00e9marrage distincts.\u00a0Chaque sous-\u00e9tat a un \u00e9tat de sortie pour marquer la fin du thread.\u00a0Sauf en cas de sortie anormale (Annul\u00e9 ou Rejet\u00e9), la sortie de l&#8217;\u00e9tat composite se produit lorsque les deux sous-\u00e9tats sont sortis.<\/p>\n<figure id=\"2680\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0oDG-DqsYwXKN4_qK.png\" data-image-id=\"0*oDG-DqsYwXKN4_qK.png\" data-width=\"755\" data-height=\"318\" \/><\/figure>\n<h4 id=\"f932\" class=\"graf graf--h4 graf-after--figure\"><span id=\"Related_Links\">Liens connexes<\/span><\/h4>\n<ol class=\"postList\">\n<li id=\"312b\" class=\"graf graf--li graf-after--h4\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-uml\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-uml\/\">Qu&#8217;est-ce que le langage de mod\u00e9lisation unifi\u00e9\u00a0?<\/a><\/li>\n<li id=\"32e4\" class=\"graf graf--li graf-after--li\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/features\/uml-tool\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/features\/uml-tool\/\">Outil de diagramme UML professionnel<\/a><\/li>\n<\/ol>\n<h3 id=\"7183\" class=\"graf graf--h3 graf-after--li\"><span id=\"Do_It_Yourself_State_Diagram_Examples_with_Visual_Paradigm_Online\">Exemples de diagramme d&#8217;\u00e9tat \u00e0 faire soi-m\u00eame avec Visual Paradigm Online<\/span><\/h3>\n<ul class=\"postList\">\n<li id=\"5cb6\" class=\"graf graf--li graf-after--h3\">Exemples et mod\u00e8les gratuits de diagramme de machine d&#8217;\u00e9tat modifiables dans un logiciel en ligne de diagramme de machine d&#8217;\u00e9tat :\u00a0\u00a0<a class=\"markup--anchor markup--li-anchor\" href=\"http:\/\/online.visual-paradigm.com\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/online.visual-paradigm.com\">Visual Paradigm Online<\/a>\u00a0.<\/li>\n<li id=\"b6ff\" class=\"graf graf--li graf-after--li\">Utilisez les mod\u00e8les comme point de d\u00e9part pour cr\u00e9er votre propre diagramme de machine d&#8217;\u00e9tat.<\/li>\n<\/ul>\n<p id=\"f86c\" class=\"graf graf--p graf-after--li\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/oven\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/oven\/\">Four<\/a><\/p>\n<figure id=\"2645\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0H2RtW8mSJilv338u.png\" data-image-id=\"0*H2RtW8mSJilv338u.png\" data-width=\"758\" data-height=\"524\" \/><\/figure>\n<p id=\"7f48\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/digital-clock\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/digital-clock\/\">Horloge digitale<\/a><\/p>\n<figure id=\"73af\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/05OEY0NIEl_tQe_3d.png\" data-image-id=\"0*5OEY0NIEl_tQe_3d.png\" data-width=\"457\" data-height=\"358\" \/><\/figure>\n<p id=\"47d6\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/orthogonal-state\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/orthogonal-state\/\">\u00c9tat orthogonal<\/a><\/p>\n<figure id=\"0828\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0d6JnTvh0kcY6-v3u.png\" data-image-id=\"0*d6JnTvh0kcY6-v3u.png\" data-width=\"747\" data-height=\"306\" \/><\/figure>\n<p id=\"ffb7\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/composite-state\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/composite-state\/\">\u00c9tat compos\u00e9<\/a><\/p>\n<figure id=\"bf23\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/05k6-rc6mmN5YHQnZ.png\" data-image-id=\"0*5k6-rc6mmN5YHQnZ.png\" data-width=\"442\" data-height=\"205\" \/><\/figure>\n<p id=\"8cd0\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/heater\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/heater\/\">Chauffe-eau<\/a><\/p>\n<figure id=\"b444\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0i1Csne2_T5NvdEqP.png\" data-image-id=\"0*i1Csne2_T5NvdEqP.png\" data-width=\"678\" data-height=\"337\" \/><\/figure>\n<p id=\"7e30\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/toaster\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/toaster\/\">Grille-pain<\/a><\/p>\n<figure id=\"1346\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0vuIwUshjtKd-dqhb.png\" data-image-id=\"0*vuIwUshjtKd-dqhb.png\" data-width=\"664\" data-height=\"195\" \/><\/figure>\n<p id=\"cc0d\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/ticket-selling-system\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/ticket-selling-system\/\">Syst\u00e8me de vente de billets<\/a><\/p>\n<figure id=\"1464\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0kFM6eMMWf5pJWKy7.png\" data-image-id=\"0*kFM6eMMWf5pJWKy7.png\" data-width=\"504\" data-height=\"199\" \/><\/figure>\n<p id=\"dfcf\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/phone\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/state-machine-diagram\/phone\/\">T\u00e9l\u00e9phoner<\/a><\/p>\n<figure id=\"d3f9\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0-ZoXofG11LRsjIaH.png\" data-image-id=\"0*-ZoXofG11LRsjIaH.png\" data-width=\"870\" data-height=\"379\" \/><\/figure>\n<h3 id=\"2a90\" class=\"graf graf--h3 graf-after--figure\"><span id=\"Free_UML_Software_Tool\">Outil logiciel UML gratuit<\/span><\/h3>\n<p id=\"e3d8\" class=\"graf graf--p graf-after--h3\">Vous avez appris ce qu&#8217;est un diagramme de machine d&#8217;\u00e9tat et comment dessiner un diagramme de machine d&#8217;\u00e9tat.\u00a0Il est temps de dessiner votre propre diagramme de machine d&#8217;\u00e9tat.\u00a0Obtenez Visual Paradigm Community Edition, un logiciel UML gratuit, et cr\u00e9ez votre propre diagramme de machine d&#8217;\u00e9tat avec l&#8217;outil gratuit de diagramme de machine d&#8217;\u00e9tat.\u00a0Il est facile \u00e0 utiliser et intuitif.<\/p>\n<p id=\"3e9b\" class=\"graf graf--p graf-after--p graf--trailing\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.visual-paradigm.com\/download\/community.jsp\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/download\/community.jsp\">T\u00e9l\u00e9chargement Gratuit<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un diagramme de machine \u00e0 \u00e9tats est un comportement qui sp\u00e9cifie la s\u00e9quence d&#8217;\u00e9tats qu&#8217;un objet visite au cours de sa vie en r\u00e9ponse \u00e0 des \u00e9v\u00e9nements, ainsi que ses r\u00e9ponses \u00e0 ces \u00e9v\u00e9nements.<\/p>\n","protected":false},"author":5,"featured_media":9870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-9868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unified-modeling-language"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide complet du diagramme d&#039;\u00e9tat avec exemples - Cyberm\u00e9diane<\/title>\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.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide complet du diagramme d&#039;\u00e9tat avec exemples - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Un diagramme de machine \u00e0 \u00e9tats est un comportement qui sp\u00e9cifie la s\u00e9quence d&#039;\u00e9tats qu&#039;un objet visite au cours de sa vie en r\u00e9ponse \u00e0 des \u00e9v\u00e9nements, ainsi que ses r\u00e9ponses \u00e0 ces \u00e9v\u00e9nements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-26T00:51:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T09:13:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\" \/>\n<meta name=\"author\" content=\"vpwing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpwing\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\"},\"author\":{\"name\":\"vpwing\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34\"},\"headline\":\"Guide complet du diagramme d&#8217;\u00e9tat avec exemples\",\"datePublished\":\"2022-01-26T00:51:35+00:00\",\"dateModified\":\"2026-04-20T09:13:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\"},\"wordCount\":1458,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"articleSection\":[\"Unified Modeling Language\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\",\"name\":\"Guide complet du diagramme d'\u00e9tat avec exemples - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"datePublished\":\"2022-01-26T00:51:35+00:00\",\"dateModified\":\"2026-04-20T09:13:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage\",\"url\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"contentUrl\":\"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png\",\"width\":\"1170\",\"height\":\"665\",\"caption\":\"Guide complet du diagramme d'\u00e9tat avec exemples\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide complet du diagramme d&#8217;\u00e9tat avec exemples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/\",\"name\":\"Cyberm\u00e9diane\",\"description\":\"Apprendre une nouvelle chose tous les jours\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34\",\"name\":\"vpwing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4b6db296c78a800ccf76c379029a84263fc560f452fabfa00122d9ad34f40a2a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4b6db296c78a800ccf76c379029a84263fc560f452fabfa00122d9ad34f40a2a?s=96&d=mm&r=g\",\"caption\":\"vpwing\"},\"url\":\"https:\/\/www.cybermedian.com\/fr\/author\/vpwing\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide complet du diagramme d'\u00e9tat avec exemples - Cyberm\u00e9diane","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.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Guide complet du diagramme d'\u00e9tat avec exemples - Cyberm\u00e9diane","og_description":"Un diagramme de machine \u00e0 \u00e9tats est un comportement qui sp\u00e9cifie la s\u00e9quence d'\u00e9tats qu'un objet visite au cours de sa vie en r\u00e9ponse \u00e0 des \u00e9v\u00e9nements, ainsi que ses r\u00e9ponses \u00e0 ces \u00e9v\u00e9nements.","og_url":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2022-01-26T00:51:35+00:00","article_modified_time":"2026-04-20T09:13:34+00:00","og_image":[{"url":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","type":"","width":"","height":""}],"author":"vpwing","twitter_card":"summary_large_image","twitter_image":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","twitter_misc":{"\u00c9crit par":"vpwing","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/"},"author":{"name":"vpwing","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34"},"headline":"Guide complet du diagramme d&#8217;\u00e9tat avec exemples","datePublished":"2022-01-26T00:51:35+00:00","dateModified":"2026-04-20T09:13:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/"},"wordCount":1458,"commentCount":0,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","articleSection":["Unified Modeling Language"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/","url":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/","name":"Guide complet du diagramme d'\u00e9tat avec exemples - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","datePublished":"2022-01-26T00:51:35+00:00","dateModified":"2026-04-20T09:13:34+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#primaryimage","url":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","contentUrl":"https:\/\/online.visual-paradigm.com\/images\/features\/state-machine-diagram-software\/state-machine-diagram-software.png","width":"1170","height":"665","caption":"Guide complet du diagramme d'\u00e9tat avec exemples"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/state-diagram-comprehensive-guide-with-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Guide complet du diagramme d&#8217;\u00e9tat avec exemples"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/fr\/#website","url":"https:\/\/www.cybermedian.com\/fr\/","name":"Cyberm\u00e9diane","description":"Apprendre une nouvelle chose tous les jours","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34","name":"vpwing","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4b6db296c78a800ccf76c379029a84263fc560f452fabfa00122d9ad34f40a2a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4b6db296c78a800ccf76c379029a84263fc560f452fabfa00122d9ad34f40a2a?s=96&d=mm&r=g","caption":"vpwing"},"url":"https:\/\/www.cybermedian.com\/fr\/author\/vpwing\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/9868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/comments?post=9868"}],"version-history":[{"count":2,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/9868\/revisions"}],"predecessor-version":[{"id":9871,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/9868\/revisions\/9871"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media\/9870"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=9868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=9868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=9868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}