{"id":9825,"date":"2022-01-25T11:09:02","date_gmt":"2022-01-25T11:09:02","guid":{"rendered":"https:\/\/www.cybermedian.com\/fr\/?p=9825"},"modified":"2026-04-20T09:13:37","modified_gmt":"2026-04-20T09:13:37","slug":"logiciel-uml-en-ligne-gratuit-a-la-volee-30-exemples-de-diagrammes-de-classes","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/","title":{"rendered":"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes"},"content":{"rendered":"<h3 id=\"b1d5\" class=\"graf graf--h3 graf-after--h3\"><span id=\"What_is_a_Class_Diagram\">Qu&#8217;est-ce qu&#8217;un diagramme de classes\u00a0?<\/span><\/h3>\n<p id=\"5198\" class=\"graf graf--p graf-after--h3\">Le\u00a0 diagramme\u00a0<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-class-diagram\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/what-is-class-diagram\/\">de classes\u00a0<\/a><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/en.wikipedia.org\/wiki\/Unified_Modeling_Language\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/en.wikipedia.org\/wiki\/Unified_Modeling_Language\">UML<\/a>\u00a0\u00a0\u00a0est une notation graphique utilis\u00e9e pour construire et visualiser des syst\u00e8mes orient\u00e9s objet.\u00a0Un diagramme de classes dans le langage de mod\u00e9lisation unifi\u00e9 (\u00a0<a class=\"markup--anchor markup--p-anchor\" href=\"http:\/\/www.omg.org\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/www.omg.org\">UML<\/a>\u00a0) est un type de diagramme de structure statique qui d\u00e9crit la structure d&#8217;un syst\u00e8me en montrant :<\/p>\n<ul class=\"postList\">\n<li id=\"6898\" class=\"graf graf--li graf-after--p\">Des classes,<\/li>\n<li id=\"ac7e\" class=\"graf graf--li graf-after--li\">leurs attributs (ou Propri\u00e9t\u00e9s),<\/li>\n<li id=\"e54b\" class=\"graf graf--li graf-after--li\">op\u00e9rations (ou m\u00e9thodes),<\/li>\n<li id=\"399e\" class=\"graf graf--li graf-after--li\">et les relations entre les objets.<\/li>\n<\/ul>\n<h3 id=\"ebd1\" class=\"graf graf--h3 graf-after--li\"><span id=\"What_is_a_Class\">Qu&#8217;est-ce qu&#8217;une classe\u00a0?<\/span><\/h3>\n<p id=\"3523\" class=\"graf graf--p graf-after--h3\">Une classe est un plan pour un objet.\u00a0Les objets et les classes vont de pair.\u00a0On ne peut pas parler de l&#8217;un sans parler de l&#8217;autre.\u00a0Et tout l&#8217;int\u00e9r\u00eat de la conception orient\u00e9e objet ne concerne pas les objets, mais les classes, car nous utilisons des classes pour cr\u00e9er des objets.\u00a0Ainsi, une classe d\u00e9crit ce que sera un objet, mais ce n&#8217;est pas l&#8217;objet lui-m\u00eame.<\/p>\n<p id=\"de2b\" class=\"graf graf--p graf-after--p\">En fait, les classes d\u00e9crivent le type des objets, tandis que les objets sont des instances utilisables des classes.\u00a0Chaque objet a \u00e9t\u00e9 construit \u00e0 partir du m\u00eame ensemble de plans et contient donc les m\u00eames composants (propri\u00e9t\u00e9s et m\u00e9thodes).\u00a0La signification standard est qu&#8217;un objet est une instance d&#8217;une classe et d&#8217;un objet \u2014 Les objets ont des \u00e9tats et des comportements.<\/p>\n<h3 id=\"af8d\" class=\"graf graf--h3 graf-after--p\"><span id=\"Example\">Exemple<\/span><\/h3>\n<p id=\"aee1\" class=\"graf graf--p graf-after--h3\">Un chien a des \u00e9tats &#8211; couleur, nom, race ainsi que des comportements &#8211; remuer, aboyer, manger.\u00a0Un objet est une instance d&#8217;une classe.<\/p>\n<figure id=\"7186\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0AzoRVDqpPOdXhT2z.png\" data-image-id=\"0*AzoRVDqpPOdXhT2z.png\" data-width=\"630\" data-height=\"444\" data-is-featured=\"true\" \/><\/figure>\n<h3 id=\"2292\" class=\"graf graf--h3 graf-after--figure\"><span id=\"UML_Class_Notation\">Notation de classe UML<\/span><\/h3>\n<p id=\"52d3\" class=\"graf graf--p graf-after--h3\">Une classe repr\u00e9sente un concept qui encapsule l&#8217;\u00e9tat (\u00a0<strong class=\"markup--strong markup--p-strong\">attributs<\/strong>\u00a0) et le comportement (\u00a0<strong class=\"markup--strong markup--p-strong\">op\u00e9rations<\/strong>\u00a0).\u00a0Chaque attribut a un type.\u00a0Chaque\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">op\u00e9ration<\/strong>\u00a0\u00a0a une\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">signature<\/strong>\u00a0.\u00a0<em class=\"markup--em markup--p-em\">Le nom de la classe est la\u00a0\u00a0<\/em><strong class=\"markup--strong markup--p-strong\"><em class=\"markup--em markup--p-em\">seule information obligatoire<\/em><\/strong>\u00a0.<\/p>\n<figure id=\"3661\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/050_6eZnYAD1PnhGV.png\" data-image-id=\"0*50_6eZnYAD1PnhGV.png\" data-width=\"492\" data-height=\"162\" \/><\/figure>\n<p id=\"2c72\" class=\"graf graf--p graf-after--figure\"><strong class=\"markup--strong markup--p-strong\">Nom du cours:<\/strong><\/p>\n<ul class=\"postList\">\n<li id=\"90df\" class=\"graf graf--li graf-after--p\">Le nom de la classe appara\u00eet dans la premi\u00e8re partition.<\/li>\n<\/ul>\n<p id=\"4533\" class=\"graf graf--p graf-after--li\"><strong class=\"markup--strong markup--p-strong\">Attributs de classe\u00a0:<\/strong><\/p>\n<ul class=\"postList\">\n<li id=\"2e3d\" class=\"graf graf--li graf-after--p\">Les attributs sont affich\u00e9s dans la deuxi\u00e8me partition.<\/li>\n<li id=\"ab10\" class=\"graf graf--li graf-after--li\">Le type d&#8217;attribut est affich\u00e9 apr\u00e8s les deux-points.<\/li>\n<li id=\"0bc3\" class=\"graf graf--li graf-after--li\">Les attributs sont mapp\u00e9s sur des variables membres (membres de donn\u00e9es) dans le code.<\/li>\n<\/ul>\n<p id=\"5617\" class=\"graf graf--p graf-after--li\"><strong class=\"markup--strong markup--p-strong\">Op\u00e9rations de classe (m\u00e9thodes)\u00a0:<\/strong><\/p>\n<ul class=\"postList\">\n<li id=\"975b\" class=\"graf graf--li graf-after--p\">Les op\u00e9rations sont pr\u00e9sent\u00e9es dans la troisi\u00e8me partition.\u00a0Ce sont des services que la classe fournit.<\/li>\n<li id=\"039e\" class=\"graf graf--li graf-after--li\">Le type de retour d&#8217;une m\u00e9thode est affich\u00e9 apr\u00e8s les deux-points \u00e0 la fin de la signature de la m\u00e9thode.<\/li>\n<li id=\"9d65\" class=\"graf graf--li graf-after--li\">Le type de retour des param\u00e8tres de m\u00e9thode est affich\u00e9 apr\u00e8s les deux-points suivant le nom du param\u00e8tre.\u00a0Mappage des op\u00e9rations sur les m\u00e9thodes de classe dans le code<\/li>\n<\/ul>\n<figure id=\"1cf0\" class=\"graf graf--figure graf-after--li\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0xO6magyGcQTr3sFt.png\" data-image-id=\"0*xO6magyGcQTr3sFt.png\" data-width=\"521\" data-height=\"150\" \/><\/figure>\n<h3 id=\"9109\" class=\"graf graf--h3 graf-after--figure\"><span id=\"Class_Visibility\">Visibilit\u00e9 de classe<\/span><\/h3>\n<p id=\"2500\" class=\"graf graf--p graf-after--h3\">Les symboles +, \u2014 et # devant un attribut et un nom d&#8217;op\u00e9ration dans une classe indiquent la visibilit\u00e9 de l&#8217;attribut et de l&#8217;op\u00e9ration.<\/p>\n<figure id=\"3b40\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0i7F34_7d1LszXPcp.png\" data-image-id=\"0*i7F34_7d1LszXPcp.png\" data-width=\"357\" data-height=\"141\" \/><\/figure>\n<p id=\"f6a2\" class=\"graf graf--p graf-after--figure\">\u200b<\/p>\n<ul class=\"postList\">\n<li id=\"f705\" class=\"graf graf--li graf-after--p\">+ d\u00e9signe des attributs publics ou des op\u00e9rations<\/li>\n<li id=\"4228\" class=\"graf graf--li graf-after--li\">\u2013 d\u00e9signe des attributs ou des op\u00e9rations priv\u00e9es<\/li>\n<li id=\"4d98\" class=\"graf graf--li graf-after--li\"># indique des attributs ou des op\u00e9rations prot\u00e9g\u00e9s<\/li>\n<\/ul>\n<h3 id=\"e3f0\" class=\"graf graf--h3 graf-after--li\"><span id=\"Parameter_Directionality\">Directionnalit\u00e9 des param\u00e8tres<\/span><\/h3>\n<p id=\"fb50\" class=\"graf graf--p graf-after--h3\">Chaque param\u00e8tre d&#8217;une op\u00e9ration (m\u00e9thode) peut \u00eatre not\u00e9 in,\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">out<\/strong>\u00a0\u00a0ou\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">inout<\/strong>\u00a0\u00a0qui sp\u00e9cifie sa direction par rapport \u00e0 l&#8217;appelant.\u00a0Cette directionnalit\u00e9 est indiqu\u00e9e avant le nom du param\u00e8tre.<\/p>\n<figure id=\"af3f\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0ahCIAGIlHEmX8rtP.png\" data-image-id=\"0*ahCIAGIlHEmX8rtP.png\" data-width=\"426\" data-height=\"202\" \/><\/figure>\n<h3 id=\"25a9\" class=\"graf graf--h3 graf-after--figure\"><span id=\"Perspectives_of_Class_Diagram\">Perspectives du diagramme de classes<\/span><\/h3>\n<p id=\"3d3e\" class=\"graf graf--p graf-after--h3\">Le choix de la perspective d\u00e9pend de l&#8217;\u00e9tat d&#8217;avancement du processus de d\u00e9veloppement.\u00a0Lors de la formulation d&#8217;un\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">mod\u00e8le de domaine<\/strong>\u00a0, par exemple, vous d\u00e9passerez rarement la\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">perspective conceptuelle<\/strong>\u00a0.\u00a0<strong class=\"markup--strong markup--p-strong\">Les mod\u00e8les d&#8217;analyse<\/strong>\u00a0\u00a0pr\u00e9sentent g\u00e9n\u00e9ralement un m\u00e9lange de\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">perspectives conceptuelles et de sp\u00e9cifications<\/strong>\u00a0.\u00a0<strong class=\"markup--strong markup--p-strong\">Le d\u00e9veloppement du mod\u00e8le de conception<\/strong>\u00a0\u00a0commencera g\u00e9n\u00e9ralement par mettre fortement l&#8217;accent sur la\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">perspective de la sp\u00e9cification<\/strong>\u00a0et \u00e9voluera vers la\u00a0\u00a0<strong class=\"markup--strong markup--p-strong\">perspective de la mise<\/strong>\u00a0en \u0153uvre .<\/p>\n<p id=\"24e6\" class=\"graf graf--p graf-after--p\">Un diagramme peut \u00eatre interpr\u00e9t\u00e9 de plusieurs points de vue :<\/p>\n<ul class=\"postList\">\n<li id=\"d3e0\" class=\"graf graf--li graf-after--p\"><strong class=\"markup--strong markup--li-strong\">Conceptuel<\/strong>\u00a0: repr\u00e9sente les concepts du domaine<\/li>\n<li id=\"d551\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Sp\u00e9cification<\/strong>\u00a0: l&#8217;accent est mis sur les interfaces des types de donn\u00e9es abstraits (ADT) dans le logiciel<\/li>\n<li id=\"2896\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Impl\u00e9mentation<\/strong>\u00a0: d\u00e9crit comment les classes vont impl\u00e9menter leurs interfaces<\/li>\n<\/ul>\n<p id=\"d6c0\" class=\"graf graf--p graf-after--li\">La perspective affecte la quantit\u00e9 de d\u00e9tails \u00e0 fournir et les types de relations qui m\u00e9ritent d&#8217;\u00eatre pr\u00e9sent\u00e9es.\u00a0Comme nous l&#8217;avons mentionn\u00e9 ci-dessus, le nom de la classe est la seule information obligatoire.<\/p>\n<figure id=\"6384\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0a-j3UiFkEu-F3x_w.png\" data-image-id=\"0*a-j3UiFkEu-F3x_w.png\" data-width=\"765\" data-height=\"150\" \/><\/figure>\n<p id=\"bbe4\" class=\"graf graf--p graf-after--figure\">\u200b<\/p>\n<p id=\"b7e7\" class=\"graf graf--p graf-after--p\">Un diagramme de classes est une technique de mod\u00e9lisation centrale qui s&#8217;applique \u00e0 presque toutes les m\u00e9thodes orient\u00e9es objet.\u00a0Ce diagramme d\u00e9crit les types d&#8217;objets dans le syst\u00e8me et les diff\u00e9rents types de relations statiques qui existent entre eux.<\/p>\n<p id=\"978c\" class=\"graf graf--p graf-after--p\">Des relations<\/p>\n<p id=\"b8d1\" class=\"graf graf--p graf-after--p\">Il existe trois principaux types de relations qui sont importantes\u00a0:<\/p>\n<ol class=\"postList\">\n<li id=\"c847\" class=\"graf graf--li graf-after--p\"><strong class=\"markup--strong markup--li-strong\">Association<\/strong>\u00a0\u200a\u2014 repr\u00e9sente les relations entre les instances de types (une personne travaille pour une entreprise, une entreprise a plusieurs bureaux.<\/li>\n<li id=\"de57\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">H\u00e9ritage<\/strong>\u00a0\u200a- l&#8217;ajout le plus \u00e9vident aux diagrammes ER \u00e0 utiliser dans OO.\u00a0Il a une correspondance imm\u00e9diate avec l&#8217;h\u00e9ritage dans la conception OO.<\/li>\n<li id=\"7901\" class=\"graf graf--li graf-after--li\"><strong class=\"markup--strong markup--li-strong\">Agr\u00e9gation<\/strong>\u00a0\u200a\u2014 Agr\u00e9gation, une forme de composition d&#8217;objets dans la conception orient\u00e9e objet.<\/li>\n<\/ol>\n<figure id=\"4770\" class=\"graf graf--figure graf-after--li\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0TT0WybpZq8njBAZf.png\" data-image-id=\"0*TT0WybpZq8njBAZf.png\" data-width=\"726\" data-height=\"332\" \/><\/figure>\n<h3 id=\"17c2\" class=\"graf graf--h3 graf-after--figure\"><span id=\"Class_Diagram_Example_GUI\">Exemple de diagramme de classes\u00a0: interface graphique<\/span><\/h3>\n<p id=\"81a8\" class=\"graf graf--p graf-after--h3\">Un diagramme de classes peut \u00e9galement avoir des notes attach\u00e9es aux classes ou aux relations.<\/p>\n<figure id=\"487d\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0884Hb2yL6k2Qg3Pz.png\" data-image-id=\"0*884Hb2yL6k2Qg3Pz.png\" data-width=\"917\" data-height=\"436\" \/><\/figure>\n<h3 id=\"92fa\" class=\"graf graf--h3 graf-after--figure\"><span id=\"Free_UML_Software_Tool\">Outil logiciel UML gratuit<\/span><\/h3>\n<p id=\"176e\" class=\"graf graf--p graf-after--h3\">Dans cet article, je pr\u00e9sente deux outils UML\u00a0:<\/p>\n<ul class=\"postList\">\n<li id=\"ff1f\" class=\"graf graf--li graf-after--p\">Visual Paradigm Community Editon (GRATUIT) est un\u00a0\u00a0<a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/shop\/vp.jsp?license=perpetual\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/shop\/vp.jsp?license=perpetual\">outil UML de bureau<\/a>\u00a0\u00a0avec des capacit\u00e9s de mod\u00e9lisation de fonctionnalit\u00e9s.\u00a0(mise \u00e0 jour possible vers les \u00e9ditions commerciales)<\/li>\n<li id=\"e549\" class=\"graf graf--li graf-after--li\">Visual Paradigm Online pour uml g\u00e9n\u00e9ral et autres sch\u00e9mas de dessin.<\/li>\n<\/ul>\n<figure id=\"aecb\" class=\"graf graf--figure graf--iframe graf-after--li\"><\/figure>\n<h4 id=\"e9ab\" class=\"graf graf--h4 graf-after--figure\"><span id=\"30_Class_Diagram_Examples\">\u200b30 exemples de diagrammes de classes<\/span><\/h4>\n<ul class=\"postList\">\n<li id=\"b1ce\" class=\"graf graf--li graf-after--h4\">Exemples et mod\u00e8les de diagramme de classes gratuits modifiables dans un logiciel de diagramme de classes en ligne : Visual Paradigm Online.<\/li>\n<li id=\"2b05\" class=\"graf graf--li graf-after--li\">Utilisez les mod\u00e8les comme point de d\u00e9part pour cr\u00e9er votre propre diagramme de classes.<\/li>\n<li id=\"d8c0\" class=\"graf graf--li graf-after--li\">(\u00a0<strong class=\"markup--strong markup--li-strong\">Cliquez pour modifier instantan\u00e9ment les exemples de diagramme de classes<\/strong>\u00a0)<\/li>\n<\/ul>\n<blockquote id=\"1a39\" class=\"graf graf--blockquote graf-after--li\"><p><strong class=\"markup--strong markup--blockquote-strong\">Pour votre commodit\u00e9, les exemples suivants sont configur\u00e9s dans Visual Paradigm Online.\u00a0Vous pouvez l&#8217;essayer tout de suite sans configuration ni installation, amusez-vous\u00a0!<\/strong><\/p><\/blockquote>\n<p id=\"dc21\" class=\"graf graf--p graf-after--blockquote\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/a-star-based-lan\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/a-star-based-lan\/\">Un r\u00e9seau local en \u00e9toile<\/a><\/p>\n<figure id=\"027b\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0fCiJp9mnN1B50t7H.png\" data-image-id=\"0*fCiJp9mnN1B50t7H.png\" data-width=\"784\" data-height=\"297\" \/><\/figure>\n<p id=\"ab01\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/a-token-ring-based-lan\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/a-token-ring-based-lan\/\">Un r\u00e9seau local bas\u00e9 sur Token Ring<\/a><\/p>\n<figure id=\"1b7b\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0_BDEypemFeWfYXxo.png\" data-image-id=\"0*_BDEypemFeWfYXxo.png\" data-width=\"725\" data-height=\"342\" \/><\/figure>\n<p id=\"ba30\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/company-structure\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/company-structure\/\">Structure de l&#8217;entreprise<\/a><\/p>\n<figure id=\"5bd9\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0DLHm53fcC-n7gp5R.png\" data-image-id=\"0*DLHm53fcC-n7gp5R.png\" data-width=\"423\" data-height=\"413\" \/><\/figure>\n<p id=\"c199\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/understanding-relationships\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/understanding-relationships\/\">Comprendre les relations<\/a><\/p>\n<figure id=\"245d\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0Y7__Z3ffv5nNADQI.png\" data-image-id=\"0*Y7__Z3ffv5nNADQI.png\" data-width=\"608\" data-height=\"232\" \/><\/figure>\n<p id=\"2ad4\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/file-output-use-of-generalization\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/file-output-use-of-generalization\/\">Sortie de fichier (utilisation de la g\u00e9n\u00e9ralisation)<\/a><\/p>\n<figure id=\"96a2\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0k4rLAMOoPk0qICre.png\" data-image-id=\"0*k4rLAMOoPk0qICre.png\" data-width=\"552\" data-height=\"303\" \/><\/figure>\n<p id=\"35f8\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/telephone-use-of-association\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/telephone-use-of-association\/\">T\u00e9l\u00e9phone (utilisation de l&#8217;association)<\/a><\/p>\n<figure id=\"426b\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0LxIj6cJbyU-JTIMb.png\" data-image-id=\"0*LxIj6cJbyU-JTIMb.png\" data-width=\"663\" data-height=\"469\" \/><\/figure>\n<p id=\"7097\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-proxy\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-proxy\/\">Mod\u00e8les de conception GoF &#8211; Proxy<\/a><\/p>\n<figure id=\"9910\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0B3DnunsdL-qGtkj4.png\" data-image-id=\"0*B3DnunsdL-qGtkj4.png\" data-width=\"562\" data-height=\"204\" \/><\/figure>\n<p id=\"1078\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-flyweight\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-flyweight\/\">Mod\u00e8les de conception GoF &#8211; poids mouche<\/a><\/p>\n<figure id=\"c2bd\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0_Q-R5ktXv_9tCgQq.png\" data-image-id=\"0*_Q-R5ktXv_9tCgQq.png\" data-width=\"741\" data-height=\"179\" \/><\/figure>\n<p id=\"96eb\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-facade\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-facade\/\">Mod\u00e8les de conception GoF &#8211; Fa\u00e7ade<\/a><\/p>\n<figure id=\"3e4a\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0pbJEbkRffn2UlSpO.png\" data-image-id=\"0*pbJEbkRffn2UlSpO.png\" data-width=\"380\" data-height=\"243\" \/><\/figure>\n<p id=\"1235\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-decorator\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-decorator\/\">GoF Design Patterns \u2014 D\u00e9corateur<\/a><\/p>\n<figure id=\"4607\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0FimPGtvgxDCsjPnL.png\" data-image-id=\"0*FimPGtvgxDCsjPnL.png\" data-width=\"569\" data-height=\"271\" \/><\/figure>\n<p id=\"45a7\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-composite\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-composite\/\">Mod\u00e8les de conception GoF &#8211; Composite<\/a><\/p>\n<figure id=\"5f1c\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0Zvt3uPXvNrJ05Xia.png\" data-image-id=\"0*Zvt3uPXvNrJ05Xia.png\" data-width=\"615\" data-height=\"296\" \/><\/figure>\n<p id=\"aada\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-bridge\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-bridge\/\">Mod\u00e8les de conception GoF \u2014 Pont<\/a><\/p>\n<figure id=\"2112\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0eHphs6Geo1k4c8qx.png\" data-image-id=\"0*eHphs6Geo1k4c8qx.png\" data-width=\"757\" data-height=\"317\" \/><\/figure>\n<p id=\"1ba8\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-adapter\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-adapter\/\">Mod\u00e8les de conception GoF &#8211; Adaptateur<\/a><\/p>\n<figure id=\"3079\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0Nj5vlQGgIqL1y2a7.png\" data-image-id=\"0*Nj5vlQGgIqL1y2a7.png\" data-width=\"531\" data-height=\"225\" \/><\/figure>\n<p id=\"1bc9\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-singleton\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-singleton\/\">Mod\u00e8les de conception GoF &#8211; Singleton<\/a><\/p>\n<figure id=\"cd22\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0db0YzeFdu38j90fs.png\" data-image-id=\"0*db0YzeFdu38j90fs.png\" data-width=\"145\" data-height=\"79\" \/><\/figure>\n<p id=\"a36f\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-prototype\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-prototype\/\">Mod\u00e8les de conception GoF &#8211; Prototype<\/a><\/p>\n<figure id=\"479d\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0MB1WAbebOAtXZuW2.png\" data-image-id=\"0*MB1WAbebOAtXZuW2.png\" data-width=\"567\" data-height=\"218\" \/><\/figure>\n<p id=\"3c5d\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-factory-method\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-factory-method\/\">Mod\u00e8les de conception GoF &#8211; M\u00e9thode d&#8217;usine<\/a><\/p>\n<figure id=\"643b\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0SXSxSaC1ZKqSr8N.png\" data-image-id=\"0*SXSxSaC1ZKqSr8N-.png\" data-width=\"607\" data-height=\"171\" \/><\/figure>\n<p id=\"c857\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-builder\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-builder\/\">Mod\u00e8les de conception GoF \u2014 G\u00e9n\u00e9rateur<\/a><\/p>\n<figure id=\"2459\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0rg5KxPWNuh_dJnQv.png\" data-image-id=\"0*rg5KxPWNuh_dJnQv.png\" data-width=\"620\" data-height=\"172\" \/><\/figure>\n<p id=\"cf66\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-abstract-factory\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-abstract-factory\/\">Mod\u00e8les de conception GoF \u2014 Usine abstraite<\/a><\/p>\n<figure id=\"52be\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0DQ_4vUVf7FYJQzoT.png\" data-image-id=\"0*DQ_4vUVf7FYJQzoT.png\" data-width=\"834\" data-height=\"563\" \/><\/figure>\n<p id=\"301d\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-visitor\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-visitor\/\">Mod\u00e8les de conception GoF \u2014 Visiteur<\/a><\/p>\n<figure id=\"1c27\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/06ChN1xpFTZmNBfYd.png\" data-image-id=\"0*6ChN1xpFTZmNBfYd.png\" data-width=\"915\" data-height=\"467\" \/><\/figure>\n<p id=\"8c60\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-template-method\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-template-method\/\">Mod\u00e8les de conception GoF &#8211; M\u00e9thode de mod\u00e8le<\/a><\/p>\n<figure id=\"b646\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0_grtHmbGDqhe6H16.png\" data-image-id=\"0*_grtHmbGDqhe6H16.png\" data-width=\"337\" data-height=\"210\" \/><\/figure>\n<p id=\"8dac\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-strategy\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-strategy\/\">Mod\u00e8les de conception GoF &#8211; Strat\u00e9gie<\/a><\/p>\n<figure id=\"341f\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0eKsRA2-UBSUfV3Ve.png\" data-image-id=\"0*eKsRA2-UBSUfV3Ve.png\" data-width=\"599\" data-height=\"149\" \/><\/figure>\n<p id=\"344d\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-state\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-state\/\">Mod\u00e8les de conception GoF &#8211; \u00c9tat<\/a><\/p>\n<figure id=\"71d1\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0Rle4eTnL6tEcmNoG.png\" data-image-id=\"0*Rle4eTnL6tEcmNoG.png\" data-width=\"465\" data-height=\"139\" \/><\/figure>\n<p id=\"be78\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-observer\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-observer\/\">Mod\u00e8les de conception GoF \u2014 Observateur<\/a><\/p>\n<figure id=\"0396\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0uemDnDBxQk0Chl9C.png\" data-image-id=\"0*uemDnDBxQk0Chl9C.png\" data-width=\"757\" data-height=\"255\" \/><\/figure>\n<p id=\"bcda\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-memento\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-memento\/\">Mod\u00e8les de conception GoF \u2014 Memento<\/a><\/p>\n<figure id=\"a050\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0o1CQlzqQTfJ3Z9OM.png\" data-image-id=\"0*o1CQlzqQTfJ3Z9OM.png\" data-width=\"696\" data-height=\"147\" \/><\/figure>\n<p id=\"c201\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-mediator\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-mediator\/\">Mod\u00e8les de conception GoF &#8211; M\u00e9diateur<\/a><\/p>\n<figure id=\"41c9\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0xADML8q-CMLizrP1.png\" data-image-id=\"0*xADML8q-CMLizrP1.png\" data-width=\"515\" data-height=\"138\" \/><\/figure>\n<p id=\"093b\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-iterator\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-iterator\/\">Mod\u00e8les de conception GoF &#8211; It\u00e9rateur<\/a><\/p>\n<figure id=\"bc35\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/07jtdLHfcLIfrQGFu.png\" data-image-id=\"0*7jtdLHfcLIfrQGFu.png\" data-width=\"687\" data-height=\"238\" \/><\/figure>\n<p id=\"893f\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-interpreter\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-interpreter\/\">Mod\u00e8les de conception GoF \u2014 Interpr\u00e8te<\/a><\/p>\n<figure id=\"2385\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0ljoHoXe-BCVGhpLm.png\" data-image-id=\"0*ljoHoXe-BCVGhpLm.png\" data-width=\"487\" data-height=\"281\" \/><\/figure>\n<p id=\"c1dd\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-command\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-command\/\">Mod\u00e8les de conception GoF &#8211; Commande<\/a><\/p>\n<figure id=\"23b2\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0c5eykWzQOPuP-Lq8.png\" data-image-id=\"0*c5eykWzQOPuP-Lq8.png\" data-width=\"648\" data-height=\"252\" \/><\/figure>\n<p id=\"b17c\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-chain-of-responsibility\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/gof-design-patterns-chain-of-responsibility\/\">Mod\u00e8les de conception du GoF \u2014 Cha\u00eene de responsabilit\u00e9<\/a><\/p>\n<figure id=\"79bf\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/05Rt8c9f866U-Amby.png\" data-image-id=\"0*5Rt8c9f866U-Amby.png\" data-width=\"441\" data-height=\"159\" \/><\/figure>\n<p id=\"3ef6\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/class-diagram-order-process\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/class-diagram-order-process\/\">Diagramme de classes \u2014 Processus de commande<\/a><\/p>\n<figure id=\"3281\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/021M_NyMexXFN6OKM.png\" data-image-id=\"0*21M_NyMexXFN6OKM.png\" data-width=\"740\" data-height=\"399\" \/><\/figure>\n<p id=\"b367\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/class-diagram-classes-and-packages-constraints\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/class-diagram-classes-and-packages-constraints\/\">Diagramme de classes \u2014 Classes et packages Contraintes<\/a><\/p>\n<figure id=\"b07f\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0uzmlPucgvSMZakzI.png\" data-image-id=\"0*uzmlPucgvSMZakzI.png\" data-width=\"556\" data-height=\"318\" \/><\/figure>\n<p id=\"d888\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/class-diagram-class-in-a-package-airline\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/class-diagram-class-in-a-package-airline\/\">Diagramme de classe &#8211; Classe dans un package (compagnie a\u00e9rienne)<\/a><\/p>\n<figure id=\"98f4\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0Ujg6vTVI7GxtOewA.png\" data-image-id=\"0*Ujg6vTVI7GxtOewA.png\" data-width=\"827\" data-height=\"566\" \/><\/figure>\n<p id=\"c617\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/ticket-selling\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/ticket-selling\/\">Vente de billets<\/a><\/p>\n<figure id=\"8fd9\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0-aFagFyJ0fjLsS8u.png\" data-image-id=\"0*-aFagFyJ0fjLsS8u.png\" data-width=\"688\" data-height=\"319\" \/><\/figure>\n<p id=\"9e8e\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/self-association\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/self-association\/\">Auto-association<\/a><\/p>\n<figure id=\"6889\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0xol8Y1ywjci8WKrz.png\" data-image-id=\"0*xol8Y1ywjci8WKrz.png\" data-width=\"367\" data-height=\"82\" \/><\/figure>\n<p id=\"5220\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/association-class-and-self-association\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/association-class-and-self-association\/\">Classe d&#8217;association et auto-association<\/a><\/p>\n<figure id=\"6f12\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0-osYh-mBBJ4PHfgq.png\" data-image-id=\"0*-osYh-mBBJ4PHfgq.png\" data-width=\"330\" data-height=\"151\" \/><\/figure>\n<p id=\"ef04\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/sales-order-system\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/sales-order-system\/\">Syst\u00e8me de commande client<\/a><\/p>\n<figure id=\"5b9c\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0Kzq2SUxDCmnEmPhj.png\" data-image-id=\"0*Kzq2SUxDCmnEmPhj.png\" data-width=\"669\" data-height=\"474\" \/><\/figure>\n<p id=\"c2e2\" class=\"graf graf--p graf-after--figure\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/car\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/online.visual-paradigm.com\/diagram-examples\/class-diagram\/car\/\">Auto<\/a><\/p>\n<figure id=\"0e64\" class=\"graf graf--figure graf-after--p\"><img decoding=\"async\" class=\"graf-image\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2022\/02\/0I9ZUnODyoR0Q7l7.png\" data-image-id=\"0*I9ZUnODyoR0Q7l7-.png\" data-width=\"811\" data-height=\"468\" \/><\/figure>\n<ul class=\"postList\">\n<li id=\"402a\" class=\"graf graf--li graf-after--figure\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/solution\/freeumltool\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/solution\/freeumltool\/\">Outil UML GRATUIT complet \u2014 Visual Paradigm Community Edition<\/a>\u00a0\u00a0(Desktop)<\/li>\n<\/ul>\n<h4 id=\"baaa\" class=\"graf graf--h4 graf-after--li\"><span id=\"Other_Recommended_Reading\">Autres lectures recommand\u00e9es<\/span><\/h4>\n<ul class=\"postList\">\n<li id=\"945f\" 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\/uml-class-diagram-tutorial\/\" target=\"_blank\" rel=\"78558b0d x_url noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/uml-class-diagram-tutorial\/\">Tutoriel de diagramme de classes UML \u2014 Visual Paradigm<\/a><\/li>\n<li id=\"d283\" class=\"graf graf--li graf-after--li graf--trailing\"><a class=\"markup--anchor markup--li-anchor\" href=\"https:\/\/www.visual-paradigm.com\/support\/documents\/vpuserguide\/94\/2576\/7190_drawingclass.html\" target=\"_blank\" rel=\"aa030107 x_url noopener\" data-href=\"https:\/\/www.visual-paradigm.com\/support\/documents\/vpuserguide\/94\/2576\/7190_drawingclass.html\">Comment dessiner un diagramme de classes\u00a0?\u00a0\u2014 Paradigme visuel<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Visual Paradigm Online (VP Online) Free Edition est un outil de dessin en ligne gratuit qui prend en charge UML, ERD, organigramme, etc. Il comporte un \u00e9diteur UML simple, intuitif mais puissant, qui vous permet de cr\u00e9er des diagrammes UML professionnels de mani\u00e8re fluide et rapide. L&#8217;outil UML gratuit n&#8217;est accompagn\u00e9 d&#8217;aucune publicit\u00e9, d&#8217;aucune p\u00e9riode d&#8217;acc\u00e8s limit\u00e9e et d&#8217;aucune restriction telle que le nombre de diagrammes, le nombre de formes, etc. Vous \u00eates propri\u00e9taire des diagrammes que vous avez cr\u00e9\u00e9s \u00e0 des fins personnelles et non commerciales.<\/p>\n","protected":false},"author":5,"featured_media":9827,"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-9825","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>Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes - 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\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes - Cyberm\u00e9diane\" \/>\n<meta property=\"og:description\" content=\"Visual Paradigm Online (VP Online) Free Edition est un outil de dessin en ligne gratuit qui prend en charge UML, ERD, organigramme, etc. Il comporte un \u00e9diteur UML simple, intuitif mais puissant, qui vous permet de cr\u00e9er des diagrammes UML professionnels de mani\u00e8re fluide et rapide. L&#039;outil UML gratuit n&#039;est accompagn\u00e9 d&#039;aucune publicit\u00e9, d&#039;aucune p\u00e9riode d&#039;acc\u00e8s limit\u00e9e et d&#039;aucune restriction telle que le nombre de diagrammes, le nombre de formes, etc. Vous \u00eates propri\u00e9taire des diagrammes que vous avez cr\u00e9\u00e9s \u00e0 des fins personnelles et non commerciales.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyberm\u00e9diane\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-25T11:09:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T09:13:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png\" \/>\n<meta name=\"author\" content=\"vpwing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\"},\"author\":{\"name\":\"vpwing\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34\"},\"headline\":\"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes\",\"datePublished\":\"2022-01-25T11:09:02+00:00\",\"dateModified\":\"2026-04-20T09:13:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\"},\"wordCount\":1286,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png\",\"articleSection\":[\"Unified Modeling Language\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\",\"url\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\",\"name\":\"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes - Cyberm\u00e9diane\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png\",\"datePublished\":\"2022-01-25T11:09:02+00:00\",\"dateModified\":\"2026-04-20T09:13:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage\",\"url\":\"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png\",\"contentUrl\":\"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png\",\"width\":\"1170\",\"height\":\"658\",\"caption\":\"Logiciel UML en ligne GRATUIT : 30 exemples de diagrammes de classe\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes\"}]},{\"@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":"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes - 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\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes - Cyberm\u00e9diane","og_description":"Visual Paradigm Online (VP Online) Free Edition est un outil de dessin en ligne gratuit qui prend en charge UML, ERD, organigramme, etc. Il comporte un \u00e9diteur UML simple, intuitif mais puissant, qui vous permet de cr\u00e9er des diagrammes UML professionnels de mani\u00e8re fluide et rapide. L'outil UML gratuit n'est accompagn\u00e9 d'aucune publicit\u00e9, d'aucune p\u00e9riode d'acc\u00e8s limit\u00e9e et d'aucune restriction telle que le nombre de diagrammes, le nombre de formes, etc. Vous \u00eates propri\u00e9taire des diagrammes que vous avez cr\u00e9\u00e9s \u00e0 des fins personnelles et non commerciales.","og_url":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/","og_site_name":"Cyberm\u00e9diane","article_published_time":"2022-01-25T11:09:02+00:00","article_modified_time":"2026-04-20T09:13:37+00:00","og_image":[{"url":"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png","type":"","width":"","height":""}],"author":"vpwing","twitter_card":"summary_large_image","twitter_image":"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png","twitter_misc":{"\u00c9crit par":"vpwing","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/"},"author":{"name":"vpwing","@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34"},"headline":"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes","datePublished":"2022-01-25T11:09:02+00:00","dateModified":"2026-04-20T09:13:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/"},"wordCount":1286,"commentCount":0,"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png","articleSection":["Unified Modeling Language"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/","url":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/","name":"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes - Cyberm\u00e9diane","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png","datePublished":"2022-01-25T11:09:02+00:00","dateModified":"2026-04-20T09:13:37+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fr\/#\/schema\/person\/0a4c6bba97e67c6ffa054e995781bc34"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#primaryimage","url":"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png","contentUrl":"https:\/\/cdn-images.visual-paradigm.com\/solutions\/freeumltool\/14.1\/01-class-diagram.png","width":"1170","height":"658","caption":"Logiciel UML en ligne GRATUIT : 30 exemples de diagrammes de classe"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fr\/on-the-fly-free-online-uml-software-30-class-diagram-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Logiciel UML en ligne GRATUIT \u00e0 la vol\u00e9e : 30 exemples de diagrammes de classes"}]},{"@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\/9825","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=9825"}],"version-history":[{"count":2,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/9825\/revisions"}],"predecessor-version":[{"id":9828,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/posts\/9825\/revisions\/9828"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media\/9827"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/media?parent=9825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/categories?post=9825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fr\/wp-json\/wp\/v2\/tags?post=9825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}