{"id":12237,"date":"2026-08-03T14:46:11","date_gmt":"2026-08-03T06:46:11","guid":{"rendered":"https:\/\/www.cybermedian.com\/fa\/diagram-as-code-case-study-with-mermaid-and-visual-paradigm-ai-chatbot\/"},"modified":"2026-09-03T22:38:44","modified_gmt":"2026-09-03T14:38:44","slug":"diagram-as-code-case-study-with-mermaid-and-visual-paradigm-ai-chatbot","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fa\/diagram-as-code-case-study-with-mermaid-and-visual-paradigm-ai-chatbot\/","title":{"rendered":"\ud83d\udcd8\u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc: \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u062f \u0628\u0627 Mermaid\u061b \u062a\u0633\u0631\u06cc\u0639 \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc UML \u0628\u0627 \u0686\u062a\u200c\u0628\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm"},"content":{"rendered":"

\u06f1. \u0645\u0642\u062f\u0645\u0647 \u0648 \u0628\u06cc\u0627\u0646 \u0645\u0633\u0626\u0644\u0647<\/h2>\n

\u0631\u0648\u06cc\u06a9\u0631\u062f\u0647\u0627\u06cc \u0633\u0646\u062a\u06cc \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc UML<\/a>\u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0645\u0627 \u06a9\u0646\u062f \u0627\u0633\u062a. \u0637\u0631\u0627\u062d\u0627\u0646 \u0633\u0627\u0639\u062a\u200c\u0647\u0627 \u0631\u0627 \u0635\u0631\u0641 \u0645\u0628\u0627\u0631\u0632\u0647 \u0628\u0627 \u0646\u062d\u0648 (syntax)\u060c \u062d\u0641\u0638 \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u062e\u0627\u0635 \u0647\u0631 \u0646\u0645\u0648\u062f\u0627\u0631 \u0648 \u062a\u0628\u062f\u06cc\u0644 \u062f\u0633\u062a\u06cc \u06cc\u06a9 \u0627\u06cc\u062f\u0647 \u06a9\u0644\u0627\u0645\u06cc \u0628\u0647 \u06cc\u06a9 \u0645\u062f\u0644 \u062f\u0642\u06cc\u0642 \u0648 \u0628\u062f\u0648\u0646 \u062e\u0637\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u062f\u0631 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u067e\u0648\u06cc\u0627\u060c \u0627\u06cc\u0646 \u0627\u0635\u0637\u06a9\u0627\u06a9 \u0628\u0627\u0639\u062b \u062a\u0623\u062e\u06cc\u0631 \u062f\u0631 \u0628\u0627\u0632\u0628\u06cc\u0646\u06cc\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u0628\u0627\u0632\u062f\u0627\u0631\u0646\u062f\u06af\u06cc \u0645\u0634\u0627\u0631\u06a9\u062a \u063a\u06cc\u0631\u0645\u0647\u0646\u062f\u0633\u0627\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n

\"\u0686\u062a\u200c\u0628\u0627\u062a<\/p>\n

\u0686\u062a\u200c\u0628\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm<\/a><\/strong>\u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u0628\u0627 \u0627\u0645\u06a9\u0627\u0646 \u062a\u0648\u0635\u06cc\u0641 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u0648 \u062f\u0631\u06cc\u0627\u0641\u062a \u0641\u0648\u0631\u06cc \u06a9\u062f \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0648\u0644\u06cc\u062f\u06cc \u062d\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c\u06a9\u062f \u0646\u0645\u0648\u062f\u0627\u0631<\/a> \u2014 \u062f\u0631 \u0642\u0627\u0644\u0628 Mermaid\u060c PlantUML \u06cc\u0627 Graphviz<\/strong> \u2014 \u06a9\u0647 \u067e\u06cc\u0634 \u0627\u0632 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647 \u0634\u0645\u0627\u060c \u0627\u0632 \u0646\u0638\u0631 \u0635\u062d\u062a \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n\n

\u06f2. \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0644\u06cc\u062f\u06cc<\/h2>\n\n\n\n\n\n\n\n\n\n\n
\u0645\u0641\u0647\u0648\u0645<\/th>\n\u0645\u0639\u0646\u0627\u06cc \u0622\u0646<\/th>\n<\/tr>\n<\/thead>\n
\u0632\u0628\u0627\u0646 \u0637\u0628\u06cc\u0639\u06cc \u2192 \u0646\u0645\u0648\u062f\u0627\u0631<\/strong><\/td>\n\u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u062f \u0631\u0627 \u062a\u0648\u0635\u06cc\u0641 \u06a9\u0646\u06cc\u062f (\u00ab\u06cc\u06a9 \u062c\u0631\u06cc\u0627\u0646 \u0648\u0631\u0648\u062f \u0628\u0627 \u0634\u0627\u062e\u0647 \u0627\u0646\u0642\u0636\u0627\u00bb) \u0648 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u062f \u0646\u0645\u0648\u062f\u0627\u0631 \u0631\u0627 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td>\n<\/tr>\n
\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0686\u0646\u062f\u06af\u0627\u0646\u0647<\/strong><\/td>\n\u06cc\u06a9 \u062a\u0648\u0635\u06cc\u0641 \u0648\u0627\u062d\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0635\u0648\u0631\u062a Mermaid (\u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0645\u062a\u0646\u06cc \u0633\u0631\u06cc\u0639)\u060c PlantUML (\u06a9\u0627\u0645\u0644 UML<\/a>\/SysML<\/a>\/C4<\/a>) \u06cc\u0627 Graphviz (\u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0634\u0628\u06a9\u0647\/\u062d\u0627\u0644\u062a) \u0631\u0646\u062f\u0631 \u0634\u0648\u062f.<\/td>\n<\/tr>\n
\u062a\u062d\u0644\u06cc\u0644 \u062a\u0635\u0648\u06cc\u0631<\/strong><\/td>\n\u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u0646\u200c\u0634\u0627\u062a \u06cc\u0627 \u0637\u0631\u062d \u0627\u0648\u0644\u06cc\u0647 (\u062d\u062a\u06cc \u0639\u06a9\u0633 \u062a\u062e\u062a\u0647\u200c\u0648\u0627\u06cc\u062a\u200c\u0628\u0631\u062f \u062f\u0633\u062a\u200c\u0646\u0648\u06cc\u0633) \u0631\u0627 \u067e\u06cc\u0633\u062a \u06a9\u0646\u06cc\u062f \u2014 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0646\u062f \u0648 \u06cc\u0627\u0641\u062a\u0647\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u06cc\/\u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0648\u0631\u0648\u062f\u06cc \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td>\n<\/tr>\n
\u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631<\/strong><\/td>\n\u06a9\u062f \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0644\u06cc\u062f\u0634\u062f\u0647 \u067e\u06cc\u0634 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634\u060c \u0627\u0632 \u0646\u0638\u0631 \u0646\u062d\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0627\u0632 \u0686\u0631\u062e\u0647\u200c\u0647\u0627\u06cc \u00ab\u0646\u0645\u0648\u062f\u0627\u0631 \u062e\u0631\u0627\u0628\u00bb \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/td>\n<\/tr>\n
\u0686\u0627\u0631\u0686\u0648\u0628\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646\u0641\u0648\u06af\u0631\u0627\u0641\u06cc\u06a9<\/strong><\/td>\n\u0641\u0631\u0627\u062a\u0631 \u0627\u0632 UML\u060c \u0622\u0646 \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f SWOT<\/a>, PESTLE<\/a>, McKinsey 7S<\/a>, \u0646\u0642\u0634\u0647\u200c\u0647\u0627\u06cc \u0630\u0647\u0646\u06cc<\/a>\u060c \u0648 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 ECharts<\/a>\u0628\u0647 \u0635\u0648\u0631\u062a JSON \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647.<\/td>\n<\/tr>\n
\u0628\u0627\u0632\u0628\u06cc\u0646\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc<\/strong><\/td>\n\u0634\u0645\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f (\u00ab\u0622\u0646 \u0631\u0627 \u0646\u0627\u0647\u0645\u06af\u0627\u0645 \u06a9\u0646\u06cc\u062f\u00bb\u060c \u00ab\u0634\u0646\u0627\u0648\u0631\u0647\u0627\u06cc \u0634\u0646\u0627\u0648\u0631 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f\u00bb) \u0648 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0645\u062c\u062f\u062f\u0627\u064b \u062a\u0648\u0644\u06cc\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u2014 \u06cc\u06a9 \u0686\u0631\u062e\u0647 \u0637\u0631\u0627\u062d\u06cc \u0632\u0646\u062f\u0647 \u0648 \u0645\u0634\u0627\u0631\u06a9\u062a\u06cc.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n

\u06f3. \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u2014 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0627\u0631\u06cc \u0627\u0632 \u0627\u0628\u062a\u062f\u0627 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627<\/h2>\n

\"\u0646\u0645\u0648\u062f\u0627\u0631<\/p>\n

\u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u062f<\/a>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Mermaid<\/p>\n

\"\u0646\u0645\u0648\u062f\u0627\u0631<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
flowchart LR\n    A[\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0627\u0631\u0628\u0631 \u0628\u0647 \u0632\u0628\u0627\u0646 \u0637\u0628\u06cc\u0639\u06cc] --> B[\u0686\u062a\u200c\u0628\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc VP]\n    B --> C{\u062f\u0631\u06a9 \u0642\u0635\u062f}\n    C -->|\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0646\u0645\u0648\u062f\u0627\u0631| D[\u062a\u0648\u0644\u06cc\u062f \u06a9\u062f \u0646\u0645\u0648\u062f\u0627\u0631 UML]\n    C -->|\u062a\u0635\u0648\u06cc\u0631\/\u0632\u0645\u06cc\u0646\u0647| E[\u062a\u062d\u0644\u06cc\u0644 \u062a\u0635\u0648\u06cc\u0631 \u0648 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u062c\u0632\u0626\u06cc\u0627\u062a]\n    C -->|\u0686\u0627\u0631\u0686\u0648\u0628| F[\u0633\u0627\u062e\u062a JSON \u0686\u0627\u0631\u0686\u0648\u0628 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc]\n    D --> G[\u06a9\u062f Mermaid\/PlantUML\/Graphviz]\n    G --> H[\u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0633\u06cc\u0646\u062a\u06a9\u0633]\n    H -->|\u0645\u0639\u062a\u0628\u0631| I[\u0627\u0631\u0627\u0626\u0647 \u0646\u0645\u0648\u062f\u0627\u0631]\n    H -->|\u0646\u0627\u0645\u0639\u062a\u0628\u0631| J[\u0627\u0635\u0644\u0627\u062d \u0648 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0645\u062c\u062f\u062f]\n    J --> H\n    I --> K[\u06a9\u0627\u0631\u0628\u0631 \u0628\u0627\u0632\u0628\u06cc\u0646\u06cc \u0648 \u062a\u06a9\u0631\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f]\n    K --> B\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0645\u062b\u0627\u0644 \u0646\u0645\u0648\u062f\u0627\u0631 \u06f1 \u2014 \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0627\u0644\u06cc<\/a> (\u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647)<\/h3>\n
\u06cc\u06a9 \u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0645\u0648\u0644\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06cc\u06a9 \u062c\u0631\u06cc\u0627\u0646 \u0648\u0631\u0648\u062f \u0628\u0627 \u0634\u0627\u062e\u0647 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f:<\/p>\n
\"\u0646\u0645\u0648\u062f\u0627\u0631<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0627\u0644\u06cc\r\n    \u0634\u0631\u06a9\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 U \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u0627\u0631\u0628\u0631\r\n    \u0634\u0631\u06a9\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 AI \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0686\u062a\u200c\u0628\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc VP\r\n    \u0634\u0631\u06a9\u062a\u200c\u06a9\u0646\u0646\u062f\u0647 V \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\r\n    \r\n    U->>AI: \"\u06cc\u06a9 \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u0648\u0627\u0644\u06cc UML \u0628\u0631\u0627\u06cc \u0648\u0631\u0648\u062f \u06a9\u0627\u0631\u0628\u0631 \u0631\u0633\u0645 \u06a9\u0646\u06cc\u062f\"\r\n    AI->>AI: \u062a\u062c\u0632\u06cc\u0647 \u0642\u0635\u062f \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0648\u0639 \u0646\u0645\u0648\u062f\u0627\u0631\r\n    AI->>AI: \u062a\u0648\u0644\u06cc\u062f \u06a9\u062f Mermaid\r\n    AI->>V: \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0646\u062d\u0648\r\n    V-->>AI: \u0645\u0639\u062a\u0628\u0631\r\n    AI-->>U: \u0627\u0631\u0627\u0626\u0647 \u06a9\u062f Mermaid + \u062a\u0648\u0636\u06cc\u062d\u0627\u062a\r\n    U->>AI: \"\u06cc\u06a9 \u0634\u0627\u062e\u0647 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f\"\r\n    AI->>AI: \u0628\u0627\u0632\u062a\u0648\u0644\u06cc\u062f \u0628\u0627 \u0634\u0627\u062e\u0647\u200c\u0647\u0627\r\n    AI-->>U: \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0634\u062f\u0647\r\n    U->>AI: \"\u062e\u0631\u0648\u062c\u06cc \u0628\u0647 \u0641\u0631\u0645\u062a PlantUML\"\r\n    AI->>AI: \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 PlantUML\r\n    AI-->>U: \u0646\u0633\u062e\u0647 PlantUML\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0645\u062b\u0627\u0644 \u0646\u0645\u0648\u062f\u0627\u0631 \u06f2 \u2014 \u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0644\u0627\u0633<\/a> (\u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u062f\u0627\u0645\u0646\u0647)
\n\"\u0646\u0645\u0648\u062f\u0627\u0631<\/h3>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0644\u0627\u0633\r\n    \u06a9\u0644\u0627\u0633 \u06a9\u0627\u0631\u0628\u0631 {\r\n        +String \u0646\u0627\u0645\u200c\u06a9\u0627\u0631\u0628\u0631\u06cc\r\n        +String \u0627\u06cc\u0645\u06cc\u0644\r\n        +login()\r\n        +logout()\r\n    }\r\n    \u06a9\u0644\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 {\r\n        +int \u0634\u0646\u0627\u0633\u0647 \u0633\u0641\u0627\u0631\u0634\r\n        +String \u0648\u0636\u0639\u06cc\u062a\r\n        +float \u0645\u0628\u0644\u063a \u06a9\u0644\r\n        +calculateTotal()\r\n        +ship()\r\n    }\r\n    \u06a9\u0644\u0627\u0633 \u067e\u0631\u062f\u0627\u0632\u0634\u06af\u0631 \u067e\u0631\u062f\u0627\u062e\u062a {\r\n        +process(\u067e\u0631\u062f\u0627\u062e\u062a)\r\n        +refund(\u0634\u0646\u0627\u0633\u0647 \u0633\u0641\u0627\u0631\u0634)\r\n    }\r\n    \u06a9\u0644\u0627\u0633 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0648\u062c\u0648\u062f\u06cc {\r\n        +checkStock(\u0634\u0646\u0627\u0633\u0647 \u06a9\u0627\u0644\u0627)\r\n        +reserveItem(\u0634\u0646\u0627\u0633\u0647 \u06a9\u0627\u0644\u0627)\r\n    }\r\n    \u06a9\u0627\u0631\u0628\u0631 \"1\" --> \"\u0686\u0646\u062f\" \u0633\u0641\u0627\u0631\u0634 : \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f\r\n    \u0633\u0641\u0627\u0631\u0634 \"1\" --> \"1\" \u067e\u0631\u062f\u0627\u0632\u0634\u06af\u0631 \u067e\u0631\u062f\u0627\u062e\u062a : \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\r\n    \u0633\u0641\u0627\u0631\u0634 \"1\" --> \"1\" \u0633\u06cc\u0633\u062a\u0645 \u0645\u0648\u062c\u0648\u062f\u06cc : \u067e\u0631\u0633\u200c\u0648\u062c\u0648 \u0645\u06cc\u200c\u06a9\u0646\u062f\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0645\u062b\u0627\u0644 \u0646\u0645\u0648\u062f\u0627\u0631 \u06f3 \u2014 \u0647\u0645\u06a9\u0627\u0631\u06cc \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0646\u0642\u0634\u200c\u0647\u0627<\/h3>\n
\"\u0646\u0645\u0648\u062f\u0627\u0631<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\u0646\u0645\u0648\u062f\u0627\u0631 \u062c\u0631\u06cc\u0627\u0646 \u0686\u067e\u200c\u0628\u0647\u200c\u0631\u0627\u0633\u062a\r\n    \u0632\u06cc\u0631\u06af\u0631\u0627\u0641 \u062a\u062d\u0644\u06cc\u0644\u200c\u06af\u0631 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631[\u062a\u062d\u0644\u06cc\u0644\u200c\u06af\u0631 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631]\r\n        A1[\u0634\u0631\u062d \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc]\r\n        A2[\u0628\u0627\u0632\u0628\u06cc\u0646\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0641\u0639\u0627\u0644\u06cc\u062a \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647]\r\n    \u067e\u0627\u06cc\u0627\u0646\r\n    \u0632\u06cc\u0631\u06af\u0631\u0627\u0641 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647[\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647]\r\n        B1[\u0628\u0627\u0632\u0628\u06cc\u0646\u06cc \u0628\u0647 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u06a9\u0644\u0627\u0633 \u0648 \u062a\u0648\u0627\u0644\u06cc]\r\n        B2[\u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0648 \u062e\u0631\u0648\u062c\u06cc \u0628\u0647 \u06a9\u062f]\r\n    \u067e\u0627\u06cc\u0627\u0646\r\n    \u0632\u06cc\u0631\u06af\u0631\u0627\u0641 \u062a\u0636\u0645\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a\r\n        C1[\u062a\u0648\u0644\u06cc\u062f \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0622\u0632\u0645\u0627\u06cc\u0634]\r\n    \u067e\u0627\u06cc\u0627\u0646\r\n    A1 --> B1 --> A2 --> C1\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u0648\u06cc\u0631\u0627\u06cc\u0634 Mermaid \u062f\u0631 VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n\n
\u06f4. \u0645\u0632\u0627\u06cc\u0627<\/h2>\n