{"id":12295,"date":"2026-09-16T17:29:24","date_gmt":"2026-09-16T09:29:24","guid":{"rendered":"https:\/\/www.cybermedian.com\/vn\/plantuml-use-case-diagram-guide\/"},"modified":"2026-09-22T18:15:28","modified_gmt":"2026-09-22T10:15:28","slug":"plantuml-use-case-diagram-guide","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/vn\/plantuml-use-case-diagram-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn Bi\u1ec3u \u0111\u1ed3 Tr\u01b0\u1eddng h\u1ee3p S\u1eed d\u1ee5ng PlantUML"},"content":{"rendered":"

Gi\u1edbi thi\u1ec7u<\/span><\/h2>\n

S\u1eed d\u1ee5ng<\/span> tr\u01b0\u1eddng h\u1ee3p<\/span> bi\u1ec3u \u0111\u1ed3<\/span> cung c\u1ea5p<\/span> m\u1ed9t<\/span> r\u00f5 r\u00e0ng<\/span> c\u00e1ch<\/span> \u0111\u1ec3<\/span> m\u00f4 t\u1ea3<\/span> c\u00e1ch<\/span> ng\u01b0\u1eddi d\u00f9ng,<\/span> b\u00ean ngo\u00e0i<\/span> h\u1ec7 th\u1ed1ng,<\/span> v\u00e0<\/span> kh\u00e1c<\/span> c\u00e1c t\u00e1c nh\u00e2n<\/span> t\u01b0\u01a1ng t\u00e1c<\/span> v\u1edbi<\/span> m\u1ed9t<\/span> ph\u1ea7n m\u1ec1m<\/span> h\u1ec7 th\u1ed1ng.<\/span> Ch\u00fang<\/span> gi\u00fap<\/span> c\u00e1c nh\u00f3m<\/span> x\u00e1c \u0111\u1ecbnh<\/span> h\u1ec7 th\u1ed1ng<\/span> ph\u1ea1m vi,<\/span> nh\u1eadn di\u1ec7n<\/span> ch\u1ee9c n\u0103ng<\/span> y\u00eau c\u1ea7u,<\/span> v\u00e0<\/span> truy\u1ec1n \u0111\u1ea1t<\/span> d\u1ef1 ki\u1ebfn<\/span> h\u00e0nh vi<\/span> tr\u01b0\u1edbc khi<\/span> tri\u1ec3n khai<\/span> b\u1eaft \u0111\u1ea7u.<\/span><\/p>\n

PlantUML<\/span> l\u00e0m cho<\/span> vi\u1ec7c s\u1eed d\u1ee5ng<\/span> tr\u01b0\u1eddng h\u1ee3p<\/span> m\u00f4 h\u00ecnh h\u00f3a<\/span> th\u1ef1c t\u1ebf<\/span> th\u00f4ng qua<\/span> m\u1ed9t<\/span> d\u1ef1a tr\u00ean v\u0103n b\u1ea3n<\/span> ng\u1eef ph\u00e1p c\u00fa ph\u00e1p<\/span> m\u00e0<\/span> c\u00f3 th\u1ec3<\/span> \u0111\u01b0\u1ee3c<\/span> l\u01b0u tr\u1eef,<\/span> xem x\u00e9t,<\/span> qu\u1ea3n l\u00fd phi\u00ean b\u1ea3n,<\/span> v\u00e0<\/span> t\u1ea1o l\u1ea1i<\/span> c\u00f9ng v\u1edbi<\/span> d\u1ef1 \u00e1n<\/span> t\u00e0i li\u1ec7u<\/span> ho\u1eb7c<\/span> ngu\u1ed3n<\/span> m\u00e3.<\/span> V\u1edbi<\/span> m\u1ed9t<\/span> v\u00e0i<\/span> l\u1ec7nh,<\/span> b\u1ea1n<\/span> c\u00f3 th\u1ec3<\/span> x\u00e1c \u0111\u1ecbnh<\/span> c\u00e1c t\u00e1c nh\u00e2n,<\/span> s\u1eed d\u1ee5ng<\/span> c\u00e1c tr\u01b0\u1eddng h\u1ee3p,<\/span> h\u1ec7 th\u1ed1ng<\/span> ran gi\u1edbi,<\/span> c\u00e1c m\u1ed1i li\u00ean k\u1ebft,<\/span> <<bao g\u1ed3m>><\/code> c\u00e1c m\u1ed1i quan h\u1ec7,<\/span> <<m\u1edf r\u1ed9ng>><\/code> c\u00e1c m\u1ed1i quan h\u1ec7,<\/span> s\u1ef1 kh\u00e1i qu\u00e1t h\u00f3a,<\/span> c\u00e1c ghi ch\u00fa,<\/span> v\u00e0<\/span> b\u1ed1 c\u1ee5c<\/span> t\u00f9y ch\u1ecdn.<\/span><\/p>\n

H\u01b0\u1edbng d\u1eabn n\u00e0y<\/span> h\u01b0\u1edbng d\u1eabn<\/span> gi\u1ea3i th\u00edch<\/span> c\u00e1c<\/span> ch\u00ednh<\/span> PlantUML<\/span> s\u1eed d\u1ee5ng<\/span> tr\u01b0\u1eddng h\u1ee3p<\/span> k\u00fd hi\u1ec7u<\/span> \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb<\/span> trong<\/span> t\u00e0i li\u1ec7u<\/span> tham kh\u1ea3o<\/span> trang<\/span> v\u00e0<\/span> minh h\u1ecda<\/span> c\u00e1ch<\/span> \u0111\u1ec3<\/span> \u00e1p d\u1ee5ng<\/span> n\u00f3<\/span> trong<\/span> th\u1ef1c t\u1ebf<\/span> v\u00ed d\u1ee5.<\/span> N\u00f3<\/span> c\u0169ng<\/span> gi\u1edbi thi\u1ec7u<\/span> m\u1ed9t<\/span> r\u1ed9ng h\u01a1n<\/span> c\u00f4ng c\u1ee5<\/span> quy tr\u00ecnh l\u00e0m vi\u1ec7c<\/span> s\u1eed d\u1ee5ng<\/span> Tr\u1ef1c quan<\/span> Paradigm<\/span> UML,<\/span> h\u1ed7 tr\u1ee3 b\u1edfi AI<\/span> m\u00f4 h\u00ecnh h\u00f3a,<\/span> v\u00e0<\/span> VPasCode.<\/span> K\u1ebft h\u1ee3p l\u1ea1i,<\/span> nh\u1eefng c\u00f4ng c\u1ee5 n\u00e0y<\/span> c\u00f4ng c\u1ee5<\/span> h\u1ed7 tr\u1ee3<\/span> m\u1ed9t<\/span> to\u00e0n di\u1ec7n<\/span> quy tr\u00ecnh:<\/span> chuy\u1ec3n \u0111\u1ed5i<\/span> y\u00eau c\u1ea7u<\/span> th\u00e0nh<\/span> m\u1ed9t<\/span> ban \u0111\u1ea7u<\/span> m\u00f4 h\u00ecnh,<\/span> x\u00e1c th\u1ef1c<\/span> UML<\/span> m\u1ed1i quan h\u1ec7,<\/span> tinh ch\u1ec9nh<\/span> b\u1ea3n<\/span> s\u01a1 \u0111\u1ed3,<\/span> v\u00e0<\/span> duy tr\u00ec<\/span> b\u1ea3n<\/span> cu\u1ed1i c\u00f9ng<\/span> m\u00f4 h\u00ecnh<\/span> d\u01b0\u1edbi d\u1ea1ng<\/span> d\u1ec5 \u0111\u1ecdc<\/span> s\u01a1 \u0111\u1ed3<\/span> ngu\u1ed3n.<\/span><\/p>\n

\"Bi\u1ec3uS\u01a1 \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng UML m\u00f4 t\u1ea3 c\u00e1ch ng\u01b0\u1eddi d\u00f9ng ho\u1eb7c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i t\u01b0\u01a1ng t\u00e1c v\u1edbi m\u1ed9t h\u1ec7 th\u1ed1ng. N\u00f3 t\u1eadp trung v\u00e0o h\u1ec7 th\u1ed1ng l\u00e0m g\u00ec<\/strong>ch\u1ee9 kh\u00f4ng ph\u1ea3i c\u00e1ch n\u00f3 \u0111\u01b0\u1ee3c tri\u1ec3n khai.<\/p>\n

PlantUML cho ph\u00e9p b\u1ea1n t\u1ea1o s\u01a1 \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng k\u00fd hi\u1ec7u d\u1ef1a tr\u00ean v\u0103n b\u1ea3n \u0111\u01a1n gi\u1ea3n.<\/p>\n

1. C\u1ea5u tr\u00fac c\u01a1 b\u1ea3n c\u1ee7a PlantUML<\/h2>\n

M\u1ecdi s\u01a1 \u0111\u1ed3 PlantUML \u0111\u1ec1u b\u1eaft \u0111\u1ea7u b\u1eb1ng @startuml<\/code> v\u00e0 k\u1ebft th\u00fac b\u1eb1ng @enduml<\/code>.<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\r\n\r\n' N\u1ed9i dung s\u01a1 \u0111\u1ed3 s\u1ebd \u1edf \u0111\u00e2y\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Nh\u1eadn x\u00e9t b\u1eaft \u0111\u1ea7u b\u1eb1ng d\u1ea5u nh\u00e1y \u0111\u01a1n:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
' \u0110\u00e2y l\u00e0 m\u1ed9t nh\u1eadn x\u00e9t\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nh\u1eadn x\u00e9t nhi\u1ec1u d\u00f2ng:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
\/'\r\n\u0110\u00e2y l\u00e0 m\u1ed9t\r\nch\u00fa th\u00edch nhi\u1ec1u d\u00f2ng\r\n'\/\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
2. \u0110\u1ecbnh ngh\u0129a c\u00e1c t\u00e1c nh\u00e2n<\/h2>\n
M\u1ed9t t\u00e1c nh\u00e2n \u0111\u1ea1i di\u1ec7n cho m\u1ed9t ng\u01b0\u1eddi, vai tr\u00f2, t\u1ed5 ch\u1ee9c, thi\u1ebft b\u1ecb ho\u1eb7c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i t\u01b0\u01a1ng t\u00e1c v\u1edbi h\u1ec7 th\u1ed1ng c\u1ee7a b\u1ea1n.<\/p>\n
T\u00e1c nh\u00e2n c\u01a1 b\u1ea3n<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor User\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0110i\u1ec1u n\u00e0y t\u1ea1o ra m\u1ed9t t\u00e1c nh\u00e2n h\u00ecnh que t\u00ean l\u00e0 Ng\u01b0\u1eddi d\u00f9ng<\/code>.<\/p>\n
Di\u1ec5n vi\u00ean c\u00f3 bi\u1ec7t danh<\/h3>\n
Bi\u1ec7t danh h\u1eefu \u00edch khi t\u00ean hi\u1ec3n th\u1ecb ch\u1ee9a kho\u1ea3ng tr\u1eafng ho\u1eb7c khi b\u1ea1n mu\u1ed1n m\u1ed9t \u0111\u1ecbnh danh ng\u1eafn h\u01a1n cho c\u00e1c m\u1ed1i quan h\u1ec7.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor \"C\u1ed5ng thanh to\u00e1n\" as payment\r\nactor \"Qu\u1ea3n tr\u1ecb vi\u00ean h\u1ec7 th\u1ed1ng\" as admin\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Sau \u0111\u00f3, b\u1ea1n c\u00f3 th\u1ec3 tham chi\u1ebfu \u0111\u1ebfn c\u00e1c bi\u1ec7t danh:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
payment --> ProcessPayment\r\nadmin --> ManageUsers\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Actor s\u1eed d\u1ee5ng m\u1ed9t phong c\u00e1ch tr\u1ef1c quan kh\u00e1c<\/h3>\n
PlantUML h\u1ed7 tr\u1ee3 nhi\u1ec1u phong c\u00e1ch actor. Phong c\u00e1ch m\u1eb7c \u0111\u1ecbnh th\u01b0\u1eddng l\u00e0 \u0111\u1ee7, nh\u01b0ng b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng actor theo phong c\u00e1ch bi\u1ec3u t\u01b0\u1ee3ng:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
skinparam actorStyle awesome\r\n\r\nactor Customer\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng actor theo phong c\u00e1ch h\u00ecnh ch\u1eef nh\u1eadt \u0111\u01a1n gi\u1ea3n:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
skinparam actorStyle hollow\r\n\r\nactor Customer\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Giao di\u1ec7n ch\u00ednh x\u00e1c ph\u1ee5 thu\u1ed9c v\u00e0o c\u00f4ng c\u1ee5 hi\u1ec3n th\u1ecb PlantUML v\u00e0 c\u00e1c tham s\u1ed1 giao di\u1ec7n.<\/p>\n
3. \u0110\u1ecbnh ngh\u0129a c\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng<\/h2>\n
M\u1ed9t tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng \u0111\u1ea1i di\u1ec7n cho m\u1ed9t d\u1ecbch v\u1ee5, m\u1ee5c ti\u00eau ho\u1eb7c ch\u1ee9c n\u0103ng do h\u1ec7 th\u1ed1ng cung c\u1ea5p.<\/p>\n
Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng c\u01a1 b\u1ea3n<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"\u0110\u0103ng nh\u1eadp\"\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
PlantUML hi\u1ec3n th\u1ecb ph\u1ea7n n\u00e0y d\u01b0\u1edbi d\u1ea1ng h\u00ecnh elip c\u00f3 nh\u00e3n \u0110\u0103ng nh\u1eadp<\/code>.<\/p>\n
Use case v\u1edbi bi\u1ec7t danh<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"X\u1eed l\u00fd thanh to\u00e1n th\u1ebb t\u00edn d\u1ee5ng\" v\u1edbi bi\u1ec7t danh ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Nh\u00e3n hi\u1ec3n th\u1ecb l\u00e0 X\u1eed l\u00fd thanh to\u00e1n th\u1ebb t\u00edn d\u1ee5ng<\/code>, trong khi ProcessPayment<\/code> \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong c\u00e1c m\u1ed1i quan h\u1ec7.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
actor Customer\r\nCustomer --> ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
T\u00ean tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng nhi\u1ec1u d\u00f2ng<\/h3>\n
B\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n d\u1ea5u xu\u1ed1ng d\u00f2ng b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng n<\/code>:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"X\u1eed l\u00fdnThanh to\u00e1nnTh\u1ebb t\u00edn d\u1ee5ng\" as ProcessPayment\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0110i\u1ec1u n\u00e0y h\u1eefu \u00edch khi bi\u1ec3u \u0111\u1ed3 ch\u1ee9a c\u00e1c nh\u00e3n d\u00e0i.<\/p>\n
4. Ranh gi\u1edbi h\u1ec7 th\u1ed1ng<\/h2>\n
Ranh gi\u1edbi h\u1ec7 th\u1ed1ng nh\u00f3m c\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng thu\u1ed9c v\u1ec1 m\u1ed9t h\u1ec7 th\u1ed1ng c\u1ee5 th\u1ec3.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
rectangle \"H\u1ec7 th\u1ed1ng Mua s\u1eafm Tr\u1ef1c tuy\u1ebfn\" {\r\n    usecase \"Duy\u1ec7t s\u1ea3n ph\u1ea9m\" as Browse\r\n    usecase \"Thanh to\u00e1n\" as Checkout\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
H\u00ecnh ch\u1eef nh\u1eadt bi\u1ec3u th\u1ecb h\u1ec7 th\u1ed1ng, v\u00e0 c\u00e1c k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng b\u00ean trong n\u00f3 bi\u1ec3u th\u1ecb ch\u1ee9c n\u0103ng do h\u1ec7 th\u1ed1ng \u0111\u00f3 cung c\u1ea5p.<\/p>\n
B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng m\u1ed9t bi\u1ec7t danh c\u00f3 t\u00ean cho ranh gi\u1edbi:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
rectangle \"H\u1ec7 th\u1ed1ng Mua s\u1eafm Tr\u1ef1c tuy\u1ebfn\" as OnlineStore {\r\n    usecase \"Duy\u1ec7t s\u1ea3n ph\u1ea9m\" as Browse\r\n    usecase \"Thanh to\u00e1n\" as Checkout\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Ranh gi\u1edbi h\u1ec7 th\u1ed1ng h\u1eefu \u00edch khi ph\u00e2n bi\u1ec7t h\u00e0nh vi c\u1ee7a h\u1ec7 th\u1ed1ng v\u1edbi c\u00e1c t\u00e1c nh\u00e2n v\u00e0 d\u1ecbch v\u1ee5 b\u00ean ngo\u00e0i.<\/p>\n
5. K\u1ebft n\u1ed1i c\u00e1c t\u00e1c nh\u00e2n v\u00e0 k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng<\/h2>\n
M\u1ed9t m\u1ed1i li\u00ean k\u1ebft cho th\u1ea5y m\u1ed9t t\u00e1c nh\u00e2n tham gia ho\u1eb7c t\u01b0\u01a1ng t\u00e1c v\u1edbi m\u1ed9t k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng.<\/p>\n
M\u1ed1i li\u00ean k\u1ebft kh\u00f4ng c\u00f3 h\u01b0\u1edbng<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Customer -- Browse\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0110i\u1ec1u n\u00e0y t\u1ea1o ra m\u1ed9t \u0111\u01b0\u1eddng li\u1ec1n kh\u00f4ng c\u00f3 \u0111\u1ea7u m\u0169i t\u00ean.<\/p>\n
Li\u00ean k\u1ebft c\u00f3 h\u01b0\u1edbng<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Customer --> Browse\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0110i\u1ec1u n\u00e0y t\u1ea1o ra m\u1ed9t \u0111\u01b0\u1eddng li\u1ec1n c\u00f3 m\u0169i t\u00ean ch\u1ec9 v\u1ec1 ph\u00eda tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng.<\/p>\n
C\u1ea3 hai d\u1ea1ng \u0111\u1ec1u \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng ph\u1ed5 bi\u1ebfn. H\u01b0\u1edbng m\u0169i t\u00ean n\u00ean \u0111\u01b0\u1ee3c ch\u1ecdn nh\u1ea5t qu\u00e1n d\u1ef1a tr\u00ean th\u00f4ng \u0111i\u1ec7p ho\u1eb7c tr\u00e1ch nhi\u1ec7m m\u00e0 b\u1ea1n mu\u1ed1n nh\u1ea5n m\u1ea1nh.<\/p>\n
Li\u00ean k\u1ebft v\u1edbi nh\u00e3n<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Kh\u00e1ch h\u00e0ng --> Thanh to\u00e1n : b\u1eaft \u0111\u1ea7u\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Nh\u00e3n m\u00f4 t\u1ea3 t\u01b0\u01a1ng t\u00e1c.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Kh\u00e1ch h\u00e0ng --> Xem\u0110\u01a1nH\u00e0ng : xem l\u1ecbch s\u1eed \u0111\u01a1n h\u00e0ng\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0110\u1ec3 c\u00f3 b\u1ed1 c\u1ee5c d\u1ec5 \u0111\u1ecdc h\u01a1n, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng m\u0169i t\u00ean d\u00e0i h\u01a1n:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Kh\u00e1ch h\u00e0ng ---> ThanhTo\u00e1n : b\u1eaft \u0111\u1ea7u\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
6. C\u00e1i <<include>><\/code> m\u1ed1i quan h\u1ec7<\/h2>\n
M\u1ed9t bao g\u1ed3m<\/code>m\u1ed1i quan h\u1ec7 bi\u1ec3u th\u1ecb h\u00e0nh vi m\u00e0lu\u00f4n lu\u00f4n \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u<\/strong>b\u1edfi m\u1ed9t k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng kh\u00e1c.<\/p>\n
V\u00ed d\u1ee5, vi\u1ec7c \u0111\u1eb7t h\u00e0ng c\u00f3 th\u1ec3 lu\u00f4n y\u00eau c\u1ea7u x\u00e1c th\u1ef1c thanh to\u00e1n:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
PlaceOrder ..> ValidatePayment : <<bao g\u1ed3m>>\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
H\u01b0\u1edbng l\u00e0 quan tr\u1ecdng:<\/p>\n
K\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng c\u01a1 s\u1edf ..> K\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c bao g\u1ed3m : <<bao g\u1ed3m>>\r\n<\/code><\/pre>\n
M\u0169i t\u00ean ch\u1ec9 t\u1eeb k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng c\u1ea7n h\u00e0nh vi \u0111\u1ebfn k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng cung c\u1ea5p h\u00e0nh vi c\u00f3 th\u1ec3 t\u00e1i s\u1eed d\u1ee5ng.<\/p>\n
V\u00ed d\u1ee5<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
usecase \"Thanh to\u00e1n\" as Checkout\r\nusecase \"X\u00e1c minh th\u00f4ng tin kh\u00e1ch h\u00e0ng\" as ValidateCustomer\r\nusecase \"T\u00ednh t\u1ed5ng \u0111\u01a1n h\u00e0ng\" as CalculateTotal\r\nusecase \"Th\u1ef1c hi\u1ec7n thanh to\u00e1n\" as MakePayment\r\n\r\nCheckout ..> ValidateCustomer : <<include>>\r\nCheckout ..> CalculateTotal : <<include>>\r\nCheckout ..> MakePayment : <<include>>\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0:<\/p>\n
    \n
  1. \n
    Thanh to\u00e1n lu\u00f4n x\u00e1c minh th\u00f4ng tin kh\u00e1ch h\u00e0ng.<\/p>\n<\/li>\n
  2. \n
    Thanh to\u00e1n lu\u00f4n t\u00ednh t\u1ed5ng \u0111\u01a1n h\u00e0ng.<\/p>\n<\/li>\n
  3. \n
    Thanh to\u00e1n lu\u00f4n th\u1ef1c hi\u1ec7n thanh to\u00e1n.<\/p>\n<\/li>\n<\/ol>\n
    S\u1eed d\u1ee5ng <<include>><\/code> khi h\u00e0nh vi \u0111\u01b0\u1ee3c bao g\u1ed3m l\u00e0 b\u1eaft bu\u1ed9c ho\u1eb7c c\u00f3 th\u1ec3 t\u00e1i s\u1eed d\u1ee5ng.<\/p>\n
    7. C\u00e1i <<extend>><\/code>\u00a0m\u1ed1i quan h\u1ec7<\/h2>\n
    M\u1ed9t m\u1edf r\u1ed9ng<\/code>\u00a0m\u1ed1i quan h\u1ec7 bi\u1ec3u th\u1ecb h\u00e0nh vi t\u00f9y ch\u1ecdn, c\u00f3 \u0111i\u1ec1u ki\u1ec7n ho\u1eb7c ngo\u1ea1i l\u1ec7 \u0111\u01b0\u1ee3c th\u00eam v\u00e0o m\u1ed9t k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng c\u01a1 b\u1ea3n.<\/p>\n
    V\u00ed d\u1ee5, vi\u1ec7c \u00e1p d\u1ee5ng gi\u1ea3m gi\u00e1 c\u00f3 th\u1ec3 ch\u1ec9 x\u1ea3y ra khi kh\u00e1ch h\u00e0ng c\u00f3 m\u00e3 gi\u1ea3m gi\u00e1 h\u1ee3p l\u1ec7:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    H\u01b0\u1edbng l\u00e0:<\/p>\n
    Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng m\u1edf r\u1ed9ng t\u00f9y ch\u1ecdn ..> Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng c\u01a1 b\u1ea3n : <<extend>>\r\n<\/code><\/pre>\n
    M\u0169i t\u00ean ch\u1ec9 t\u1eeb h\u00e0nh vi t\u00f9y ch\u1ecdn\u00a0\u0111\u1ebfn tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng c\u01a1 b\u1ea3n<\/strong>.<\/p>\n
    V\u00ed d\u1ee5 \u0111\u00fang<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    usecase \"Thanh to\u00e1n\" as Checkout\r\nusecase \"\u00c1p d\u1ee5ng phi\u1ebfu gi\u1ea3m gi\u00e1\" as ApplyDiscount\r\n\r\nApplyDiscount ..> Checkout : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0\u00a0\u00c1p d\u1ee5ng phi\u1ebfu gi\u1ea3m gi\u00e1<\/code>\u00a0t\u00f9y ch\u1ecdn m\u1edf r\u1ed9ng\u00a0Thanh to\u00e1n<\/code> quy tr\u00ecnh.<\/p>\n
    So s\u00e1nh Include v\u00e0 Extend<\/h3>\n\n\n\n\n\n\n
    M\u1ed1i quan h\u1ec7<\/th>\nM\u1ee5c \u0111\u00edch<\/th>\nH\u01b0\u1edbng m\u0169i t\u00ean<\/th>\n<\/tr>\n<\/thead>\n
    <<include>><\/code><\/td>\nH\u00e0nh vi b\u1eaft bu\u1ed9c c\u00f3 th\u1ec3 t\u00e1i s\u1eed d\u1ee5ng<\/td>\nUse case g\u1ed1c \u2192 Use case \u0111\u01b0\u1ee3c bao g\u1ed3m<\/td>\n<\/tr>\n
    <<extend>><\/code><\/td>\nH\u00e0nh vi t\u00f9y ch\u1ecdn ho\u1eb7c c\u00f3 \u0111i\u1ec1u ki\u1ec7n<\/td>\nUse case m\u1edf r\u1ed9ng \u2192 Use case g\u1ed1c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    V\u00ed d\u1ee5:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    Thanh to\u00e1n ..> X\u00e1c minh thanh to\u00e1n : <<include>>\r\n\u00c1p d\u1ee5ng gi\u1ea3m gi\u00e1 ..> Thanh to\u00e1n : <<extend>>\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Tr\u00e1nh \u0111\u1ea3o ng\u01b0\u1ee3c c\u00e1c m\u1ed1i quan h\u1ec7 n\u00e0y v\u00ec h\u01b0\u1edbng thay \u0111\u1ed5i \u00fd ngh\u0129a c\u1ee7a ch\u00fang.<\/p>\n
    8. T\u1ed5ng qu\u00e1t h\u00f3a tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng<\/h2>\n
    T\u1ed5ng qu\u00e1t h\u00f3a cho th\u1ea5y m\u1ed9t tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng l\u00e0 m\u1ed9t d\u1ea1ng chuy\u00ean bi\u1ec7t c\u1ee7a m\u1ed9t tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng kh\u00e1c.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    usecase \"T\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m\" as SearchProducts\r\nusecase \"Duy\u1ec7t s\u1ea3n ph\u1ea9m\" as BrowseProducts\r\n\r\nSearchProducts -|> BrowseProducts\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Tam gi\u00e1c r\u1ed7ng ch\u1ec9 v\u1ec1 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng t\u1ed5ng qu\u00e1t h\u01a1n.<\/p>\n
    \u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 T\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m<\/code> l\u00e0 m\u1ed9t bi\u1ebfn th\u1ec3 chuy\u00ean bi\u1ec7t c\u1ee7a Duy\u1ec7t qua s\u1ea3n ph\u1ea9m<\/code>.<\/p>\n
    T\u1ed5ng qu\u00e1t h\u00f3a \u00edt ph\u1ed5 bi\u1ebfn h\u01a1n bao g\u1ed3m<\/code> v\u00e0 m\u1edf r\u1ed9ng<\/code>, v\u00ec v\u1eady ch\u1ec9 s\u1eed d\u1ee5ng n\u00f3 khi c\u00f3 m\u1ed1i quan h\u1ec7 cha-con th\u1ef1c s\u1ef1 gi\u1eefa c\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng.<\/p>\n
    9. T\u1ed5ng qu\u00e1t h\u00f3a t\u00e1c nh\u00e2n<\/h2>\n
    C\u00e1c t\u00e1c nh\u00e2n c\u0169ng c\u00f3 th\u1ec3 c\u00f3 m\u1ed1i quan h\u1ec7 t\u1ed5ng qu\u00e1t h\u00f3a.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    actor Customer\r\nactor \"Kh\u00e1ch h\u00e0ng cao c\u1ea5p\" as PremiumCustomer\r\n\r\nPremiumCustomer -|> Customer\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110i\u1ec1u n\u00e0y cho th\u1ea5y kh\u00e1ch h\u00e0ng cao c\u1ea5p l\u00e0 m\u1ed9t lo\u1ea1i kh\u00e1ch h\u00e0ng chuy\u00ean bi\u1ec7t v\u00e0 th\u1eeba k\u1ebf c\u00e1c t\u01b0\u01a1ng t\u00e1c c\u1ee7a di\u1ec5n vi\u00ean t\u1ed5ng qu\u00e1t.<\/p>\n
    V\u00ed d\u1ee5:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PremiumCustomer --> ApplyDiscount\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    10. Ghi ch\u00fa v\u00e0 ch\u00fa th\u00edch<\/h2>\n
    Ghi ch\u00fa th\u00eam gi\u1ea3i th\u00edch ho\u1eb7c r\u00e0ng bu\u1ed9c cho m\u1ed9t bi\u1ec3u \u0111\u1ed3.<\/p>\n
    Ghi ch\u00fa g\u1eafn v\u1edbi m\u1ed9t k\u1ecbch b\u1ea3n s\u1eed d\u1ee5ng<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ghi ch\u00fa b\u00ean ph\u1ea3i c\u1ee7a Thanh to\u00e1n\n  Kh\u00e1ch h\u00e0ng ph\u1ea3i cung c\u1ea5p\n  th\u00f4ng tin thanh to\u00e1n h\u1ee3p l\u1ec7.\nk\u1ebft th\u00fac ghi ch\u00fa\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    C\u00e1c v\u1ecb tr\u00ed kh\u00e1c bao g\u1ed3m:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ghi ch\u00fa b\u00ean tr\u00e1i c\u1ee7a Thanh to\u00e1n\n  Quy tr\u00ecnh h\u01b0\u1edbng t\u1edbi kh\u00e1ch h\u00e0ng\nk\u1ebft th\u00fac ghi ch\u00fa\n\nghi ch\u00fa ph\u00eda tr\u00ean c\u1ee7a Thanh to\u00e1n\n  Quy tr\u00ecnh kinh doanh ch\u00ednh\nk\u1ebft th\u00fac ghi ch\u00fa\n\nghi ch\u00fa ph\u00eda d\u01b0\u1edbi c\u1ee7a Thanh to\u00e1n\n  Bao g\u1ed3m x\u1eed l\u00fd thanh to\u00e1n\nk\u1ebft th\u00fac ghi ch\u00fa\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    C\u00fa ph\u00e1p ghi ch\u00fa ng\u1eafn<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ghi ch\u00fa b\u00ean ph\u1ea3i c\u1ee7a \u0110\u0103ng nh\u1eadp : X\u00e1c th\u1ef1c ng\u01b0\u1eddi d\u00f9ng l\u00e0 b\u1eaft bu\u1ed9c\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Ghi ch\u00fa \u0111\u1ed9c l\u1eadp c\u00f3 bi\u1ec7t danh<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ghi ch\u00fa \"Thanh to\u00e1n ph\u1ea3i \u0111\u01b0\u1ee3c ph\u00ea duy\u1ec7tntr\u01b0\u1edbc khi \u0111\u01a1n h\u00e0ng \u0111\u01b0\u1ee3c x\u00e1c nh\u1eadn\" d\u01b0\u1edbi t\u00ean PaymentNote\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    N\u1ed1i ghi ch\u00fa v\u1edbi m\u1ed9t th\u00e0nh ph\u1ea7n b\u1eb1ng \u0111\u01b0\u1eddng n\u00e9t \u0111\u1ee9t:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PaymentNote .. MakePayment\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Ghi ch\u00fa cho c\u00e1c r\u00e0ng bu\u1ed9c<\/h3>\n
    Ghi ch\u00fa h\u1eefu \u00edch \u0111\u1ec3 ghi l\u1ea1i c\u00e1c \u0111i\u1ec1u ki\u1ec7n:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    ghi ch\u00fa b\u00ean ph\u1ea3i c\u1ee7a ApplyDiscount\r\n  H\u00e0nh vi t\u00f9y ch\u1ecdn:\r\n  ch\u1ec9 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng khi\r\n  m\u1ed9t m\u00e3 gi\u1ea3m gi\u00e1 h\u1ee3p l\u1ec7\r\n  \u0111\u01b0\u1ee3c cung c\u1ea5p.\r\nk\u1ebft th\u00fac ghi ch\u00fa\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    11. H\u01b0\u1edbng b\u1ed1 c\u1ee5c<\/h2>\n
    Theo m\u1eb7c \u0111\u1ecbnh, PlantUML t\u1ef1 \u0111\u1ed9ng ch\u1ecdn m\u1ed9t b\u1ed1 c\u1ee5c. B\u1ea1n c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn h\u01b0\u1edbng.<\/p>\n
    B\u1ed1 c\u1ee5c t\u1eeb tr\u00e1i sang ph\u1ea3i<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    h\u01b0\u1edbng t\u1eeb tr\u00e1i sang ph\u1ea3i\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110i\u1ec1u n\u00e0y th\u01b0\u1eddng h\u1eefu \u00edch cho c\u00e1c bi\u1ec3u \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng v\u00ec c\u00e1c vai tr\u00f2 xu\u1ea5t hi\u1ec7n \u1edf b\u00ean tr\u00e1i v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i \u1edf b\u00ean ph\u1ea3i.<\/p>\n
    B\u1ed1 c\u1ee5c t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    h\u01b0\u1edbng t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 h\u1eefu \u00edch cho c\u00e1c bi\u1ec3u \u0111\u1ed3 g\u1ecdn nh\u1eb9 ho\u1eb7c c\u00e1c quy tr\u00ecnh l\u00e0m vi\u1ec7c \u0111\u01b0\u1ee3c t\u1ed5 ch\u1ee9c theo chi\u1ec1u d\u1ecdc.<\/p>\n
    Li\u00ean k\u1ebft b\u1ed1 c\u1ee5c v\u00f4 h\u00ecnh<\/h3>\n
    M\u1ed9t li\u00ean k\u1ebft v\u00f4 h\u00ecnh c\u00f3 th\u1ec3 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn v\u1ecb tr\u00ed m\u00e0 kh\u00f4ng hi\u1ec3n th\u1ecb m\u1ed1i quan h\u1ec7 h\u1eefu h\u00ecnh:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    Kh\u00e1ch h\u00e0ng -[\u1ea9n]-> Thanh to\u00e1n\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110i\u1ec1u n\u00e0y h\u1eefu \u00edch \u0111\u1ec3 c\u1ea3i thi\u1ec7n b\u1ed1 c\u1ee5c s\u01a1 \u0111\u1ed3.<\/p>\n
    12. T\u1ea1o ki\u1ec3u cho s\u01a1 \u0111\u1ed3<\/h2>\n
    X\u00f3a b\u00f3ng \u0111\u1ed5<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam shadowing false\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    S\u1eed d\u1ee5ng c\u00e1c g\u00f3i v\u00e0 ranh gi\u1edbi h\u00ecnh ch\u1eef nh\u1eadt<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam packageStyle rectangle\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110\u1eb7t m\u00e0u<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam usecase {\r\n    BackgroundColor #FDFDFD\r\n    BorderColor #333333\r\n}\r\n\r\nskinparam actor {\r\n    BorderColor #333333\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110\u1eb7t m\u00e0u m\u0169i t\u00ean<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam ArrowColor #555555\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110\u1eb7t c\u1ee1 ph\u00f4ng ch\u1eef m\u1eb7c \u0111\u1ecbnh<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam defaultFontSize 14\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    M\u1ed9t ph\u1ea7n \u0111\u1ecbnh d\u1ea1ng ho\u00e0n ch\u1ec9nh c\u00f3 th\u1ec3 tr\u00f4ng nh\u01b0 sau:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    skinparam shadowing false\r\nskinparam packageStyle rectangle\r\nskinparam actorStyle awesome\r\nskinparam defaultFontSize 14\r\n\r\nskinparam usecase {\r\n    BackgroundColor #F9FBFF\r\n    BorderColor #234\r\n}\r\n\r\nskinparam ArrowColor #555555\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    13. G\u00f3i v\u00e0 nh\u00f3m<\/h2>\n
    C\u00e1c g\u00f3i c\u00f3 th\u1ec3 nh\u00f3m c\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng li\u00ean quan.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    package \"T\u00ednh n\u0103ng Kh\u00e1ch h\u00e0ng\" {\r\n    usecase \"\u0110\u0103ng k\u00fd t\u00e0i kho\u1ea3n\" as Register\r\n    usecase \"\u0110\u0103ng nh\u1eadp\" as Login\r\n    usecase \"Duy\u1ec7t s\u1ea3n ph\u1ea9m\" as Browse\r\n}\r\n\r\npackage \"T\u00ednh n\u0103ng Qu\u1ea3n tr\u1ecb\" {\r\n    usecase \"Qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m\" as ManageProducts\r\n    usecase \"T\u1ea1o b\u00e1o c\u00e1o b\u00e1n h\u00e0ng\" as SalesReport\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    C\u00e1c g\u00f3i h\u1eefu \u00edch khi bi\u1ec3u \u0111\u1ed3 ch\u1ee9a nhi\u1ec1u tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng.<\/p>\n
    B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng h\u00ecnh ch\u1eef nh\u1eadt l\u00e0m nh\u00f3m:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    rectangle \"Qu\u1ea3n l\u00fd \u0111\u01a1n h\u00e0ng\" {\r\n    usecase \"\u0110\u1eb7t h\u00e0ng\" as PlaceOrder\r\n    usecase \"Theo d\u00f5i \u0111\u01a1n h\u00e0ng\" as TrackOrder\r\n    usecase \"H\u1ee7y \u0111\u01a1n h\u00e0ng\" as CancelOrder\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    14. H\u1ec7 th\u1ed1ng b\u00ean ngo\u00e0i<\/h2>\n
    C\u00e1c \u1ee9ng d\u1ee5ng ho\u1eb7c d\u1ecbch v\u1ee5 b\u00ean ngo\u00e0i c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c bi\u1ec3u di\u1ec5n d\u01b0\u1edbi d\u1ea1ng t\u00e1c nh\u00e2n.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    actor \"C\u1ed5ng thanh to\u00e1n\" as PaymentGateway\r\nactor \"D\u1ecbch v\u1ee5 Email\" as EmailService\r\nactor \"CRM b\u00ean ngo\u00e0i\" as CRM\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    K\u1ebft n\u1ed1i ch\u00fang v\u1edbi c\u00e1c tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng c\u1ee7a h\u1ec7 th\u1ed1ng:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    PaymentGateway --> MakePayment\r\nEmailService --> SendConfirmation\r\nCRM --> SynchronizeCustomer\r\n<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \u0110i\u1ec1u n\u00e0y ph\u00e2n bi\u1ec7t r\u00f5 r\u00e0ng ch\u1ee9c n\u0103ng c\u1ee7a h\u1ec7 th\u1ed1ng v\u1edbi c\u00e1c d\u1ecbch v\u1ee5 b\u00ean ngo\u00e0i ranh gi\u1edbi h\u1ec7 th\u1ed1ng.<\/p>\n
    15. V\u00ed d\u1ee5 ho\u00e0n ch\u1ec9nh<\/h2>\n
    V\u00ed d\u1ee5 sau \u0111\u00e2y k\u1ebft h\u1ee3p c\u00e1c k\u00fd hi\u1ec7u ch\u00ednh t\u1eeb b\u1ea3ng tham chi\u1ebfu.<\/p>\n
    \"V\u00ed<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n            
    \r\n                                
    \r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
    \r\n                    
    @startuml\ntitle H\u1ec7 th\u1ed1ng Mua s\u1eafm Tr\u1ef1c tuy\u1ebfn - Bi\u1ec3u \u0111\u1ed3 Use Case\n\nh\u01b0\u1edbng t\u1eeb tr\u00e1i sang ph\u1ea3i\n\nskinparam shadowing false\nskinparam packageStyle rectangle\nskinparam actorStyle awesome\n\nskinparam usecase {\n    BackgroundColor #F9FBFF\n    BorderColor #333333\n}\n\nskinparam ArrowColor #555555\n\n' C\u00e1c vai tr\u00f2\nactor Kh\u00e1ch h\u00e0ng as customer\nactor \"Kh\u00e1ch h\u00e0ng Cao c\u1ea5p\" as premium\nactor Qu\u1ea3n tr\u1ecb vi\u00ean as admin\nactor \"C\u1ed5ng thanh to\u00e1n\" as payment\nactor \"D\u1ecbch v\u1ee5 Email\" as email\n\n' T\u1ed5ng qu\u00e1t h\u00f3a vai tr\u00f2\npremium -|> customer\n\n' Ranh gi\u1edbi h\u1ec7 th\u1ed1ng\nrectangle \"H\u1ec7 th\u1ed1ng Mua s\u1eafm Tr\u1ef1c tuy\u1ebfn\" {\n\n    ' C\u00e1c use case c\u1ee7a kh\u00e1ch h\u00e0ng\n    usecase \"\u0110\u0103ng k\u00fd t\u00e0i kho\u1ea3n\" as Register\n    usecase \"\u0110\u0103ng nh\u1eadp\" as Login\n    usecase \"Duy\u1ec7t s\u1ea3n ph\u1ea9m\" as Browse\n    usecase \"T\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m\" as Search\n    usecase \"Xem chi ti\u1ebft s\u1ea3n ph\u1ea9m\" as ViewProduct\n    usecase \"Th\u00eam s\u1ea3n ph\u1ea9m v\u00e0o gi\u1ecf h\u00e0ng\" as AddToCart\n    usecase \"Xem gi\u1ecf h\u00e0ng\" as ViewCart\n    usecase \"Thanh to\u00e1n\" as Checkout\n    usecase \"\u0110\u1eb7t h\u00e0ng\" as PlaceOrder\n    usecase \"Theo d\u00f5i \u0111\u01a1n h\u00e0ng\" as TrackOrder\n    usecase \"H\u1ee7y \u0111\u01a1n h\u00e0ng\" as CancelOrder\n\n    ' H\u00e0nh vi \u0111\u01b0\u1ee3c bao g\u1ed3m chung\n    usecase \"X\u00e1c th\u1ef1c th\u00f4ng tin kh\u00e1ch h\u00e0ng\" as ValidateCustomer\n    usecase \"T\u00ednh t\u1ed5ng \u0111\u01a1n h\u00e0ng\" as CalculateTotal\n    usecase \"Th\u1ef1c hi\u1ec7n thanh to\u00e1n\" as MakePayment\n    usecase \"G\u1eedi x\u00e1c nh\u1eadn \u0111\u01a1n h\u00e0ng\" as SendConfirmation\n\n    ' H\u00e0nh vi t\u00f9y ch\u1ecdn\n    usecase \"\u00c1p d\u1ee5ng m\u00e3 gi\u1ea3m gi\u00e1\" as ApplyDiscount\n    usecase \"Y\u00eau c\u1ea7u ho\u00e0n ti\u1ec1n\" as RequestRefund\n\n    ' C\u00e1c use case qu\u1ea3n tr\u1ecb\n    usecase \"Qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m\" as ManageProducts\n    usecase \"T\u1ea1o b\u00e1o c\u00e1o doanh thu\" as SalesReport\n}\n\n' M\u1ed1i li\u00ean k\u1ebft v\u1edbi vai tr\u00f2\ncustomer --> Register\ncustomer --> Login\ncustomer --> Browse\ncustomer --> Search\ncustomer --> ViewProduct\ncustomer --> AddToCart\ncustomer --> ViewCart\ncustomer --> Checkout\ncustomer --> TrackOrder\ncustomer --> CancelOrder\n\npremium --> ApplyDiscount\npremium --> RequestRefund\n\nadmin --> ManageProducts\nadmin --> SalesReport\n\npayment --> MakePayment\nemail --> SendConfirmation\n\n' M\u1ed1i quan h\u1ec7 Include\nCheckout ..> ValidateCustomer : <<include>>\nCheckout ..> CalculateTotal : <<include>>\nCheckout ..> PlaceOrder : <<include>>\n\nPlaceOrder ..> MakePayment : <<include>>\nPlaceOrder ..> SendConfirmation : <<include>>\n\n' M\u1ed1i quan h\u1ec7 Extend\nApplyDiscount ..> Checkout : <<extend>>\nRequestRefund ..> CancelOrder : <<extend>>\n\n' T\u1ed5ng qu\u00e1t h\u00f3a use case\nSearch -|> Browse\n\n' Ghi ch\u00fa\nnote right of Checkout\n    Quy tr\u00ecnh mua h\u00e0ng ch\u00ednh c\u1ee7a kh\u00e1ch h\u00e0ng\nend note\n\nnote right of ApplyDiscount\n    H\u00e0nh vi t\u00f9y ch\u1ecdn:\n    ch\u1ec9 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng khi c\u00f3\n    m\u00e3 gi\u1ea3m gi\u00e1 h\u1ee3p l\u1ec7\nend note\n\nnote bottom of MakePayment\n    Thanh to\u00e1n \u0111\u01b0\u1ee3c x\u1eed l\u00fd b\u1edfi\n    c\u1ed5ng thanh to\u00e1n b\u00ean ngo\u00e0i\nend note\n\n@enduml<\/code><\/pre>                <\/div>\r\n                
    \r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \"Bi\u1ec3u<\/p>\n
    16. \u0110\u1ecdc v\u00ed d\u1ee5 ho\u00e0n ch\u1ec9nh<\/h2>\n
    Bi\u1ec3u \u0111\u1ed3 truy\u1ec1n \u0111\u1ea1t c\u00e1c n\u1ed9i dung sau:<\/p>\n