{"id":12293,"date":"2026-09-18T14:08:29","date_gmt":"2026-09-18T06:08:29","guid":{"rendered":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/"},"modified":"2026-09-22T18:14:48","modified_gmt":"2026-09-22T10:14:48","slug":"generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/","title":{"rendered":"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm"},"content":{"rendered":"<p>Tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm cho ph\u00e9p t\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 t\u1eeb m\u00f4 t\u1ea3 b\u1eb1ng ng\u00f4n ng\u1eef th\u00f4ng th\u01b0\u1eddng v\u1ec1 m\u1ed9t \u1ee9ng d\u1ee5ng, ng\u01b0\u1eddi d\u00f9ng c\u1ee7a n\u00f3 v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i m\u00e0 n\u00f3 t\u01b0\u01a1ng t\u00e1c. Tuy nhi\u00ean, s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o b\u1edfi AI s\u1ebd h\u1eefu \u00edch nh\u1ea5t khi v\u1eabn c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda v\u00e0 duy tr\u00ec \u0111\u01b0\u1ee3c sau khi t\u1ea1o.<\/p>\n<p class=\"\">H\u01b0\u1edbng d\u1eabn n\u00e0y minh h\u1ecda quy tr\u00ecnh to\u00e0n di\u1ec7n \u0111\u1ec3 t\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh n\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m b\u1eb1ng C4-PlantUML. B\u1ea1n s\u1ebd h\u1ecdc c\u00e1ch chuy\u1ec3n t\u1eeb s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o b\u1edfi AI sang m\u00e3 PlantUML c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda, tinh ch\u1ec9nh m\u00f4 h\u00ecnh trong VPasCode, v\u00e0 ti\u1ebfp t\u1ee5c ch\u1ec9nh s\u1eeda tr\u1ef1c quan trong Visual Paradigm Online. Ph\u01b0\u01a1ng ph\u00e1p n\u00e0y k\u1ebft h\u1ee3p t\u1ed1c \u0111\u1ed9 c\u1ee7a m\u00f4 h\u00ecnh h\u00f3a h\u1ed7 tr\u1ee3 b\u1edfi AI v\u1edbi t\u00ednh linh ho\u1ea1t c\u1ee7a s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 v\u00e0 s\u1ef1 thu\u1eadn ti\u1ec7n c\u1ee7a tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 \u0111\u1ed3 h\u1ecda.<\/p>\n<p><img alt=\"Lu\u1ed3ng c\u00f4ng vi\u1ec7c b\u1ed1n b\u01b0\u1edbc cho th\u1ea5y c\u00e1ch Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n AI c\u1ee7a Visual Paradigm t\u1ea1o ra m\u1ed9t s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda t\u1eeb ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean th\u00e0nh m\u00e3 v\u00e0 tr\u00ecnh ch\u1ec9nh s\u1eeda h\u00ecnh \u1ea3nh.\" class=\"alignnone size-full wp-image-20795\" decoding=\"async\" height=\"941\" loading=\"lazy\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png 1672w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5-300x169.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5-1024x576.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5-768x432.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5-1536x864.png 1536w\" width=\"1672\"\/><\/p>\n<p>Visual Paradigm cung c\u1ea5p m\u1ed9t quy tr\u00ecnh th\u1ef1c t\u1ebf \u0111\u1ec3 chuy\u1ec3n m\u00f4 t\u1ea3 ki\u1ebfn tr\u00fac b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean th\u00e0nh s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda:<\/p>\n<ol>\n<li>\n<p>M\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng trong tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm.<\/p>\n<p id=\"OXRJrhW\"><img alt=\"Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n AI c\u1ee7a Visual Paradigm hi\u1ec3n th\u1ecb m\u1ed9t s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda cho H\u1ec7 th\u1ed1ng C\u00f4ng ngh\u1ec7 Th\u00f4ng tin Nh\u00f3m Ng\u00e2n h\u00e0ng, th\u1ec3 hi\u1ec7n ng\u01b0\u1eddi d\u00f9ng v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i.\" class=\"alignnone size-full wp-image-20786\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd32cad84d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd32cad84d.png 1916w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd32cad84d-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd32cad84d-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd32cad84d-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd32cad84d-1536x701.png 1536w\" width=\"1916\"\/><\/p>\n<\/li>\n<li>\n<p>T\u1ea1o v\u00e0 xem x\u00e9t s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4.<\/p>\n<\/li>\n<li>\n<p>M\u1edf k\u1ebft qu\u1ea3 trong VPasCode d\u01b0\u1edbi d\u1ea1ng C4-PlantUML.<\/p>\n<p id=\"IkuXjIj\"><img alt=\"Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n AI c\u1ee7a Visual Paradigm hi\u1ec3n th\u1ecb m\u1ed9t s\u01a1 \u0111\u1ed3 b\u1ed1i c\u1ea3nh h\u1ec7 th\u1ed1ng ng\u00e2n h\u00e0ng C4 \u0111\u01b0\u1ee3c t\u1ea1o ra v\u1edbi c\u00e1c t\u00f9y ch\u1ecdn ch\u1ec9nh s\u1eeda th\u00f4ng qua VPasCode ho\u1eb7c Visual Paradigm Online.\" class=\"alignnone size-full wp-image-20787\" decoding=\"async\" height=\"675\" loading=\"lazy\" sizes=\"auto, (max-width: 1765px) 100vw, 1765px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd349bc71b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd349bc71b.png 1765w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd349bc71b-300x115.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd349bc71b-1024x392.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd349bc71b-768x294.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd349bc71b-1536x587.png 1536w\" width=\"1765\"\/><\/p>\n<\/li>\n<li>\n<p>Ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 b\u1eb1ng c\u00e1ch ch\u1ec9nh s\u1eeda m\u00e3 PlantUML.<\/p>\n<p id=\"bDHMshD\"><img alt=\"Giao di\u1ec7n VPasCode hi\u1ec3n th\u1ecb m\u00e3 C4-PlantUML c\u00f9ng v\u1edbi s\u01a1 \u0111\u1ed3 b\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng C\u00f4ng ngh\u1ec7 Th\u00f4ng tin Nh\u00f3m Ng\u00e2n h\u00e0ng \u0111\u01b0\u1ee3c t\u1ea1o ra, th\u1ec3 hi\u1ec7n ng\u01b0\u1eddi d\u00f9ng v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i.\" class=\"alignnone size-full wp-image-20788\" decoding=\"async\" height=\"874\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd35c46b64.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd35c46b64.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd35c46b64-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd35c46b64-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd35c46b64-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd35c46b64-1536x700.png 1536w\" width=\"1917\"\/><\/p>\n<\/li>\n<li>\n<p>T\u00f9y ch\u1ecdn g\u1eedi k\u1ebft qu\u1ea3 \u0111\u1ebfn Visual Paradigm Online.<\/p>\n<p id=\"YpumSUj\"><img alt=\"Giao di\u1ec7n Visual Paradigm hi\u1ec3n th\u1ecb m\u1ed9t s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda cho m\u1ed9t n\u1ec1n t\u1ea3ng ng\u00e2n h\u00e0ng, th\u1ec3 hi\u1ec7n con ng\u01b0\u1eddi, c\u00e1c h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m v\u00e0 c\u00e1c t\u01b0\u01a1ng t\u00e1c b\u00ean ngo\u00e0i.\" class=\"alignnone size-full wp-image-20789\" decoding=\"async\" height=\"852\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd36bb1156.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd36bb1156.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd36bb1156-300x133.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd36bb1156-1024x456.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd36bb1156-768x342.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd36bb1156-1536x683.png 1536w\" width=\"1915\"\/><\/p>\n<\/li>\n<li>\n<p>Ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 tr\u1ef1c quan b\u1eb1ng tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 k\u00e9o th\u1ea3.<\/p>\n<\/li>\n<\/ol>\n<p>\u0110i\u1ec1u n\u00e0y mang l\u1ea1i cho b\u1ea1n hai ph\u01b0\u01a1ng th\u1ee9c ch\u1ec9nh s\u1eeda:<\/p>\n<ul>\n<li>\n<p><strong>Ch\u1ec9nh s\u1eeda d\u1ef1a tr\u00ean m\u00e3:<\/strong>\u00a0VPasCode v\u00e0 C4-PlantUML<\/p>\n<\/li>\n<li>\n<p><strong>Ch\u1ec9nh s\u1eeda d\u1ef1a tr\u00ean giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng (GUI):<\/strong>\u00a0Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 Visual Paradigm Online<\/p>\n<\/li>\n<\/ul>\n<p>Tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm h\u1ed7 tr\u1ee3 c\u00e1c s\u01a1 \u0111\u1ed3 C4 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng, Container, Component v\u00e0 Tri\u1ec3n khai. N\u00f3 c\u0169ng c\u00f3 th\u1ec3 tinh ch\u1ec9nh m\u1ed9t s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra th\u00f4ng qua c\u00e1c l\u1ec7nh b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean nh\u01b0 th\u00eam, x\u00f3a, \u0111\u1ed5i t\u00ean ho\u1eb7c n\u1ed1i l\u1ea1i c\u00e1c th\u00e0nh ph\u1ea7n.<\/p>\n<hr\/>\n<h2>1. Hi\u1ec3u s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh C4<\/h2>\n<p>S\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh C4 l\u00e0 c\u00e1i nh\u00ecn c\u1ea5p cao nh\u1ea5t v\u1ec1 m\u1ed9t h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m. N\u00f3 hi\u1ec3n th\u1ecb:<\/p>\n<ul>\n<li>\n<p>C\u00e1i\u00a0<strong>h\u1ec7 th\u1ed1ng \u0111ang \u0111\u01b0\u1ee3c quan t\u00e2m<\/strong><\/p>\n<\/li>\n<li>\n<p>Ng\u01b0\u1eddi d\u00f9ng con ng\u01b0\u1eddi v\u00e0 c\u00e1c t\u00e1c nh\u00e2n t\u1ed5 ch\u1ee9c<\/p>\n<\/li>\n<li>\n<p>C\u00e1c h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m b\u00ean ngo\u00e0i<\/p>\n<\/li>\n<li>\n<p>Nh\u1eefng m\u1ed1i quan h\u1ec7 quan tr\u1ecdng gi\u1eefa c\u00e1c th\u00e0nh ph\u1ea7n n\u00e0y<\/p>\n<\/li>\n<li>\n<p>M\u1ed9t m\u00f4 t\u1ea3 ng\u1eafn v\u1ec1 c\u00e1ch ho\u1ea1t \u0111\u1ed9ng c\u1ee7a t\u1eebng m\u1ed1i quan h\u1ec7<\/p>\n<\/li>\n<\/ul>\n<p>Th\u00f4ng th\u01b0\u1eddng, n\u00f3 kh\u00f4ng hi\u1ec3n th\u1ecb c\u00e1c d\u1ecbch v\u1ee5 n\u1ed9i b\u1ed9, c\u01a1 s\u1edf d\u1eef li\u1ec7u, l\u1edbp, API ho\u1eb7c chi ti\u1ebft h\u1ea1 t\u1ea7ng. Nh\u1eefng th\u1ee9 n\u00e0y thu\u1ed9c v\u1ec1 c\u00e1c s\u01a1 \u0111\u1ed3 C4 c\u1ea5p th\u1ea5p h\u01a1n.<\/p>\n<p>V\u00ed d\u1ee5, m\u1ed9t s\u01a1 \u0111\u1ed3 b\u1ed1i c\u1ea3nh cho m\u1ed9t n\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m tr\u1ef1c tuy\u1ebfn c\u00f3 th\u1ec3 bao g\u1ed3m:<\/p>\n<ul>\n<li>\n<p>Kh\u00e1ch h\u00e0ng<\/p>\n<\/li>\n<li>\n<p>Qu\u1ea3n l\u00fd nh\u00e0 h\u00e0ng<\/p>\n<\/li>\n<li>\n<p>T\u00e0i x\u1ebf giao h\u00e0ng<\/p>\n<\/li>\n<li>\n<p>Nh\u00e0 cung c\u1ea5p thanh to\u00e1n<\/p>\n<\/li>\n<li>\n<p>D\u1ecbch v\u1ee5 b\u1ea3n \u0111\u1ed3 v\u00e0 \u0111\u1ecbnh v\u1ecb \u0111\u1ecba l\u00fd<\/p>\n<\/li>\n<li>\n<p>D\u1ecbch v\u1ee5 th\u00f4ng b\u00e1o<\/p>\n<\/li>\n<li>\n<p>N\u1ec1n t\u1ea3ng giao \u0111\u1ed3 \u0103n<\/p>\n<\/li>\n<\/ul>\n<p>H\u1ec7 th\u1ed1ng trung t\u00e2m n\u00ean lu\u00f4n l\u00e0 \u0111i\u1ec3m t\u1eadp trung th\u1ecb gi\u00e1c. Nh\u1eefng ng\u01b0\u1eddi v\u00e0 h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i n\u00ean \u0111\u01b0\u1ee3c \u0111\u1eb7t xung quanh n\u00f3.<\/p>\n<hr\/>\n<h2>2. Chu\u1ea9n b\u1ecb m\u1ed9t l\u1eddi nh\u1eafc AI t\u1ed1t<\/h2>\n<p>Ch\u1ea5t l\u01b0\u1ee3ng c\u1ee7a s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra ph\u1ee5 thu\u1ed9c r\u1ea5t nhi\u1ec1u v\u00e0o m\u00f4 t\u1ea3 ki\u1ebfn tr\u00fac \u0111\u01b0\u1ee3c cung c\u1ea5p cho chatbot.<\/p>\n<p>M\u1ed9t l\u1eddi nh\u1eafc h\u1eefu \u00edch c\u1ea7n n\u00eau r\u00f5:<\/p>\n<ul>\n<li>\n<p>T\u00ean h\u1ec7 th\u1ed1ng<\/p>\n<\/li>\n<li>\n<p>M\u1ee5c \u0111\u00edch c\u1ee7a h\u1ec7 th\u1ed1ng<\/p>\n<\/li>\n<li>\n<p>Nh\u1eefng ng\u01b0\u1eddi s\u1eed d\u1ee5ng n\u00f3<\/p>\n<\/li>\n<li>\n<p>C\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i m\u00e0 n\u00f3 giao ti\u1ebfp v\u1edbi<\/p>\n<\/li>\n<li>\n<p>C\u00e1c m\u1ed1i quan h\u1ec7 gi\u1eefa ch\u00fang<\/p>\n<\/li>\n<li>\n<p>M\u1ee9c \u0111\u1ed9 s\u01a1 \u0111\u1ed3 C4 mong mu\u1ed1n<\/p>\n<\/li>\n<li>\n<p>\u0110\u1ecbnh d\u1ea1ng \u0111\u1ea7u ra mong mu\u1ed1n<\/p>\n<\/li>\n<li>\n<p>\u0110i\u1ec1u g\u00ec kh\u00f4ng n\u00ean \u0111\u01b0\u1ee3c bao g\u1ed3m<\/p>\n<\/li>\n<\/ul>\n<h3>L\u1eddi nh\u1eafc v\u00ed d\u1ee5<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 cho m\u1ed9t n\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m tr\u1ef1c tuy\u1ebfn.\r\n\r\nH\u1ec7 th\u1ed1ng quan t\u00e2m:\r\nN\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u2014 cho ph\u00e9p kh\u00e1ch h\u00e0ng duy\u1ec7t c\u00e1c nh\u00e0 h\u00e0ng, \u0111\u1eb7t h\u00e0ng, thanh to\u00e1n v\u00e0 theo d\u00f5i giao h\u00e0ng.\r\n\r\nC\u00e1c b\u00ean li\u00ean quan:\r\n1. Kh\u00e1ch h\u00e0ng \u2014 duy\u1ec7t c\u00e1c nh\u00e0 h\u00e0ng, \u0111\u1eb7t h\u00e0ng, thanh to\u00e1n v\u00e0 theo d\u00f5i giao h\u00e0ng.\r\n2. Qu\u1ea3n l\u00fd nh\u00e0 h\u00e0ng \u2014 qu\u1ea3n l\u00fd th\u1ef1c \u0111\u01a1n, ch\u1ea5p nh\u1eadn \u0111\u01a1n h\u00e0ng v\u00e0 c\u1eadp nh\u1eadt tr\u1ea1ng th\u00e1i \u0111\u01a1n h\u00e0ng.\r\n3. T\u00e0i x\u1ebf giao h\u00e0ng \u2014 ch\u1ea5p nh\u1eadn c\u00f4ng vi\u1ec7c giao h\u00e0ng v\u00e0 c\u1eadp nh\u1eadt ti\u1ebfn \u0111\u1ed9 giao h\u00e0ng.\r\n4. Qu\u1ea3n tr\u1ecb vi\u00ean V\u1eadn h\u00e0nh \u2014 gi\u00e1m s\u00e1t ho\u1ea1t \u0111\u1ed9ng n\u1ec1n t\u1ea3ng v\u00e0 x\u1eed l\u00fd c\u00e1c v\u1ea5n \u0111\u1ec1 h\u1ed7 tr\u1ee3.\r\n\r\nC\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i:\r\n1. Nh\u00e0 cung c\u1ea5p Thanh to\u00e1n \u2014 x\u00e1c th\u1ef1c v\u00e0 thu ti\u1ec1n t\u1eeb kh\u00e1ch h\u00e0ng.\r\n2. D\u1ecbch v\u1ee5 B\u1ea3n \u0111\u1ed3 v\u00e0 \u0110\u1ecbnh v\u1ecb \u2014 cung c\u1ea5p \u0111\u1ecba ch\u1ec9, tuy\u1ebfn \u0111\u01b0\u1eddng v\u00e0 v\u1ecb tr\u00ed giao h\u00e0ng.\r\n3. D\u1ecbch v\u1ee5 Th\u00f4ng b\u00e1o \u2014 g\u1eedi email, tin nh\u1eafn SMS v\u00e0 th\u00f4ng b\u00e1o \u0111\u1ea9y.\r\n\r\nM\u1ed1i quan h\u1ec7:\r\n- Kh\u00e1ch h\u00e0ng s\u1eed d\u1ee5ng N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u0111\u1ec3 duy\u1ec7t nh\u00e0 h\u00e0ng, \u0111\u1eb7t h\u00e0ng, thanh to\u00e1n v\u00e0 theo d\u00f5i giao h\u00e0ng.\r\n- Qu\u1ea3n l\u00fd nh\u00e0 h\u00e0ng s\u1eed d\u1ee5ng N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u0111\u1ec3 qu\u1ea3n l\u00fd th\u1ef1c \u0111\u01a1n v\u00e0 x\u1eed l\u00fd \u0111\u01a1n h\u00e0ng.\r\n- T\u00e0i x\u1ebf giao h\u00e0ng s\u1eed d\u1ee5ng N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u0111\u1ec3 nh\u1eadn c\u00f4ng vi\u1ec7c giao h\u00e0ng v\u00e0 c\u1eadp nh\u1eadt tr\u1ea1ng th\u00e1i giao h\u00e0ng.\r\n- Qu\u1ea3n tr\u1ecb vi\u00ean V\u1eadn h\u00e0nh s\u1eed d\u1ee5ng N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u0111\u1ec3 gi\u00e1m s\u00e1t ho\u1ea1t \u0111\u1ed9ng v\u00e0 gi\u1ea3i quy\u1ebft s\u1ef1 c\u1ed1.\r\n- N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m s\u1eed d\u1ee5ng Nh\u00e0 cung c\u1ea5p Thanh to\u00e1n \u0111\u1ec3 x\u00e1c th\u1ef1c v\u00e0 thu ti\u1ec1n.\r\n- N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m s\u1eed d\u1ee5ng D\u1ecbch v\u1ee5 B\u1ea3n \u0111\u1ed3 v\u00e0 \u0110\u1ecbnh v\u1ecb \u0111\u1ec3 t\u00ednh to\u00e1n tuy\u1ebfn \u0111\u01b0\u1eddng v\u00e0 theo d\u00f5i v\u1ecb tr\u00ed.\r\n- N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m s\u1eed d\u1ee5ng D\u1ecbch v\u1ee5 Th\u00f4ng b\u00e1o \u0111\u1ec3 g\u1eedi th\u00f4ng b\u00e1o.\r\n\r\nT\u1ea1o m\u1ed9t s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 s\u1ea1ch s\u1ebd. Kh\u00f4ng hi\u1ec3n th\u1ecb c\u00e1c th\u00e0nh ph\u1ea7n n\u1ed9i b\u1ed9, th\u00e0nh ph\u1ea7n, c\u01a1 s\u1edf d\u1eef li\u1ec7u, l\u1edbp hay h\u1ea1 t\u1ea7ng tri\u1ec3n khai. S\u1eed d\u1ee5ng nh\u00e3n m\u1ed1i quan h\u1ec7 ng\u1eafn g\u1ecdn.\r\n<\/code><\/pre>\n<p>L\u1eddi nh\u1eafc r\u00f5 r\u00e0ng \u0111\u1ec3 lo\u1ea1i b\u1ecf chi ti\u1ebft n\u1ed9i b\u1ed9 l\u00e0 \u0111i\u1ec1u quan tr\u1ecdng. N\u1ebfu kh\u00f4ng c\u00f3 l\u1eddi nh\u1eafc n\u00e0y, m\u1ed9t c\u00f4ng c\u1ee5 sinh h\u00ecnh \u1ea3nh AI c\u00f3 th\u1ec3 t\u1ea1o ra s\u01a1 \u0111\u1ed3 k\u1ebft h\u1ee3p th\u00f4ng tin \u1edf c\u1ea5p \u0111\u1ed9 ng\u1eef c\u1ea3nh v\u00e0 c\u1ea5p \u0111\u1ed9 container.<\/p>\n<hr\/>\n<h2>3. T\u1ea1o s\u01a1 \u0111\u1ed3 trong tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm<\/h2>\n<p>M\u1edf tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm v\u00e0 b\u1eaft \u0111\u1ea7u m\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n m\u1edbi ho\u1eb7c phi\u00ean t\u1ea1o s\u01a1 \u0111\u1ed3.<\/p>\n<p>T\u00f9y thu\u1ed9c v\u00e0o giao di\u1ec7n v\u00e0 phi\u00ean b\u1ea3n \u0111\u0103ng k\u00fd, tr\u1ee3 l\u00fd chatbot c\u00f3 th\u1ec3 cung c\u1ea5p b\u1ed9 ch\u1ecdn lo\u1ea1i s\u01a1 \u0111\u1ed3. Ch\u1ecdn:<\/p>\n<ul>\n<li>\n<p><strong>M\u00f4 h\u00ecnh C4<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>S\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng<\/strong><\/p>\n<\/li>\n<\/ul>\n<p>Sau \u0111\u00f3 nh\u1eadp l\u1eddi nh\u1eafc.<\/p>\n<p>Quy tr\u00ecnh l\u00e0m vi\u1ec7c chung c\u1ee7a tr\u1ee3 l\u00fd chatbot Visual Paradigm l\u00e0:<\/p>\n<ol>\n<li>\n<p>M\u00f4 t\u1ea3 s\u01a1 \u0111\u1ed3.<\/p>\n<\/li>\n<li>\n<p>Cho AI t\u1ea1o m\u00f4 h\u00ecnh ban \u0111\u1ea7u.<\/p>\n<\/li>\n<li>\n<p>Xem x\u00e9t k\u1ebft qu\u1ea3.<\/p>\n<\/li>\n<li>\n<p>Tinh ch\u1ec9nh n\u00f3 b\u1eb1ng c\u00e1c l\u1ec7nh b\u1eb1ng ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean.<\/p>\n<\/li>\n<li>\n<p>Xu\u1ea5t ra ho\u1eb7c ti\u1ebfp t\u1ee5c ch\u1ec9nh s\u1eeda trong m\u1ed9t c\u00f4ng c\u1ee5 Visual Paradigm kh\u00e1c.<\/p>\n<\/li>\n<\/ol>\n<h3>Xem x\u00e9t k\u1ebft qu\u1ea3 \u0111\u1ea7u ti\u00ean<\/h3>\n<p>Ki\u1ec3m tra xem s\u01a1 \u0111\u1ed3 c\u00f3 ch\u1ee9a:<\/p>\n<ul>\n<li>\n<p>Ch\u00ednh x\u00e1c m\u1ed9t h\u1ec7 th\u1ed1ng trung t\u00e2m<\/p>\n<\/li>\n<li>\n<p>T\u1ea5t c\u1ea3 c\u00e1c c\u00e1 nh\u00e2n c\u1ea7n thi\u1ebft<\/p>\n<\/li>\n<li>\n<p>T\u1ea5t c\u1ea3 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i li\u00ean quan<\/p>\n<\/li>\n<li>\n<p>H\u01b0\u1edbng m\u1ed1i quan h\u1ec7 \u0111\u00fang<\/p>\n<\/li>\n<li>\n<p>M\u00f4 t\u1ea3 m\u1ed1i quan h\u1ec7 s\u00fac t\u00edch<\/p>\n<\/li>\n<li>\n<p>Kh\u00f4ng c\u00f3 d\u1ecbch v\u1ee5 n\u1ed9i b\u1ed9 ho\u1eb7c c\u01a1 s\u1edf d\u1eef li\u1ec7u kh\u00f4ng c\u1ea7n thi\u1ebft<\/p>\n<\/li>\n<li>\n<p>T\u00ean g\u1ecdi nh\u1ea5t qu\u00e1n<\/p>\n<\/li>\n<li>\n<p>B\u1ed1 c\u1ee5c d\u1ec5 \u0111\u1ecdc<\/p>\n<\/li>\n<\/ul>\n<p>M\u1ed9t s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra l\u00e0 \u0111i\u1ec3m kh\u1edfi \u0111\u1ea7u, ch\u1ee9 kh\u00f4ng ph\u1ea3i thay th\u1ebf cho vi\u1ec7c xem x\u00e9t ki\u1ebfn tr\u00fac.<\/p>\n<hr\/>\n<h2>4. Tinh ch\u1ec9nh s\u01a1 \u0111\u1ed3 th\u00f4ng qua cu\u1ed9c tr\u00f2 chuy\u1ec7n<\/h2>\n<p>Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 b\u1eb1ng ng\u00f4n ng\u1eef th\u00f4ng th\u01b0\u1eddng.<\/p>\n<h3>Th\u00eam m\u1ed9t th\u00e0nh ph\u1ea7n<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Th\u00eam m\u1ed9t \u0110\u1ea1i di\u1ec7n H\u1ed7 tr\u1ee3 Kh\u00e1ch h\u00e0ng s\u1eed d\u1ee5ng N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u0111\u1ec3 \u0111i\u1ec1u tra c\u00e1c v\u1ea5n \u0111\u1ec1 c\u1ee7a kh\u00e1ch h\u00e0ng v\u00e0 x\u1eed l\u00fd ho\u00e0n ti\u1ec1n.<\/code><\/pre>\n<h3>Th\u00eam m\u1ed9t h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Th\u00eam m\u1ed9t D\u1ecbch v\u1ee5 Ph\u00e1t hi\u1ec7n Gian l\u1eadn b\u00ean ngo\u00e0i \u0111\u01b0\u1ee3c n\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u00e1nh gi\u00e1 c\u00e1c giao d\u1ecbch thanh to\u00e1n \u0111\u00e1ng ng\u1edd.\r\n<\/code><\/pre>\n<h3>\u0110\u1ed5i t\u00ean m\u1ed9t th\u00e0nh ph\u1ea7n<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">\u0110\u1ed5i t\u00ean \u201cD\u1ecbch v\u1ee5 Th\u00f4ng b\u00e1o\u201d th\u00e0nh \u201cD\u1ecbch v\u1ee5 Tin nh\u1eafn v\u00e0 Th\u00f4ng b\u00e1o.\u201d\r\n<\/code><\/pre>\n<h3>Thay \u0111\u1ed5i m\u1ed9t m\u1ed1i quan h\u1ec7<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Thay \u0111\u1ed5i m\u1ed1i quan h\u1ec7 gi\u1eefa T\u00e0i x\u1ebf Giao h\u00e0ng v\u00e0 N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m th\u00e0nh:\r\n\u201cNh\u1eadn nhi\u1ec7m v\u1ee5 giao h\u00e0ng v\u00e0 g\u1eedi c\u1eadp nh\u1eadt tr\u1ea1ng th\u00e1i giao h\u00e0ng.\u201d\r\n<\/code><\/pre>\n<h3>Lo\u1ea1i b\u1ecf m\u1ed9t th\u00e0nh ph\u1ea7n<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Lo\u1ea1i b\u1ecf Qu\u1ea3n tr\u1ecb vi\u00ean V\u1eadn h\u00e0nh kh\u1ecfi s\u01a1 \u0111\u1ed3.\r\n<\/code><\/pre>\n<h3>C\u1ea3i thi\u1ec7n b\u1ed1 c\u1ee5c<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">S\u1eafp x\u1ebfp l\u1ea1i s\u01a1 \u0111\u1ed3 sao cho con ng\u01b0\u1eddi xu\u1ea5t hi\u1ec7n \u1edf tr\u00ean c\u00f9ng, c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i \u1edf d\u01b0\u1edbi c\u00f9ng, v\u00e0 N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m v\u1eabn gi\u1eef \u1edf trung t\u00e2m.\r\n<\/code><\/pre>\n<h3>\u0110\u01a1n gi\u1ea3n h\u00f3a s\u01a1 \u0111\u1ed3<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">\u0110\u01a1n gi\u1ea3n h\u00f3a s\u01a1 \u0111\u1ed3 n\u00e0y th\u00e0nh m\u1ed9t s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng C4 nghi\u00eam ng\u1eb7t. Lo\u1ea1i b\u1ecf c\u00e1c chi ti\u1ebft tri\u1ec3n khai, c\u01a1 s\u1edf d\u1eef li\u1ec7u, API, d\u1ecbch v\u1ee5 vi m\u00f4 v\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n n\u1ed9i b\u1ed9.\r\n<\/code><\/pre>\n<h3>Y\u00eau c\u1ea7u ki\u1ec3m tra t\u00ednh nh\u1ea5t qu\u00e1n<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Xem x\u00e9t s\u01a1 \u0111\u1ed3 \u0111\u1ec3 ph\u00e1t hi\u1ec7n c\u00e1c m\u1ed1i quan h\u1ec7 b\u1ecb thi\u1ebfu, nh\u00e3n kh\u00f4ng r\u00f5 r\u00e0ng, c\u00e1c h\u1ec7 th\u1ed1ng tr\u00f9ng l\u1eb7p v\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n kh\u00f4ng ph\u00f9 h\u1ee3p trong m\u1ed9t s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh C4.\r\n<\/code><\/pre>\n<p>T\u00e0i li\u1ec7u AI Chatbot m\u00f4 t\u1ea3 c\u00e1ch ti\u1ebfp c\u1eadn l\u1eb7p l\u1ea1i n\u00e0y, bao g\u1ed3m c\u00e1c l\u1ec7nh \u0111\u1ec3 th\u00eam c\u1ed5ng thanh to\u00e1n, \u0111\u1ed5i t\u00ean c\u00e1c th\u00e0nh ph\u1ea7n, thay \u0111\u1ed5i m\u1ed1i quan h\u1ec7 v\u00e0 t\u00e1i c\u1ea5u tr\u00fac s\u01a1 \u0111\u1ed3.<\/p>\n<hr\/>\n<h1>Ph\u1ea7n 1: M\u1edf s\u01a1 \u0111\u1ed3 trong VPasCode \u0111\u1ec3 ch\u1ec9nh s\u1eeda m\u00e3<\/h1>\n<h2>5. S\u1eed d\u1ee5ng &#8220;M\u1edf trong VPasCode&#8221; ho\u1eb7c &#8220;Ch\u1ec9nh s\u1eeda trong VPasCode&#8221;<\/h2>\n<p>Sau khi t\u1ea1o v\u00e0 ho\u00e0n thi\u1ec7n s\u01a1 \u0111\u1ed3, h\u00e3y s\u1eed d\u1ee5ng thao t\u00e1c \u0111\u01b0\u1ee3c ghi nh\u00e3n t\u01b0\u01a1ng t\u1ef1 nh\u01b0:<\/p>\n<ul>\n<li>\n<p><strong>M\u1edf trong VPasCode<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>Ch\u1ec9nh s\u1eeda trong VPasCode<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>M\u1edf M\u00e3<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>T\u1ea1o M\u00e3 \u0111\u1ec3 Ch\u1ec9nh s\u1eeda<\/strong><\/p>\n<\/li>\n<\/ul>\n<p>Nh\u00e3n n\u00fat ch\u00ednh x\u00e1c c\u00f3 th\u1ec3 thay \u0111\u1ed5i t\u00f9y theo giao di\u1ec7n hi\u1ec7n t\u1ea1i.<\/p>\n<p>\u0110i\u1ec1u n\u00e0y chuy\u1ec3n m\u00e3 s\u01a1 \u0111\u1ed3 v\u00e0o VPasCode, n\u01a1i b\u1ea1n c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng v\u0103n b\u1ea3n \u0111\u1ed3ng th\u1eddi xem tr\u01b0\u1edbc b\u1ea3n v\u1ebd tr\u1ef1c ti\u1ebfp. Visual Paradigm m\u00f4 t\u1ea3 VPasCode l\u00e0 tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 d\u1ef1a tr\u00ean tr\u00ecnh duy\u1ec7t, h\u1ed7 tr\u1ee3 PlantUML, m\u00f4 h\u00ecnh C4, Mermaid, Graphviz v\u00e0 c\u00e1c \u0111\u1ecbnh d\u1ea1ng c\u00fa ph\u00e1p kh\u00e1c.<\/p>\n<p>M\u00e3 \u0111\u01b0\u1ee3c t\u1ea1o ra n\u00ean s\u1eed d\u1ee5ng C4-PlantUML, th\u01b0\u1eddng v\u1edbi:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:7Op12i8m40NlXVw3Va1tBvuy5NfLyE9PqcInWMGRiY_evzjud86PsU0gMaxZS8xgKmjose1YL-RgFlIEsDhQJAhV5Q8WlsSkoMcF9aD8SUNbCZswUjvld9r1wg5UIo--eFBV4z4upABXe1y0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:7Op12i8m40NlXVw3Va1tBvuy5NfLyE9PqcInWMGRiY_evzjud86PsU0gMaxZS8xgKmjose1YL-RgFlIEsDhQJAhV5Q8WlsSkoMcF9aD8SUNbCZswUjvld9r1wg5UIo--eFBV4z4upABXe1y0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:7Op12i8m40NlXVw3Va1tBvuy5NfLyE9PqcInWMGRiY_evzjud86PsU0gMaxZS8xgKmjose1YL-RgFlIEsDhQJAhV5Q8WlsSkoMcF9aD8SUNbCZswUjvld9r1wg5UIo--eFBV4z4upABXe1y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n...\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:7Op12i8m40NlXVw3Va1tBvuy5NfLyE9PqcInWMGRiY_evzjud86PsU0gMaxZS8xgKmjose1YL-RgFlIEsDhQJAhV5Q8WlsSkoMcF9aD8SUNbCZswUjvld9r1wg5UIo--eFBV4z4upABXe1y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:7Op12i8m40NlXVw3Va1tBvuy5NfLyE9PqcInWMGRiY_evzjud86PsU0gMaxZS8xgKmjose1YL-RgFlIEsDhQJAhV5Q8WlsSkoMcF9aD8SUNbCZswUjvld9r1wg5UIo--eFBV4z4upABXe1y0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:7Op12i8m40NlXVw3Va1tBvuy5NfLyE9PqcInWMGRiY_evzjud86PsU0gMaxZS8xgKmjose1YL-RgFlIEsDhQJAhV5Q8WlsSkoMcF9aD8SUNbCZswUjvld9r1wg5UIo--eFBV4z4upABXe1y0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>M\u00e3 \u0111\u01b0\u1ee3c t\u1ea1o c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng m\u1ed9t URL include kh\u00e1c ho\u1eb7c m\u1ed9t phi\u00ean b\u1ea3n th\u01b0 vi\u1ec7n \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 n\u1ed9i b\u1ed9. Gi\u1eef nguy\u00ean ph\u1ea7n include m\u00e0 VPasCode t\u1ea1o ra, tr\u1eeb khi b\u1ea1n c\u00f3 l\u00fd do c\u1ee5 th\u1ec3 \u0111\u1ec3 thay \u0111\u1ed5i n\u00f3.<\/p>\n<hr\/>\n<h2>6. Hi\u1ec3u c\u1ea5u tr\u00fac C4-PlantUML<\/h2>\n<p>M\u1ed9t s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4-PlantUML \u0111i\u1ec3n h\u00ecnh ch\u1ee9a c\u00e1c ph\u1ea7n n\u00e0y:<\/p>\n<p id=\"xUSrjnu\"><img alt=\"Giao di\u1ec7n VPasCode hi\u1ec3n th\u1ecb m\u00e3 C4-PlantUML c\u00f9ng v\u1edbi s\u01a1 \u0111\u1ed3 b\u1ed1i c\u1ea3nh \u0111\u01b0\u1ee3c t\u1ea1o ra, th\u1ec3 hi\u1ec7n Kh\u00e1ch h\u00e0ng, N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m v\u00e0 Nh\u00e0 cung c\u1ea5p Thanh to\u00e1n.\" class=\"alignnone size-full wp-image-20790\" decoding=\"async\" height=\"873\" loading=\"lazy\" sizes=\"auto, (max-width: 1915px) 100vw, 1915px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd413d2793.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd413d2793.png 1915w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd413d2793-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd413d2793-1024x467.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd413d2793-768x350.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd413d2793-1536x700.png 1536w\" width=\"1915\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5FJm8n4CNl97o7ocbDPFVYoHC4GKqmRX0EdZQb7QInVpRJAR1-Ubkx2YUzJQVptkzDE_74aOBHmy6Lia872MnFrFgxga9-BDyLxSCsU43XB86bKZXJjPhR91fxabfjgzdjk4wjpVEoCjmJO6mriwGuKTb-smy7o-dRosRTBEUBTRDwUdXS5zUfNGDwPmiHF3a3UCD6ixuSnJhw2l1ivvna3cMSPTnAHiZ5XsSIj3e0Al3bA9gzTf5jYXYFTWvDb2-IxZvFTQpkBvBnL6jtzEm7wncv3CYiNyWFexiWDFCJ5ItlJ7oGb35Nh4PtK3BddWRQErIVaFCAtbB0UEXLEUzmi09ziVb5y7xllrPE3ab_LfqZ_OVFz0bO6J_d2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5FJm8n4CNl97o7ocbDPFVYoHC4GKqmRX0EdZQb7QInVpRJAR1-Ubkx2YUzJQVptkzDE_74aOBHmy6Lia872MnFrFgxga9-BDyLxSCsU43XB86bKZXJjPhR91fxabfjgzdjk4wjpVEoCjmJO6mriwGuKTb-smy7o-dRosRTBEUBTRDwUdXS5zUfNGDwPmiHF3a3UCD6ixuSnJhw2l1ivvna3cMSPTnAHiZ5XsSIj3e0Al3bA9gzTf5jYXYFTWvDb2-IxZvFTQpkBvBnL6jtzEm7wncv3CYiNyWFexiWDFCJ5ItlJ7oGb35Nh4PtK3BddWRQErIVaFCAtbB0UEXLEUzmi09ziVb5y7xllrPE3ab_LfqZ_OVFz0bO6J_d2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP6nJiCm48RtIds7erEGQB8mCHLLfI0ALAMLO8fInzGHiHqb5sX7tW3Ue1LYwCY0aD8n5U-HD-7S29e191Xzlll-p-TMWbwCgGphjPr0iJ3rEGZ4A3bmdDYxjoS1YdIS9ZncMY5NQ3CjdIZqb1bg9kY7mTXfxpVxfZGwwpdIIv37L7BRPcAAThJ1rskzm-kBqT3jTOw6xk2aUpoqTasvp-D4Aukb2Mh9upred8fymGI8VAuc3Jgl7uli7M7zzB5GPHLG5AjN1f4eigM4ktnE5Qx1pzy2c0IUBjli1YLSpaX8MkICDpgMn3ilLWyAiCYUYTJzxePX5Mg2sqBJALz6S5jH8f6DpxyTtCuKhSYRITgZqQ1xO2a1MP6zH1JlAG6eyuKouLUK-9LHmbF0e5JVTcxmzTg0XvKDLjxwm-v-CpKamzbERrt_9bEwjBZowSi_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\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n\r\nLAYOUT_LEFT_RIGHT()\r\n\r\nPerson(customer, \"Kh\u00e1ch h\u00e0ng\", \"\u0110\u1eb7t \u0111\u01a1n h\u00e0ng th\u1ef1c ph\u1ea9m v\u00e0 theo d\u00f5i giao h\u00e0ng.\")\r\nSystem(platform, \"N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m\", \"Cho ph\u00e9p kh\u00e1ch h\u00e0ng \u0111\u1eb7t th\u1ef1c ph\u1ea9m v\u00e0 theo d\u00f5i giao h\u00e0ng.\")\r\nSystem_Ext(payment, \"Nh\u00e0 cung c\u1ea5p Thanh to\u00e1n\", \"X\u00e1c th\u1ef1c v\u00e0 thu ti\u1ec1n thanh to\u00e1n.\")\r\n\r\nRel(customer, platform, \"\u0110\u1eb7t \u0111\u01a1n h\u00e0ng v\u00e0 theo d\u00f5i giao h\u00e0ng\")\r\nRel(platform, payment, \"X\u00e1c th\u1ef1c v\u00e0 thu ti\u1ec1n thanh to\u00e1n\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP6nJiCm48RtIds7erEGQB8mCHLLfI0ALAMLO8fInzGHiHqb5sX7tW3Ue1LYwCY0aD8n5U-HD-7S29e191Xzlll-p-TMWbwCgGphjPr0iJ3rEGZ4A3bmdDYxjoS1YdIS9ZncMY5NQ3CjdIZqb1bg9kY7mTXfxpVxfZGwwpdIIv37L7BRPcAAThJ1rskzm-kBqT3jTOw6xk2aUpoqTasvp-D4Aukb2Mh9upred8fymGI8VAuc3Jgl7uli7M7zzB5GPHLG5AjN1f4eigM4ktnE5Qx1pzy2c0IUBjli1YLSpaX8MkICDpgMn3ilLWyAiCYUYTJzxePX5Mg2sqBJALz6S5jH8f6DpxyTtCuKhSYRITgZqQ1xO2a1MP6zH1JlAG6eyuKouLUK-9LHmbF0e5JVTcxmzTg0XvKDLjxwm-v-CpKamzbERrt_9bEwjBZowSi_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\/editor\/#plantuml:XP5FJm8n4CNl97o7ocbDPFVYoHC4GKqmRX0EdZQb7QInVpRJAR1-Ubkx2YUzJQVptkzDE_74aOBHmy6Lia872MnFrFgxga9-BDyLxSCsU43XB86bKZXJjPhR91fxabfjgzdjk4wjpVEoCjmJO6mriwGuKTb-smy7o-dRosRTBEUBTRDwUdXS5zUfNGDwPmiHF3a3UCD6ixuSnJhw2l1ivvna3cMSPTnAHiZ5XsSIj3e0Al3bA9gzTf5jYXYFTWvDb2-IxZvFTQpkBvBnL6jtzEm7wncv3CYiNyWFexiWDFCJ5ItlJ7oGb35Nh4PtK3BddWRQErIVaFCAtbB0UEXLEUzmi09ziVb5y7xllrPE3ab_LfqZ_OVFz0bO6J_d2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XP5FJm8n4CNl97o7ocbDPFVYoHC4GKqmRX0EdZQb7QInVpRJAR1-Ubkx2YUzJQVptkzDE_74aOBHmy6Lia872MnFrFgxga9-BDyLxSCsU43XB86bKZXJjPhR91fxabfjgzdjk4wjpVEoCjmJO6mriwGuKTb-smy7o-dRosRTBEUBTRDwUdXS5zUfNGDwPmiHF3a3UCD6ixuSnJhw2l1ivvna3cMSPTnAHiZ5XsSIj3e0Al3bA9gzTf5jYXYFTWvDb2-IxZvFTQpkBvBnL6jtzEm7wncv3CYiNyWFexiWDFCJ5ItlJ7oGb35Nh4PtK3BddWRQErIVaFCAtbB0UEXLEUzmi09ziVb5y7xllrPE3ab_LfqZ_OVFz0bO6J_d2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>C\u00e1c lo\u1ea1i ph\u1ea7n t\u1eed ch\u00ednh<\/h3>\n<table>\n<thead>\n<tr>\n<th>Ph\u1ea7n t\u1eed<\/th>\n<th>M\u1ee5c \u0111\u00edch<\/th>\n<th>V\u00ed d\u1ee5<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code data-backticks=\"1\">Ng\u01b0\u1eddi<\/code><\/td>\n<td>Ng\u01b0\u1eddi d\u00f9ng ho\u1eb7c vai tr\u00f2 con ng\u01b0\u1eddi<\/td>\n<td><code data-backticks=\"1\">Person(kh\u00e1ch h\u00e0ng, \"Kh\u00e1ch h\u00e0ng\", \"...\")<\/code><\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">Ng\u01b0\u1eddi b\u00ean ngo\u00e0i ho\u1eb7c t\u00e1c nh\u00e2n b\u00ean ngo\u00e0i<\/code><\/td>\n<td>Ng\u01b0\u1eddi b\u00ean ngo\u00e0i ho\u1eb7c t\u00e1c nh\u00e2n b\u00ean ngo\u00e0i<\/td>\n<td><code data-backticks=\"1\">Person_Ext(t\u00e0i x\u1ebf, \"T\u00e0i x\u1ebf giao h\u00e0ng\", \"...\")<\/code><\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">H\u1ec7 th\u1ed1ng<\/code><\/td>\n<td>H\u1ec7 th\u1ed1ng ch\u00ednh \u0111ang \u0111\u01b0\u1ee3c quan t\u00e2m<\/td>\n<td><code data-backticks=\"1\">System(platfrom, \"N\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m\", \"...\")<\/code><\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">H\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m b\u00ean ngo\u00e0i<\/code><\/td>\n<td>H\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m b\u00ean ngo\u00e0i<\/td>\n<td><code data-backticks=\"1\">System_Ext(thanh to\u00e1n, \"Nh\u00e0 cung c\u1ea5p thanh to\u00e1n\", \"...\")<\/code><\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">Bi\u00ean gi\u1edbi doanh nghi\u1ec7p<\/code><\/td>\n<td>Bi\u00ean gi\u1edbi t\u1ed5 ch\u1ee9c t\u00f9y ch\u1ecdn<\/td>\n<td>Nh\u00f3m c\u00e1c h\u1ec7 th\u1ed1ng thu\u1ed9c v\u1ec1 m\u1ed9t t\u1ed5 ch\u1ee9c<\/td>\n<\/tr>\n<tr>\n<td><code data-backticks=\"1\">Rel<\/code><\/td>\n<td>M\u1ed1i quan h\u1ec7 gi\u1eefa c\u00e1c th\u00e0nh ph\u1ea7n<\/td>\n<td><code data-backticks=\"1\">Rel(customer, platform, \"S\u1eed d\u1ee5ng\")<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tham s\u1ed1 \u0111\u1ea7u ti\u00ean l\u00e0 \u0111\u1ecbnh danh n\u1ed9i b\u1ed9. Tham s\u1ed1 th\u1ee9 hai l\u00e0 t\u00ean hi\u1ec3n th\u1ecb. Tham s\u1ed1 th\u1ee9 ba l\u00e0 m\u00f4 t\u1ea3.<\/p>\n<hr\/>\n<h2>7. Ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 trong VPasCode<\/h2>\n<p>VPasCode th\u01b0\u1eddng hi\u1ec3n th\u1ecb:<\/p>\n<ul>\n<li>\n<p>M\u00e3 ngu\u1ed3n trong m\u1ed9t khung so\u1ea1n th\u1ea3o<\/p>\n<\/li>\n<li>\n<p>S\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb trong m\u1ed9t khung xem tr\u01b0\u1edbc<\/p>\n<\/li>\n<li>\n<p>C\u00e1c thao t\u00e1c xu\u1ea5t, chia s\u1ebb, sao ch\u00e9p ho\u1eb7c m\u1edf k\u1ebft qu\u1ea3 trong m\u1ed9t s\u1ea3n ph\u1ea9m Visual Paradigm kh\u00e1c<\/p>\n<\/li>\n<\/ul>\n<p>VPasCode cung c\u1ea5p hi\u1ec3n th\u1ecb tr\u1ef1c ti\u1ebfp v\u00e0 h\u1ed7 tr\u1ee3 ch\u1ec9nh s\u1eeda m\u00e3 tr\u1ef1c ti\u1ebfp. N\u00f3 c\u0169ng c\u00f3 th\u1ec3 ph\u00e1t hi\u1ec7n c\u00e1c \u0111\u1ecbnh d\u1ea1ng s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 khi d\u00e1n m\u00e3 v\u00e0o tr\u00ecnh so\u1ea1n th\u1ea3o.<\/p>\n<h3>V\u00ed d\u1ee5: m\u00e3 C4-PlantUML \u0111\u01b0\u1ee3c c\u1ea3i ti\u1ebfn<\/h3>\n<p id=\"anJjfWL\"><img alt=\"Giao di\u1ec7n VPasCode hi\u1ec3n th\u1ecb m\u00e3 C4-PlantUML c\u00f9ng v\u1edbi s\u01a1 \u0111\u1ed3 b\u1ed1i c\u1ea3nh h\u1ec7 th\u1ed1ng giao h\u00e0ng th\u1ef1c ph\u1ea9m \u0111\u01b0\u1ee3c t\u1ea1o ra, th\u1ec3 hi\u1ec7n c\u00e1c t\u00e1c nh\u00e2n v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng.\" class=\"alignnone size-full wp-image-20791\" decoding=\"async\" height=\"871\" loading=\"lazy\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd47c15844.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd47c15844.png 1917w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd47c15844-300x136.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd47c15844-1024x465.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd47c15844-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd47c15844-1536x698.png 1536w\" width=\"1917\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:hPNBRben48RtIBp3b1ML26owwYef8KcbN10aghf2niS1j-VObZrEGbTzY3vXdwJZoxbmKTL5DmSyn_D_SuLpXyoYhyf-xvrKlFI5W2sYSHyd4yjUnnk9Mx_sJbYk5Gg5OwwhYIcP2avd3ejIhYVJ3sVpO7gwkvrKpA6mP5fDWySRZasKx_TGOYdWIki2BaKfNuJT0RdXixOL_Fxv2vOxSgqW-mMNsukl3q-FgzlPrUDgyVdwvd7uljzRtZny8TFrxFuo7FkzkR1Ego7t3dKbx0W6q_nrCEht00QVh7vrme4LbAwt5AaR0IN1oQPjGUvqP3jwCbK0MiQ_EoXIZ5AuyQ2BQKNkc6ARo5iqDiZ6J4ud1vLGFiXpBWosq83pfc1O1mAaW_w0c2FPNThmGRYcVCcIMGl11HsRo7V0d9CRHMn2Tb7D1MFrXl8vu6aZB4EfbRieAga8-D1O89gaeoAXRhBKIjB9XPgcThOI4RobHqbWvutH5a4wvvkwfhOFQr_2dPwH39ifjWvQp-5IB9fKczY_aEYeqsIeOlMJEOJHv1rRJ6vx4QncRpZCCdEhNsGHYprF5gXDEOmBZrjjvG-HCkJCe2Sqr5DO1-IE6HKpIs5V91UZC24c2bmBNMeUQmRvRIPbC76A8ZHBqE1OxL7a0MhSgBdicAOqocUPhhJO-uxrWBSKgd0WAYRB4IplbebYlDj2LwjER27ApkerNVmVYzS2JYpTFcblqLB0LlDOhUv496YhUxXQ-wB76_LDhvEwy-jAOkTDMjnM-MY93kAjL-QVDgMLRRVaS5B_EfNrC9uIwenZr9Yoalio_b2aCJlHd5qpTISbJyrSPxPY5pehkxURUpEMnC_9Y_v4_W00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:hPNBRben48RtIBp3b1ML26owwYef8KcbN10aghf2niS1j-VObZrEGbTzY3vXdwJZoxbmKTL5DmSyn_D_SuLpXyoYhyf-xvrKlFI5W2sYSHyd4yjUnnk9Mx_sJbYk5Gg5OwwhYIcP2avd3ejIhYVJ3sVpO7gwkvrKpA6mP5fDWySRZasKx_TGOYdWIki2BaKfNuJT0RdXixOL_Fxv2vOxSgqW-mMNsukl3q-FgzlPrUDgyVdwvd7uljzRtZny8TFrxFuo7FkzkR1Ego7t3dKbx0W6q_nrCEht00QVh7vrme4LbAwt5AaR0IN1oQPjGUvqP3jwCbK0MiQ_EoXIZ5AuyQ2BQKNkc6ARo5iqDiZ6J4ud1vLGFiXpBWosq83pfc1O1mAaW_w0c2FPNThmGRYcVCcIMGl11HsRo7V0d9CRHMn2Tb7D1MFrXl8vu6aZB4EfbRieAga8-D1O89gaeoAXRhBKIjB9XPgcThOI4RobHqbWvutH5a4wvvkwfhOFQr_2dPwH39ifjWvQp-5IB9fKczY_aEYeqsIeOlMJEOJHv1rRJ6vx4QncRpZCCdEhNsGHYprF5gXDEOmBZrjjvG-HCkJCe2Sqr5DO1-IE6HKpIs5V91UZC24c2bmBNMeUQmRvRIPbC76A8ZHBqE1OxL7a0MhSgBdicAOqocUPhhJO-uxrWBSKgd0WAYRB4IplbebYlDj2LwjER27ApkerNVmVYzS2JYpTFcblqLB0LlDOhUv496YhUxXQ-wB76_LDhvEwy-jAOkTDMjnM-MY93kAjL-QVDgMLRRVaS5B_EfNrC9uIwenZr9Yoalio_b2aCJlHd5qpTISbJyrSPxPY5pehkxURUpEMnC_9Y_v4_W00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:hLLDRzD04Br7odyOSWfIcbmuSUedAI9DI-CME4MklOrNs6lZh4DpeoU4UY422I64rAYgK96YWWH2YeKukEh_CB-4sRNhZyGLHUAKP6TttfitRoQBVQwwtBFCSkaMPPhfwGGCpft-tKR3LP_NUvGRtfxN9wvcCquOhsksrN1CbOb72tskctIliN9dOKiSxMoq6fRQvyJ5e-wAU770wuvCNovnoaq2xT0_PC33wGdhGPEgDXZ1CNvLZD3_ge5ZXDCp2tw_U0lBeJ-Ye8cR1go7_alWU6V4UY9PQ-d9vexIRQtTKxhRzvlhIlLskTHPtto4HysrzghuMIvj4RTliwhczRbj4RS6bGT6CDQC2BDIAvS0AgtBBw7_WSCpJmM6WIXOWujHEFt1htvnGqKQt0x630PuYHl41ZtuJg6N556lP55TWk9wBkgoeJAr9-4VUg8SC8EVq4wWOXwP68_4k1XTZbaDDDJar45kuNJ2eiDOD4441Ph4GGxS3QTZ370iasQlvgdfnAG3uWvNNV61l9JWcC91EFsLQKbCgnt1CeDY2omOXFvffkG22XJJ29gX__vQRMo7k2gdDkilwHPbgJ9OW7y4kpJup61N0elNHin5IKGtR2oKHoZ8WcLT9IWTXFv4IgbXlv7qz3IYT0WexJi9Sn9JwWpHiLOLJSttRTT2BZVoQ4nfnR3n83XpSdwvwc1qDUUU6XejQNJgjx-PAcBPNJlWLKSTMZYAMwuzeBfid_IIvc4MJLf5IU5Yce-5336f2CaJdP9rPfojXVud5PvcXcGUtbAT3d47L2E8l8hjmglI5SkoBA7o6ubnyHg3J0QFhjHAEOfxHwemj_yA1VA6iMt4D7wCzT13_nnCOJnFPi6-1PDvHipcT9zgqb35r1GZ-8OvzuAn7JDfea4e44kb9g9J9krxpg2pqOa5Ibx8pfuDOznjOcOMIkAQ_xnAKgo2DP87lMPlvCSWkpLIPYdAx4R8GyGxG9EI34G_jDaTq9DwvlTFKJbpavz7kdR2RphKAL8wqBC3ymyJKPGkCm0Hvs2IzBFOnsc74nSNYfDY55awuzkiEmT2W4n_vmqs2xL8c8v_ody0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include https:\/\/raw.githubusercontent.com\/plantuml-stdlib\/C4-PlantUML\/master\/C4_Context.puml\r\n\r\ntitle N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m \u2014 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng\r\n\r\nLAYOUT_LEFT_RIGHT()\r\nSHOW_LEGEND()\r\n\r\nPerson(customer, \"Kh\u00e1ch h\u00e0ng\",\r\n  \"L\u01b0\u1edbt qua nh\u00e0 h\u00e0ng, \u0111\u1eb7t h\u00e0ng, thanh to\u00e1n v\u00e0 theo d\u00f5i giao h\u00e0ng.\")\r\n\r\nPerson(restaurantManager, \"Qu\u1ea3n l\u00fd Nh\u00e0 h\u00e0ng\",\r\n  \"Qu\u1ea3n l\u00fd th\u1ef1c \u0111\u01a1n, ch\u1ea5p nh\u1eadn \u0111\u01a1n h\u00e0ng v\u00e0 c\u1eadp nh\u1eadt tr\u1ea1ng th\u00e1i \u0111\u01a1n h\u00e0ng.\")\r\n\r\nPerson(deliveryDriver, \"T\u00e0i x\u1ebf Giao h\u00e0ng\",\r\n  \"Nh\u1eadn nhi\u1ec7m v\u1ee5 giao h\u00e0ng v\u00e0 c\u1eadp nh\u1eadt ti\u1ebfn \u0111\u1ed9 giao h\u00e0ng.\")\r\n\r\nPerson(operationsAdmin, \"Qu\u1ea3n tr\u1ecb Vi\u00ean V\u1eadn h\u00e0nh\",\r\n  \"Theo d\u00f5i ho\u1ea1t \u0111\u1ed9ng n\u1ec1n t\u1ea3ng v\u00e0 x\u1eed l\u00fd c\u00e1c v\u1ea5n \u0111\u1ec1 h\u1ed7 tr\u1ee3.\")\r\n\r\nSystem(platform, \"N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m\",\r\n  \"Cho ph\u00e9p \u0111\u1eb7t h\u00e0ng th\u1ef1c ph\u1ea9m, thanh to\u00e1n, qu\u1ea3n l\u00fd nh\u00e0 h\u00e0ng v\u00e0 theo d\u00f5i giao h\u00e0ng.\")\r\n\r\nSystem_Ext(paymentProvider, \"Nh\u00e0 cung c\u1ea5p Thanh to\u00e1n\",\r\n  \"X\u00e1c th\u1ef1c v\u00e0 thu ti\u1ec1n thanh to\u00e1n c\u1ee7a kh\u00e1ch h\u00e0ng.\")\r\n\r\nSystem_Ext(mapService, \"D\u1ecbch v\u1ee5 B\u1ea3n \u0111\u1ed3 v\u00e0 \u0110\u1ecbnh v\u1ecb\",\r\n  \"Cung c\u1ea5p \u0111\u1ecba ch\u1ec9, tuy\u1ebfn \u0111\u01b0\u1eddng v\u00e0 d\u1eef li\u1ec7u v\u1ecb tr\u00ed.\")\r\n\r\nSystem_Ext(notificationService, \"D\u1ecbch v\u1ee5 Th\u00f4ng b\u00e1o\",\r\n  \"G\u1eedi email, tin nh\u1eafn SMS v\u00e0 th\u00f4ng b\u00e1o \u0111\u1ea9y.\")\r\n\r\nRel(customer, platform,\r\n  \"L\u01b0\u1edbt qua nh\u00e0 h\u00e0ng, \u0111\u1eb7t h\u00e0ng, thanh to\u00e1n v\u00e0 theo d\u00f5i giao h\u00e0ng\")\r\n\r\nRel(restaurantManager, platform,\r\n  \"Qu\u1ea3n l\u00fd th\u1ef1c \u0111\u01a1n v\u00e0 x\u1eed l\u00fd \u0111\u01a1n h\u00e0ng nh\u00e0 h\u00e0ng\")\r\n\r\nRel(deliveryDriver, platform,\r\n  \"Nh\u1eadn c\u00f4ng vi\u1ec7c giao h\u00e0ng v\u00e0 g\u1eedi tr\u1ea1ng th\u00e1i giao h\u00e0ng\")\r\n\r\nRel(operationsAdmin, platform,\r\n  \"Theo d\u00f5i ho\u1ea1t \u0111\u1ed9ng v\u00e0 x\u1eed l\u00fd c\u00e1c v\u1ea5n \u0111\u1ec1 h\u1ed7 tr\u1ee3\")\r\n\r\nRel(platform, paymentProvider,\r\n  \"X\u00e1c th\u1ef1c v\u00e0 thu ti\u1ec1n thanh to\u00e1n\")\r\n\r\nRel(platform, mapService,\r\n  \"T\u00ednh to\u00e1n tuy\u1ebfn \u0111\u01b0\u1eddng v\u00e0 theo d\u00f5i v\u1ecb tr\u00ed giao h\u00e0ng\")\r\n\r\nRel(platform, notificationService,\r\n  \"G\u1eedi th\u00f4ng b\u00e1o v\u1ec1 \u0111\u01a1n h\u00e0ng, thanh to\u00e1n v\u00e0 giao h\u00e0ng\")\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:hLLDRzD04Br7odyOSWfIcbmuSUedAI9DI-CME4MklOrNs6lZh4DpeoU4UY422I64rAYgK96YWWH2YeKukEh_CB-4sRNhZyGLHUAKP6TttfitRoQBVQwwtBFCSkaMPPhfwGGCpft-tKR3LP_NUvGRtfxN9wvcCquOhsksrN1CbOb72tskctIliN9dOKiSxMoq6fRQvyJ5e-wAU770wuvCNovnoaq2xT0_PC33wGdhGPEgDXZ1CNvLZD3_ge5ZXDCp2tw_U0lBeJ-Ye8cR1go7_alWU6V4UY9PQ-d9vexIRQtTKxhRzvlhIlLskTHPtto4HysrzghuMIvj4RTliwhczRbj4RS6bGT6CDQC2BDIAvS0AgtBBw7_WSCpJmM6WIXOWujHEFt1htvnGqKQt0x630PuYHl41ZtuJg6N556lP55TWk9wBkgoeJAr9-4VUg8SC8EVq4wWOXwP68_4k1XTZbaDDDJar45kuNJ2eiDOD4441Ph4GGxS3QTZ370iasQlvgdfnAG3uWvNNV61l9JWcC91EFsLQKbCgnt1CeDY2omOXFvffkG22XJJ29gX__vQRMo7k2gdDkilwHPbgJ9OW7y4kpJup61N0elNHin5IKGtR2oKHoZ8WcLT9IWTXFv4IgbXlv7qz3IYT0WexJi9Sn9JwWpHiLOLJSttRTT2BZVoQ4nfnR3n83XpSdwvwc1qDUUU6XejQNJgjx-PAcBPNJlWLKSTMZYAMwuzeBfid_IIvc4MJLf5IU5Yce-5336f2CaJdP9rPfojXVud5PvcXcGUtbAT3d47L2E8l8hjmglI5SkoBA7o6ubnyHg3J0QFhjHAEOfxHwemj_yA1VA6iMt4D7wCzT13_nnCOJnFPi6-1PDvHipcT9zgqb35r1GZ-8OvzuAn7JDfea4e44kb9g9J9krxpg2pqOa5Ibx8pfuDOznjOcOMIkAQ_xnAKgo2DP87lMPlvCSWkpLIPYdAx4R8GyGxG9EI34G_jDaTq9DwvlTFKJbpavz7kdR2RphKAL8wqBC3ymyJKPGkCm0Hvs2IzBFOnsc74nSNYfDY55awuzkiEmT2W4n_vmqs2xL8c8v_ody0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:hPNBRben48RtIBp3b1ML26owwYef8KcbN10aghf2niS1j-VObZrEGbTzY3vXdwJZoxbmKTL5DmSyn_D_SuLpXyoYhyf-xvrKlFI5W2sYSHyd4yjUnnk9Mx_sJbYk5Gg5OwwhYIcP2avd3ejIhYVJ3sVpO7gwkvrKpA6mP5fDWySRZasKx_TGOYdWIki2BaKfNuJT0RdXixOL_Fxv2vOxSgqW-mMNsukl3q-FgzlPrUDgyVdwvd7uljzRtZny8TFrxFuo7FkzkR1Ego7t3dKbx0W6q_nrCEht00QVh7vrme4LbAwt5AaR0IN1oQPjGUvqP3jwCbK0MiQ_EoXIZ5AuyQ2BQKNkc6ARo5iqDiZ6J4ud1vLGFiXpBWosq83pfc1O1mAaW_w0c2FPNThmGRYcVCcIMGl11HsRo7V0d9CRHMn2Tb7D1MFrXl8vu6aZB4EfbRieAga8-D1O89gaeoAXRhBKIjB9XPgcThOI4RobHqbWvutH5a4wvvkwfhOFQr_2dPwH39ifjWvQp-5IB9fKczY_aEYeqsIeOlMJEOJHv1rRJ6vx4QncRpZCCdEhNsGHYprF5gXDEOmBZrjjvG-HCkJCe2Sqr5DO1-IE6HKpIs5V91UZC24c2bmBNMeUQmRvRIPbC76A8ZHBqE1OxL7a0MhSgBdicAOqocUPhhJO-uxrWBSKgd0WAYRB4IplbebYlDj2LwjER27ApkerNVmVYzS2JYpTFcblqLB0LlDOhUv496YhUxXQ-wB76_LDhvEwy-jAOkTDMjnM-MY93kAjL-QVDgMLRRVaS5B_EfNrC9uIwenZr9Yoalio_b2aCJlHd5qpTISbJyrSPxPY5pehkxURUpEMnC_9Y_v4_W00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:hPNBRben48RtIBp3b1ML26owwYef8KcbN10aghf2niS1j-VObZrEGbTzY3vXdwJZoxbmKTL5DmSyn_D_SuLpXyoYhyf-xvrKlFI5W2sYSHyd4yjUnnk9Mx_sJbYk5Gg5OwwhYIcP2avd3ejIhYVJ3sVpO7gwkvrKpA6mP5fDWySRZasKx_TGOYdWIki2BaKfNuJT0RdXixOL_Fxv2vOxSgqW-mMNsukl3q-FgzlPrUDgyVdwvd7uljzRtZny8TFrxFuo7FkzkR1Ego7t3dKbx0W6q_nrCEht00QVh7vrme4LbAwt5AaR0IN1oQPjGUvqP3jwCbK0MiQ_EoXIZ5AuyQ2BQKNkc6ARo5iqDiZ6J4ud1vLGFiXpBWosq83pfc1O1mAaW_w0c2FPNThmGRYcVCcIMGl11HsRo7V0d9CRHMn2Tb7D1MFrXl8vu6aZB4EfbRieAga8-D1O89gaeoAXRhBKIjB9XPgcThOI4RobHqbWvutH5a4wvvkwfhOFQr_2dPwH39ifjWvQp-5IB9fKczY_aEYeqsIeOlMJEOJHv1rRJ6vx4QncRpZCCdEhNsGHYprF5gXDEOmBZrjjvG-HCkJCe2Sqr5DO1-IE6HKpIs5V91UZC24c2bmBNMeUQmRvRIPbC76A8ZHBqE1OxL7a0MhSgBdicAOqocUPhhJO-uxrWBSKgd0WAYRB4IplbebYlDj2LwjER27ApkerNVmVYzS2JYpTFcblqLB0LlDOhUv496YhUxXQ-wB76_LDhvEwy-jAOkTDMjnM-MY93kAjL-QVDgMLRRVaS5B_EfNrC9uIwenZr9Yoalio_b2aCJlHd5qpTISbJyrSPxPY5pehkxURUpEMnC_9Y_v4_W00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>8. Th\u1ef1c hi\u1ec7n c\u00e1c thay \u0111\u1ed5i c\u1ea5p m\u00e3 ph\u1ed5 bi\u1ebfn<\/h2>\n<h3>Thay \u0111\u1ed5i t\u00ean h\u1ec7 th\u1ed1ng<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2wuiBadDrIZ8IIn9oo_ArL5GyarDp55mISt9B4ijgbG8W4eewV1oAIWeEUVd5wLavYMMf1OhfENdfoW0kQb5cNdf2ebvAGefK5rwIfe0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2wuiBadDrIZ8IIn9oo_ArL5GyarDp55mISt9B4ijgbG8W4eewV1oAIWeEUVd5wLavYMMf1OhfENdfoW0kQb5cNdf2ebvAGefK5rwIfe0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2wuiBadDrIZ8IIn9oo_ArL5Gydkukp5FeUJXhiLvwGhkcOdv2Xc75m2PleStvoaSQSvJqk7bKb1G2dcuUwf2SiR3tIkJ5Seo7-vkJrOuCl7XhkqbKELbXnSef8Dqbm3LR4nMACXuk6jbhfwI9W00\" \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\">System(platform, \"N\u1ec1n t\u1ea3ng Giao h\u00e0ng M\u00f3n \u0103n\",\r\n  \"T\u1ed5 ch\u1ee9c vi\u1ec7c \u0111\u1eb7t h\u00e0ng v\u00e0 giao th\u1ef1c ph\u1ea9m.\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2wuiBadDrIZ8IIn9oo_ArL5Gydkukp5FeUJXhiLvwGhkcOdv2Xc75m2PleStvoaSQSvJqk7bKb1G2dcuUwf2SiR3tIkJ5Seo7-vkJrOuCl7XhkqbKELbXnSef8Dqbm3LR4nMACXuk6jbhfwI9W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2wuiBadDrIZ8IIn9oo_ArL5GyarDp55mISt9B4ijgbG8W4eewV1oAIWeEUVd5wLavYMMf1OhfENdfoW0kQb5cNdf2ebvAGefK5rwIfe0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2wuiBadDrIZ8IIn9oo_ArL5GyarDp55mISt9B4ijgbG8W4eewV1oAIWeEUVd5wLavYMMf1OhfENdfoW0kQb5cNdf2ebvAGefK5rwIfe0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Th\u00eam m\u1ed9t ng\u01b0\u1eddi m\u1edbi<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROrB2iCm34Jt1jz1QDL0w1rALzsLzWGcKJxWI4QIU_vwaT92inbu0_FcJch2fw6QoqRwhAM8UWzutHlOAxZCn8vz301uunUPhtDoClXiOJMhZHEFK5G6CckaD5KUxOnT334yAFz_bPny4jqEt3_AfKN-2h5x0m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROrB2iCm34Jt1jz1QDL0w1rALzsLzWGcKJxWI4QIU_vwaT92inbu0_FcJch2fw6QoqRwhAM8UWzutHlOAxZCn8vz301uunUPhtDoClXiOJMhZHEFK5G6CckaD5KUxOnT334yAFz_bPny4jqEt3_AfKN-2h5x0m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZOun2i8m68NtGk_mo6IXU0wXY-W9Igocc2ObJOjh9rUTN5kAE7c11gVq8lzDx2Y8uFeUx_lUEZELLWjULrONcTdMPQcDZS6c2urzZbrExgom8dU3DUG69CBtN43uJXrO70O0ImIDWqRbUmi-jsXel2jCLt8jEBb7YkF72etlS2BtXFGl23rdiBEdLKiMXK4OR3Bv_QYKgTrhK_oX_CbdqHi0\" \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\">Person(customerSupport, \"\u0110\u1ea1i di\u1ec7n H\u1ed7 tr\u1ee3 Kh\u00e1ch h\u00e0ng\",\r\n  \"Kh\u1ea3o s\u00e1t c\u00e1c v\u1ea5n \u0111\u1ec1 c\u1ee7a kh\u00e1ch h\u00e0ng v\u00e0 x\u1eed l\u00fd ho\u00e0n ti\u1ec1n.\")\r\n\r\nRel(customerSupport, platform,\r\n  \"Kh\u1ea3o s\u00e1t c\u00e1c v\u1ea5n \u0111\u1ec1 v\u00e0 x\u1eed l\u00fd ho\u00e0n ti\u1ec1n\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZOun2i8m68NtGk_mo6IXU0wXY-W9Igocc2ObJOjh9rUTN5kAE7c11gVq8lzDx2Y8uFeUx_lUEZELLWjULrONcTdMPQcDZS6c2urzZbrExgom8dU3DUG69CBtN43uJXrO70O0ImIDWqRbUmi-jsXel2jCLt8jEBb7YkF72etlS2BtXFGl23rdiBEdLKiMXK4OR3Bv_QYKgTrhK_oX_CbdqHi0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROrB2iCm34Jt1jz1QDL0w1rALzsLzWGcKJxWI4QIU_vwaT92inbu0_FcJch2fw6QoqRwhAM8UWzutHlOAxZCn8vz301uunUPhtDoClXiOJMhZHEFK5G6CckaD5KUxOnT334yAFz_bPny4jqEt3_AfKN-2h5x0m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROrB2iCm34Jt1jz1QDL0w1rALzsLzWGcKJxWI4QIU_vwaT92inbu0_FcJch2fw6QoqRwhAM8UWzutHlOAxZCn8vz301uunUPhtDoClXiOJMhZHEFK5G6CckaD5KUxOnT334yAFz_bPny4jqEt3_AfKN-2h5x0m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Th\u00eam m\u1ed9t h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i m\u1edbi<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LSrH2i8m40JG_q3kiEIhXU0bj1x07a2MkCNGf0tPJMXkRws2-3aCRsPiB1JlmoRTbB4yHihLEx9Whky85n9oujS5lesnMW6OeM8eACJ0XPDtVYqC2LkaHG1tKRsqa-crqkf6eKi1PLfpjF1tSsoTd-JcdvQC2-Dnoh2RZu3iUJRz2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LSrH2i8m40JG_q3kiEIhXU0bj1x07a2MkCNGf0tPJMXkRws2-3aCRsPiB1JlmoRTbB4yHihLEx9Whky85n9oujS5lesnMW6OeM8eACJ0XPDtVYqC2LkaHG1tKRsqa-crqkf6eKi1PLfpjF1tSsoTd-JcdvQC2-Dnoh2RZu3iUJRz2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOwz2i8m58NtGj_XqAc5ubCe3YwY3o2XFqcWJKgCHMS71nST7HmwY9Clq8pjY-HDZ1R1BdUuzpldVkl3LcVbPhRNOQx8BbrdgkP95YEOMdDE66fh7bYohj5Wt9gJm9mJWSAsBn74lWS4_QLh10FbNOEaQn8mQLl7zrThRe92C-BEMZhAxToa4DIQ-oI8VC_tLbaHLWNHkLHbZ975jtxXtXvBQ4M6Tig9H3hOZQiTX-fVLLdpv53oa_avHsy0\" \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\">System_Ext(fraudService, \"D\u1ecbch v\u1ee5 Ph\u00e1t hi\u1ec7n Gian l\u1eadn\",\r\n  \"\u0110\u00e1nh gi\u00e1 c\u00e1c ho\u1ea1t \u0111\u1ed9ng thanh to\u00e1n \u0111\u00e1ng ng\u1edd.\")\r\n\r\nRel(platform, fraudService,\r\n  \"Ki\u1ec3m tra c\u00e1c giao d\u1ecbch thanh to\u00e1n \u0111\u1ec3 ph\u00e1t hi\u1ec7n r\u1ee7i ro gian l\u1eadn\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LOwz2i8m58NtGj_XqAc5ubCe3YwY3o2XFqcWJKgCHMS71nST7HmwY9Clq8pjY-HDZ1R1BdUuzpldVkl3LcVbPhRNOQx8BbrdgkP95YEOMdDE66fh7bYohj5Wt9gJm9mJWSAsBn74lWS4_QLh10FbNOEaQn8mQLl7zrThRe92C-BEMZhAxToa4DIQ-oI8VC_tLbaHLWNHkLHbZ975jtxXtXvBQ4M6Tig9H3hOZQiTX-fVLLdpv53oa_avHsy0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LSrH2i8m40JG_q3kiEIhXU0bj1x07a2MkCNGf0tPJMXkRws2-3aCRsPiB1JlmoRTbB4yHihLEx9Whky85n9oujS5lesnMW6OeM8eACJ0XPDtVYqC2LkaHG1tKRsqa-crqkf6eKi1PLfpjF1tSsoTd-JcdvQC2-Dnoh2RZu3iUJRz2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LSrH2i8m40JG_q3kiEIhXU0bj1x07a2MkCNGf0tPJMXkRws2-3aCRsPiB1JlmoRTbB4yHihLEx9Whky85n9oujS5lesnMW6OeM8eACJ0XPDtVYqC2LkaHG1tKRsqa-crqkf6eKi1PLfpjF1tSsoTd-JcdvQC2-Dnoh2RZu3iUJRz2m00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Thay \u0111\u1ed5i h\u01b0\u1edbng m\u1ed1i quan h\u1ec7<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:BSh12O0m3030l-0EeIy5Xv5k46Z4GfgK91LqUa5ytsNYfUFTI68tlMeXsw0png7Mjda2I9bYc3Zy3N34gLOVZAe2A0MS8fW-DFB1uMbz0G00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:BSh12O0m3030l-0EeIy5Xv5k46Z4GfgK91LqUa5ytsNYfUFTI68tlMeXsw0png7Mjda2I9bYc3Zy3N34gLOVZAe2A0MS8fW-DFB1uMbz0G00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qhDqKWkpKjNI7wuQsc1Gab6Obw6Gad-uOLvEWfv3tStvYcKFDorE2zTXvTBGK4ff0Z8KIW3YYjaFzorlqIXi1Gay73tyaeWinAY7c64GjdX1IXyYAQIZCExafKq0G00\" \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\">Rel(cung c\u1ea5p thanh to\u00e1n, n\u1ec1n t\u1ea3ng,\r\n  \"Tr\u1ea3 v\u1ec1 k\u1ebft qu\u1ea3 \u1ee7y quy\u1ec1n thanh to\u00e1n v\u00e0 thanh to\u00e1n k\u1ebft th\u00fac\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qhDqKWkpKjNI7wuQsc1Gab6Obw6Gad-uOLvEWfv3tStvYcKFDorE2zTXvTBGK4ff0Z8KIW3YYjaFzorlqIXi1Gay73tyaeWinAY7c64GjdX1IXyYAQIZCExafKq0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:BSh12O0m3030l-0EeIy5Xv5k46Z4GfgK91LqUa5ytsNYfUFTI68tlMeXsw0png7Mjda2I9bYc3Zy3N34gLOVZAe2A0MS8fW-DFB1uMbz0G00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:BSh12O0m3030l-0EeIy5Xv5k46Z4GfgK91LqUa5ytsNYfUFTI68tlMeXsw0png7Mjda2I9bYc3Zy3N34gLOVZAe2A0MS8fW-DFB1uMbz0G00\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>S\u1eed d\u1ee5ng h\u01b0\u1edbng m\u1ed1i quan h\u1ec7 \u0111\u1ec3 bi\u1ec3u di\u1ec5n ph\u1ee5 thu\u1ed9c ho\u1eb7c t\u01b0\u01a1ng t\u00e1c ch\u00ednh. N\u1ebfu h\u01b0\u1edbng kh\u00f4ng quan tr\u1ecdng v\u1ec1 m\u1eb7t ki\u1ebfn tr\u00fac, h\u00e3y ch\u1ecdn m\u1ed9t quy \u01b0\u1edbc nh\u1ea5t qu\u00e1n v\u00e0 \u00e1p d\u1ee5ng n\u00f3 xuy\u00ean su\u1ed1t s\u01a1 \u0111\u1ed3.<\/p>\n<h3>Thay \u0111\u1ed5i b\u1ed1 c\u1ee5c<\/h3>\n<p>C4-PlantUML h\u1ed7 tr\u1ee3 c\u00e1c g\u1ee3i \u00fd b\u1ed1 c\u1ee5c nh\u01b0:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYVTnTGk93_9qzmZHq0G0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYVTnTGk93_9qzmZHq0G0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYGy9Ejpe6H_WyN3N8ayDJG00\" \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\">LAYOUT_TR\u00c1I_PH\u1ea2I()\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYGy9Ejpe6H_WyN3N8ayDJG00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYVTnTGk93_9qzmZHq0G0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYVTnTGk93_9qzmZHq0G0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>ho\u1eb7c:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYG_n3uXtyG_tqz040000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYG_n3uXtyG_tqz040000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:StguUu92ID3XtlYGXxjNnGDPNNxn4Q50KJzt3Kq0\" \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\">B\u1ed0 TR\u00cd_T\u1eea_TR\u00caN_XU\u1ed0NG()\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:StguUu92ID3XtlYGXxjNnGDPNNxn4Q50KJzt3Kq0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYG_n3uXtyG_tqz040000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yt6Cz0yDYG_n3uXtyG_tqz040000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn v\u1ecb tr\u00ed b\u1eb1ng c\u00e1c g\u1ee3i \u00fd h\u01b0\u1edbng:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yqciZ0_II2ujBidFJItIKIZ8IIn9oo_ArUJbyW5AkMZ0181IYPMvgNab0KNvPPafgKMQ0000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yqciZ0_II2ujBidFJItIKIZ8IIn9oo_ArUJbyW5AkMZ0181IYPMvgNab0KNvPPafgKMQ0000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yqciZ0_IoCuul30vGo7Zy8AyT1s5l8Ux6_CKIXxkMfoNhidBvGDKugA1B0XK0bIga5oQbwwG_73NqWA5aep4l0o5alp32_Cq0G00\" \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\">Lay_R(kh\u00e1ch h\u00e0ng, n\u1ec1n t\u1ea3ng)\r\nLay_D(n\u1ec1n t\u1ea3ng, nh\u00e0 cung c\u1ea5p thanh to\u00e1n)\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yqciZ0_IoCuul30vGo7Zy8AyT1s5l8Ux6_CKIXxkMfoNhidBvGDKugA1B0XK0bIga5oQbwwG_73NqWA5aep4l0o5alp32_Cq0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yqciZ0_II2ujBidFJItIKIZ8IIn9oo_ArUJbyW5AkMZ0181IYPMvgNab0KNvPPafgKMQ0000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:yqciZ0_II2ujBidFJItIKIZ8IIn9oo_ArUJbyW5AkMZ0181IYPMvgNab0KNvPPafgKMQ0000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>S\u1eed d\u1ee5ng g\u1ee3i \u00fd b\u1ed1 c\u1ee5c m\u1ed9t c\u00e1ch ti\u1ebft ch\u1ebf. Qu\u00e1 nhi\u1ec1u r\u00e0ng bu\u1ed9c th\u1ee7 c\u00f4ng c\u00f3 th\u1ec3 khi\u1ebfn s\u01a1 \u0111\u1ed3 tr\u1edf n\u00ean kh\u00f3 b\u1ea3o tr\u00ec h\u01a1n.<\/p>\n<hr\/>\n<h2>9. S\u1eed d\u1ee5ng Tr\u1ee3 gi\u00fap AI c\u1ee7a VPasCode<\/h2>\n<p>M\u1ed9t s\u1ed1 phi\u00ean b\u1ea3n VPasCode cung c\u1ea5p h\u1ed7 tr\u1ee3 AI cho vi\u1ec7c ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 v\u00e0 s\u1eeda l\u1ed7i m\u00e3. C\u00f4ng c\u1ee5 n\u00e0y c\u00f3 th\u1ec3 ch\u1ea5p nh\u1eadn c\u00e1c ch\u1ec9 d\u1eabn nh\u01b0:<\/p>\n<pre class=\"lang-text\"><code data-language=\"text\">Th\u00eam m\u1ed9t d\u1ecbch v\u1ee5 ph\u00e1t hi\u1ec7n gian l\u1eadn b\u00ean ngo\u00e0i gi\u1eefa n\u1ec1n t\u1ea3ng v\u00e0 nh\u00e0 cung c\u1ea5p thanh to\u00e1n.\r\n<\/code><\/pre>\n<p>ho\u1eb7c:<\/p>\n<pre class=\"lang-text\"><code data-language=\"text\">S\u1eeda l\u1ed7i c\u00fa ph\u00e1p PlantUML v\u00e0 gi\u1eef nguy\u00ean c\u1ea5u tr\u00fac s\u01a1 \u0111\u1ed3 hi\u1ec7n t\u1ea1i.\r\n<\/code><\/pre>\n<p>VPasCode c\u0169ng \u0111\u01b0\u1ee3c ghi nh\u1eadn l\u00e0 h\u1ed7 tr\u1ee3 c\u00e1c t\u00ednh n\u0103ng ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 d\u1ef1a tr\u00ean AI, ch\u1ea9n \u0111o\u00e1n l\u1ed7i v\u00e0 d\u1ecbch thu\u1eadt, m\u1eb7c d\u00f9 kh\u1ea3 d\u1ee5ng c\u00f3 th\u1ec3 ph\u1ee5 thu\u1ed9c v\u00e0o phi\u00ean b\u1ea3n ho\u1eb7c g\u00f3i \u0111\u0103ng k\u00fd.<\/p>\n<hr\/>\n<h2>10. X\u00e1c minh s\u01a1 \u0111\u1ed3 PlantUML<\/h2>\n<p>Tr\u01b0\u1edbc khi g\u1eedi s\u01a1 \u0111\u1ed3 \u0111\u1ebfn Visual Paradigm Online, h\u00e3y x\u00e1c minh c\u1ea3 c\u00fa ph\u00e1p v\u00e0 ki\u1ebfn tr\u00fac.<\/p>\n<h3>Danh s\u00e1ch ki\u1ec3m tra c\u00fa ph\u00e1p<\/h3>\n<ul>\n<li>\n<p>B\u1ea3n script b\u1eaft \u0111\u1ea7u b\u1eb1ng\u00a0<code data-backticks=\"1\">@startuml<\/code>.<\/p>\n<\/li>\n<li>\n<p>B\u1ea3n script k\u1ebft th\u00fac b\u1eb1ng\u00a0<code data-backticks=\"1\">@enduml<\/code>.<\/p>\n<\/li>\n<li>\n<p>Th\u01b0 vi\u1ec7n C4-PlantUML \u0111\u01b0\u1ee3c bao g\u1ed3m.<\/p>\n<\/li>\n<li>\n<p>M\u1ed7i m\u1ed1i quan h\u1ec7 tham chi\u1ebfu \u0111\u1ebfn c\u00e1c \u0111\u1ecbnh danh t\u1ed3n t\u1ea1i.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c \u0111\u1ecbnh danh kh\u00f4ng ch\u1ee9a kho\u1ea3ng tr\u1eafng ho\u1eb7c d\u1ea5u c\u00e2u c\u00f3 th\u1ec3 l\u00e0m h\u1ecfng c\u00fa ph\u00e1p.<\/p>\n<\/li>\n<li>\n<p>D\u1ea5u ngo\u1eb7c k\u00e9p \u0111\u01b0\u1ee3c c\u00e2n b\u1eb1ng.<\/p>\n<\/li>\n<li>\n<p>M\u00f4 t\u1ea3 kh\u00f4ng qu\u00e1 d\u00e0i.<\/p>\n<\/li>\n<li>\n<p>B\u1ea3n xem tr\u01b0\u1edbc \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb m\u00e0 kh\u00f4ng c\u00f3 l\u1ed7i.<\/p>\n<\/li>\n<\/ul>\n<h3>Danh s\u00e1ch ki\u1ec3m tra m\u00f4 h\u00ecnh h\u00f3a C4<\/h3>\n<ul>\n<li>\n<p>C\u00f3 m\u1ed9t h\u1ec7 th\u1ed1ng r\u00f5 r\u00e0ng \u0111\u01b0\u1ee3c x\u00e1c \u0111\u1ecbnh.<\/p>\n<\/li>\n<li>\n<p>Ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c m\u00f4 h\u00ecnh h\u00f3a nh\u01b0 con ng\u01b0\u1eddi, ch\u1ee9 kh\u00f4ng ph\u1ea3i nh\u01b0 c\u00e1c h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c \u1ee9ng d\u1ee5ng b\u00ean ngo\u00e0i \u0111\u01b0\u1ee3c m\u00f4 h\u00ecnh h\u00f3a nh\u01b0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c th\u00e0nh ph\u1ea7n n\u1ed9i b\u1ed9 kh\u00f4ng \u0111\u01b0\u1ee3c bao g\u1ed3m trong s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c m\u1ed1i quan h\u1ec7 m\u00f4 t\u1ea3 nh\u1eefng t\u01b0\u01a1ng t\u00e1c c\u00f3 \u00fd ngh\u0129a.<\/p>\n<\/li>\n<li>\n<p>S\u01a1 \u0111\u1ed3 n\u00e0y c\u00f3 th\u1ec3 hi\u1ec3u \u0111\u01b0\u1ee3c m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u1ecdc m\u00e3 ngu\u1ed3n.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c thu\u1eadt ng\u1eef ph\u00f9 h\u1ee3p v\u1edbi t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac d\u1ef1 \u00e1n.<\/p>\n<\/li>\n<\/ul>\n<h3>V\u00ed d\u1ee5 v\u1ec1 m\u1ed9t th\u00e0nh ph\u1ea7n s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh kh\u00f4ng mong mu\u1ed1n<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SyxFAqdCp4ijqaWioDHHKF8lIaajKd0Cy5G2ShmIon91T41HVd9gSN5giK8-IBfOIPENonccqIL98oMn934fiJWLhjy5AW3Md5zSabwK6Xpe0-85b-GN8Pa30000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SyxFAqdCp4ijqaWioDHHKF8lIaajKd0Cy5G2ShmIon91T41HVd9gSN5giK8-IBfOIPENonccqIL98oMn934fiJWLhjy5AW3Md5zSabwK6Xpe0-85b-GN8Pa30000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SyxFAqdCp4ijqaWioDHHK78Cy5GuCk7Xhkqb2Xc75-IbAm75l1BB4a5qnCFTQnLo3kzLE38HIO4cBvSpp12N98sKn9B4fCJYLA1wvsCB5OeVxfwlaF9mztg5dCo7kzjBCGmFo2ykIIzA3Gxq0V5yZcqeLIWf0gb7jGG0\" \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\">Container(api, \"API \u0110\u1eb7t h\u00e0ng\", \"Java\", \"X\u1eed l\u00fd \u0111\u1eb7t h\u00e0ng\")\r\nContainerDb(database, \"C\u01a1 s\u1edf d\u1eef li\u1ec7u \u0110\u1eb7t h\u00e0ng\", \"PostgreSQL\", \"L\u01b0u tr\u1eef \u0111\u1eb7t h\u00e0ng\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SyxFAqdCp4ijqaWioDHHK78Cy5GuCk7Xhkqb2Xc75-IbAm75l1BB4a5qnCFTQnLo3kzLE38HIO4cBvSpp12N98sKn9B4fCJYLA1wvsCB5OeVxfwlaF9mztg5dCo7kzjBCGmFo2ykIIzA3Gxq0V5yZcqeLIWf0gb7jGG0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SyxFAqdCp4ijqaWioDHHKF8lIaajKd0Cy5G2ShmIon91T41HVd9gSN5giK8-IBfOIPENonccqIL98oMn934fiJWLhjy5AW3Md5zSabwK6Xpe0-85b-GN8Pa30000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SyxFAqdCp4ijqaWioDHHKF8lIaajKd0Cy5G2ShmIon91T41HVd9gSN5giK8-IBfOIPENonccqIL98oMn934fiJWLhjy5AW3Md5zSabwK6Xpe0-85b-GN8Pa30000\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u0110\u00e2y l\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n \u1edf c\u1ea5p \u0111\u1ed9 container. Ch\u00fang thu\u1ed9c v\u1ec1 s\u01a1 \u0111\u1ed3 Container C4, kh\u00f4ng th\u01b0\u1eddng xu\u1ea5t hi\u1ec7n trong s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng.<\/p>\n<hr\/>\n<h1>Ph\u1ea7n 2: G\u1eedi s\u01a1 \u0111\u1ed3 \u0111\u1ebfn Visual Paradigm Online<\/h1>\n<h2>11. S\u1eed d\u1ee5ng \u201cCh\u1ec9nh s\u1eeda trong VP Online\u201d ho\u1eb7c \u201cCh\u1ec9nh s\u1eeda trong s\u01a1 \u0111\u1ed3 VP Online\u201d<\/h2>\n<p>Sau khi phi\u00ean b\u1ea3n m\u00e3 ngu\u1ed3n \u0111\u00fang, h\u00e3y ch\u1ecdn h\u00e0nh \u0111\u1ed9ng \u0111\u01b0\u1ee3c \u0111\u00e1nh nh\u00e3n t\u01b0\u01a1ng t\u1ef1 nh\u01b0:<\/p>\n<ul>\n<li>\n<p><strong>Ch\u1ec9nh s\u1eeda trong VP Online<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>Ch\u1ec9nh s\u1eeda trong s\u01a1 \u0111\u1ed3 VP Online<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>M\u1edf trong Online<\/strong><\/p>\n<\/li>\n<li>\n<p><strong>Xu\u1ea5t sang VP Online<\/strong><\/p>\n<\/li>\n<\/ul>\n<p>Nh\u00e3n ch\u00ednh x\u00e1c c\u00f3 th\u1ec3 thay \u0111\u1ed5i t\u00f9y theo phi\u00ean b\u1ea3n giao di\u1ec7n.<\/p>\n<p>Sinh th\u00e1i c\u1ee7a Visual Paradigm \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 di chuy\u1ec3n c\u00e1c s\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra t\u1eeb AI Chatbot sang VPasCode \u0111\u1ec3 tinh ch\u1ec9nh \u1edf c\u1ea5p \u0111\u1ed9 m\u00e3 v\u00e0 sau \u0111\u00f3 \u0111\u1ebfn Visual Paradigm Online \u0111\u1ec3 ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 truy\u1ec1n th\u1ed1ng.<\/p>\n<p>Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 tr\u1ef1c tuy\u1ebfn h\u1eefu \u00edch khi b\u1ea1n c\u1ea7n:<\/p>\n<ul>\n<li>\n<p>Di chuy\u1ec3n h\u00ecnh d\u1ea1ng th\u1ee7 c\u00f4ng<\/p>\n<\/li>\n<li>\n<p>Thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc c\u00e1c th\u00e0nh ph\u1ea7n<\/p>\n<\/li>\n<li>\n<p>\u0110i\u1ec1u ch\u1ec9nh k\u1ebft n\u1ed1i<\/p>\n<\/li>\n<li>\n<p>Thay \u0111\u1ed5i m\u00e0u s\u1eafc v\u00e0 ph\u00f4ng ch\u1eef<\/p>\n<\/li>\n<li>\n<p>Th\u00eam ghi ch\u00fa ho\u1eb7c ch\u00fa th\u00edch<\/p>\n<\/li>\n<li>\n<p>Th\u00eam ti\u00eau \u0111\u1ec1 ho\u1eb7c ch\u00fa gi\u1ea3i<\/p>\n<\/li>\n<li>\n<p>\u00c1p d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng tr\u00ecnh b\u00e0y<\/p>\n<\/li>\n<li>\n<p>C\u0103n ch\u1ec9nh c\u00e1c th\u00e0nh ph\u1ea7n s\u01a1 \u0111\u1ed3 ch\u00ednh x\u00e1c<\/p>\n<\/li>\n<li>\n<p>Chu\u1ea9n b\u1ecb s\u01a1 \u0111\u1ed3 \u0111\u1ec3 chia s\u1ebb ho\u1eb7c xu\u1ea5t ra<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>12. Ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 b\u1eb1ng giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng c\u1ee7a Visual Paradigm Online<\/h2>\n<p>Khi s\u01a1 \u0111\u1ed3 m\u1edf ra trong Visual Paradigm Online:<\/p>\n<h3>Di chuy\u1ec3n c\u00e1c th\u00e0nh ph\u1ea7n<\/h3>\n<p>K\u00e9o ng\u01b0\u1eddi v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i v\u00e0o m\u1ed9t b\u1ed1 c\u1ee5c r\u00f5 r\u00e0ng xung quanh h\u1ec7 th\u1ed1ng ch\u00ednh.<\/p>\n<p>M\u1ed9t b\u1ed1 c\u1ee5c ph\u1ed5 bi\u1ebfn l\u00e0:<\/p>\n<ul>\n<li>\n<p>Ng\u01b0\u1eddi \u1edf b\u00ean tr\u00e1i ho\u1eb7c ph\u00eda tr\u00ean<\/p>\n<\/li>\n<li>\n<p>H\u1ec7 th\u1ed1ng ch\u00ednh \u1edf gi\u1eefa<\/p>\n<\/li>\n<li>\n<p>H\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i \u1edf b\u00ean ph\u1ea3i ho\u1eb7c ph\u00eda d\u01b0\u1edbi<\/p>\n<\/li>\n<\/ul>\n<h3>Ch\u1ec9nh s\u1eeda v\u0103n b\u1ea3n<\/h3>\n<p>Nh\u1ea5p \u0111\u00fap v\u00e0o m\u1ed9t th\u00e0nh ph\u1ea7n ho\u1eb7c ch\u1ecdn b\u1ea3ng th\u00f4ng s\u1ed1 c\u1ee7a n\u00f3 \u0111\u1ec3 ch\u1ec9nh s\u1eeda:<\/p>\n<ul>\n<li>\n<p>T\u00ean<\/p>\n<\/li>\n<li>\n<p>M\u00f4 t\u1ea3<\/p>\n<\/li>\n<li>\n<p>Stereotype<\/p>\n<\/li>\n<li>\n<p>Nh\u00e3n m\u1ed1i quan h\u1ec7<\/p>\n<\/li>\n<\/ul>\n<p>Gi\u1eef t\u00ean ng\u1eafn g\u1ecdn v\u00e0 m\u00f4 t\u1ea3 mang t\u00ednh th\u00f4ng tin.<\/p>\n<h3>Ch\u1ec9nh s\u1eeda m\u1ed1i quan h\u1ec7<\/h3>\n<p>Ch\u1ecdn m\u1ed9t k\u1ebft n\u1ed1i \u0111\u1ec3:<\/p>\n<ul>\n<li>\n<p>Thay \u0111\u1ed5i h\u01b0\u1edbng c\u1ee7a n\u00f3<\/p>\n<\/li>\n<li>\n<p>Ch\u1ec9nh s\u1eeda nh\u00e3n m\u1ed1i quan h\u1ec7<\/p>\n<\/li>\n<li>\n<p>K\u1ebft n\u1ed1i l\u1ea1i v\u1edbi m\u1ed9t ph\u1ea7n t\u1eed kh\u00e1c<\/p>\n<\/li>\n<li>\n<p>\u0110i\u1ec1u ch\u1ec9nh tuy\u1ebfn \u0111\u01b0\u1eddng c\u1ee7a n\u00f3<\/p>\n<\/li>\n<li>\n<p>Thay \u0111\u1ed5i ki\u1ec3u ho\u1eb7c ngo\u1ea1i h\u00ecnh \u0111\u01b0\u1eddng n\u00e9t<\/p>\n<\/li>\n<\/ul>\n<h3>Th\u00eam c\u00e1c ph\u1ea7n t\u1eed<\/h3>\n<p>S\u1eed d\u1ee5ng b\u1ea3ng bi\u1ec3u \u0111\u1ed3 \u0111\u1ec3 th\u00eam:<\/p>\n<ul>\n<li>\n<p>Ng\u01b0\u1eddi<\/p>\n<\/li>\n<li>\n<p>Ng\u01b0\u1eddi b\u00ean ngo\u00e0i<\/p>\n<\/li>\n<li>\n<p>H\u1ec7 th\u1ed1ng<\/p>\n<\/li>\n<li>\n<p>H\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i<\/p>\n<\/li>\n<li>\n<p>M\u1ed1i quan h\u1ec7<\/p>\n<\/li>\n<li>\n<p>Ghi ch\u00fa<\/p>\n<\/li>\n<li>\n<p>Bi\u00ean gi\u1edbi<\/p>\n<\/li>\n<\/ul>\n<p>Ch\u1ec9 th\u00eam c\u00e1c th\u00e0nh ph\u1ea7n thu\u1ed9c c\u1ea5p \u0111\u1ed9 ng\u1eef c\u1ea3nh.<\/p>\n<h3>\u00c1p d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng<\/h3>\n<p>B\u1ea1n c\u00f3 th\u1ec3 c\u1ea3i thi\u1ec7n \u0111\u1ed9 d\u1ec5 \u0111\u1ecdc b\u1eb1ng c\u00e1ch \u0111i\u1ec1u ch\u1ec9nh:<\/p>\n<ul>\n<li>\n<p>C\u1ee1 ch\u1eef<\/p>\n<\/li>\n<li>\n<p>M\u00e0u n\u1ec1n<\/p>\n<\/li>\n<li>\n<p>M\u00e0u vi\u1ec1n<\/p>\n<\/li>\n<li>\n<p>\u0110\u1ed9 d\u00e0y \u0111\u01b0\u1eddng<\/p>\n<\/li>\n<li>\n<p>K\u00edch th\u01b0\u1edbc h\u00ecnh d\u1ea1ng<\/p>\n<\/li>\n<li>\n<p>C\u0103n ch\u1ec9nh<\/p>\n<\/li>\n<li>\n<p>Kho\u1ea3ng c\u00e1ch<\/p>\n<\/li>\n<li>\n<p>\u0110\u01b0\u1eddng d\u1eabn k\u1ebft n\u1ed1i<\/p>\n<\/li>\n<\/ul>\n<p>Tr\u00e1nh s\u1eed d\u1ee5ng m\u00e0u s\u1eafc nh\u01b0 c\u00e1ch duy nh\u1ea5t \u0111\u1ec3 truy\u1ec1n \u0111\u1ea1t \u00fd ngh\u0129a. C\u0169ng n\u00ean s\u1eed d\u1ee5ng nh\u00e3n r\u00f5 r\u00e0ng.<\/p>\n<hr\/>\n<h2>13. B\u1ed1 c\u1ee5c tr\u00ecnh b\u00e0y \u0111\u01b0\u1ee3c khuy\u1ebfn ngh\u1ecb<\/h2>\n<p>M\u1ed9t s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh s\u1ea1ch c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng b\u1ed1 c\u1ee5c n\u00e0y:<\/p>\n<p id=\"aLYQTZd\"><img alt=\"Giao di\u1ec7n VPasCode hi\u1ec3n th\u1ecb s\u01a1 \u0111\u1ed3 b\u1ed1i c\u1ea3nh C4 cho m\u1ed9t n\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m, th\u1ec3 hi\u1ec7n c\u00e1c t\u01b0\u01a1ng t\u00e1c gi\u1eefa kh\u00e1ch h\u00e0ng, qu\u1ea3n l\u00fd v\u00e0 h\u1ec7 th\u1ed1ng trung t\u00e2m.\" class=\"alignnone size-full wp-image-20792\" decoding=\"async\" height=\"870\" loading=\"lazy\" sizes=\"auto, (max-width: 1912px) 100vw, 1912px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd55019b67.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd55019b67.png 1912w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd55019b67-300x137.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd55019b67-1024x466.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd55019b67-768x349.png 768w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd55019b67-1536x699.png 1536w\" width=\"1912\"\/><\/p>\n<p>\u0110\u1ed1i v\u1edbi c\u00e1c s\u01a1 \u0111\u1ed3 l\u1edbn h\u01a1n:<\/p>\n<ul>\n<li>\n<p>Gi\u1eef h\u1ec7 th\u1ed1ng ch\u00ednh \u1edf trung t\u00e2m.<\/p>\n<\/li>\n<li>\n<p>Nh\u00f3m c\u00e1c c\u00e1 nh\u00e2n \u1edf m\u1ed9t b\u00ean.<\/p>\n<\/li>\n<li>\n<p>Nh\u00f3m c\u00e1c h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m b\u00ean ngo\u00e0i \u1edf m\u1ed9t b\u00ean kh\u00e1c.<\/p>\n<\/li>\n<li>\n<p>Tr\u00e1nh c\u00e1c \u0111\u01b0\u1eddng quan h\u1ec7 ch\u00e9o nhau.<\/p>\n<\/li>\n<li>\n<p>Gi\u1eef nh\u00e3n quan h\u1ec7 n\u1eb1m ngang khi c\u00f3 th\u1ec3.<\/p>\n<\/li>\n<li>\n<p>S\u1eed d\u1ee5ng nh\u00e3n ng\u1eafn thay v\u00ec \u0111o\u1ea1n v\u0103n.<\/p>\n<\/li>\n<li>\n<p>D\u00e0nh \u0111\u1ee7 kho\u1ea3ng tr\u1ed1ng xung quanh h\u1ec7 th\u1ed1ng ch\u00ednh.<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h1>Ph\u1ea7n 3: Ch\u1ecdn gi\u1eefa ch\u1ec9nh s\u1eeda m\u00e3 v\u00e0 giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng<\/h1>\n<table>\n<thead>\n<tr>\n<th>Ph\u01b0\u01a1ng ph\u00e1p ch\u1ec9nh s\u1eeda<\/th>\n<th>T\u1ed1t nh\u1ea5t cho<\/th>\n<th>\u01afu \u0111i\u1ec3m<\/th>\n<th>H\u1ea1n ch\u1ebf<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n AI<\/td>\n<td>T\u1ea1o ban \u0111\u1ea7u v\u00e0 thay \u0111\u1ed5i kh\u00e1i ni\u1ec7m<\/td>\n<td>Nhanh ch\u00f3ng, th\u00e2n thi\u1ec7n, ph\u00f9 h\u1ee3p \u0111\u1ec3 kh\u00e1m ph\u00e1 c\u00e1c ph\u01b0\u01a1ng \u00e1n thay th\u1ebf<\/td>\n<td>Y\u00eau c\u1ea7u xem x\u00e9t ki\u1ebfn tr\u00fac<\/td>\n<\/tr>\n<tr>\n<td>VPasCode<\/td>\n<td>Ch\u1ec9nh s\u1eeda \u1edf c\u1ea5p \u0111\u1ed9 m\u00e3 ch\u00ednh x\u00e1c<\/td>\n<td>V\u0103n b\u1ea3n c\u00f3 th\u1ec3 qu\u1ea3n l\u00fd phi\u00ean b\u1ea3n, thay \u0111\u1ed5i l\u1eb7p l\u1ea1i, ch\u1ec9nh s\u1eeda h\u00e0ng lo\u1ea1t nhanh ch\u00f3ng<\/td>\n<td>Y\u00eau c\u1ea7u quen thu\u1ed9c v\u1edbi c\u00fa ph\u00e1p PlantUML ho\u1eb7c C4<\/td>\n<\/tr>\n<tr>\n<td>Visual Paradigm Online<\/td>\n<td>S\u1eafp x\u1ebfp v\u00e0 tr\u00ecnh b\u00e0y tr\u1ef1c quan<\/td>\n<td>Ch\u1ec9nh s\u1eeda k\u00e9o th\u1ea3, \u0111\u1ecbnh d\u1ea1ng, ki\u1ec3m so\u00e1t b\u1ed1 c\u1ee5c th\u1ee7 c\u00f4ng<\/td>\n<td>C\u00e1c ch\u1ec9nh s\u1eeda th\u1ee7 c\u00f4ng c\u00f3 th\u1ec3 kh\u00f3 t\u00e1i t\u1ea1o d\u01b0\u1edbi d\u1ea1ng m\u00e3<\/td>\n<\/tr>\n<tr>\n<td>Visual Paradigm Desktop<\/td>\n<td>M\u00f4 h\u00ecnh h\u00f3a ch\u00ednh th\u1ee9c v\u00e0 t\u00edch h\u1ee3p d\u1ef1 \u00e1n<\/td>\n<td>M\u00f4 h\u00ecnh h\u00f3a n\u00e2ng cao v\u00e0 quy tr\u00ecnh l\u00e0m vi\u1ec7c doanh nghi\u1ec7p<\/td>\n<td>C\u00f3 th\u1ec3 y\u00eau c\u1ea7u phi\u00ean b\u1ea3n m\u00e1y t\u00ednh \u0111\u1ec3 b\u00e0n ho\u1eb7c gi\u1ea5y ph\u00e9p c\u1ee5 th\u1ec3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>VPasCode h\u1ed7 tr\u1ee3 c\u00e1c m\u00f4 h\u00ecnh C4 th\u00f4ng qua PlantUML v\u00e0 cung c\u1ea5p b\u1ea3n xem tr\u01b0\u1edbc tr\u1ef1c ti\u1ebfp, trong khi Visual Paradigm Online cung c\u1ea5p quy tr\u00ecnh l\u00e0m vi\u1ec7c tr\u1ef1c quan truy\u1ec1n th\u1ed1ng \u0111\u1ec3 ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3.<\/p>\n<hr\/>\n<h1>Ph\u1ea7n 4: Quy tr\u00ecnh to\u00e0n di\u1ec7n \u0111\u01b0\u1ee3c \u0111\u1ec1 xu\u1ea5t<\/h1>\n<h2>Quy tr\u00ecnh nhanh<\/h2>\n<ol>\n<li>\n<p>M\u1edf tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm.<\/p>\n<\/li>\n<li>\n<p>Ch\u1ecdn s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4.<\/p>\n<\/li>\n<li>\n<p>M\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng, ng\u01b0\u1eddi d\u00f9ng v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i.<\/p>\n<\/li>\n<li>\n<p>T\u1ea1o s\u01a1 \u0111\u1ed3.<\/p>\n<\/li>\n<li>\n<p>Y\u00eau c\u1ea7u tr\u1ee3 l\u00fd chatbot lo\u1ea1i b\u1ecf c\u00e1c chi ti\u1ebft tri\u1ec3n khai n\u1ed9i b\u1ed9.<\/p>\n<\/li>\n<li>\n<p>Xem x\u00e9t t\u00ean, m\u1ed1i quan h\u1ec7 v\u00e0 ph\u1ea1m vi.<\/p>\n<\/li>\n<li>\n<p>Ch\u1ecdn\u00a0<strong>M\u1edf trong VPasCode<\/strong>.<\/p>\n<\/li>\n<li>\n<p>Ch\u1ec9nh s\u1eeda ngu\u1ed3n C4-PlantUML.<\/p>\n<\/li>\n<li>\n<p>Hi\u1ec3n th\u1ecb v\u00e0 x\u00e1c minh k\u1ebft qu\u1ea3.<\/p>\n<\/li>\n<li>\n<p>Ch\u1ecdn\u00a0<strong>Ch\u1ec9nh s\u1eeda tr\u00ean VP Online<\/strong>.<\/p>\n<\/li>\n<li>\n<p>Tinh ch\u1ec9nh b\u1ed1 c\u1ee5c v\u00e0 ngo\u1ea1i h\u00ecnh b\u1eb1ng giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng.<\/p>\n<\/li>\n<li>\n<p>Xu\u1ea5t ho\u1eb7c chia s\u1ebb s\u01a1 \u0111\u1ed3 cu\u1ed1i c\u00f9ng.<\/p>\n<\/li>\n<\/ol>\n<h2>Ph\u00e2n chia tr\u00e1ch nhi\u1ec7m \u0111\u01b0\u1ee3c \u0111\u1ec1 xu\u1ea5t<\/h2>\n<p>S\u1eed d\u1ee5ng\u00a0<strong>Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n AI<\/strong>\u00a0cho:<\/p>\n<ul>\n<li>\n<p>T\u1ea1o b\u1ea3n nh\u00e1p \u0111\u1ea7u ti\u00ean<\/p>\n<\/li>\n<li>\n<p>Kh\u00e1m ph\u00e1 c\u00e1c ph\u01b0\u01a1ng \u00e1n ki\u1ebfn tr\u00fac<\/p>\n<\/li>\n<li>\n<p>Th\u00eam ho\u1eb7c x\u00f3a ng\u01b0\u1eddi tham gia<\/p>\n<\/li>\n<li>\n<p>Vi\u1ebft l\u1ea1i m\u00f4 t\u1ea3 m\u1ed1i quan h\u1ec7<\/p>\n<\/li>\n<li>\n<p>Xem x\u00e9t s\u01a1 \u0111\u1ed3 \u0111\u1ec3 ph\u00e1t hi\u1ec7n thi\u1ebfu s\u00f3t<\/p>\n<\/li>\n<\/ul>\n<p>S\u1eed d\u1ee5ng\u00a0<strong>VPasCode<\/strong>\u00a0cho:<\/p>\n<ul>\n<li>\n<p>\u0110\u1ed5i t\u00ean nhi\u1ec1u th\u00e0nh ph\u1ea7n<\/p>\n<\/li>\n<li>\n<p>S\u1eed d\u1ee5ng l\u1ea1i m\u00e3 bi\u1ec3u \u0111\u1ed3<\/p>\n<\/li>\n<li>\n<p>\u00c1p d\u1ee5ng c\u00fa ph\u00e1p nh\u1ea5t qu\u00e1n<\/p>\n<\/li>\n<li>\n<p>Qu\u1ea3n l\u00fd m\u00e3 trong ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n<\/p>\n<\/li>\n<li>\n<p>Th\u1ef1c hi\u1ec7n c\u00e1c thay \u0111\u1ed5i c\u1ea5u tr\u00fac c\u00f3 th\u1ec3 l\u1eb7p l\u1ea1i<\/p>\n<\/li>\n<li>\n<p>S\u1eeda c\u00e1c ch\u1ec9 th\u1ecb b\u1ed1 c\u1ee5c<\/p>\n<\/li>\n<li>\n<p>T\u1ea1o ra ngu\u1ed3n g\u1ed1c s\u1ef1 th\u1eadt d\u1ef1a tr\u00ean v\u0103n b\u1ea3n<\/p>\n<\/li>\n<\/ul>\n<p>S\u1eed d\u1ee5ng\u00a0<strong>Visual Paradigm Online<\/strong>\u00a0cho:<\/p>\n<ul>\n<li>\n<p>V\u1ecb tr\u00ed h\u00ecnh \u1ea3nh cu\u1ed1i c\u00f9ng<\/p>\n<\/li>\n<li>\n<p>\u0110\u1ecbnh d\u1ea1ng tr\u00ecnh b\u00e0y<\/p>\n<\/li>\n<li>\n<p>\u0110i\u1ec1u ch\u1ec9nh n\u1ed1i tay<\/p>\n<\/li>\n<li>\n<p>Th\u00eam ghi ch\u00fa v\u00e0 ch\u00fa th\u00edch<\/p>\n<\/li>\n<li>\n<p>Chu\u1ea9n b\u1ecb m\u1ed9t s\u01a1 \u0111\u1ed3 cho c\u00e1c b\u00ean li\u00ean quan<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h1>Ph\u1ea7n 5: Cu\u1ed9c tr\u00f2 chuy\u1ec7n minh h\u1ecda v\u1ec1 vi\u1ec7c tinh ch\u1ec9nh<\/h1>\n<h3>Y\u00eau c\u1ea7u ban \u0111\u1ea7u<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">T\u1ea1o m\u1ed9t s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 cho m\u1ed9t n\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m.\r\n<\/code><\/pre>\n<h3>Tinh ch\u1ec9nh 1<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Th\u00eam Kh\u00e1ch h\u00e0ng, Qu\u1ea3n l\u00fd nh\u00e0 h\u00e0ng, T\u00e0i x\u1ebf giao h\u00e0ng v\u00e0 Qu\u1ea3n tr\u1ecb vi\u00ean V\u1eadn h\u00e0nh nh\u01b0 c\u00e1c nh\u00e2n v\u1eadt.\r\n<\/code><\/pre>\n<h3>Tinh ch\u1ec9nh 2<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Th\u00eam Nh\u00e0 cung c\u1ea5p Thanh to\u00e1n, D\u1ecbch v\u1ee5 B\u1ea3n \u0111\u1ed3 v\u00e0 \u0110\u1ecbnh v\u1ecb, v\u00e0 D\u1ecbch v\u1ee5 Th\u00f4ng b\u00e1o nh\u01b0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i.\r\n<\/code><\/pre>\n<h3>Tinh ch\u1ec9nh 3<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Lo\u1ea1i b\u1ecf t\u1ea5t c\u1ea3 c\u01a1 s\u1edf d\u1eef li\u1ec7u, API, d\u1ecbch v\u1ee5 vi m\u00f4, container v\u00e0 chi ti\u1ebft tri\u1ec3n khai. S\u01a1 \u0111\u1ed3 n\u00e0y ph\u1ea3i v\u1eabn l\u00e0 m\u1ed9t s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 c\u1ea5p \u0111\u1ed9 1.\r\n<\/code><\/pre>\n<h3>Tinh ch\u1ec9nh 4<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Vi\u1ebft l\u1ea1i t\u1ea5t c\u1ea3 nh\u00e3n m\u1ed1i quan h\u1ec7 d\u01b0\u1edbi d\u1ea1ng c\u1ee5m \u0111\u1ed9ng t\u1eeb ng\u1eafn g\u1ecdn v\u00e0 gi\u1eef d\u01b0\u1edbi 10 t\u1eeb m\u1ed7i khi c\u00f3 th\u1ec3.\r\n<\/code><\/pre>\n<h3>Tinh ch\u1ec9nh 5<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">Xem x\u00e9t s\u01a1 \u0111\u1ed3 \u0111\u1ec3 ph\u00e1t hi\u1ec7n c\u00e1c m\u1ed1i quan h\u1ec7 b\u1ecb thi\u1ebfu v\u00e0 t\u1eeb ng\u1eef kh\u00f4ng nh\u1ea5t qu\u00e1n. Gi\u1eef \u201cN\u1ec1n t\u1ea3ng giao h\u00e0ng th\u1ef1c ph\u1ea9m\u201d l\u00e0 h\u1ec7 th\u1ed1ng duy nh\u1ea5t c\u1ea7n quan t\u00e2m.\r\n<\/code><\/pre>\n<h3>Tinh ch\u1ec9nh 6<\/h3>\n<pre class=\"lang-text\"><code data-language=\"text\">T\u1ea1o s\u01a1 \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng C4-PlantUML v\u00e0 l\u00e0m cho n\u00f3 c\u00f3 s\u1eb5n \u0111\u1ec3 ch\u1ec9nh s\u1eeda trong VPasCode.\r\n<\/code><\/pre>\n<hr\/>\n<h1>Ph\u1ea7n 6: Kh\u1eafc ph\u1ee5c s\u1ef1 c\u1ed1<\/h1>\n<h2>S\u01a1 \u0111\u1ed3 ch\u1ee9a qu\u00e1 nhi\u1ec1u chi ti\u1ebft<\/h2>\n<p>H\u1ecfi:<\/p>\n<pre class=\"lang-text\"><code data-language=\"text\">\u0110\u01a1n gi\u1ea3n h\u00f3a \u0111i\u1ec1u n\u00e0y th\u00e0nh m\u1ed9t s\u01a1 \u0111\u1ed3 B\u1ed1i c\u1ea3nh H\u1ec7 th\u1ed1ng C4 nghi\u00eam ng\u1eb7t. Lo\u1ea1i b\u1ecf c\u00e1c container, th\u00e0nh ph\u1ea7n, c\u01a1 s\u1edf d\u1eef li\u1ec7u, API v\u00e0 t\u00ean c\u00f4ng ngh\u1ec7.\r\n<\/code><\/pre>\n<h2>S\u01a1 \u0111\u1ed3 c\u00f3 qu\u00e1 nhi\u1ec1u \u0111\u01b0\u1eddng ch\u00e9o nhau<\/h2>\n<p>Trong VPasCode:<\/p>\n<ul>\n<li>\n<p>Th\u1eed\u00a0<code data-backticks=\"1\">LAYOUT_TR\u00c1I_PH\u1ea2I()<\/code>\u00a0ho\u1eb7c\u00a0<code data-backticks=\"1\">LAYOUT_T\u1eea_TR\u00caN_XU\u1ed0NG()<\/code>.<\/p>\n<\/li>\n<li>\n<p>Th\u00eam gi\u1edbi h\u1ea1n\u00a0<code data-backticks=\"1\">Lay_<\/code>\u00a0ch\u1ec9 th\u1ecb.<\/p>\n<\/li>\n<li>\n<p>R\u00fat g\u1ecdn nh\u00e3n m\u1ed1i quan h\u1ec7.<\/p>\n<\/li>\n<li>\n<p>Gi\u1ea3m s\u1ed1 l\u01b0\u1ee3ng m\u1ed1i quan h\u1ec7 \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb.<\/p>\n<\/li>\n<li>\n<p>Chuy\u1ec3n phi\u00ean b\u1ea3n cu\u1ed1i c\u00f9ng sang VP Online \u0111\u1ec3 \u0111\u1ecbnh v\u1ecb th\u1ee7 c\u00f4ng.<\/p>\n<\/li>\n<\/ul>\n<h2>Xem tr\u01b0\u1edbc PlantUML hi\u1ec3n th\u1ecb l\u1ed7i<\/h2>\n<p>Ki\u1ec3m tra:<\/p>\n<ul>\n<li>\n<p>Th\u01b0 vi\u1ec7n C4 bao g\u1ed3m<\/p>\n<\/li>\n<li>\n<p>Thi\u1ebfu d\u1ea5u ph\u1ea9y<\/p>\n<\/li>\n<li>\n<p>D\u1ea5u ngo\u1eb7c \u0111\u01a1n ch\u01b0a \u0111\u00f3ng<\/p>\n<\/li>\n<li>\n<p>T\u00ean x\u00e1c \u0111\u1ecbnh b\u1ecb sai ch\u00ednh t\u1ea3<\/p>\n<\/li>\n<li>\n<p>M\u1ed1i quan h\u1ec7 tham chi\u1ebfu \u0111\u1ebfn c\u00e1c ph\u1ea7n t\u1eed ch\u01b0a \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a<\/p>\n<\/li>\n<li>\n<p>D\u1ea5u ngo\u1eb7c k\u00e9p kh\u00f4ng c\u00e2n b\u1eb1ng<\/p>\n<\/li>\n<li>\n<p>T\u00ean ph\u1ea7n t\u1eed sai<\/p>\n<\/li>\n<\/ul>\n<p>M\u1ed9t m\u1ed1i quan h\u1ec7 ph\u1ea3i tham chi\u1ebfu \u0111\u1ebfn c\u00e1c \u0111\u1ecbnh danh \u0111\u00e3 \u0111\u01b0\u1ee3c khai b\u00e1o tr\u01b0\u1edbc, v\u00ed d\u1ee5:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qWjAixFqqWkBIx9pqqjqb5GSeOobO3iW9p4vDHYXVoY5A0o9KrUhk3AufBKN8s2dCIIjFoYNA0Ij_py50MNr9pCijIYIeK0g0HOSr4-K7CnYdvUhg3K72JRa0n2imi0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qWjAixFqqWkBIx9pqqjqb5GSeOobO3iW9p4vDHYXVoY5A0o9KrUhk3AufBKN8s2dCIIjFoYNA0Ij_py50MNr9pCijIYIeK0g0HOSr4-K7CnYdvUhg3K72JRa0n2imi0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qWjAixFqqWkBIx9pqqjqb5Gyiuul30vGo7Zy8AyT2KW_yY4Xxksbq3vchnSmPN59Qcv6WKvYILf-KMvG1L-3tStvYcKFDorE2zTmJqpCH-YM24au-7kZSaA1HaFTwtC1HaLyN3tMeMSmtiLZamyjZ0FOIGlLr1g3f8RaCn6jHq0\" \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\">Person(customer, \"Kh\u00e1ch h\u00e0ng\", \"\u0110\u1eb7t h\u00e0ng\")\r\nSystem(platform, \"N\u1ec1n t\u1ea3ng Giao h\u00e0ng Th\u1ef1c ph\u1ea9m\", \"X\u1eed l\u00fd \u0111\u01a1n h\u00e0ng\")\r\n\r\nRel(customer, platform, \"\u0110\u1eb7t h\u00e0ng\")\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qWjAixFqqWkBIx9pqqjqb5Gyiuul30vGo7Zy8AyT2KW_yY4Xxksbq3vchnSmPN59Qcv6WKvYILf-KMvG1L-3tStvYcKFDorE2zTmJqpCH-YM24au-7kZSaA1HaFTwtC1HaLyN3tMeMSmtiLZamyjZ0FOIGlLr1g3f8RaCn6jHq0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qWjAixFqqWkBIx9pqqjqb5GSeOobO3iW9p4vDHYXVoY5A0o9KrUhk3AufBKN8s2dCIIjFoYNA0Ij_py50MNr9pCijIYIeK0g0HOSr4-K7CnYdvUhg3K72JRa0n2imi0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:2qWjAixFqqWkBIx9pqqjqb5GSeOobO3iW9p4vDHYXVoY5A0o9KrUhk3AufBKN8s2dCIIjFoYNA0Ij_py50MNr9pCijIYIeK0g0HOSr4-K7CnYdvUhg3K72JRa0n2imi0\" 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>Ch\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Phi\u00ean b\u1ea3n giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng kh\u00e1c v\u1edbi phi\u00ean b\u1ea3n m\u00e3 ngu\u1ed3n<\/h2>\n<p>Xem hai phi\u00ean b\u1ea3n n\u00e0y l\u00e0 c\u00e1c bi\u1ec3u di\u1ec5n ch\u1ec9nh s\u1eeda ri\u00eang bi\u1ec7t sau khi chuy\u1ec3n \u0111\u1ed5i. \u0110\u01b0a ra quy\u1ebft \u0111\u1ecbnh r\u00f5 r\u00e0ng v\u1ec1 phi\u00ean b\u1ea3n n\u00e0o l\u00e0 ngu\u1ed3n g\u1ed1c ch\u00e2n l\u00fd:<\/p>\n<ul>\n<li>\n<p>S\u1eed d\u1ee5ng\u00a0<strong>VPasCode<\/strong>\u00a0l\u00e0 ngu\u1ed3n g\u1ed1c ch\u00e2n l\u00fd n\u1ebfu s\u01a1 \u0111\u1ed3 s\u1ebd \u0111\u01b0\u1ee3c duy tr\u00ec d\u01b0\u1edbi d\u1ea1ng m\u00e3 ngu\u1ed3n.<\/p>\n<\/li>\n<li>\n<p>S\u1eed d\u1ee5ng\u00a0<strong>Visual Paradigm Online<\/strong>\u00a0l\u00e0 ngu\u1ed3n g\u1ed1c ch\u00e2n l\u00fd n\u1ebfu c\u00e1c b\u00ean li\u00ean quan s\u1ebd th\u01b0\u1eddng xuy\u00ean \u0111i\u1ec1u ch\u1ec9nh n\u00f3 m\u1ed9t c\u00e1ch tr\u1ef1c quan.<\/p>\n<\/li>\n<\/ul>\n<p>Tr\u00e1nh th\u1ef1c hi\u1ec7n c\u00e1c thay \u0111\u1ed5i kh\u00f4ng li\u00ean quan \u1edf c\u1ea3 hai n\u01a1i m\u00e0 kh\u00f4ng \u0111\u1ed3ng b\u1ed9 h\u00f3a ch\u00fang.<\/p>\n<h2>S\u01a1 \u0111\u1ed3 \u0111\u01b0\u1ee3c t\u1ea1o ra s\u1eed d\u1ee5ng c\u1ea5p \u0111\u1ed9 C4 sai<\/h2>\n<p>H\u1ecfi tr\u1ee3 l\u00fd chat:<\/p>\n<pre class=\"lang-text\"><code data-language=\"text\">T\u1ea1o l\u1ea1i b\u1ea3n n\u00e0y ch\u1ec9 d\u01b0\u1edbi d\u1ea1ng s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4. Hi\u1ec3n th\u1ecb ng\u01b0\u1eddi d\u00f9ng, h\u1ec7 th\u1ed1ng quan t\u00e2m v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng ph\u1ea7n m\u1ec1m b\u00ean ngo\u00e0i. Kh\u00f4ng hi\u1ec3n th\u1ecb c\u00e1c th\u00e0nh ph\u1ea7n ho\u1eb7c th\u00e0nh ph\u1ea7n c\u1ea5u th\u00e0nh.<\/code><\/pre>\n<hr\/>\n<h1>Danh s\u00e1ch ki\u1ec3m tra ch\u1ea5t l\u01b0\u1ee3ng cu\u1ed1i c\u00f9ng<\/h1>\n<p>Tr\u01b0\u1edbc khi c\u00f4ng b\u1ed1 s\u01a1 \u0111\u1ed3, h\u00e3y x\u00e1c nh\u1eadn r\u1eb1ng:<\/p>\n<ul>\n<li>\n<p>S\u01a1 \u0111\u1ed3 c\u00f3 ti\u00eau \u0111\u1ec1 r\u00f5 r\u00e0ng.<\/p>\n<\/li>\n<li>\n<p>H\u1ec7 th\u1ed1ng quan t\u00e2m l\u00e0 r\u00f5 r\u00e0ng.<\/p>\n<\/li>\n<li>\n<p>Ng\u01b0\u1eddi d\u00f9ng v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i \u0111\u01b0\u1ee3c ph\u00e2n lo\u1ea1i ch\u00ednh x\u00e1c.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c m\u1ed1i quan h\u1ec7 c\u00f3 nh\u00e3n c\u00f3 \u00fd ngh\u0129a.<\/p>\n<\/li>\n<li>\n<p>Kh\u00f4ng c\u00f3 chi ti\u1ebft tri\u1ec3n khai n\u1ed9i b\u1ed9 n\u00e0o b\u1ecb r\u00f2 r\u1ec9 v\u00e0o t\u1ea7m nh\u00ecn ng\u1eef c\u1ea3nh.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c t\u00ean s\u1eed d\u1ee5ng thu\u1eadt ng\u1eef nh\u1ea5t qu\u00e1n.<\/p>\n<\/li>\n<li>\n<p>S\u01a1 \u0111\u1ed3 c\u00f3 th\u1ec3 \u0111\u1ecdc \u0111\u01b0\u1ee3c \u1edf m\u1ee9c \u0111\u1ed9 thu ph\u00f3ng b\u00ecnh th\u01b0\u1eddng.<\/p>\n<\/li>\n<li>\n<p>C\u00e1c \u0111\u01b0\u1eddng m\u1ed1i quan h\u1ec7 kh\u00f4ng che khu\u1ea5t h\u00ecnh d\u1ea1ng ho\u1eb7c nh\u00e3n.<\/p>\n<\/li>\n<li>\n<p>M\u00e3 ngu\u1ed3n PlantUML \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb th\u00e0nh c\u00f4ng.<\/p>\n<\/li>\n<li>\n<p>Phi\u00ean b\u1ea3n VP Online kh\u1edbp v\u1edbi ki\u1ebfn tr\u00fac \u0111\u00e3 \u0111\u01b0\u1ee3c ph\u00ea duy\u1ec7t.<\/p>\n<\/li>\n<li>\n<p>S\u01a1 \u0111\u1ed3 cu\u1ed1i c\u00f9ng \u0111\u00e3 \u0111\u01b0\u1ee3c xem x\u00e9t b\u1edfi ng\u01b0\u1eddi quen thu\u1ed9c v\u1edbi h\u1ec7 th\u1ed1ng.<\/p>\n<\/li>\n<\/ul>\n<p class=\"\">Lu\u1ed3ng c\u00f4ng vi\u1ec7c hi\u1ec7u qu\u1ea3 nh\u1ea5t l\u00e0 s\u1eed d\u1ee5ng Tr\u1ee3 l\u00fd tr\u00f2 chuy\u1ec7n AI \u0111\u1ec3 m\u00f4 h\u00ecnh h\u00f3a nhanh ch\u00f3ng, VPasCode \u0111\u1ec3 ch\u1ec9nh s\u1eeda C4-PlantUML ch\u00ednh x\u00e1c v\u00e0 l\u1eb7p l\u1ea1i, v\u00e0 Visual Paradigm Online \u0111\u1ec3 tinh ch\u1ec9nh h\u00ecnh \u1ea3nh cu\u1ed1i c\u00f9ng. \u0110i\u1ec1u n\u00e0y k\u1ebft h\u1ee3p vi\u1ec7c t\u1ea1o sinh b\u1eb1ng h\u1ed9i tho\u1ea1i, kh\u1ea3 n\u0103ng b\u1ea3o tr\u00ec b\u1ea3n \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3, v\u00e0 ch\u1ec9nh s\u1eeda tr\u00ecnh b\u00e0y d\u1ef1a tr\u00ean giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng \u0111\u1ed3 h\u1ecda trong m\u1ed9t quy tr\u00ecnh duy nh\u1ea5t.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm cho ph\u00e9p t\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 t\u1eeb m\u00f4 t\u1ea3<\/p>\n","protected":false},"author":11,"featured_media":12294,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[82,80,108],"tags":[],"asset-category":[],"class_list":["post-12293","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-ai-chatbot","category-c4-model"],"source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm - Cybermedian<\/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\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm - Cybermedian\" \/>\n<meta property=\"og:description\" content=\"Tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm cho ph\u00e9p t\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 t\u1eeb m\u00f4 t\u1ea3\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\" \/>\n<meta property=\"og:site_name\" content=\"Cybermedian\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-18T06:08:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-22T10:14:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\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\/09\/img_6aacd7d64dbf5.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm\",\"datePublished\":\"2026-09-18T06:08:29+00:00\",\"dateModified\":\"2026-09-22T10:14:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\"},\"wordCount\":5235,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png\",\"articleSection\":[\"AI\",\"AI Chatbot\",\"C4 Model\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\",\"name\":\"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm - Cybermedian\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png\",\"datePublished\":\"2026-09-18T06:08:29+00:00\",\"dateModified\":\"2026-09-22T10:14:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png\",\"width\":1672,\"height\":941},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/\",\"name\":\"Cybermedian\",\"description\":\"H\u1ecdc m\u1ed9t \u0111i\u1ec1u m\u1edbi m\u1ed7i ng\u00e0y\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/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\/vn\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm - Cybermedian","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\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm - Cybermedian","og_description":"Tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm cho ph\u00e9p t\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng C4 t\u1eeb m\u00f4 t\u1ea3","og_url":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/","og_site_name":"Cybermedian","article_published_time":"2026-09-18T06:08:29+00:00","article_modified_time":"2026-09-22T10:14:48+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png","type":"","width":"","height":""},{"width":1672,"height":941,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/09\/img_6aacd7d64dbf5.png","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"curtis","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"11 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm","datePublished":"2026-09-18T06:08:29+00:00","dateModified":"2026-09-22T10:14:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/"},"wordCount":5235,"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png","articleSection":["AI","AI Chatbot","C4 Model"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/","url":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/","name":"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm - Cybermedian","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png","datePublished":"2026-09-18T06:08:29+00:00","dateModified":"2026-09-22T10:14:48+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#primaryimage","url":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png","contentUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/09\/img_6aacd7d64dbf5.png","width":1672,"height":941},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/vn\/generate-an-editable-c4-context-diagram-with-visual-paradigm-ai-chatbot\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/vn\/"},{"@type":"ListItem","position":2,"name":"T\u1ea1o s\u01a1 \u0111\u1ed3 ng\u1eef c\u1ea3nh C4 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda b\u1eb1ng tr\u1ee3 l\u00fd chatbot AI c\u1ee7a Visual Paradigm"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/vn\/#website","url":"https:\/\/www.cybermedian.com\/vn\/","name":"Cybermedian","description":"H\u1ecdc m\u1ed9t \u0111i\u1ec1u m\u1edbi m\u1ed7i ng\u00e0y","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.cybermedian.com\/vn\/#\/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\/vn\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts\/12293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/comments?post=12293"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts\/12293\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media\/12294"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media?parent=12293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/categories?post=12293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/tags?post=12293"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/asset-category?post=12293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}