{"id":12118,"date":"2026-03-05T10:48:15","date_gmt":"2026-03-05T02:48:15","guid":{"rendered":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/"},"modified":"2026-03-05T10:48:15","modified_gmt":"2026-03-05T02:48:15","slug":"a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/","title":{"rendered":"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc)"},"content":{"rendered":"<p>\u0627\u06cc\u0646\u00a0<strong>\u0645\u062f\u0644 C4<\/strong>, \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0633\u06cc\u0645\u0648\u0646 \u0628\u0631\u0627\u0648\u0646 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0631\u0648\u0634\u06cc \u0633\u0627\u062f\u0647\u060c \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628\u06cc \u0648 \u062f\u0648\u0633\u062a\u200c\u062f\u0627\u0634\u062a\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0645\u062f\u0644 \u0627\u0632 \u0686\u0647\u0627\u0631 \u0633\u0637\u062d \u0627\u0646\u062a\u0632\u0627\u0639\u06cc (\u06a9\u0647 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u00abC4\u00bb \u0646\u0627\u0645\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f) \u0628\u0631\u0627\u06cc \u062a\u0648\u0635\u06cc\u0641 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0632 \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u062a\u0627 \u062c\u0632\u0626\u06cc\u0627\u062a \u0633\u0637\u062d \u06a9\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n<ol>\n<li><strong>\u0632\u0645\u06cc\u0646\u0647 \u0633\u06cc\u0633\u062a\u0645<\/strong>\u00a0(\u0633\u0637\u062d 1) \u2013 \u062f\u06cc\u062f \u06a9\u0644\u06cc: \u0633\u06cc\u0633\u062a\u0645 \u0648 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u06cc\u0627 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0622\u0646.<\/li>\n<li><strong>\u06a9\u0627\u0646\u062a\u06cc\u0646\u0631\u0647\u0627<\/strong>\u00a0(\u0633\u0637\u062d 2) \u2013 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627 \u0648 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a\u200c\u0647\u0627.<\/li>\n<li><strong>\u0627\u062c\u0632\u0627\u0621<\/strong>\u00a0(\u0633\u0637\u062d 3) \u2013 \u0628\u0644\u0648\u06a9\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0645\u0646\u0637\u0642\u06cc \u0627\u0635\u0644\u06cc \u062f\u0631\u0648\u0646 \u06cc\u06a9 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631.<\/li>\n<li><strong>\u06a9\u062f<\/strong>\u00a0(\u0633\u0637\u062d 4) \u2013 \u062c\u0632\u0626\u06cc\u0627\u062a \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u0633\u0637\u062d \u06a9\u0644\u0627\u0633 \u06cc\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u06a9\u062f.<\/li>\n<\/ol>\n<p>\u0627\u06cc\u0646 \u0645\u062f\u0644 \u062a\u0648\u0633\u0637 \u0633\u0647 \u0646\u0648\u0639 \u062f\u06cc\u06af\u0631 \u0627\u0632 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<ul>\n<li><strong>\u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u0633\u06cc\u0633\u062a\u0645<\/strong><\/li>\n<li><strong>\u067e\u0648\u06cc\u0627<\/strong><\/li>\n<li><strong>\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc<\/strong><\/li>\n<\/ul>\n<p class=\"\">\u0627\u06cc\u0646 \u0645\u062f\u0644 \u0648\u0627\u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u0645\u0627\u062f\u06af\u0630\u0627\u0631\u06cc \u0646\u06cc\u0633\u062a (\u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 \u0627\u0628\u0632\u0627\u0631 \u0646\u0645\u0648\u062f\u0627\u0631\u0633\u0627\u0632\u06cc \u0631\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f) \u0648 \u0628\u0631 \u0631\u0648\u06cc \u0634\u0641\u0627\u0641\u06cc\u062a\u060c \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u0648 \u062c\u0632\u0626\u06cc\u0627\u062a \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0645\u062e\u0627\u0637\u0628 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f. \u0628\u0647 \u062f\u0644\u06cc\u0644 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0634\u0628\u06cc\u0647 \u0628\u0647 \u06a9\u0631\u0647 \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u0648 \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0632 \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u0633\u06cc\u0627\u0647\u200c\u0628\u0631\u062f \u062a\u0627 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062e\u0648\u062f\u06a9\u0627\u0631\u060c \u0628\u0647\u200c\u0637\u0648\u0631 \u06af\u0633\u062a\u0631\u062f\u0647 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u00a0<strong>\u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u0647\u062f\u0641\u0645\u0646\u062f<\/strong>, \u0645\u0627 \u0627\u0632 \u0645\u062b\u0627\u0644 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0633\u0645\u06cc C4 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:\u00a0<strong>\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/strong>\u00a0\u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a \u0641\u06cc\u06a9\u0634\u0646\u06cc \u00ab\u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc\u00bb. \u0647\u062f\u0641 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0641\u0631\u062f\u06cc \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u0646\u062f \u0648 \u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u0646\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0628\u0627\u0646\u06a9 \u0645\u0648\u062c\u0648\u062f \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0634\u0648\u0646\u062f.<\/p>\n<p>\u0645\u0627 \u0627\u0632\u00a0<strong>\u0647\u0631 \u0633\u0637\u062d<\/strong>\u00a0\u0628\u0627:<\/p>\n<ul>\n<li>\u0647\u062f\u0641 \u0648 \u0645\u062e\u0627\u0637\u0628<\/li>\n<li>\u0639\u0646\u0627\u0635\u0631 \u06a9\u0644\u06cc\u062f\u06cc + \u0645\u0633\u0626\u0648\u0644\u06cc\u062a\u200c\u0647\u0627<\/li>\n<li>\u0631\u0627\u0628\u0637\u0647\u200c\u0647\u0627<\/li>\n<li>\u06cc\u06a9 \u0646\u0645\u0648\u062f\u0627\u0631 C4 \u0622\u0645\u0627\u062f\u0647\u200c\u0627\u0633\u062a\u0641\u0627\u062f\u0647\u00a0<strong>\u0646\u0645\u0648\u062f\u0627\u0631 PlantUML C4<\/strong>(PlantUML \u0627\u0632 \u0633\u06cc\u0646\u062a\u06a9\u0633 C4 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u062f\u0631 \u0627\u06a9\u062b\u0631 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc \u0645\u0627\u0631\u06a9\u062f\u0648\u0627\u0646 \u0628\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f)<\/li>\n<li>\u062f\u0644\u06cc\u0644 \u0648 \u062a\u0635\u0645\u06cc\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc<\/li>\n<li>\u0686\u06af\u0648\u0646\u0647 \u0627\u06cc\u0646 \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0647 \u0630\u06cc\u0646\u0641\u0639\u0627\u0646 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/li>\n<\/ul>\n<h3>\u0645\u0631\u062d\u0644\u0647 \u06f1: \u062a\u0639\u06cc\u06cc\u0646 \u062f\u0627\u0645\u0646\u0647 \u0648 \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u0648\u062f\u0627\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0633\u06cc\u0633\u062a\u0645 (\u0633\u0637\u062d \u06f1)<\/h3>\n<p><strong>\u0647\u062f\u0641<\/strong>: \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u062c\u062f\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u062f\u0631 \u062f\u0646\u06cc\u0627 \u062c\u0627\u06cc \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u0645\u062e\u0627\u0637\u0628: \u0630\u06cc\u0646\u0641\u0639\u0627\u0646 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u060c \u0627\u0641\u0631\u0627\u062f \u063a\u06cc\u0631\u0641\u0646\u06cc\u060c \u0627\u0639\u0636\u0627\u06cc \u062c\u062f\u06cc\u062f \u062a\u06cc\u0645.<\/p>\n<p><strong>\u0639\u0646\u0627\u0635\u0631<\/strong>\u00a0(\u0627\u0632 \u0645\u062b\u0627\u0644 \u0631\u0633\u0645\u06cc):<\/p>\n<ul>\n<li><strong>\u0645\u0634\u062a\u0631\u06cc \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc<\/strong>\u00a0(\u0641\u0631\u062f) \u2013 \u0645\u0634\u062a\u0631\u06cc \u0628\u0627 \u06cc\u06a9 \u06cc\u0627 \u0686\u0646\u062f \u062d\u0633\u0627\u0628 \u0628\u0627\u0646\u06a9\u06cc \u0634\u062e\u0635\u06cc.<\/li>\n<li><strong>\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/strong>\u00a0(\u0633\u06cc\u0633\u062a\u0645 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc) \u2013 \u0633\u06cc\u0633\u062a\u0645 \u062c\u062f\u06cc\u062f\u06cc \u06a9\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0622\u0646 \u0647\u0633\u062a\u06cc\u0645.<\/li>\n<li><strong>\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u0635\u0644\u06cc<\/strong>\u00a0(\u0633\u06cc\u0633\u062a\u0645 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\u060c \u0645\u0648\u062c\u0648\u062f) \u2013 \u0645\u0627\u0634\u06cc\u0646 \u0627\u0635\u0644\u06cc \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u06a9\u0646\u0634\u200c\u0647\u0627 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li><strong>\u0633\u06cc\u0633\u062a\u0645 \u0627\u06cc\u0645\u06cc\u0644<\/strong>\u00a0(\u0633\u06cc\u0633\u062a\u0645 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\u060c \u062e\u0627\u0631\u062c\u06cc) \u2013 \u0633\u0631\u0648\u06cc\u0633 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0627\u062f\u0647 AWS (AWS SES) \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u062a\u0623\u06cc\u06cc\u062f\u06cc\u0647\u200c\u0647\u0627.<\/li>\n<\/ul>\n<p><strong>\u0631\u0627\u0628\u0637\u0647\u200c\u0647\u0627<\/strong>:<\/p>\n<ul>\n<li>\u0645\u0634\u062a\u0631\u06cc \u2192 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632 \u2192 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0648 \u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0647\u0627)<\/li>\n<li>\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u2192 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632 \u2192 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u0635\u0644\u06cc (\u0628\u0631\u0627\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0628 \u0648 \u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0647\u0627)<\/li>\n<li>\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u2192 \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632 \u0637\u0631\u06cc\u0642 \u2192 \u0633\u06cc\u0633\u062a\u0645 \u0627\u06cc\u0645\u06cc\u0644<\/li>\n<\/ul>\n<p>\u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9\u00a0<strong>\u0646\u0645\u0648\u062f\u0627\u0631 \u0632\u0645\u06cc\u0646\u0647 C4 PlantUML<\/strong>:<\/p>\n<p id=\"GeUKeRH\"><img alt=\"\" class=\"alignnone size-full wp-image-15959\" decoding=\"async\" height=\"739\" loading=\"lazy\" sizes=\"auto, (max-width: 527px) 100vw, 527px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png 527w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5-214x300.png 214w\" width=\"527\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:bLF9Zjf04BqZyGyLJaO2h4WvvJG4h6GaPq0n2Ct9Akm2Mkd5wYwsV7swRSCW9YZ9qQ_ULbtoasEql5Uos_aWT27t9S6EkNAVuzYFM1IZWt1xbCCABPPYgqQ5KN4bKGVLq74fnJgUV1hE0xJydiOA7PFrK3unckd4ewhsxtRIyUjikSWNita-dQrUeluLMZqllkLfyZLvcGQqss71aY0xUoi5hGzC1MujAeXIEf24ZttO60lFVcWrCNn1_LFeRQiABdEopkYes3isYkm0UWs2yagUjBEU7uxXmeIZu1qOJU03bB44rKMuzaB0eZ1xpMxKyssRl4YqFV9rOvsx6lU-3ng6oCMEGDCH6cwzpq7GCP0k6O2w18MriCApehlSmjTxdpa9fT_d9IVXE40AXTxun_JdzluoGDVbIsGSNFC7TG6sg1qMB8o-JS-J4qVapUHRT18-RpB72dyP3IjQGqRs80foa0bL-GEtr0Q5QBpA84kovgwET5dNCdeZhCAtw6xd1ycRgpv--QKZ5nI1_v3rvmVy9-dTvfclx1hGdn6RhYcUy-dVs_OlpF_fsOgMToTu7F7a6_g_yJS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:fLJBRjfG4DqZyGyth8nKyAQhhX85b5QY0HKGwifop5LgrGzaNwfarrRXiV1VPE5W9R58YBhhTyp5ktv9PymZBeHMg9jhCpFdp9aprnpwGlT4txRokGFJCQn-bxDFGlJyDwgAAM4QvI-ctzUjKa_tzAvvRfSDrrPxbkuGgkIBhcMUgSUlImqAjT_NL5lt1VSmf1sxZk0NejnB-VEvsj77UhkbjUeDhLBld2h5TQZphlLMgrLFggSLYkPpmXGMPt8e1t8CCOGmPV0W1qc0eH63noI0HuZaW2du_05tB9aM6Tp05C8aoEOn5ihXVB8WeLn89131bCuae6uDxlckenXzNxWszrwnWXp0Z6e8iCKmWtjuIeB2TXrBWla43toR3v4_Pd27GaAuMTDa2Ce5dBLvYNRPYebMUGuNsfdkV3QTSyrFuzXYds4A6_Mt4EEF-DcPL6yeHn2JZKjjlxu660cP73FYHrI8OFaJCTJe7g9bHLQmuNfyNx7m9A_MleKm8_7hC4jtVKlxPlC9oICWwbmsNwbFtORWHVKHZOdW8SnMOOeGa8mWOCJe6c4sBOip8sdL2w5mMpUjb-SXh-a6NYrSHi_7bCmaMAg8h3tgD9b2HxFQp5vCT89gg3I2woIWxI1ob3Kud_l0hSnb_ClL25DjtvPD_nYCUZqG7P7jfDYnnV_ctRGnOz6p1Tky3BzbN9Byll2XfbzgbNyxKLnLxZFc4jJUsFZk5eVSwU8VsMy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\n!include https:\/\/static.visual-paradigm.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n\r\nLAYOUT_TOP_DOWN()\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle \u0646\u0645\u0648\u062f\u0627\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0633\u06cc\u0633\u062a\u0645 (\u0633\u0637\u062d \u06f1) \u0628\u0631\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\r\n\r\nPerson(customer, \"\u0645\u0634\u062a\u0631\u06cc \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc\", \"\u0645\u0634\u062a\u0631\u06cc \u0628\u0627 \u06cc\u06a9 \u06cc\u0627 \u0686\u0646\u062f \u062d\u0633\u0627\u0628 \u0628\u0627\u0646\u06a9\u06cc \u0634\u062e\u0635\u06cc.\")\r\nSystem(internet_banking_system, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\", \"\u0633\u06cc\u0633\u062a\u0645 \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0648 \u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0647\u0627.\")\r\nSystem(core_banking_system, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u0635\u0644\u06cc\", \"\u0645\u0627\u0634\u06cc\u0646 \u0627\u0635\u0644\u06cc \u0645\u0648\u062c\u0648\u062f \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u06a9\u0646\u0634\u200c\u0647\u0627 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\nSystem_Ext(email_system, \"\u0633\u06cc\u0633\u062a\u0645 \u0627\u06cc\u0645\u06cc\u0644\", \"\u0633\u0631\u0648\u06cc\u0633 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0627\u062f\u0647 AWS (AWS SES) \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u062a\u0623\u06cc\u06cc\u062f\u06cc\u0647\u200c\u0647\u0627.\")\r\n\r\nRel(customer, internet_banking_system, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632\")\r\nRel(internet_banking_system, core_banking_system, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632\")\r\nRel(internet_banking_system, email_system, \"\u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632 \u0637\u0631\u06cc\u0642\")\r\n\r\nLay_D(customer, internet_banking_system)\r\nLay_D(internet_banking_system, core_banking_system)\r\nLay_U(email_system, internet_banking_system)\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:fLJBRjfG4DqZyGyth8nKyAQhhX85b5QY0HKGwifop5LgrGzaNwfarrRXiV1VPE5W9R58YBhhTyp5ktv9PymZBeHMg9jhCpFdp9aprnpwGlT4txRokGFJCQn-bxDFGlJyDwgAAM4QvI-ctzUjKa_tzAvvRfSDrrPxbkuGgkIBhcMUgSUlImqAjT_NL5lt1VSmf1sxZk0NejnB-VEvsj77UhkbjUeDhLBld2h5TQZphlLMgrLFggSLYkPpmXGMPt8e1t8CCOGmPV0W1qc0eH63noI0HuZaW2du_05tB9aM6Tp05C8aoEOn5ihXVB8WeLn89131bCuae6uDxlckenXzNxWszrwnWXp0Z6e8iCKmWtjuIeB2TXrBWla43toR3v4_Pd27GaAuMTDa2Ce5dBLvYNRPYebMUGuNsfdkV3QTSyrFuzXYds4A6_Mt4EEF-DcPL6yeHn2JZKjjlxu660cP73FYHrI8OFaJCTJe7g9bHLQmuNfyNx7m9A_MleKm8_7hC4jtVKlxPlC9oICWwbmsNwbFtORWHVKHZOdW8SnMOOeGa8mWOCJe6c4sBOip8sdL2w5mMpUjb-SXh-a6NYrSHi_7bCmaMAg8h3tgD9b2HxFQp5vCT89gg3I2woIWxI1ob3Kud_l0hSnb_ClL25DjtvPD_nYCUZqG7P7jfDYnnV_ctRGnOz6p1Tky3BzbN9Byll2XfbzgbNyxKLnLxZFc4jJUsFZk5eVSwU8VsMy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:bLF9Zjf04BqZyGyLJaO2h4WvvJG4h6GaPq0n2Ct9Akm2Mkd5wYwsV7swRSCW9YZ9qQ_ULbtoasEql5Uos_aWT27t9S6EkNAVuzYFM1IZWt1xbCCABPPYgqQ5KN4bKGVLq74fnJgUV1hE0xJydiOA7PFrK3unckd4ewhsxtRIyUjikSWNita-dQrUeluLMZqllkLfyZLvcGQqss71aY0xUoi5hGzC1MujAeXIEf24ZttO60lFVcWrCNn1_LFeRQiABdEopkYes3isYkm0UWs2yagUjBEU7uxXmeIZu1qOJU03bB44rKMuzaB0eZ1xpMxKyssRl4YqFV9rOvsx6lU-3ng6oCMEGDCH6cwzpq7GCP0k6O2w18MriCApehlSmjTxdpa9fT_d9IVXE40AXTxun_JdzluoGDVbIsGSNFC7TG6sg1qMB8o-JS-J4qVapUHRT18-RpB72dyP3IjQGqRs80foa0bL-GEtr0Q5QBpA84kovgwET5dNCdeZhCAtw6xd1ycRgpv--QKZ5nI1_v3rvmVy9-dTvfclx1hGdn6RhYcUy-dVs_OlpF_fsOgMToTu7F7a6_g_yJS0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u062f\u0644\u06cc\u0644 \u0648 \u0627\u0631\u0632\u0634<\/strong>: \u0627\u06cc\u0646 \u0646\u0645\u0648\u062f\u0627\u0631 \u062a\u06a9\u06cc \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u067e\u0627\u0633\u062e \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0647 \u00ab\u0686\u0647 \u0686\u06cc\u0632\u06cc \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0647\u0633\u062a\u06cc\u0645 \u0648 \u0628\u0627 \u0686\u0647 \u06a9\u0633\u0627\u0646\u06cc \u0627\u0631\u062a\u0628\u0627\u0637 \u062f\u0627\u0631\u06cc\u0645\u061f\u00bb \u0628\u0627 \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0635\u0631\u06cc\u062d \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0627\u0632 \u06af\u0633\u062a\u0631\u0634 \u062f\u0627\u0645\u0646\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0630\u06cc\u0646\u0641\u0639\u0627\u0646 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0622\u0646 \u0631\u0627 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u0646\u062f \u0632\u06cc\u0631\u0627 \u0647\u0646\u0648\u0632 \u062c\u0632\u0626\u06cc\u0627\u062a \u0641\u0646\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f.<\/p>\n<h3>\u0645\u0631\u062d\u0644\u0647 \u06f2: \u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 (\u0633\u0637\u062d \u06f2)<\/h3>\n<p><strong>\u0647\u062f\u0641<\/strong>: \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0632\u0648\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0642\u0627\u0628\u0644 \u0646\u0635\u0628\/\u0627\u062c\u0631\u0627 (\u06a9\u0627\u0646\u062a\u06cc\u0646\u0631\u0647\u0627) \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0641\u0646\u0627\u0648\u0631\u06cc \u0622\u0646\u0647\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f. \u0645\u062e\u0627\u0637\u0628: \u0645\u0647\u0646\u062f\u0633\u0627\u0646 \u0645\u0639\u0645\u0627\u0631\u06cc\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u0631\u0634\u062f\u060c \u0639\u0645\u0644\u06cc\u0627\u062a.<\/p>\n<p><strong>\u06a9\u0627\u0646\u062a\u06cc\u0646\u0631\u0647\u0627 \u062f\u0631\u0648\u0646 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/strong>:<\/p>\n<ul>\n<li><strong>\u0628\u0631\u0646\u0627\u0645\u0647 \u0635\u0641\u062d\u0647 \u062a\u06a9\u06cc<\/strong>\u00a0(\u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u2013 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a + \u0622\u0646\u06af\u0648\u0644\u0627\u0631) \u2013 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc.<\/li>\n<li><strong>\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644<\/strong>\u00a0(\u062f\u0633\u062a\u06af\u0627\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u2013 \u0646\u0627\u062a\u06cc\u0648 iOS\/Android \u06cc\u0627 \u0631\u06cc\u0627\u06a9\u062a \u0646\u06cc\u062a\u06cc\u0648) \u2013 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062d\u062f\u0648\u062f \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0631\u06a9\u062a.<\/li>\n<li><strong>\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API<\/strong>\u00a0(\u0637\u0631\u0641 \u0633\u0631\u0648\u0631 \u2013 \u062c\u0627\u0648\u0627 + \u0627\u0633\u067e\u0631\u06cc\u0646\u06af \u0628\u0648\u062a) \u2013 API JSON\/HTTPS \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0647\u0631 \u062f\u0648 \u0633\u0645\u062a \u062c\u0644\u0648\u06cc\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<li><strong>\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647<\/strong>\u00a0(\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627\u0628\u0637\u0647\u200c\u0627\u06cc \u2013 \u067e\u0633\u062a\u200c\u06af\u0631\u06cc\u200c\u0627\u0633\u200c\u06a9\u06cc\u0644) \u2013 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062c\u0644\u0633\u0647\u060c \u062a\u0631\u062c\u06cc\u062d\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u060c \u062e\u0644\u0627\u0635\u0647\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0628 \u06a9\u0634 \u0634\u062f\u0647 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f (\u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u062f\u0631 \u0645\u06cc\u0646\u0641\u0631\u06cc\u0645 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f).<\/li>\n<\/ul>\n<p><strong>\u0631\u0627\u0628\u0637\u0647\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/strong>\u00a0(\u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0633\u0637\u062d \u06f1):<\/p>\n<ul>\n<li>SPA \u0648 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644 \u2192 \u062a\u0645\u0627\u0633 \u2192 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API<\/li>\n<li>\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API \u2194 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647<\/li>\n<li>\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API \u2192 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u0635\u0644\u06cc \u0648 \u0633\u06cc\u0633\u062a\u0645 \u0627\u06cc\u0645\u06cc\u0644<\/li>\n<\/ul>\n<p><strong>\u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 C4 PlantUML<\/strong>:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uml.planttext.com\/plantuml\/png\/lLN1ZY8t4BqZyGyL52azoW27x2bIf6M0P2TY1tORDCe9LNSNuCHjExORbaIHyW_vm_sIBRiRwDbXjCfbEU5oLRrNhbVLhvr7wwjITZlV29NBgY3OUM_SZyCXNtcH3_R2LIZx1YqMObiESbqEZKGLelhE5r9am_6h_YAOLczdmnAT9ykczLWhZqAH7PZh21OFWwtmkogh7DcStKdv2E0hWuNzuG8a-BQ_OO--CrPuSYUSWlRXpWrHRIk9NmVhTzpZLm4oslcj9VUdRE2wdTdej_bgkLxE5-l9_F4XkJcR7k-NRzQpwI_JXqcmTZjUU4amVWNdJi14uDPY2HjjuPwfMKKUxb3z8TGMqYEZbo5oGTPfbUILyxeaUmkzseBox3nkxdfyEOAJ9nouTD2AW05ARGdCAJ3ZGC0yrvNoRj2B36l4zHtR2hJ7H3IKrbcDidRHWI5U81lGbpi2HGUeVMDfUq67u7I20rG5b1W33HvBgYd0tzqEyE_yFeapo1bJzfFKN-2MO6IC53cFWbO1x5TkVPfROJny3wDQSy7-SoKbdEX3GnzMztptRTtTdtgDH4FfJr5BdGb9QpI6CxsDXu0RyefvEXofmcfHGFAUCFVmm6JsT1DkPwBap0LiAfK7XYY5FyONO6Nv7VMt6bY6RH8sv7XE0Orey4UB-sj5Sxaff-2YxhJsqPhE7uPlbij52Y66SGh8Zf1fLi361bcJAbmREypDC-X9bXJeCKD7d7JI_0q0YrhzwRjPEAMUvUJ0aNDC2qBCRG2rO2njo9BAoTr2ZlcEYJIT1rUL9Lf1JtXSnYgm-UUYn2HdZEVY6mSXFnVUz8DmFfXABcJ3OyLRW8KcW-ay43NFan1lenAzHUKmTgoUX6OEfXzyGfnCNg2duTZ279Nu5rV_I1caP7bDy9EaeZIicCQrja8oUamXdQOtKGwEMn5fQRKHjiGBTBVp7RmdMLjsmhXkXu-jqOyZSVhrLYu-vSKG1H0IFOrgI_fBKMs4imxPQOnIjiDQYZk5jc7-PsZB7Iu2X1uFMU62WClOgqFSpE1rbFpaRZmCUhoIuxfqtbKKr0T3M1b6YS_m1JAVAI0DKrGRUQzXY3-7XkRDyAWh3piHzboYJRq7uEE__y6Ef75m-ZG3MjOThpII53SWPEHvOOKl21xNarRtNjZ3PyyNz_ILHsY2Lfyf-sM8RkSrbyoVkqy0\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:lLNDZjis4BuRy3jCZGBLeklLeJaLA12lxJPRE6idih7eoHX9OvijHR8aPSSf2lGTyePvaWuf-M_ZHNlAJHpEpFSDvvlHQ-VH-hgItSutGXMoBWastXltOvhobHV5tLQu6cNVeCLIhAkxGbUfaQX2LD_vKeey7Rxgpu9fyNQILkWyMJOjXrfv58hidRcEO75tjnP-K-Ur8rkmEoaV0NnjiBG_d804t_PNxD5tnWfFxe1JqZRSkHJLkfRuTR1-nor-5I2ZdLzRSd_A5gxRcGn-coxco_bqjXnDdnwJcwFfwM7-PZaP_p9-70Lhj-E5bmJ3Lt3i18m4hYrMiD8M7fYQLUJX7jKVGgqXspDw5I9dP9rMIL4xhokojz1hB2YFpiFshiUN0pXumevB1wq86A3Ibi0S0dCE12mANIllxdgHOOEul6TRYNQVY9RICczGbYuwCCGBP0FwV4EWQ0UDRonjAsWNd0vmWAg42cEWmNr53GNugzivlatY37AsZ7qazMUu9XWO8qN1Ow1L0FgLsvuLLXWFtyEWqLkm_rnB2GVgq5A7nGFVVTjqzgTUAyzGzWcnqhcGj4HZEClRU0YO8QUOPkb0bLQB4fBtX8M7HoQofPjmEn4LPorXLQiYi4Cf_3vMpeho6-glDR3ypWdOaECI7ereiGUpXsl5SfaPXtCnzrhxQCscZ-cR-NoMGOXXZ1BoFUIQkxwoGSgaIdUE6sRb0dQK9oLwpD4H9nordo7vh55xzcuIJfbd-JXmv1nJWX1p6m0j64ihigGAShTGOB5X4csdmTLLXLRG1OVJ60KcVv-KbnICyQNOXa6uNmfj_44u7qmL5xBYCUAfPs79O3eEGCFp8BpRg3nlKJcCdMgKt-f-_C4dnCda2NeSZcUOWme_SlLFb4D6bjS2FqacAiDAQLqRAoI3fmooSNOJPU2u3P6MLYjXApn1TplVmNkIZMKZZEjs-7WswiqOB5nymbxiTOYxTBfGxbNVcEQai25AwIuLTF0yp_M_0evEPphY4IbTa60LNtmNzobu7JECxeTfKDNp-ElTVrTJ412ai32CGF_5uba7ip01ZP7t45uyJ7Zy2UvrxM4ZmbvAj6dc5px_ymas98s3mwyKqB9kU0sHfBYn82VFIoPiVDmlHsVjU65l7ZrVtAjNNg0DMZnJviiGtSvhBfb_J_y2\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:lLPFR-9M4ByZyHrUKQKwQe53zrIfqcP3rDqg3RGGHJsX1tPPjyQuzYDjL5NQhO3umAtVe3sOM4ai5gBLNl8vtWkt_IIT6MDZ_gHgL6alndvltinlPdw_UJpr17T5lslbSn-PTjlgwmPxAOJZVL4kmvOmswKpq-jpg-Xmb-jcfrjgzxfbn-8sdYfwGhVCLldWIR66IoVV79Mxt1E62qlDWvujk6aRRidP7S7blvGwfdZPR_Kzmss3kM4B2Y3w3jVTprU1JDWj_W0MHSznJM5uIHpTECCzhypjJj_Y7oRMZ_oCVv10JiyJ7TVmVhQMuVAve_tlgoUDPgDQQrQgfyVQNhfq-gBnl7bq-DNXSGLNypbX2ijWQgI6ofUH3EIKtL_AG8rak1Z3SyeEdZ0vaLCPBCPCpXPZEPEX6k8QM84j7SAzW0w4SXeVHkyrm_LwjjRkUwBNDTpFM44DvHnjyC2MXxcyaRUBSM7RZYt6zvVmWBVx4VYFcBm6886Sf6uo3ae5ogr-3fNgDf_r-hREtNFDX3gxjY6QBMx_PDgTfaS64EqnUHKsxAza11_HgaW4FL0NCb8NASpthyQm4Z3bCwhk5Jo7JDt16Gnq8yEb1M1dl-LpgJ0qp-4OSKBnuH0wlLMlvJM-X9Wt8KA7FdWAv0p00t3m7R9FcVmBiecKhmQO3vbE4P1yIus6ZmcbILqVgi5_Ai37CHc_B2mLXVLU8UxsMgPbDBdZOBH0tQa1jW-gD5SZHaoRaDC1mZ6hzVA-hRizKsSQ1fG110-1a_2A9FJt2FKxH8UfGQsXnDTGNZzRTimSEl8QVgdm4N0Nh09CwLfEqMSMkMlmjbZ7pHtp8T3xjHVPAcDT8Hos3sjpZp1W7GCKm9HzNQyUbvyt6hKwr9Nw1BipA3bq6515o88P9142VTH0-OlnTW9gk1W39o0yf9b5ZfDb3NYbfUbSy1Rt35JE7PRZFa8ACceYU2l46pEY6UnDOzyG4Rylaruavaik8YZ01r0l9Bm20-GL50IA2iXNxC6z6-BNxThHHA5WEKTjnZZIF5Q32xFvVQLOhTrpZSUA568Faj61FO4wOc-6CT-kY2jnBxPoNCqQETufM4mSI0dqdoVBk887KVjuC4pwHMOHJQ3b_3dyLMX6bvlMxbHG2CEq0JDGcO-RZ60GarCBjdzQPne-weVrlJNgJz4SgHxAlv5D22pDSJaFFs7eF1P_FlUTOMK6ytBAxAHWd196UOCOYTVeSTt3XkeVwuW0P1G8jK4dwL4gDEazPlDAOec7B83_vIWzd54L4DodmHtX2FFnnlIHDV2LEgeyEoZNlptQShERpZJxPyGlO2ShanyK9VRepRAXevZI_u9naraPAgnuWnLdyYqfue-rqYChI4aaQHov4TOBqjBYQmddCKdi_Qi_2I9B_iQXd8PmAsyqDqHrlCExIjxYi4EXu3bKKH81I4rZ3V-OyFDc9KEZ1oxfrFB1Itn7bPU7JZRazt28VEwfOUlmB-eV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\n!include https:\/\/static.visual-paradigm.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Container.puml\r\n!include https:\/\/raw.githubusercontent.com\/tupadr3\/plantuml-icon-font-sprites\/master\/devicons\/angular.puml\r\n!include https:\/\/raw.githubusercontent.com\/tupadr3\/plantuml-icon-font-sprites\/master\/devicons\/java.puml\r\n!include https:\/\/raw.githubusercontent.com\/tupadr3\/plantuml-icon-font-sprites\/master\/devicons\/postgresql.puml\r\n\r\nLAYOUT_TOP_DOWN()\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle \u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 C4 \u0628\u0631\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\r\n\r\nPerson(customer, \"\u0645\u0634\u062a\u0631\u06cc \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc\", \"\u0645\u0634\u062a\u0631\u06cc \u0628\u0627 \u06cc\u06a9 \u06cc\u0627 \u0686\u0646\u062f \u062d\u0633\u0627\u0628 \u0628\u0627\u0646\u06a9\u06cc \u0634\u062e\u0635\u06cc.\")\r\n\r\nSystem_Boundary(internet_banking_system, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\", \"\u0633\u06cc\u0633\u062a\u0645 \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0648 \u0627\u0646\u062c\u0627\u0645 \u067e\u0631\u062f\u0627\u062e\u062a\u200c\u0647\u0627.\") {\r\nContainer(spa, \"\u0628\u0631\u0646\u0627\u0645\u0647 \u0635\u0641\u062d\u0647 \u062a\u06a9\u06cc\", \"\u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a + \u0622\u0646\u06af\u0648\u0644\u0627\u0631\", \"\u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\", $sprite=\"angular\")\r\nContainer(mobile_app, \"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644\", \"iOS\/Android (\u0631\u06cc\u0627\u06a9\u062a \u0646\u06cc\u062a\u06cc\u0648)\", \"\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062d\u062f\u0648\u062f \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0631\u06a9\u062a\", $sprite=\"react\")\r\nContainer(api_app, \"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API\", \"\u062c\u0627\u0648\u0627 + \u0627\u0633\u067e\u0631\u06cc\u0646\u06af \u0628\u0648\u062a\", \"API JSON\/HTTPS \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0647\u0631 \u062f\u0648 \u0633\u0645\u062a \u062c\u0644\u0648\u06cc\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\", $sprite=\"java\")\r\nContainerDb(database, \"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\", \"\u067e\u0633\u062a\u200c\u06af\u0631\u06cc\u200c\u0627\u0633\u200c\u06a9\u06cc\u0644\", \"\u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u062c\u0644\u0633\u0647\u060c \u062a\u0631\u062c\u06cc\u062d\u0627\u062a \u06a9\u0627\u0631\u0628\u0631\u060c \u062e\u0644\u0627\u0635\u0647\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0628 \u06a9\u0634 \u0634\u062f\u0647\", $sprite=\"postgresql\")\r\n}\r\n\r\nSystem(core_banking_system, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u0635\u0644\u06cc\", \"\u0645\u06cc\u0646\u0641\u0631\u06cc\u0645 \u0645\u0648\u062c\u0648\u062f \u06a9\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0648 \u062a\u0631\u0627\u06a9\u0646\u0634\u200c\u0647\u0627 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\nSystem_Ext(email_system, \"\u0633\u06cc\u0633\u062a\u0645 \u0627\u06cc\u0645\u06cc\u0644\", \"\u0633\u0631\u0648\u06cc\u0633 \u0633\u0627\u062f\u0647 \u0627\u06cc\u0645\u06cc\u0644 AWS (AWS SES) \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u062a\u0623\u06cc\u06cc\u062f\u06cc\u0647\u200c\u0647\u0627.\")\r\n\r\n' \u0631\u0648\u0627\u0628\u0637\r\nRel(customer, spa, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632\", \"HTTPS\")\r\nRel(customer, mobile_app, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632\", \"HTTPS\")\r\nRel(spa, api_app, \"\u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0628\u0647\", \"JSON\/HTTPS\")\r\nRel(mobile_app, api_app, \"\u062a\u0645\u0627\u0633 \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0628\u0647\", \"JSON\/HTTPS\")\r\nRel(api_app, database, \"\u062e\u0648\u0627\u0646\u062f\u0646 \u0648 \u0646\u0648\u0634\u062a\u0646 \u0628\u0647\", \"JDBC\/SQL\")\r\nRel(api_app, core_banking_system, \"\u067e\u0631\u0633 \u0648 \u062c\u0648 \/ \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc\", \"JSON\/HTTPS\")\r\nRel(api_app, email_system, \"\u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0632 \u0637\u0631\u06cc\u0642\", \"HTTPS\")\r\n\r\n' \u0646\u06a9\u0627\u062a \u0686\u06cc\u062f\u0645\u0627\u0646 (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u2013 \u0628\u0647 PlantUML \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u0628\u0647\u062a\u0631 \u0686\u06cc\u062f\u0647 \u0634\u0648\u062f)\r\nLay_D(customer, internet_banking_system)\r\nLay_D(internet_banking_system, core_banking_system)\r\nLay_U(email_system, internet_banking_system)\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:lLPFR-9M4ByZyHrUKQKwQe53zrIfqcP3rDqg3RGGHJsX1tPPjyQuzYDjL5NQhO3umAtVe3sOM4ai5gBLNl8vtWkt_IIT6MDZ_gHgL6alndvltinlPdw_UJpr17T5lslbSn-PTjlgwmPxAOJZVL4kmvOmswKpq-jpg-Xmb-jcfrjgzxfbn-8sdYfwGhVCLldWIR66IoVV79Mxt1E62qlDWvujk6aRRidP7S7blvGwfdZPR_Kzmss3kM4B2Y3w3jVTprU1JDWj_W0MHSznJM5uIHpTECCzhypjJj_Y7oRMZ_oCVv10JiyJ7TVmVhQMuVAve_tlgoUDPgDQQrQgfyVQNhfq-gBnl7bq-DNXSGLNypbX2ijWQgI6ofUH3EIKtL_AG8rak1Z3SyeEdZ0vaLCPBCPCpXPZEPEX6k8QM84j7SAzW0w4SXeVHkyrm_LwjjRkUwBNDTpFM44DvHnjyC2MXxcyaRUBSM7RZYt6zvVmWBVx4VYFcBm6886Sf6uo3ae5ogr-3fNgDf_r-hREtNFDX3gxjY6QBMx_PDgTfaS64EqnUHKsxAza11_HgaW4FL0NCb8NASpthyQm4Z3bCwhk5Jo7JDt16Gnq8yEb1M1dl-LpgJ0qp-4OSKBnuH0wlLMlvJM-X9Wt8KA7FdWAv0p00t3m7R9FcVmBiecKhmQO3vbE4P1yIus6ZmcbILqVgi5_Ai37CHc_B2mLXVLU8UxsMgPbDBdZOBH0tQa1jW-gD5SZHaoRaDC1mZ6hzVA-hRizKsSQ1fG110-1a_2A9FJt2FKxH8UfGQsXnDTGNZzRTimSEl8QVgdm4N0Nh09CwLfEqMSMkMlmjbZ7pHtp8T3xjHVPAcDT8Hos3sjpZp1W7GCKm9HzNQyUbvyt6hKwr9Nw1BipA3bq6515o88P9142VTH0-OlnTW9gk1W39o0yf9b5ZfDb3NYbfUbSy1Rt35JE7PRZFa8ACceYU2l46pEY6UnDOzyG4Rylaruavaik8YZ01r0l9Bm20-GL50IA2iXNxC6z6-BNxThHHA5WEKTjnZZIF5Q32xFvVQLOhTrpZSUA568Faj61FO4wOc-6CT-kY2jnBxPoNCqQETufM4mSI0dqdoVBk887KVjuC4pwHMOHJQ3b_3dyLMX6bvlMxbHG2CEq0JDGcO-RZ60GarCBjdzQPne-weVrlJNgJz4SgHxAlv5D22pDSJaFFs7eF1P_FlUTOMK6ytBAxAHWd196UOCOYTVeSTt3XkeVwuW0P1G8jK4dwL4gDEazPlDAOec7B83_vIWzd54L4DodmHtX2FFnnlIHDV2LEgeyEoZNlptQShERpZJxPyGlO2ShanyK9VRepRAXevZI_u9naraPAgnuWnLdyYqfue-rqYChI4aaQHov4TOBqjBYQmddCKdi_Qi_2I9B_iQXd8PmAsyqDqHrlCExIjxYi4EXu3bKKH81I4rZ3V-OyFDc9KEZ1oxfrFB1Itn7bPU7JZRazt28VEwfOUlmB-eV\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:lLNDZjis4BuRy3jCZGBLeklLeJaLA12lxJPRE6idih7eoHX9OvijHR8aPSSf2lGTyePvaWuf-M_ZHNlAJHpEpFSDvvlHQ-VH-hgItSutGXMoBWastXltOvhobHV5tLQu6cNVeCLIhAkxGbUfaQX2LD_vKeey7Rxgpu9fyNQILkWyMJOjXrfv58hidRcEO75tjnP-K-Ur8rkmEoaV0NnjiBG_d804t_PNxD5tnWfFxe1JqZRSkHJLkfRuTR1-nor-5I2ZdLzRSd_A5gxRcGn-coxco_bqjXnDdnwJcwFfwM7-PZaP_p9-70Lhj-E5bmJ3Lt3i18m4hYrMiD8M7fYQLUJX7jKVGgqXspDw5I9dP9rMIL4xhokojz1hB2YFpiFshiUN0pXumevB1wq86A3Ibi0S0dCE12mANIllxdgHOOEul6TRYNQVY9RICczGbYuwCCGBP0FwV4EWQ0UDRonjAsWNd0vmWAg42cEWmNr53GNugzivlatY37AsZ7qazMUu9XWO8qN1Ow1L0FgLsvuLLXWFtyEWqLkm_rnB2GVgq5A7nGFVVTjqzgTUAyzGzWcnqhcGj4HZEClRU0YO8QUOPkb0bLQB4fBtX8M7HoQofPjmEn4LPorXLQiYi4Cf_3vMpeho6-glDR3ypWdOaECI7ereiGUpXsl5SfaPXtCnzrhxQCscZ-cR-NoMGOXXZ1BoFUIQkxwoGSgaIdUE6sRb0dQK9oLwpD4H9nordo7vh55xzcuIJfbd-JXmv1nJWX1p6m0j64ihigGAShTGOB5X4csdmTLLXLRG1OVJ60KcVv-KbnICyQNOXa6uNmfj_44u7qmL5xBYCUAfPs79O3eEGCFp8BpRg3nlKJcCdMgKt-f-_C4dnCda2NeSZcUOWme_SlLFb4D6bjS2FqacAiDAQLqRAoI3fmooSNOJPU2u3P6MLYjXApn1TplVmNkIZMKZZEjs-7WswiqOB5nymbxiTOYxTBfGxbNVcEQai25AwIuLTF0yp_M_0evEPphY4IbTa60LNtmNzobu7JECxeTfKDNp-ElTVrTJ412ai32CGF_5uba7ip01ZP7t45uyJ7Zy2UvrxM4ZmbvAj6dc5px_ymas98s3mwyKqB9kU0sHfBYn82VFIoPiVDmlHsVjU65l7ZrVtAjNNg0DMZnJviiGtSvhBfb_J_y2\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u062f\u0644\u06cc\u0644<\/strong>: \u0645\u0627 \u0627\u0644\u06af\u0648\u06cc \u0645\u062f\u0631\u0646 SPA + \u067e\u0627\u06cc\u0647\u200c\u06af\u0627\u0647 API \u0628\u0631\u0627\u06cc \u0648\u0628 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u062f\u06cc\u0645\u060c \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0646\u0627\u062a\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u0648 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0633\u0628\u06a9\u200c\u0648\u0632\u0646 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u06cc\u0645 (\u0628\u06cc\u0634\u062a\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627 \u062f\u0631 \u0645\u06cc\u0646\u0641\u0631\u06cc\u0645 \u0642\u062f\u06cc\u0645\u06cc \u0632\u0646\u062f\u06af\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f). \u0627\u06cc\u0646 \u0646\u0645\u0648\u062f\u0627\u0631 \u0645\u0646\u0628\u0639 \u0648\u0627\u062d\u062f \u0648\u0627\u0642\u0639\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0645\u06cc\u0645\u0627\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627 \u0627\u0633\u062a \u0648 \u0628\u0647 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc DevOps \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h3>\u0645\u0631\u062d\u0644\u0647 \u06f3: \u0646\u0645\u0648\u062f\u0627\u0631 \u0645\u0624\u0644\u0641\u0647 (\u0633\u0637\u062d \u06f3)<\/h3>\n<p><strong>\u0647\u062f\u0641<\/strong>: \u0628\u0647 \u06cc\u06a9 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 (\u0645\u0639\u0645\u0648\u0644\u0627\u064b \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u062a\u0631\u06cc\u0646 \u0622\u0646 \u2013 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API) \u0632\u0648\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc \u0645\u0646\u0637\u0642\u06cc \u0627\u0635\u0644\u06cc \u0622\u0646 \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f. \u0645\u062e\u0627\u0637\u0628: \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u062a\u0648\u0633\u0639\u0647.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644: \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 API<\/strong>:<\/p>\n<ul>\n<li>\u06a9\u0646\u062a\u0631\u0644\u0631 \u062d\u0633\u0627\u0628\u200c\u0647\u0627 (Spring MVC)<\/li>\n<li>\u06a9\u0646\u062a\u0631\u0644\u0631 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a<\/li>\n<li>\u06a9\u0646\u062a\u0631\u0644\u0631 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0631\u0645\u0632 \u0639\u0628\u0648\u0631<\/li>\n<li>\u0627\u062c\u0632\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc (\u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\u060c JWT \u0648 \u063a\u06cc\u0631\u0647)<\/li>\n<li>\u0627\u062c\u0632\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u0633\u0627\u0628 (\u0647\u0645\u0627\u0647\u0646\u06af\u200c\u06a9\u0646\u0646\u062f\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc\u200c\u0647\u0627 \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u06cc \u0627\u0635\u0644\u06cc)<\/li>\n<li>\u0627\u062c\u0632\u0627\u06cc \u0627\u0637\u0644\u0627\u0639\u200c\u0631\u0633\u0627\u0646\u06cc \u0627\u06cc\u0645\u06cc\u0644\u06cc<\/li>\n<\/ul>\n<p><strong>\u0646\u0645\u0648\u062f\u0627\u0631 \u062c\u0632\u0626\u06cc\u0627\u062a C4 PlantUML<\/strong>\u00a0(\u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u06a9\u0627\u0631\u0628\u0631\u062f API):<\/p>\n<p id=\"fzJuCAx\"><img alt=\"\" class=\"alignnone size-full wp-image-15962\" decoding=\"async\" height=\"916\" loading=\"lazy\" sizes=\"auto, (max-width: 1684px) 100vw, 1684px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8eafc11b62.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8eafc11b62.png 1684w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8eafc11b62-300x163.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8eafc11b62-1024x557.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8eafc11b62-768x418.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8eafc11b62-1536x835.png 1536w\" width=\"1684\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:fLLDJzj04BqZyH-cEGKfa4jFFP44L4048XnAUuh6ziRPTZ-itNKeglhVExEsOuVIj5AH8fpTyNjlvxtPdFk0BbHQ7H-zaoPJLIvW4qBfFup7j1LaThQLla9rMgB3N1RwBBDwN2eq_DQf3xcIwNZs_dJ1Iu_psx567uIZfTNCwj8QOS9P6HcEZsudN-uVbwkdw-NLwlRou-NTnV24ruCCIi2k7dA9XKCDQ-lWsX2S4G6cQBv9Kq3oGWGQJc6ok8P9MIgPaL1h66XcJK1fX1lw4aSmIEW5GbvW8Vgb0zhwYblqcPDb03GvVOfAeUETXRDRcGiFg1I4ZG3PIaWR2UlAP8o3IeON21QooWUhXVEmbSZlI0VF8eNKsMSltDdWfAzDixIvJQMAgfZpCsfqqkpJWv9Q1f63hr9Fz7Rz7t9qpPUBhSp4lg2BT9Ydn7o10LFqWbKy28Kr9hJBa6GReP5tas0TAQpeRE148NrmiPgqaMSwFezWWtv3wh4Y1IOqlOVCYPo_el8Zm2mJteEo1NqH8Ol2QeTNbz_3KAUUUqKornG8yIe4FIdiLTEVZ1PslUa90anj5RhcH7PRcK1FfDzuZ5ti2UdrQ3MboXpTon1BIRIlmZSuWH_7Hq1_knGFE_J1f7a4ndDMAH6JbfIEDSu_pVQDhwl9Tisfu1LAQ8eqOjIjFOEZp5Uqr6wctE_w8U8hWbUjdMI59EyysSBlQJGqF9gGHb55iD-4WK9GIoBm6mB83X5YX3Yq2_J-sRhye8A9KZGeKK0yNuHeWbks09nbofzKRt1waLMEqi_8pMEts-ER2ZJz8-zdSmGtJylVZbWVV2U3KqrGRtM-zaqNEdIUmtpNmOEAxXrDLvmZafLHd6CZECyppdCRV5_VVdmpjZ6nPIFqhJJ4XX7y9V-7Enlakel4dzKamkI-EtFjHyIgmzXoRuNh09jzzYcPBnVD2B4Ukarwuz0pwv5oregEHJ6y1mgQS1s2wBjGtn-nX6zP-dswMYuNIR--wL2y0Hy4vh7ovc8wuwAVV0AkYhydlObk8M-I-xiEiwkiX_0lLUsa_BbC_okh_XTI_LVES_ATVgn_0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:jLPDJzjO5DqZyH_Ui0hIG3QpcbLBG6qHj6YIJgUhw95Or9NjMFPBDMWqqb2598lyYv7ga0AUa5I8BlexdfDTVydSS-s0dHYcK0qBzFBUk_UUS-x7yoDVIKyrRMjvwGVJgLdDkY7UAENwFnUBTAJCslexqszAQysLdgoR1_PwhM4NNKiwi5hpLTqozukbdzRsiFLoTwTeIryP7crLImtRRJY6ezPTZh2yjFFuzOkNbUghPvMdrPsj9rlFDmkhs5UciWmHjQFZgAj37UYXqAVwGd-OzkZ7GEWHBKPw41qBtTT1r9wSnDUcFQ63QIzgwu4UuZzjh0awfJEwETIXUBpt325A3KT9qp6yWk_A7yKAJiaWe90TeJz5H_eCYy7aPDfReVEtyftqQvxfAX5rXNGEcfRqS00KCAD8qNkAquzQ16xmzQzUr06MRq18k0AwHl78rHW7u1crwQQ-4FeIlwFtE1oI7iD9I7hGeY-OLg0_iEMqHp5rI573zPNLD4ER2GRH5q038Jqcvonkdy6qGEGtQKlFTB2aIATyV1Lru1GqQE-Cl5C-ObZ_CrboG0acgW7Vl87wZQGtzmlrVL3v0hF43wEYovot4QtFAJwgA_SMGwMmbzSYi5r06otwVnMNuaUwmG9myQHhZKXf240t1q3FxWROEECbQTY9kj2F5dgC66EcGc9JW4cOafNL8AiHCj4L-ZEP3HE8Gl-ZpvFVYIAJ4ueTAr8-fFwpgrk_guAzxpFnXURXF57HjnAADoKzptRHWCkIyjdLbtbfXG9dh7K_eOCTK0aOv3ZPlIUhLAQh6uscKvVUOK6w9g6Vx_QLLV77yfAWl-i1L92r6XafdwydvTd2bCb2XHXbbvhYGEp-Mc9fpbcDJm3LZUlo53qnNQ1vPw7VNi1pE9lgpGB6nVh9mPbJP2bXE6iXrEKJuj3IevWJ9R_BNHto4g5ZAXcBnOnaWNk6RwW5v6Y22oGTEl0i8AVKz5TSFyCS6f0lsrBWVyf-vkH3LGNpBWKbZ4SM9oCxOJ1EZkEHCWyCi6zXvXkrfcUgmrXal4hSe7Wusf0cRg64neOXdLlImMsmAFNsgmfN5Wq44ASQPltdIDqx7qd1smUsoWBFra5ImZaC23PcGeUwFqm28HIISCJCe3EBTrt_oDtTmqR4ISNYYlHhpPxtR2Vbq35iQLhp6PXDAbJ441xY6hjEyosPcHrd7x6xwfJR9CzkeF-Uzk9y9XJo2g-yMzcBXm0mjdAd6-Z-ObYfGPMjEqXwb3nJ6VkPLcpCq-C1XadtFYHakiwIz-OkKtntq4VYqqfbhvpsaoIOd_1PQQ4LOB2zkL72tJyX52xp5rngfFzNnEtoY-St8MyynCFsWTQpYNT_S_jxqTlV0zv-CFP7XbEd3_b_0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\n!include https:\/\/static.visual-paradigm.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Component.puml\r\n\r\nLAYOUT_WITH_LEGEND()\r\n\r\ntitle \u0646\u0645\u0648\u062f\u0627\u0631 \u062c\u0632\u0626\u06cc\u0627\u062a \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc - \u06a9\u0627\u0631\u0628\u0631\u062f API\r\n\r\nContainer(spa, \"\u0628\u0631\u0646\u0627\u0645\u0647 \u0635\u0641\u062d\u0647 \u062a\u06a9\u06cc\", \"javascript \u0648 angular\", \"\u062a\u0645\u0627\u0645\u06cc \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0631\u0627 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648\u0628 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.\")\r\nContainer(ma, \"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644\", \"Xamarin\", \"\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0645\u062d\u062f\u0648\u062f \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0631\u0627 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062f\u0633\u062a\u06af\u0627\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.\")\r\nContainerDb(db, \"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\", \"\u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647 \u0631\u0627\u0628\u0637\u0647\u200c\u0627\u06cc\", \"\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u060c \u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0647\u0634\u200c\u0634\u062f\u0647\u060c \u0644\u0627\u06af\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0648 \u063a\u06cc\u0631\u0647 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\nSystem_Ext(mbs, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u06cc \u0627\u0635\u0644\u06cc\", \"\u062a\u0645\u0627\u0645\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0627\u0646\u06a9\u06cc \u0627\u0635\u0644\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\u060c \u062d\u0633\u0627\u0628\u200c\u0647\u0627\u060c \u062a\u0631\u0627\u06a9\u0646\u0634\u200c\u0647\u0627 \u0648 \u063a\u06cc\u0631\u0647 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\n\r\nContainer_Boundary(api, \"\u06a9\u0627\u0631\u0628\u0631\u062f API\") {\r\n    Component(accounts, \"\u06a9\u0646\u062a\u0631\u0644\u0631 \u062d\u0633\u0627\u0628\u200c\u0647\u0627\", \"Spring MVC\", \"\u062e\u0644\u0627\u0635\u0647 \u0648 \u0645\u0648\u062c\u0648\u062f\u06cc \u062d\u0633\u0627\u0628\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f.\")\r\n    Component(auth, \"\u06a9\u0646\u062a\u0631\u0644\u0631 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\", \"Spring MVC\", \"\u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0644\u0633\u0647 \u0648 \u062a\u0648\u0644\u06cc\u062f \u062a\u0648\u06a9\u0646 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\n    Component(reset, \"\u06a9\u0646\u062a\u0631\u0644\u0631 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0631\u0645\u0632 \u0639\u0628\u0648\u0631\", \"Spring MVC\", \"\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u062e\u0648\u062f \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u06a9\u0646\u0646\u062f.\")\r\n    Component(security, \"\u0627\u062c\u0632\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc\", \"Spring Bean\", \"\u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a\u060c \u062a\u0648\u0644\u06cc\u062f \u062a\u0648\u06a9\u0646 JWT \u0648 \u0647\u0634 \u06a9\u0631\u062f\u0646 \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\n    Component(accountmgmt, \"\u0627\u062c\u0632\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u0633\u0627\u0628\", \"Spring Bean\", \"\u0647\u0645\u0627\u0647\u0646\u06af\u200c\u06a9\u0646\u0646\u062f\u0647 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc\u200c\u0647\u0627 \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u06cc \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06cc\u0627\u062a \u062d\u0633\u0627\u0628\u200c\u0647\u0627.\")\r\n    Component(email, \"\u0627\u062c\u0632\u0627\u06cc \u0627\u0637\u0644\u0627\u0639\u200c\u0631\u0633\u0627\u0646\u06cc \u0627\u06cc\u0645\u06cc\u0644\u06cc\", \"Spring Bean\", \"\u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627\u06cc \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0648 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627\u06cc \u062a\u0623\u06cc\u06cc\u062f \u062d\u0633\u0627\u0628 \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 SMTP \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.\")\r\n\r\n    Rel(accounts, security, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\n    Rel(auth, security, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\n    Rel(reset, security, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\")\r\n    Rel(accountmgmt, mbs, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"XML\/HTTPS\")\r\n    Rel(email, db, \"\u062e\u0648\u0627\u0646\u062f\u0646\", \"JDBC\")\r\n}\r\n\r\nRel(spa, accounts, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"JSON\/HTTPS\")\r\nRel(spa, auth, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"JSON\/HTTPS\")\r\nRel(spa, reset, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"JSON\/HTTPS\")\r\nRel(ma, accounts, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"JSON\/HTTPS\")\r\nRel(ma, auth, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"JSON\/HTTPS\")\r\nRel(ma, reset, \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\", \"JSON\/HTTPS\")\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:jLPDJzjO5DqZyH_Ui0hIG3QpcbLBG6qHj6YIJgUhw95Or9NjMFPBDMWqqb2598lyYv7ga0AUa5I8BlexdfDTVydSS-s0dHYcK0qBzFBUk_UUS-x7yoDVIKyrRMjvwGVJgLdDkY7UAENwFnUBTAJCslexqszAQysLdgoR1_PwhM4NNKiwi5hpLTqozukbdzRsiFLoTwTeIryP7crLImtRRJY6ezPTZh2yjFFuzOkNbUghPvMdrPsj9rlFDmkhs5UciWmHjQFZgAj37UYXqAVwGd-OzkZ7GEWHBKPw41qBtTT1r9wSnDUcFQ63QIzgwu4UuZzjh0awfJEwETIXUBpt325A3KT9qp6yWk_A7yKAJiaWe90TeJz5H_eCYy7aPDfReVEtyftqQvxfAX5rXNGEcfRqS00KCAD8qNkAquzQ16xmzQzUr06MRq18k0AwHl78rHW7u1crwQQ-4FeIlwFtE1oI7iD9I7hGeY-OLg0_iEMqHp5rI573zPNLD4ER2GRH5q038Jqcvonkdy6qGEGtQKlFTB2aIATyV1Lru1GqQE-Cl5C-ObZ_CrboG0acgW7Vl87wZQGtzmlrVL3v0hF43wEYovot4QtFAJwgA_SMGwMmbzSYi5r06otwVnMNuaUwmG9myQHhZKXf240t1q3FxWROEECbQTY9kj2F5dgC66EcGc9JW4cOafNL8AiHCj4L-ZEP3HE8Gl-ZpvFVYIAJ4ueTAr8-fFwpgrk_guAzxpFnXURXF57HjnAADoKzptRHWCkIyjdLbtbfXG9dh7K_eOCTK0aOv3ZPlIUhLAQh6uscKvVUOK6w9g6Vx_QLLV77yfAWl-i1L92r6XafdwydvTd2bCb2XHXbbvhYGEp-Mc9fpbcDJm3LZUlo53qnNQ1vPw7VNi1pE9lgpGB6nVh9mPbJP2bXE6iXrEKJuj3IevWJ9R_BNHto4g5ZAXcBnOnaWNk6RwW5v6Y22oGTEl0i8AVKz5TSFyCS6f0lsrBWVyf-vkH3LGNpBWKbZ4SM9oCxOJ1EZkEHCWyCi6zXvXkrfcUgmrXal4hSe7Wusf0cRg64neOXdLlImMsmAFNsgmfN5Wq44ASQPltdIDqx7qd1smUsoWBFra5ImZaC23PcGeUwFqm28HIISCJCe3EBTrt_oDtTmqR4ISNYYlHhpPxtR2Vbq35iQLhp6PXDAbJ441xY6hjEyosPcHrd7x6xwfJR9CzkeF-Uzk9y9XJo2g-yMzcBXm0mjdAd6-Z-ObYfGPMjEqXwb3nJ6VkPLcpCq-C1XadtFYHakiwIz-OkKtntq4VYqqfbhvpsaoIOd_1PQQ4LOB2zkL72tJyX52xp5rngfFzNnEtoY-St8MyynCFsWTQpYNT_S_jxqTlV0zv-CFP7XbEd3_b_0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:fLLDJzj04BqZyH-cEGKfa4jFFP44L4048XnAUuh6ziRPTZ-itNKeglhVExEsOuVIj5AH8fpTyNjlvxtPdFk0BbHQ7H-zaoPJLIvW4qBfFup7j1LaThQLla9rMgB3N1RwBBDwN2eq_DQf3xcIwNZs_dJ1Iu_psx567uIZfTNCwj8QOS9P6HcEZsudN-uVbwkdw-NLwlRou-NTnV24ruCCIi2k7dA9XKCDQ-lWsX2S4G6cQBv9Kq3oGWGQJc6ok8P9MIgPaL1h66XcJK1fX1lw4aSmIEW5GbvW8Vgb0zhwYblqcPDb03GvVOfAeUETXRDRcGiFg1I4ZG3PIaWR2UlAP8o3IeON21QooWUhXVEmbSZlI0VF8eNKsMSltDdWfAzDixIvJQMAgfZpCsfqqkpJWv9Q1f63hr9Fz7Rz7t9qpPUBhSp4lg2BT9Ydn7o10LFqWbKy28Kr9hJBa6GReP5tas0TAQpeRE148NrmiPgqaMSwFezWWtv3wh4Y1IOqlOVCYPo_el8Zm2mJteEo1NqH8Ol2QeTNbz_3KAUUUqKornG8yIe4FIdiLTEVZ1PslUa90anj5RhcH7PRcK1FfDzuZ5ti2UdrQ3MboXpTon1BIRIlmZSuWH_7Hq1_knGFE_J1f7a4ndDMAH6JbfIEDSu_pVQDhwl9Tisfu1LAQ8eqOjIjFOEZp5Uqr6wctE_w8U8hWbUjdMI59EyysSBlQJGqF9gGHb55iD-4WK9GIoBm6mB83X5YX3Yq2_J-sRhye8A9KZGeKK0yNuHeWbks09nbofzKRt1waLMEqi_8pMEts-ER2ZJz8-zdSmGtJylVZbWVV2U3KqrGRtM-zaqNEdIUmtpNmOEAxXrDLvmZafLHd6CZECyppdCRV5_VVdmpjZ6nPIFqhJJ4XX7y9V-7Enlakel4dzKamkI-EtFjHyIgmzXoRuNh09jzzYcPBnVD2B4Ukarwuz0pwv5oregEHJ6y1mgQS1s2wBjGtn-nX6zP-dswMYuNIR--wL2y0Hy4vh7ovc8wuwAVV0AkYhydlObk8M-I-xiEiwkiX_0lLUsa_BbC_okh_XTI_LVES_ATVgn_0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u062f\u0644\u06cc\u0644<\/strong>: \u0627\u06cc\u0646 \u0633\u0637\u062d \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a\u200c\u0647\u0627 \u0686\u06af\u0648\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f (\u062c\u062f\u0627 \u0633\u0627\u0632\u06cc \u0646\u06af\u0631\u0627\u0646\u06cc\u200c\u0647\u0627) \u0648 \u0648\u0631\u0648\u062f \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062c\u062f\u06cc\u062f \u0628\u0647 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0634\u0645\u0627 \u0641\u0642\u0637 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u062c\u0632\u0626\u06cc\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631\u0647\u0627 \u0645\u06cc\u200c\u06a9\u0634\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u06a9\u0627\u0641\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0647\u0633\u062a\u0646\u062f \u062a\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u062f.<\/p>\n<h3>\u0645\u0631\u062d\u0644\u0647 \u06f4: \u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u062f (\u0633\u0637\u062d \u06f4) \u2013 \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc<\/h3>\n<p><strong>\u0647\u062f\u0641<\/strong>: \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0627\u062e\u0644\u06cc \u06cc\u06a9 \u062c\u0632\u0621 (\u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0644\u0627\u0633\u060c \u062a\u0648\u0627\u0644\u06cc \u0648 \u063a\u06cc\u0631\u0647). \u0645\u062e\u0627\u0637\u0628: \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646\u06cc \u06a9\u0647 \u0631\u0648\u06cc \u0627\u06cc\u0646 \u06a9\u062f \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<p>\u0645\u062b\u0627\u0644 \u0628\u0631\u0627\u06cc<strong>\u06a9\u0646\u062a\u0631\u0644\u0631 \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a<\/strong>\u0627\u062c\u0632\u0627\u0621 \u2013 \u06cc\u06a9 \u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0644\u0627\u0633 \u0633\u0627\u062f\u0647 UML \u062f\u0631 PlantUML:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/uml.planttext.com\/plantuml\/png\/XL91QiCm4BmR_0VXNX8AWRIb3Js4ECOvz5HA-m0XRHnXUJUiv8HGylTQTkea3gM2rM5cPtPMQE6yP5zNDexYo9K6jv9b9RxZI0Yc6hKYHc0n2q3AJFkCBB6uUsfFZwu8_Gsp9DR0Dt2ep4hdkZ63lcdwyFYIdmYfogADSIBpMPwkdZloOkHPSuoZOrX5jVv9MliDe3TAUaEODGecQu6JRlIzfSBWI37eq2Mj6xSmmvh1RJwf11oDhotVzhx5tvbsHf-j2cZUINheHBK3xhnsqXhTupxS0yUlflS3jkIC9pxy-gqDwkKXS2Whw5FyjP6OJEPYc4syYgH9uf9_TDS9BbGBGDryZXy0\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:XLBTQiCW5BuNV0V9Rbe6XVsmbLsCfbbwiQinjWSGFKqbnbEEfgMClViqJKiJA1CH_CxtSuwuy45IQ1lBcRBI-pSZAv8DPvpvshYjZ1VnmnbXwxH2Sa1YpbbEXFi2BPAuUUnMZwtGXH6-HD908v2p8iKbwq7zBhz_U2uZA5LTTQ5zePoN-Ug9iuk04_Uts_q08ilRi04NZ9B1e2iYdz1Qe2o5tLgiZ9ie0fquqlff10dM17xpXJMuoNHezxuF7Vv1k3FwP5D1V0aPu2XfFL3osKbhz1aDwHovVKVc9spHcu1qE7gjZTFBGweusS0v_zeSOZPx5UEkn8l8OXS--qStpBzGBS3f-0t-0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:ZPBDIWCn4CVlWRn3M2yjGi4Fj7YGRcjxy2IY3n0sqsrecfH9jgM8e0VrqlSGlVJGbzdLcqzYilt0BeY6a93_J7x_cP2MTHnTDbAK98fRUo5vYdn42ILsAFMO-mExemHDfaLYK0Eo9YKnefbsZ3B8zexBiTPwHhkAtZOe02iY9PrW5z0xyOFuyEYqwqMU3DFIT1teDhjnxuII7mQRtFjohXjWKPov0MWd4-waqHsVZqOfm2YOxIkJIbrB44J8uShMlOZGHx236pC4NQlluYwdhjIlq4oas61Iy2_17QokP1OmS2PSIR5LNLWhj5kVUGrZOwKpE5kn-bABzYn4D1_1rl-tFbYZSSwgLR4p5kMl-J9_BnxzlYXUMF7qEVzwc7-y5S_v8lg3jrlNFsWjqC9_csy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\nclassDiagram\r\n\r\nskinparam {\r\nroundcorner 8\r\nArrowColor #444444\r\nArrowFontColor #444444\r\nBorderColor #444444\r\n\r\nClass {\r\nBorderColor #1A237E\r\nBackgroundColor #E8EAF6\r\nFontColor #1A237E\r\n}\r\n}\r\n\r\nclass \"AuthenticationController\" {\r\n+login(credentials)\r\n+refreshToken()\r\n}\r\n\r\nclass \"JwtTokenProvider\" {\r\n+generateToken(user)\r\n+validateToken(token)\r\n}\r\n\r\nclass \"UserRepository\" {\r\n+findByUsername()\r\n}\r\n\r\nAuthenticationController ..&gt; JwtTokenProvider : \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\"\r\nAuthenticationController ..&gt; UserRepository : \"\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\"\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:ZPBDIWCn4CVlWRn3M2yjGi4Fj7YGRcjxy2IY3n0sqsrecfH9jgM8e0VrqlSGlVJGbzdLcqzYilt0BeY6a93_J7x_cP2MTHnTDbAK98fRUo5vYdn42ILsAFMO-mExemHDfaLYK0Eo9YKnefbsZ3B8zexBiTPwHhkAtZOe02iY9PrW5z0xyOFuyEYqwqMU3DFIT1teDhjnxuII7mQRtFjohXjWKPov0MWd4-waqHsVZqOfm2YOxIkJIbrB44J8uShMlOZGHx236pC4NQlluYwdhjIlq4oas61Iy2_17QokP1OmS2PSIR5LNLWhj5kVUGrZOwKpE5kn-bABzYn4D1_1rl-tFbYZSSwgLR4p5kMl-J9_BnxzlYXUMF7qEVzwc7-y5S_v8lg3jrlNFsWjqC9_csy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:XLBTQiCW5BuNV0V9Rbe6XVsmbLsCfbbwiQinjWSGFKqbnbEEfgMClViqJKiJA1CH_CxtSuwuy45IQ1lBcRBI-pSZAv8DPvpvshYjZ1VnmnbXwxH2Sa1YpbbEXFi2BPAuUUnMZwtGXH6-HD908v2p8iKbwq7zBhz_U2uZA5LTTQ5zePoN-Ug9iuk04_Uts_q08ilRi04NZ9B1e2iYdz1Qe2o5tLgiZ9ie0fquqlff10dM17xpXJMuoNHezxuF7Vv1k3FwP5D1V0aPu2XfFL3osKbhz1aDwHovVKVc9spHcu1qE7gjZTFBGweusS0v_zeSOZPx5UEkn8l8OXS--qStpBzGBS3f-0t-0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc\u060c \u0627\u063a\u0644\u0628 \u0633\u0637\u062d \u06f4 \u0631\u0627 \u0646\u0627\u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0648 \u0628\u0647 \u06a9\u062f \u0645\u0646\u0628\u0639 \u0648\u0627\u0642\u0639\u06cc \u0627\u0631\u062c\u0627\u0639 \u0645\u06cc\u200c\u062f\u0647\u06cc\u062f.<\/p>\n<h3>\u0645\u0631\u062d\u0644\u0647 \u06f5: \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646<\/h3>\n<p><strong>\u0646\u0645\u0648\u062f\u0627\u0631 \u067e\u0648\u06cc\u0627<\/strong>\u00a0(\u0645\u062b\u0627\u0644: \u062c\u0631\u06cc\u0627\u0646 \u00ab\u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u0644\u0627\u0635\u0647 \u062d\u0633\u0627\u0628\u00bb)<\/p>\n<p><img alt=\"\" class=\"alignnone size-full wp-image-15964\" decoding=\"async\" height=\"823\" loading=\"lazy\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8ec710652f.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8ec710652f.png 533w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8ec710652f-194x300.png 194w\" width=\"533\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:VP9FRzD04CNlblmTXbpgIiGMK2wScjff2ogjLGTwZ2QxqsJL_QVTCH1LV7VMTee2I4XxyPlVMxytslF86BWtEizUAIjqBmbsp3v-gAeqOYNARohsgESU0qgrDQLmfl8QxU2QHvPQRQhwRDuEqfVFDvN1o1IIj6x8QxStPBdquo_oZ1LhWcPlqIW1Kk4se8575-2hek-m4CBrbg7hZS6m7nmjXUXi8Vh8pb1u3RD9GGqNQ9-KtK9zcCrEuJdFQcSPbQLGH8y9xnAYQTxYbc3XlLOYrNBsRnYzIl2Y_VWVgDaKSfEe1Xat66aQT_jKsAoNFxWGBj0XLSBgzFKxv4JDJlFivz79itlIH-Mco6zAg5E4fmWdXut4ardI1_V0ZzGK-6q9LyiLL7ZW1knJTtTRNQzMRVTY6Dan-hiIxWab21GxaX2dHHzVFh9_5ZahuP9Ox40ZKsIGgVy_bYdw--5-xeE58SKBb9PqVVUmlbbUBM-R8WddP6Lw4hy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PLB1RjD04BrRyZyikTILY2sWN3WLcgW5bJOYgJX66tjLBEorPQyH5K82gKrwo5TmSHEfCIR9jTynczpu4cQS1AMjPCdhyRmtxxtP_LJnH6LXO1fFVEa6cIVO9wNYz9NZu2_bk_ONFyruK8zvmZt_FBJTA7JYW4j2rLFb1NxFETYhjwXqzlxO2NcgH8AbRaF4GNGH2gdik1fX6ifNWM1GB8UGBmee8TTNJD_fQoeiXqptzHKTOCPWeYyXXxaUCBY5AHvls6A4hn9kAc2VmGmcC5yEYRabaZIIbfkbAWf5yfJLa6a6OoYH5X7OZ-Y2y5HO8skxx9jf74HISL-An4fZZaWQeFkaZORFzK-ufSDuCNgCuB7_4F6wzVP1LwDdUJsIT4Vcq7XEV2Icq8DLR_i2OmkxpQ_ASgD4lE7oio_FYNgASKnXZ45jR901IkQIv9Z6zwt7D3w8O2k5bQ5dDaP7xOiHGw6ODjlPXFhtnr0F8D-fOH-n4Rv2hPmzjzbXiyCSxhfH9bLARU_QfoVEKQVJQcy0LMzbyOLDcxiceMYkVs-Dls62Naezm9cu0VA-DRJYkEzzpwQKIheSk8GnWr-uDlmatdLwQ_cFY5R6NzfLQF2dkcp5VrNaO0F1x8zEFtQFcuVDauQ5XNqXFRol_m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\n!include https:\/\/static.visual-paradigm.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Deployment.puml\r\n\r\ntitle \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u067e\u0648\u06cc\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062e\u0644\u0627\u0635\u0647 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0634\u062e\u0635\u06cc\r\n\r\nPerson(customer, \"\u0645\u0634\u062a\u0631\u06cc \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc\") {\r\nContainer(spa, \"\u0628\u0631\u0646\u0627\u0645\u0647 \u0635\u0641\u062d\u0647 \u062a\u06a9\u06cc\") {\r\nContainer(api, \"\u0628\u0631\u0646\u0627\u0645\u0647 API\") {\r\nContainerDb(db, \"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\") {\r\nSystem_Ext(coreBanking, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u06cc \u0627\u0635\u0644\u06cc\")\r\n}\r\n}\r\n}\r\n}\r\n\r\nRel(customer, spa, \"1. \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc '\u062d\u0633\u0627\u0628\u200c\u0647\u0627'\", \"\")\r\nRel(spa, api, \"2. GET \/accounts\", \"JSON\/HTTPS\")\r\nRel(api, db, \"3. \u062e\u0648\u0627\u0646\u062f\u0646 \u062e\u0644\u0627\u0635\u0647 \u0630\u062e\u06cc\u0631\u0647\u200c\u0634\u062f\u0647\", \"\")\r\nRel(api, coreBanking, \"4. \u062f\u0631\u06cc\u0627\u0641\u062a \u0622\u062e\u0631\u06cc\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\", \"\")\r\nRel(api, spa, \"5. \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 JSON\", \"\")\r\n\r\nSHOW_LEGEND()\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PLB1RjD04BrRyZyikTILY2sWN3WLcgW5bJOYgJX66tjLBEorPQyH5K82gKrwo5TmSHEfCIR9jTynczpu4cQS1AMjPCdhyRmtxxtP_LJnH6LXO1fFVEa6cIVO9wNYz9NZu2_bk_ONFyruK8zvmZt_FBJTA7JYW4j2rLFb1NxFETYhjwXqzlxO2NcgH8AbRaF4GNGH2gdik1fX6ifNWM1GB8UGBmee8TTNJD_fQoeiXqptzHKTOCPWeYyXXxaUCBY5AHvls6A4hn9kAc2VmGmcC5yEYRabaZIIbfkbAWf5yfJLa6a6OoYH5X7OZ-Y2y5HO8skxx9jf74HISL-An4fZZaWQeFkaZORFzK-ufSDuCNgCuB7_4F6wzVP1LwDdUJsIT4Vcq7XEV2Icq8DLR_i2OmkxpQ_ASgD4lE7oio_FYNgASKnXZ45jR901IkQIv9Z6zwt7D3w8O2k5bQ5dDaP7xOiHGw6ODjlPXFhtnr0F8D-fOH-n4Rv2hPmzjzbXiyCSxhfH9bLARU_QfoVEKQVJQcy0LMzbyOLDcxiceMYkVs-Dls62Naezm9cu0VA-DRJYkEzzpwQKIheSk8GnWr-uDlmatdLwQ_cFY5R6NzfLQF2dkcp5VrNaO0F1x8zEFtQFcuVDauQ5XNqXFRol_m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:VP9FRzD04CNlblmTXbpgIiGMK2wScjff2ogjLGTwZ2QxqsJL_QVTCH1LV7VMTee2I4XxyPlVMxytslF86BWtEizUAIjqBmbsp3v-gAeqOYNARohsgESU0qgrDQLmfl8QxU2QHvPQRQhwRDuEqfVFDvN1o1IIj6x8QxStPBdquo_oZ1LhWcPlqIW1Kk4se8575-2hek-m4CBrbg7hZS6m7nmjXUXi8Vh8pb1u3RD9GGqNQ9-KtK9zcCrEuJdFQcSPbQLGH8y9xnAYQTxYbc3XlLOYrNBsRnYzIl2Y_VWVgDaKSfEe1Xat66aQT_jKsAoNFxWGBj0XLSBgzFKxv4JDJlFivz79itlIH-Mco6zAg5E4fmWdXut4ardI1_V0ZzGK-6q9LyiLL7ZW1knJTtTRNQzMRVTY6Dan-hiIxWab21GxaX2dHHzVFh9_5ZahuP9Ox40ZKsIGgVy_bYdw--5-xeE58SKBb9PqVVUmlbbUBM-R8WddP6Lw4hy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><strong>\u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u0646\u0635\u0628<\/strong>\u00a0(\u0646\u0642\u0634\u0647\u200c\u0628\u0631\u062f\u0627\u0631\u06cc \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0633\u0637\u062d \u0628\u0627\u0644\u0627):<\/p>\n<p id=\"EQNbTiP\"><img alt=\"\" class=\"alignnone size-full wp-image-15965\" decoding=\"async\" height=\"562\" loading=\"lazy\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8edea159ca.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8edea159ca.png 714w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8edea159ca-300x236.png 300w\" width=\"714\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:ZL9DJzj04Br7yd_Ovb97gcC9zTGJ8Ow0Ag4k1d6qnlPWLkoNTjS9jEA_CuFJfWqzz6RFlFVclPaz3H5y7BHA9X-aQTNGeNY8qOKlUKwjADlvLeO1LER0GoTxFM-jpfq2mwmin4x99bz-paektMxMkOOGqLEfBj0f-wpHnBbx6v5CeemAnQ4X2Wcz1otkhHUNXeW6epW3yoXDBwfdajBCEp3gAzjX2hlmIKmN6dvO8-wm4HNwhMmnJAcyL7RefZFnypqFsnC2h9OdOZ54crKjA1vqxktWcBgMPdWQgKjh8aY3FWKdULXvAHREATdIMgnXz5VOWgYSPuapQ-DqbanUtW_r7PkzBYhcb3R4tcFrVNqqfcZIhY500H4Q2BWNU_bN_7O8qMhY88VcoFl2no366e-YlUGRsqY5nuc20-fNv5jXLaAFVoMR_GdLRmA47fKOk7UMJCRxrAkdcBRMu_viR8V-ZgueKciov-b3a_0ztHndB9HChb6DXiOzR-0HW-1jqt5K4D5obekRcx9YFAD_UVfVGdqxtd2CNQ2IM_GC5F41HNlOtOvUKkFjBg0_elvUmp5xR90LDwQfBhxTrUlL-UggIAbmYgQZj_yA\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:hLFDRjf04BuZyGvRJaOgM8fwwYa9eAOLJMcSA4Uqs2jgrN-o5zgqYjH60NpmUvYWDXQ2NFCSit3hatJ6k28XbNhf1S7ipFStmtuaUIW7hbCkFRCzqnbOWdsGCeXUwZe-ITki3-rem9rQm4DksNstRlgk7ZZSewbQ92t7xkcD5xKEbSxUjdMNHrA4MEesHU3u5wxmP3t8ASebQKj7CCZM2QIh3EQGgX5JOxY3AOCf_Lud31Rul80PFc4jLUFL3MIGmfpUi07xPp2dptL2e5kUxh5l2Or_Yfwpoe7Bl_WUEnSzPeXmQ9iYgc0PSP2dKcLVdmuASmyxI9UArOJ1hOeXGtAaPcgahaWrB7vzIo1J4nJJQkmHfBecJIh6piK6kE5xajkU23KUs4GwpVMYMOGzwBocgJTyo9aHXBRNPuU-BolLSkdogQRG8ZCdJODcEdua-w4mthTtU9ezpUgHb7iA21saf9z2GwK5ykNViZ87aVHT112K44dDAFe2GOrWILclaznd35CTBSIq5RHylMis2lYkMRXJt-4dVPcjRX2c-h3VzNksavEcwfvIf1POgZ5xp59eDoxmijnkwxFKJ3yKXzpxYE7H-DE3oKy5oH6KQMWZXIKjQLlCmxcbhrKYA9TEXBCnKAniba_HjjKaFqlS6oDm-B6vsj4wAKu1CkJ5d77iwFIqOn0WmVtnzzyGksURWog2dc6oCKMKDzEsy71XJWVyS7MFPxUXxup_SmcuWQDtvzrswrNhkAbXOLzu5lwnVmC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">\r\n@startuml\r\n!include https:\/\/static.visual-paradigm.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Deployment.puml\r\n\r\ntitle \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u0646\u0635\u0628 \u0628\u0631\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\r\n\r\nDeployment_Node(aws, \"Amazon Web Services\", \"\u0627\u0628\u0631\") {\r\nDeployment_Node(ec2, \"\u06af\u0631\u0648\u0647 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0645\u0642\u06cc\u0627\u0633\u200c\u062f\u0647\u06cc EC2\", \"\u0644\u06cc\u0646\u0648\u06a9\u0633\") {\r\nContainer(api, \"\u0628\u0631\u0646\u0627\u0645\u0647 API\", \"Java Spring Boot\")\r\n}\r\nDeployment_Node(rds, \"RDS\", \"PostgreSQL\") {\r\nContainerDb(db, \"\u067e\u0627\u06cc\u06af\u0627\u0647 \u062f\u0627\u062f\u0647\")\r\n}\r\n}\r\n\r\nDeployment_Node(customerDevice, \"\u062f\u0633\u062a\u06af\u0627\u0647 \u0645\u0634\u062a\u0631\u06cc\", \"\u0648\u0628\/\u0645\u0648\u0628\u0627\u06cc\u0644\") {\r\nContainer(spa, \"\u0628\u0631\u0646\u0627\u0645\u0647 \u0635\u0641\u062d\u0647 \u062a\u06a9\u06cc\")\r\nContainer(mobile, \"\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644\")\r\n}\r\n\r\nSystem_Ext(coreBanking, \"\u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u06cc \u0627\u0635\u0644\u06cc (\u0645\u0627\u0634\u06cc\u0646 \u0627\u0635\u0644\u06cc \u062f\u0627\u062e\u0644\u06cc)\")\r\n\r\nRel(spa, api, \"\u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc API \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0647\", \"HTTPS\")\r\nRel(mobile, api, \"\u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc API \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0647\", \"HTTPS\")\r\nRel_U(api, spa, \"\u062a\u062d\u0648\u06cc\u0644 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u0634\u062a\u0631\u06cc\")\r\nRel_U(api, mobile, \"\u062a\u062d\u0648\u06cc\u0644 \u0628\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644\")\r\n\r\nSHOW_LEGEND()\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:hLFDRjf04BuZyGvRJaOgM8fwwYa9eAOLJMcSA4Uqs2jgrN-o5zgqYjH60NpmUvYWDXQ2NFCSit3hatJ6k28XbNhf1S7ipFStmtuaUIW7hbCkFRCzqnbOWdsGCeXUwZe-ITki3-rem9rQm4DksNstRlgk7ZZSewbQ92t7xkcD5xKEbSxUjdMNHrA4MEesHU3u5wxmP3t8ASebQKj7CCZM2QIh3EQGgX5JOxY3AOCf_Lud31Rul80PFc4jLUFL3MIGmfpUi07xPp2dptL2e5kUxh5l2Or_Yfwpoe7Bl_WUEnSzPeXmQ9iYgc0PSP2dKcLVdmuASmyxI9UArOJ1hOeXGtAaPcgahaWrB7vzIo1J4nJJQkmHfBecJIh6piK6kE5xajkU23KUs4GwpVMYMOGzwBocgJTyo9aHXBRNPuU-BolLSkdogQRG8ZCdJODcEdua-w4mthTtU9ezpUgHb7iA21saf9z2GwK5ykNViZ87aVHT112K44dDAFe2GOrWILclaznd35CTBSIq5RHylMis2lYkMRXJt-4dVPcjRX2c-h3VzNksavEcwfvIf1POgZ5xp59eDoxmijnkwxFKJ3yKXzpxYE7H-DE3oKy5oH6KQMWZXIKjQLlCmxcbhrKYA9TEXBCnKAniba_HjjKaFqlS6oDm-B6vsj4wAKu1CkJ5d77iwFIqOn0WmVtnzzyGksURWog2dc6oCKMKDzEsy71XJWVyS7MFPxUXxup_SmcuWQDtvzrswrNhkAbXOLzu5lwnVmC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com#plantuml:ZL9DJzj04Br7yd_Ovb97gcC9zTGJ8Ow0Ag4k1d6qnlPWLkoNTjS9jEA_CuFJfWqzz6RFlFVclPaz3H5y7BHA9X-aQTNGeNY8qOKlUKwjADlvLeO1LER0GoTxFM-jpfq2mwmin4x99bz-paektMxMkOOGqLEfBj0f-wpHnBbx6v5CeemAnQ4X2Wcz1otkhHUNXeW6epW3yoXDBwfdajBCEp3gAzjX2hlmIKmN6dvO8-wm4HNwhMmnJAcyL7RefZFnypqFsnC2h9OdOZ54crKjA1vqxktWcBgMPdWQgKjh8aY3FWKdULXvAHREATdIMgnXz5VOWgYSPuapQ-DqbanUtW_r7PkzBYhcb3R4tcFrVNqqfcZIhY500H4Q2BWNU_bN_7O8qMhY88VcoFl2no366e-YlUGRsqY5nuc20-fNv5jXLaAFVoMR_GdLRmA47fKOk7UMJCRxrAkdcBRMu_viR8V-ZgueKciov-b3a_0ztHndB9HChb6DXiOzR-0HW-1jqt5K4D5obekRcx9YFAD_UVfVGdqxtd2CNQ2IM_GC5F41HNlOtOvUKkFjBg0_elvUmp5xR90LDwQfBhxTrUlL-UggIAbmYgQZj_yA\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u0648\u06cc\u0631\u0627\u06cc\u0634 PlantUML \u062f\u0631 VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062f\u0631 \u0639\u0645\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645<\/h3>\n<ol>\n<li>\u0628\u0627 \u06cc\u06a9 \u06a9\u0627\u0631\u06af\u0627\u0647 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f: \u0645\u062a\u0646\u0627\u0638\u0631\u06cc \u0631\u0627 \u0631\u0648\u06cc \u062a\u062e\u062a\u0647 \u0633\u06cc\u0627\u0647 \u0631\u0633\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 PlantUML C4 \u0628\u0647 \u0633\u0645\u062a \u0645\u062e\u0627\u0632\u0646 \u0648 \u0627\u062c\u0632\u0627 \u062a\u06a9\u0631\u0627\u0631 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\u062f\u06cc\u0627\u06af\u0631\u0627\u0645\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0645\u062e\u0632\u0646 \u06a9\u062f (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06a9\u062f!) \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f \u062a\u0627 \u0628\u0647\u200c\u0631\u0648\u0632 \u0628\u0645\u0627\u0646\u0646\u062f.<\/li>\n<li>\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0632\u0646\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<p>\u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 \u062f\u0642\u06cc\u0642 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\u060c \u0645\u0631\u062c\u0639 \u0631\u0633\u0645\u06cc \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0633\u06cc\u0645\u0648\u0646 \u0628\u0631\u0627\u0648\u0646 \u0627\u0633\u062a \u0648 \u062f\u0631 \u0647\u0632\u0627\u0631\u0627\u0646 \u0633\u0627\u0632\u0645\u0627\u0646 \u062c\u0647\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0645\u0631\u0627\u062d\u0644\u060c \u0627\u06a9\u0646\u0648\u0646 \u06cc\u06a9 \u062a\u0648\u0635\u06cc\u0641 \u06a9\u0627\u0645\u0644 \u0648 \u0622\u0645\u0627\u062f\u0647 \u0628\u0647\u0631\u0647\u200c\u0628\u0631\u062f\u0627\u0631\u06cc \u0627\u0632 \u0645\u0639\u0645\u0627\u0631\u06cc \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0647\u0631 \u06a9\u0633\u06cc \u2014 \u0627\u0632 \u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644 \u062a\u0627 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u062c\u062f\u06cc\u062f \u2014 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0633\u0637\u062d \u0645\u0646\u0627\u0633\u0628 \u062c\u0632\u0626\u06cc\u0627\u062a \u0622\u0646 \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u062f.<\/p>\n<h3>\u0645\u0642\u0627\u0644\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 C4<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.archimetric.com\/the-ultimate-guide-to-c4-model-visualization-with-visual-paradigms-ai-tools\/\"><strong>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u062f\u0644 C4 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm<\/strong><\/a>: \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\u200c\u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631\u0633\u0627\u0632\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0646\u0645\u0627\u06cc\u0634 \u0645\u062f\u0644 C4 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li><a href=\"https:\/\/www.archimetric.com\/leveraging-visual-paradigms-ai-c4-studio-a-comprehensive-guide-to-streamlined-architectural-documentation\/\"><strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Studio C4 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm \u0628\u0631\u0627\u06cc \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0628\u0647\u0628\u0648\u062f\u06cc\u0627\u0641\u062a\u0647<\/strong><\/a>: \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u062a\u0645\u06cc\u0632\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f.<\/li>\n<li><a href=\"https:\/\/blog.visual-paradigm.com\/the-ultimate-guide-to-c4-plantuml-studio-revolutionizing-software-architecture-design\/\"><strong>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc Studio C4-PlantUML: \u062a\u062d\u0648\u0644 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/strong><\/a>: \u0627\u06cc\u0646 \u0645\u0646\u0628\u0639 \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u062a\u0631\u06a9\u06cc\u0628 \u062e\u0648\u062f\u06a9\u0627\u0631\u0633\u0627\u0632\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\u060c \u0634\u0641\u0627\u0641\u06cc\u062a \u0645\u062f\u0644 C4 \u0648 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u06cc PlantUML \u062f\u0631 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0648\u0627\u062d\u062f \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f.<\/li>\n<li><a href=\"https:\/\/www.cybermedian.com\/%F0%9F%A7%A0-a-comprehensive-guide-to-visual-paradigms-ai-powered-c4-plantuml-studio\/\"><strong>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc Studio C4 PlantUML \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\u200c\u0634\u062f\u0647 \u0627\u0632 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm<\/strong><\/a>: \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0627\u0628\u0632\u0627\u0631\u06cc \u0647\u062f\u0641\u0645\u0646\u062f \u0631\u0627 \u062a\u0648\u0635\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u0633\u0627\u0644 \u06f2\u06f0\u06f2\u06f5 \u0645\u0646\u062a\u0634\u0631 \u0634\u062f \u0648 \u067e\u06cc\u0627\u0645\u200c\u0647\u0627\u06cc \u0632\u0628\u0627\u0646 \u0637\u0628\u06cc\u0639\u06cc \u0631\u0627 \u0628\u0647 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645\u200c\u0647\u0627\u06cc \u0644\u0627\u06cc\u0647\u200c\u0627\u06cc C4 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/features\/c4-plantuml-studio\/\"><strong>\u0627\u0633\u062a\u0648\u062f\u06cc\u0648 C4-PlantUML | \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 C4 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\u200c\u0634\u062f\u0647 \u0627\u0632 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/strong><\/a>: \u0627\u06cc\u0646 \u0645\u0631\u0648\u0631 \u0648\u06cc\u0698\u06af\u06cc\u060c \u0627\u0628\u0632\u0627\u0631\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0631\u0627 \u0628\u0631\u062c\u0633\u062a\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u062f\u06cc\u0627\u06af\u0631\u0627\u0645\u200c\u0647\u0627\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 C4 \u0627\u0632 \u062a\u0648\u0635\u06cc\u0641\u200c\u0647\u0627\u06cc \u0645\u062a\u0646 \u0633\u0627\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<li><a href=\"https:\/\/www.archimetric.com\/comprehensive-tutorial-generating-and-modifying-c4-component-diagrams-with-visual-paradigm-ai-chatbot\/\"><strong>\u062a\u0648\u0644\u06cc\u062f \u0648 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645\u200c\u0647\u0627\u06cc \u062c\u0632\u0621 C4 \u0628\u0627 \u0686\u062a\u200c\u0628\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc Visual Paradigm<\/strong><\/a>: \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u06cc\u06a9 \u0686\u062a\u200c\u0628\u0627\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\u200c\u0634\u062f\u0647 \u0627\u0632 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0648 \u0628\u0647\u0628\u0648\u062f \u062a\u062f\u0631\u06cc\u062c\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u0633\u0637\u062d \u062c\u0632\u0621 \u0628\u0631\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li><a href=\"https:\/\/ai.visual-paradigm.com\/tool\/ai-powered-c4-plantuml-studio\/about-the-diagrams\/\"><strong>\u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 C4 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\u200c\u0634\u062f\u0647 \u0627\u0632 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc: \u0633\u0637\u0648\u062d \u0627\u0635\u0644\u06cc \u0648 \u062f\u06cc\u062f\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646<\/strong><\/a>: \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u0632 \u0686\u0647\u0627\u0631 \u0633\u0637\u062d \u0627\u0635\u0644\u06cc \u0645\u062f\u0644 C4 \u2014 \u0645\u062a\u0646\u0627\u0638\u0631\u06cc\u060c \u0645\u062e\u0632\u0646\u060c \u062c\u0632\u0621 \u0648 \u0646\u0635\u0628 \u2014 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062c\u0627\u0645\u0639\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u062f.<\/li>\n<li><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator-complete-c4-model\/\"><strong>Generator \u0646\u0645\u0648\u062f\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc: \u0627\u0646\u062a\u0634\u0627\u0631 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0627\u0645\u0644 \u0627\u0632 \u0645\u062f\u0644 C4<\/strong><\/a>: \u0627\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u062c\u0632\u0626\u06cc\u0627\u062a \u0627\u062f\u063a\u0627\u0645 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0633\u0644\u0633\u0644\u0647 \u0645\u0631\u0627\u062a\u0628\u06cc \u0645\u062f\u0644 C4 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li><a href=\"https:\/\/www.ez-knowledge.com\/beyond-the-code-how-ai-automates-c4-model-diagrams-for-devops-and-cloud-teams\/\"><strong>Generator \u0645\u062f\u0644 C4 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc: \u062e\u0648\u062f\u06a9\u0627\u0631\u0633\u0627\u0632\u06cc \u06a9\u0644 \u0686\u0631\u062e\u0647 \u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc<\/strong><\/a>: \u0627\u06cc\u0646 \u0645\u0646\u0628\u0639 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0686\u062a\u200c\u0628\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u062a\u062e\u0635\u0635\u06cc \u0627\u0632 \u067e\u06cc\u0627\u0645\u200c\u0647\u0627\u06cc \u0645\u06a9\u0627\u0644\u0645\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u062a\u0636\u0645\u06cc\u0646 \u06cc\u06a9\u062f\u0633\u062a\u06cc \u062f\u0631 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0639\u0645\u0627\u0631\u06cc \u0628\u0631\u0627\u06cc \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc DevOps \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li><a href=\"https:\/\/www.archimetric.com\/comprehensive-review-generic-ai-chatbots-vs-visual-paradigms-c4-tools\/\"><strong>\u0628\u0631\u0631\u0633\u06cc \u062c\u0627\u0645\u0639: \u0686\u062a\u200c\u0628\u0627\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0639\u0645\u0648\u0645\u06cc \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc C4 \u0634\u0631\u06a9\u062a Visual Paradigm<\/strong><\/a>: \u0627\u06cc\u0646 \u0645\u0642\u0627\u06cc\u0633\u0647 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0686\u0631\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc \u0645\u0627\u0646\u0646\u062f C4 PlantUML Studio \u0646\u062a\u0627\u06cc\u062c \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647\u200c\u062a\u0631 \u0648 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0632\u0628\u0627\u0646\u06cc \u0639\u0645\u0648\u0645\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u06cc\u0646\u00a0\u0645\u062f\u0644 C4, \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0633\u06cc\u0645\u0648\u0646 \u0628\u0631\u0627\u0648\u0646 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0631\u0648\u0634\u06cc \u0633\u0627\u062f\u0647\u060c \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628\u06cc \u0648 \u062f\u0648\u0633\u062a\u200c\u062f\u0627\u0634\u062a\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/p>\n","protected":false},"author":11,"featured_media":12119,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[110],"tags":[],"class_list":["post-12118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-c4-model"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc) - \u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc<\/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\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc) - \u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc\" \/>\n<meta property=\"og:description\" content=\"\u0627\u06cc\u0646\u00a0\u0645\u062f\u0644 C4, \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0633\u06cc\u0645\u0648\u0646 \u0628\u0631\u0627\u0648\u0646 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0631\u0648\u0634\u06cc \u0633\u0627\u062f\u0647\u060c \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628\u06cc \u0648 \u062f\u0648\u0633\u062a\u200c\u062f\u0627\u0634\u062a\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-05T02:48:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"527\" \/>\n\t<meta property=\"og:image:height\" content=\"739\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc)\",\"datePublished\":\"2026-03-05T02:48:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\"},\"wordCount\":114,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png\",\"articleSection\":[\"C4 Model\"],\"inLanguage\":\"fa-IR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\",\"url\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\",\"name\":\"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc) - \u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png\",\"datePublished\":\"2026-03-05T02:48:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png\",\"width\":527,\"height\":739},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/fa\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/fa\/\",\"name\":\"\u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc\",\"description\":\"\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06cc\u06a9 \u0686\u06cc\u0632 \u062c\u062f\u06cc\u062f \u0647\u0631 \u0631\u0648\u0632\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/fa\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/fa\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc) - \u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc","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\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/","og_locale":"fa_IR","og_type":"article","og_title":"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc) - \u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc","og_description":"\u0627\u06cc\u0646\u00a0\u0645\u062f\u0644 C4, \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0633\u06cc\u0645\u0648\u0646 \u0628\u0631\u0627\u0648\u0646 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0631\u0648\u0634\u06cc \u0633\u0627\u062f\u0647\u060c \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628\u06cc \u0648 \u062f\u0648\u0633\u062a\u200c\u062f\u0627\u0634\u062a\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0645\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631","og_url":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/","og_site_name":"\u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc","article_published_time":"2026-03-05T02:48:15+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png","type":"","width":"","height":""},{"width":527,"height":739,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/03\/img_69a8e7e9e8ab5.png","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"curtis","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"7 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc)","datePublished":"2026-03-05T02:48:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/"},"wordCount":114,"image":{"@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png","articleSection":["C4 Model"],"inLanguage":"fa-IR"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/","url":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/","name":"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc) - \u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/fa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png","datePublished":"2026-03-05T02:48:15+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#primaryimage","url":"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png","contentUrl":"https:\/\/www.cybermedian.com\/fa\/wp-content\/uploads\/sites\/15\/2026\/03\/img_69a8e7e9e8ab5-1.png","width":527,"height":739},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/fa\/a-comprehensive-step-by-step-case-study-applying-the-c4-model-to-the-internet-banking-system-big-bank-plc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/fa\/"},{"@type":"ListItem","position":2,"name":"\u06cc\u06a9 \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0648\u0631\u062f\u06cc \u062c\u0627\u0645\u0639 \u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647: \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u062f\u0644 C4 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0627\u0646\u06a9\u062f\u0627\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc (\u0634\u0631\u06a9\u062a \u0628\u06cc\u06af \u0628\u0627\u0646\u06a9 plc)"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/fa\/#website","url":"https:\/\/www.cybermedian.com\/fa\/","name":"\u0631\u0633\u0627\u0646\u0647 \u0633\u0627\u06cc\u0628\u0631\u06cc","description":"\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06cc\u06a9 \u0686\u06cc\u0632 \u062c\u062f\u06cc\u062f \u0647\u0631 \u0631\u0648\u0632","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/fa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/www.cybermedian.com\/fa\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/fa\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/posts\/12118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/comments?post=12118"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/posts\/12118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/media\/12119"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/media?parent=12118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/categories?post=12118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/fa\/wp-json\/wp\/v2\/tags?post=12118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}