{"id":12279,"date":"2026-10-21T08:57:52","date_gmt":"2026-10-21T00:57:52","guid":{"rendered":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/"},"modified":"2026-10-21T09:29:58","modified_gmt":"2026-10-21T01:29:58","slug":"a-practical-guide-to-the-14-uml-diagram-types","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode"},"content":{"rendered":"

C\u00e1c bi\u1ec3u \u0111\u1ed3 UML th\u01b0\u1eddng \u0111\u01b0\u1ee3c nh\u00f3m th\u00e0nh c\u1ea5u tr\u00fac<\/strong> bi\u1ec3u \u0111\u1ed3, m\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng \u0111\u01b0\u1ee3c c\u1ea5u t\u1ea1o t\u1eeb nh\u1eefng g\u00ec, v\u00e0 h\u00e0nh vi<\/strong> bi\u1ec3u \u0111\u1ed3, m\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o. C\u00e1c v\u00ed d\u1ee5 d\u01b0\u1edbi \u0111\u00e2y s\u1eed d\u1ee5ng m\u1ed9t k\u1ecbch b\u1ea3n c\u1eeda h\u00e0ng tr\u1ef1c tuy\u1ebfn duy nh\u1ea5t \u0111\u1ec3 c\u00f3 th\u1ec3 so s\u00e1nh v\u00e0 \u0111i\u1ec1u ch\u1ec9nh. UML 2.5.1 l\u00e0 b\u1ea3n quy ph\u1ea1m ch\u00ednh th\u1ee9c \u0111\u01b0\u1ee3c tham chi\u1ebfu \u1edf \u0111\u00e2y.<\/p>\n

PlantUML hi\u1ec3n th\u1ecb tr\u1ef1c ti\u1ebfp nhi\u1ec1u k\u00fd hi\u1ec7u UML. M\u1ed9t s\u1ed1 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 chuy\u00ean bi\u1ec7t\u2014\u0111\u1eb7c bi\u1ec7t l\u00e0 profile, c\u1ea5u tr\u00fac t\u1ed5ng h\u1ee3p, truy\u1ec1n th\u00f4ng v\u00e0 t\u1ed5ng quan t\u01b0\u01a1ng t\u00e1c\u2014c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c bi\u1ec3u \u0111\u1ea1t b\u1eb1ng c\u00e1ch x\u1ea5p x\u1ec9 th\u1ef1c t\u1ebf trong PlantUML thay v\u00ec s\u1eed d\u1ee5ng tr\u00ecnh hi\u1ec3n th\u1ecb bi\u1ec3u \u0111\u1ed3 chuy\u00ean d\u1ee5ng. C\u00e1c ch\u00fa th\u00edch s\u1ebd ch\u1ec9 ra nh\u1eefng tr\u01b0\u1eddng h\u1ee3p \u0111\u00f3.<\/p>\n

\"\"<\/p>\n

Bi\u1ec3u \u0111\u1ed3 c\u1ea5u tr\u00fac<\/h2>\n

1. Bi\u1ec3u \u0111\u1ed3 l\u1edbp<\/h3>\n

Hi\u1ec3n th\u1ecb c\u00e1c l\u1edbp c\u1ee7a h\u1ec7 th\u1ed1ng, d\u1eef li\u1ec7u v\u00e0 c\u00e1c thao t\u00e1c c\u1ee7a ch\u00fang, c\u0169ng nh\u01b0 c\u00e1c m\u1ed1i quan h\u1ec7 nh\u01b0 li\u00ean k\u1ebft, th\u1eeba k\u1ebf v\u00e0 t\u1ed5ng h\u1ee3p. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 th\u1ea3o lu\u1eadn v\u1ec1 m\u00f4 h\u00ecnh mi\u1ec1n ho\u1eb7c thi\u1ebft k\u1ebf h\u01b0\u1edbng \u0111\u1ed1i t\u01b0\u1ee3ng.<\/p>\n

\"\"<\/p>\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\nclass Customer {\r\n  +id: String\r\n  +email: String\r\n  +placeOrder(): Order\r\n}\r\n\r\nclass Order {\r\n  +number: String\r\n  +status: OrderStatus\r\n  +total(): Money\r\n}\r\n\r\nclass OrderLine {\r\n  +quantity: int\r\n  +unitPrice: Money\r\n}\r\n\r\nclass Product {\r\n  +sku: String\r\n  +name: String\r\n}\r\n\r\nCustomer \"1\" -- \"0..*\" Order : places\r\nOrder \"1\" *-- \"1..*\" OrderLine : contains\r\nOrderLine \"*\" --> \"1\" Product : refers to\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
\u0110\u1ecdc n\u00f3:<\/strong>m\u1ed9t kh\u00e1ch h\u00e0ng c\u00f3 th\u1ec3 \u0111\u1eb7t nhi\u1ec1u \u0111\u01a1n h\u00e0ng; m\u1ed9t \u0111\u01a1n h\u00e0ng ch\u1ee9a m\u1ed9t ho\u1eb7c nhi\u1ec1u d\u00f2ng; m\u1ed7i d\u00f2ng tham chi\u1ebfu \u0111\u1ebfn m\u1ed9t s\u1ea3n ph\u1ea9m. H\u00ecnh thoi \u0111\u1ea7y m\u00e0u bi\u1ec3u th\u1ecb s\u1ef1 t\u1ed5ng h\u1ee3p: \u0111\u01a1n h\u00e0ng s\u1edf h\u1eefu c\u00e1c d\u00f2ng c\u1ee7a n\u00f3.<\/p>\n
2. Bi\u1ec3u \u0111\u1ed3 \u0111\u1ed1i t\u01b0\u1ee3ng<\/h3>\n
Hi\u1ec3n th\u1ecb c\u00e1c th\u1ec3 hi\u1ec7n c\u1ee5 th\u1ec3 v\u00e0 c\u00e1c li\u00ean k\u1ebft t\u1ea1i m\u1ed9t th\u1eddi \u0111i\u1ec3m. N\u00f3 h\u1eefu \u00edch \u0111\u1ec3 minh h\u1ecda d\u1eef li\u1ec7u m\u1eabu ho\u1eb7c gi\u1ea3i th\u00edch m\u00f4 h\u00ecnh l\u1edbp v\u1edbi m\u1ed9t k\u1ecbch b\u1ea3n c\u1ee5 th\u1ec3. Trong PlantUML, h\u00e3y s\u1eed d\u1ee5ng k\u00fd hi\u1ec7u \u0111\u1ed1i t\u01b0\u1ee3ng.<\/p>\n
\"\"<\/p>\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\nobject \"alice:Customer\" as alice {\r\n  id = C104\r\n  email = alice@example.com\r\n}\r\n\r\nobject \"order:Order\" as order {\r\n  number = O9001\r\n  status = PAID\r\n}\r\n\r\nobject \"line:OrderLine\" as line {\r\n  quantity = 2\r\n  unitPrice = 19.99\r\n}\r\n\r\nobject \"mug:Product\" as mug {\r\n  sku = MUG-01\r\n  name = Travel mug\r\n}\r\n\r\nalice -- order\r\norder *-- line\r\nline --> mug\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
3. Bi\u1ec3u \u0111\u1ed3 th\u00e0nh ph\u1ea7n<\/h3>\n
Hi\u1ec3n th\u1ecb c\u00e1c ph\u1ea7n m\u1ec1m c\u00f3 th\u1ec3 tri\u1ec3n khai ho\u1eb7c thay th\u1ebf v\u00e0 c\u00e1c ph\u1ee5 thu\u1ed9c c\u1ee7a ch\u00fang. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 truy\u1ec1n \u0111\u1ea1t ki\u1ebfn tr\u00fac \u1ee9ng d\u1ee5ng v\u00e0 c\u00e1c ranh gi\u1edbi t\u00edch h\u1ee3p.<\/p>\n
\"\"<\/p>\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\ncomponent \"Web Store\" as web\r\ncomponent \"Order Service\" as orders\r\ncomponent \"Payment Adapter\" as payments\r\ndatabase \"Order DB\" as db\r\ncloud \"Payment Provider\" as provider\r\n\r\nweb --> orders : REST\r\norders --> db : SQL\r\norders --> payments : authorize\r\npayments --> provider : HTTPS\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
4. Bi\u1ec3u \u0111\u1ed3 c\u1ea5u tr\u00fac t\u1ed5ng h\u1ee3p<\/h3>\n
Hi\u1ec3n th\u1ecb c\u00e1c ph\u1ea7n b\u00ean trong c\u1ee7a m\u1ed9t ph\u00e2n lo\u1ea1i\u2014nh\u01b0 m\u1ed9t th\u00e0nh ph\u1ea7n ho\u1eb7c l\u1edbp\u2014v\u00e0 c\u00e1ch c\u00e1c ph\u1ea7n \u0111\u00f3 k\u1ebft n\u1ed1i th\u00f4ng qua c\u00e1c c\u1ed5ng. N\u00f3 h\u1eefu \u00edch khi s\u1ef1 c\u1ed9ng t\u00e1c n\u1ed9i b\u1ed9 quan tr\u1ecdng h\u01a1n ki\u1ebfn tr\u00fac h\u1ec7 th\u1ed1ng xung quanh.<\/p>\n
PlantUML kh\u00f4ng cung c\u1ea5p c\u00fa ph\u00e1p c\u1ea5u tr\u00fac t\u1ed5ng h\u1ee3p chuy\u00ean bi\u1ec7t \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 ph\u1ed5 bi\u1ebfn. B\u1ea3n ph\u00e1c th\u1ea3o theo phong c\u00e1ch bi\u1ec3u \u0111\u1ed3 l\u1edbp n\u00e0y truy\u1ec1n \u0111\u1ea1t c\u00e1c th\u00e0nh ph\u1ea7n v\u00e0 k\u1ebft n\u1ed1i:<\/p>\n
\"\"<\/p>\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\nallowmixing\r\nskinparam componentStyle rectangle\r\n\r\nclass Car {\r\n}\r\n\r\npackage \"Car\" {\r\n  component \"engine : Engine\" as engine {\r\n    portout p1\r\n  }\r\n\r\n  component \"transmission : Transmission\" as trans {\r\n    portin p2\r\n    portout p3\r\n  }\r\n\r\n  component \"wheel : Wheel [4]\" as wheels {\r\n    portin p4\r\n  }\r\n\r\n  p1 -- p2 : drives\r\n  p3 -- p4 : power\r\n}\r\n\r\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
H\u00e3y xem \u0111\u00e2y l\u00e0 m\u1ed9t b\u1ea3n ph\u00e1c th\u1ea3o c\u1ea5u tr\u00fac; n\u00f3 kh\u00f4ng hi\u1ec3n th\u1ecb c\u00e1c c\u1ed5ng ho\u1eb7c ng\u1eef ngh\u0129a k\u1ebft n\u1ed1i UML ch\u00ednh th\u1ee9c.<\/p>\n
5. Bi\u1ec3u \u0111\u1ed3 tri\u1ec3n khai<\/h3>\n
\u00c1nh x\u1ea1 c\u00e1c s\u1ea3n ph\u1ea9m ph\u1ea7n m\u1ec1m ho\u1eb7c d\u1ecbch v\u1ee5 l\u00ean c\u00e1c n\u00fat ph\u1ea7n c\u1ee9ng v\u00e0 m\u00f4i tr\u01b0\u1eddng th\u1ef1c thi. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 gi\u1ea3i th\u00edch n\u01a1i ph\u1ea7n m\u1ec1m ch\u1ea1y v\u00e0 c\u00e1c n\u00fat th\u1eddi gian ch\u1ea1y giao ti\u1ebfp v\u1edbi nhau nh\u01b0 th\u1ebf n\u00e0o.<\/p>\n
\"\"<\/p>\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\nnode \"Thi\u1ebft b\u1ecb kh\u00e1ch h\u00e0ng\" as client {\r\n  artifact \"Tr\u00ecnh duy\u1ec7t\"\r\n}\r\n\r\nnode \"\u0110\u00e1m m\u00e2y\" {\r\n  node \"M\u00e1y ch\u1ee7 \u1ee9ng d\u1ee5ng\" as appHost {\r\n    artifact \"Store API\"\r\n  }\r\n  database \"C\u01a1 s\u1edf d\u1eef li\u1ec7u \u0111\u01a1n h\u00e0ng\" as db\r\n}\r\n\r\ncloud \"Nh\u00e0 cung c\u1ea5p thanh to\u00e1n b\u00ean ngo\u00e0i\" as pay\r\n\r\nclient --> appHost : HTTPS\r\nappHost --> db : SQL\r\nappHost --> pay : HTTPS\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
6. Bi\u1ec3u \u0111\u1ed3 g\u00f3i<\/h3>\n
Nh\u00f3m c\u00e1c ph\u1ea7n t\u1eed m\u00f4 h\u00ecnh v\u00e0o c\u00e1c kh\u00f4ng gian t\u00ean ho\u1eb7c l\u1edbp v\u00e0 hi\u1ec3n th\u1ecb c\u00e1c ph\u1ee5 thu\u1ed9c gi\u1eefa c\u00e1c nh\u00f3m \u0111\u00f3. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 gi\u1ea3i th\u00edch t\u1ed5 ch\u1ee9c m\u00e3 v\u00e0 \u0111\u1ecbnh h\u01b0\u1edbng ki\u1ebfn tr\u00fac.<\/p>\n
\"\"<\/p>\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\npackage \"store.web\" {\r\n  class CheckoutController\r\n}\r\n\r\npackage \"store.application\" {\r\n  class PlaceOrder\r\n}\r\n\r\npackage \"store.domain\" {\r\n  class Order\r\n  class Product\r\n}\r\n\r\npackage \"store.persistence\" {\r\n  class OrderRepository\r\n}\r\n\r\nCheckoutController ..> PlaceOrder\r\nPlaceOrder ..> Order\r\nPlaceOrder ..> OrderRepository\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
7. Bi\u1ec3u h\u1ed3 s\u01a1<\/h3>\n
\u0110\u1ecbnh ngh\u0129a m\u1ed9t ph\u1ea7n m\u1edf r\u1ed9ng chuy\u00ean bi\u1ec7t cho mi\u1ec1n s\u1eed d\u1ee5ng c\u00e1c bi\u1ec7t danh, gi\u00e1 tr\u1ecb g\u1eafn th\u1ebb v\u00e0 c\u00e1c r\u00e0ng bu\u1ed9c. S\u1eed d\u1ee5ng n\u00f3 khi m\u1ed9t d\u1ef1 \u00e1n c\u1ea7n m\u1ed9t t\u1eeb v\u1ef1ng m\u00f4 h\u00ecnh h\u00f3a nh\u1ea5t qu\u00e1n v\u01b0\u1ee3t ra ngo\u00e0i UML ti\u00eau chu\u1ea9n.<\/p>\n
PlantUML c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb c\u00e1c kh\u00e1i ni\u1ec7m h\u1ed3 s\u01a1 d\u01b0\u1edbi d\u1ea1ng b\u1ea3n ph\u00e1c th\u1ea3o theo phong c\u00e1ch UML, nh\u01b0ng \u0111\u00e2y kh\u00f4ng ph\u1ea3i l\u00e0 tr\u00ecnh hi\u1ec3n th\u1ecb bi\u1ec3u \u0111\u1ed3 h\u1ed3 s\u01a1 chuy\u00ean bi\u1ec7t.<\/p>\n
\"\"<\/p>\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\nclass \"\u00abprofile\u00bb StoreProfile\" as Profile\r\nclass \"\u00abstereotype\u00bb \u00abService\u00bb\" as Service\r\nclass \"\u00abstereotype\u00bb \u00abRepository\u00bb\" as Repository\r\nclass \"\u00abmetaclass\u00bb Component\" as Component\r\n\r\nProfile ..> Service : defines\r\nProfile ..> Repository : defines\r\nService ..> Component : extends\r\nRepository ..> Component : extends\r\n\r\nnote right of Service\r\n  tagged value:\r\n  owner: String\r\nend note\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
Bi\u1ec3u \u0111\u1ed3 h\u00e0nh vi<\/h2>\n
8. Bi\u1ec3u \u0111\u1ed3 tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng<\/h3>\n
Hi\u1ec3n th\u1ecb c\u00e1c t\u00e1c nh\u00e2n b\u00ean ngo\u00e0i v\u00e0 c\u00e1c m\u1ee5c ti\u00eau h\u1ec7 th\u1ed1ng m\u00e0 h\u1ecd t\u01b0\u01a1ng t\u00e1c. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ph\u1ea1m vi v\u00e0 n\u1eafm b\u1eaft c\u00e1c y\u00eau c\u1ea7u ch\u1ee9c n\u0103ng \u1edf m\u1ee9c \u0111\u1ed9 cao.<\/p>\n
\"\"<\/p>\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\nh\u01b0\u1edbng t\u1eeb tr\u00e1i sang ph\u1ea3i\r\nactor Kh\u00e1ch h\u00e0ng\r\nactor \"Nh\u00e0 cung c\u1ea5p thanh to\u00e1n\" as Provider\r\n\r\nrectangle \"C\u1eeda h\u00e0ng tr\u1ef1c tuy\u1ebfn\" {\r\n  usecase \"Duy\u1ec7t s\u1ea3n ph\u1ea9m\" as Browse\r\n  usecase \"\u0110\u1eb7t h\u00e0ng\" as Place\r\n  usecase \"Thanh to\u00e1n cho \u0111\u01a1n h\u00e0ng\" as Pay\r\n  usecase \"Theo d\u00f5i \u0111\u01a1n h\u00e0ng\" as Track\r\n}\r\n\r\nCustomer --> Browse\r\nCustomer --> Place\r\nCustomer --> Track\r\nProvider --> Pay\r\nPlace ..> Pay : <<include>>\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
9. Bi\u1ec3u \u0111\u1ed3 ho\u1ea1t \u0111\u1ed9ng<\/h3>\n
M\u00f4 h\u00ecnh h\u00f3a quy tr\u00ecnh l\u00e0m vi\u1ec7c: c\u00e1c h\u00e0nh \u0111\u1ed9ng, quy\u1ebft \u0111\u1ecbnh, \u0111\u01b0\u1eddng song song v\u00e0 vi\u1ec7c chuy\u1ec3n giao. S\u1eed d\u1ee5ng n\u00f3 cho c\u00e1c quy tr\u00ecnh kinh doanh, th\u1ee7 t\u1ee5c v\u1eadn h\u00e0nh ho\u1eb7c lu\u1ed3ng \u0111i\u1ec1u khi\u1ec3n c\u1ee7a thu\u1eadt to\u00e1n.<\/p>\n
\"\"<\/p>\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\nstart\r\n:Ch\u1ecdn s\u1ea3n ph\u1ea9m;\r\n:Nh\u1eadp th\u00f4ng tin giao h\u00e0ng;\r\n:T\u00ednh t\u1ed5ng;\r\n\nif (S\u1ea3n ph\u1ea9m c\u00f3 s\u1eb5n?) then (c\u00f3)\n  :X\u00e1c th\u1ef1c thanh to\u00e1n;\n  if (Thanh to\u00e1n \u0111\u01b0\u1ee3c ph\u00ea duy\u1ec7t?) then (c\u00f3)\n    :T\u1ea1o \u0111\u01a1n h\u00e0ng;\n    :G\u1eedi x\u00e1c nh\u1eadn;\n  else (kh\u00f4ng)\n    :Hi\u1ec3n th\u1ecb l\u1ed7i thanh to\u00e1n;\n  endif\nelse (kh\u00f4ng)\n  :Hi\u1ec3n th\u1ecb s\u1ea3n ph\u1ea9m kh\u00f4ng c\u00f3 s\u1eb5n;\nendif\n\nstop\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
10. Bi\u1ec3u \u0111\u1ed3 m\u00e1y tr\u1ea1ng th\u00e1i<\/h3>\n
M\u00f4 t\u1ea3 c\u00e1c tr\u1ea1ng th\u00e1i m\u00e0 m\u1ed9t th\u1ef1c th\u1ec3 c\u00f3 th\u1ec3 chi\u1ebfm gi\u1eef v\u00e0 c\u00e1c s\u1ef1 ki\u1ec7n ho\u1eb7c \u0111i\u1ec1u ki\u1ec7n g\u00e2y ra chuy\u1ec3n \u0111\u1ed5i. S\u1eed d\u1ee5ng n\u00f3 khi h\u00e0nh vi c\u1ee7a m\u1ed9t \u0111\u1ed1i t\u01b0\u1ee3ng ph\u1ee5 thu\u1ed9c v\u00e0o tr\u1ea1ng th\u00e1i hi\u1ec7n t\u1ea1i c\u1ee7a n\u00f3.<\/p>\n
\"\"<\/p>\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[*] --> D\u1ef1 th\u1ea3o\r\nD\u1ef1 th\u1ea3o --> Ch\u1edd thanh to\u00e1n : submit\r\nCh\u1edd thanh to\u00e1n --> \u0110\u00e3 thanh to\u00e1n : payment approved\r\nCh\u1edd thanh to\u00e1n --> \u0110\u00e3 h\u1ee7y : payment declined\r\nCh\u1edd thanh to\u00e1n --> \u0110\u00e3 h\u1ee7y : customer cancels\r\n\u0110\u00e3 thanh to\u00e1n --> \u0110\u00e3 giao h\u00e0ng : dispatch\r\n\u0110\u00e3 giao h\u00e0ng --> \u0110\u00e3 giao : delivery confirmed\r\n\u0110\u00e3 h\u1ee7y --> [*]\n\u0110\u00e3 giao --> [*]\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
11. Bi\u1ec3u \u0111\u1ed3 tr\u00ecnh t\u1ef1<\/h3>\n
Hi\u1ec3n th\u1ecb c\u00e1c tin nh\u1eafn \u0111\u01b0\u1ee3c trao \u0111\u1ed5i gi\u1eefa c\u00e1c th\u00e0nh tham gia theo th\u1ee9 t\u1ef1 th\u1eddi gian. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 m\u00f4 t\u1ea3 m\u1ed9t k\u1ecbch b\u1ea3n, lu\u1ed3ng g\u1ecdi API ho\u1eb7c t\u01b0\u01a1ng t\u00e1c gi\u1eefa c\u00e1c d\u1ecbch v\u1ee5.<\/p>\n
\"\"<\/p>\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\nactor Kh\u00e1ch h\u00e0ng\r\nparticipant \"C\u1eeda h\u00e0ng Web\" as Web\r\nparticipant \"D\u1ecbch v\u1ee5 \u0111\u01a1n h\u00e0ng\" as Orders\r\nparticipant \"D\u1ecbch v\u1ee5 thanh to\u00e1n\" as Payments\r\n\nCustomer -> Web : submit checkout\nWeb -> Orders : create order\nOrders -> Payments : authorize payment\nPayments --> Orders : approved\nOrders --> Web : order confirmation\nWeb --> Customer : show confirmation\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
12. Bi\u1ec3u \u0111\u1ed3 truy\u1ec1n th\u00f4ng<\/h3>\n
Nh\u1ea5n m\u1ea1nh v\u00e0o c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng c\u1ed9ng t\u00e1c v\u00e0 c\u00e1c li\u00ean k\u1ebft gi\u1eefa ch\u00fang; vi\u1ec7c \u0111\u00e1nh s\u1ed1 tin nh\u1eafn cho th\u1ea5y th\u1ee9 t\u1ef1 c\u1ee7a c\u00e1c t\u01b0\u01a1ng t\u00e1c. S\u1eed d\u1ee5ng n\u00f3 khi m\u1ea1ng l\u01b0\u1edbi c\u00e1c th\u00e0nh tham gia c\u1ed9ng t\u00e1c quan tr\u1ecdng h\u01a1n so v\u1edbi m\u1ed9t d\u00f2ng th\u1eddi gian.<\/p>\n
PlantUML kh\u00f4ng c\u00f3 tr\u00ecnh hi\u1ec3n th\u1ecb bi\u1ec3u \u0111\u1ed3 truy\u1ec1n th\u00f4ng chuy\u00ean d\u1ee5ng trong b\u1ed9 UML ti\u00eau chu\u1ea9n c\u1ee7a n\u00f3. B\u1ea3n ph\u00e1c th\u1ea3o li\u00ean k\u1ebft \u0111\u1ed1i t\u01b0\u1ee3ng n\u00e0y g\u00e1n nh\u00e3n cho c\u00e1c tin nh\u1eafn b\u1eb1ng s\u1ed1 th\u1ee9 t\u1ef1:<\/p>\n
\"\"<\/p>\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\nobject Kh\u00e1ch h\u00e0ng\r\nobject WebStore\r\nobject OrderService\r\nobject PaymentService\n\nCustomer --> WebStore : 1: checkout()\nWebStore --> OrderService : 1.1: createOrder()\nOrderService --> PaymentService : 1.2: authorize()\nPaymentService --> OrderService : 1.3: approved\nOrderService --> WebStore : 1.4: confirmation\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
13. Bi\u1ec3u \u0111\u1ed3 t\u1ed5ng quan t\u01b0\u01a1ng t\u00e1c<\/h3>\n
Cung c\u1ea5p c\u00e1i nh\u00ecn t\u1ed5ng quan v\u1ec1 lu\u1ed3ng \u0111i\u1ec1u khi\u1ec3n \u1edf m\u1ee9c cao c\u1ee7a c\u00e1c t\u01b0\u01a1ng t\u00e1c, k\u1ebft h\u1ee3p lu\u1ed3ng ki\u1ec3u ho\u1ea1t \u0111\u1ed9ng v\u1edbi c\u00e1c tham chi\u1ebfu \u0111\u1ebfn c\u00e1c k\u1ecbch b\u1ea3n t\u01b0\u01a1ng t\u00e1c. S\u1eed d\u1ee5ng n\u00f3 \u0111\u1ec3 hi\u1ec3n th\u1ecb c\u00e1ch nhi\u1ec1u k\u1ecbch b\u1ea3n \u1edf m\u1ee9c tr\u00ecnh t\u1ef1 \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p v\u00e0o m\u1ed9t quy tr\u00ecnh l\u1edbn h\u01a1n.<\/p>\n
V\u00ed d\u1ee5 PlantUML n\u00e0y s\u1eed d\u1ee5ng bi\u1ec3u \u0111\u1ed3 ho\u1ea1t \u0111\u1ed9ng l\u00e0m t\u1ed5ng quan, v\u1edbi t\u00ean k\u1ecbch b\u1ea3n thay th\u1ebf cho c\u00e1c t\u01b0\u01a1ng t\u00e1c \u0111\u01b0\u1ee3c tham chi\u1ebfu:<\/p>\n
\"\"<\/p>\n
<\/div>\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\nskinparam conditionStyle InsideDiamond\r\n\r\ntitle S\u01a1 \u0111\u1ed3 t\u1ed5ng quan t\u01b0\u01a1ng t\u00e1c: H\u1ec7 th\u1ed1ng x\u1eed l\u00fd \u0111\u01a1n h\u00e0ng\r\n\r\nstart\r\n\r\n:Kh\u00e1ch h\u00e0ng \u0111\u1eb7t h\u00e0ng;\r\n\r\nif (H\u00e0ng c\u00f3 s\u1eb5n kh\u00f4ng?) then (c\u00f3)\r\n  \r\n  partition \"sd Chu\u1ed7i quy tr\u00ecnh thanh to\u00e1n\" {\r\n    :X\u00e1c th\u1ef1c thanh to\u00e1n;\r\n    :Tr\u1eeb t\u1ed3n kho;\r\n  }\r\n  \r\nelse (kh\u00f4ng)\r\n  \r\n  partition \"sd Quy tr\u00ecnh \u0111\u1eb7t h\u00e0ng sau\" {\r\n    :Th\u00f4ng b\u00e1o cho kh\u00e1ch h\u00e0ng;\r\n    :T\u1ea1o y\u00eau c\u1ea7u nh\u00e0 cung c\u1ea5p;\r\n  }\r\n  \r\nendif\r\n\r\nfork\r\n  partition \"sd Chu\u1ed7i quy tr\u00ecnh giao h\u00e0ng\" {\r\n    :\u0110\u00f3ng g\u00f3i \u0111\u01a1n h\u00e0ng;\r\n    :Giao \u0111\u1ebfn \u0111\u1ecba ch\u1ec9;\r\n  }\nfork again\r\n  partition \"sd Chu\u1ed7i quy tr\u00ecnh t\u00ednh ti\u1ec1n\" {\r\n    :T\u1ea1o h\u00f3a \u0111\u01a1n;\r\n    :G\u1eedi email x\u00e1c nh\u1eadn;\r\n  }\nend fork\r\n\r\n:\u0110\u00f3ng \u0111\u01a1n h\u00e0ng;\r\n\r\nstop\r\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
\u0110\u1ec3 m\u00f4 t\u1ea3 chi ti\u1ebft c\u00e1c trao \u0111\u1ed5i th\u00f4ng tin b\u00ean trong m\u1ed7i k\u1ecbch b\u1ea3n, h\u00e3y t\u1ea1o m\u1ed9t s\u01a1 \u0111\u1ed3 chu\u1ed7i ri\u00eang bi\u1ec7t.<\/p>\n
14. S\u01a1 \u0111\u1ed3 th\u1eddi gian<\/h3>\n
Hi\u1ec3n th\u1ecb s\u1ef1 thay \u0111\u1ed5i tr\u1ea1ng th\u00e1i ho\u1eb7c gi\u00e1 tr\u1ecb theo tr\u1ee5c th\u1eddi gian. S\u1eed d\u1ee5ng n\u00f3 cho c\u00e1c h\u00e0nh vi nh\u1ea1y c\u1ea3m v\u1ec1 th\u1eddi gian, giao th\u1ee9c, t\u01b0\u01a1ng t\u00e1c ph\u1ea7n c\u1ee9ng, ho\u1eb7c c\u00e1c y\u00eau c\u1ea7u li\u00ean quan \u0111\u1ebfn th\u1eddi l\u01b0\u1ee3ng v\u00e0 th\u1eddi h\u1ea1n.<\/p>\n
\"\"<\/p>\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\nrobust \"\u0110\u01a1n h\u00e0ng\" as Order\r\nconcise \"Thanh to\u00e1n\" as Payment\r\n\r\n@0\r\n\u0110\u01a1n h\u00e0ng \u1edf tr\u1ea1ng th\u00e1i D\u1ef1 th\u1ea3o\r\nThanh to\u00e1n \u1edf tr\u1ea1ng th\u00e1i Ch\u1edd\r\n\r\n@5\r\n\u0110\u01a1n h\u00e0ng \u1edf tr\u1ea1ng th\u00e1i Ch\u1edd x\u1eed l\u00fd\r\nThanh to\u00e1n \u1edf tr\u1ea1ng th\u00e1i \u0110ang x\u1eed l\u00fd\r\n\r\n@10\r\nThanh to\u00e1n \u0111\u01b0\u1ee3c ph\u00ea duy\u1ec7t\r\n\r\n@12\r\n\u0110\u01a1n h\u00e0ng \u0111\u01b0\u1ee3c x\u00e1c nh\u1eadn\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
Ch\u1ecdn s\u01a1 \u0111\u1ed3<\/h2>\n
B\u1eaft \u0111\u1ea7u b\u1eb1ng c\u00e2u h\u1ecfi m\u00e0 s\u01a1 \u0111\u1ed3 c\u1ea7n tr\u1ea3 l\u1eddi:<\/p>\n
    \n
  • \n
    H\u1ec7 th\u1ed1ng bao g\u1ed3m nh\u1eefng g\u00ec?<\/strong>L\u1edbp, \u0111\u1ed1i t\u01b0\u1ee3ng, th\u00e0nh ph\u1ea7n, c\u1ea5u tr\u00fac t\u1ed5ng h\u1ee3p, g\u00f3i, h\u1ed3 s\u01a1, ho\u1eb7c tri\u1ec3n khai.<\/p>\n<\/li>\n
  • \n
    H\u1ec7 th\u1ed1ng l\u00e0m g\u00ec?<\/strong>Tr\u01b0\u1eddng h\u1ee3p s\u1eed d\u1ee5ng, ho\u1ea1t \u0111\u1ed9ng, ho\u1eb7c m\u00e1y tr\u1ea1ng th\u00e1i.<\/p>\n<\/li>\n
  • \n
    C\u00e1c th\u00e0nh vi\u00ean h\u1ee3p t\u00e1c v\u1edbi nhau nh\u01b0 th\u1ebf n\u00e0o?<\/strong>Chu\u1ed7i, truy\u1ec1n th\u00f4ng, t\u1ed5ng quan t\u01b0\u01a1ng t\u00e1c, ho\u1eb7c th\u1eddi gian.<\/p>\n<\/li>\n<\/ul>\n
    Gi\u1eef m\u1ed7i s\u01a1 \u0111\u1ed3 t\u1eadp trung v\u00e0o m\u1ed9t m\u1ee5c \u0111\u00edch duy nh\u1ea5t, s\u1eed d\u1ee5ng t\u00ean th\u1ed1ng nh\u1ea5t tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c s\u01a1 \u0111\u1ed3, v\u00e0 ch\u1ec9 bao g\u1ed3m \u0111\u1ee7 chi ti\u1ebft cho \u0111\u1ed1i t\u01b0\u1ee3ng v\u00e0 quy\u1ebft \u0111\u1ecbnh hi\u1ec7n t\u1ea1i. C\u00e1c \u0111o\u1ea1n m\u00e3 PlantUML l\u00e0 \u0111i\u1ec3m kh\u1edfi \u0111\u1ea7u: h\u00e3y ki\u1ec3m tra c\u00fa ph\u00e1p \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi b\u1ed9 render c\u1ee7a b\u1ea1n, \u0111\u1eb7c bi\u1ec7t l\u00e0 \u0111\u1ed1i v\u1edbi c\u00e1c lo\u1ea1i s\u01a1 \u0111\u1ed3 chuy\u00ean bi\u1ec7t.<\/p>\n","protected":false},"excerpt":{"rendered":"
    C\u00e1c bi\u1ec3u \u0111\u1ed3 UML th\u01b0\u1eddng \u0111\u01b0\u1ee3c nh\u00f3m th\u00e0nh c\u1ea5u tr\u00fac bi\u1ec3u \u0111\u1ed3, m\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng \u0111\u01b0\u1ee3c c\u1ea5u t\u1ea1o t\u1eeb<\/p>\n","protected":false},"author":11,"featured_media":12280,"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\/10\/img_6ad80daf6f9fc.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":[3],"tags":[],"asset-category":[127],"class_list":["post-12279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unified-modeling-language","asset-category-uml"],"source_url":"","source_h1_title":"","fifu_image_url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","fifu_image_alt":"","vp_image_hash":"","yoast_head":"\nH\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode - 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\/a-practical-guide-to-the-14-uml-diagram-types\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode - Cybermedian\" \/>\n<meta property=\"og:description\" content=\"C\u00e1c bi\u1ec3u \u0111\u1ed3 UML th\u01b0\u1eddng \u0111\u01b0\u1ee3c nh\u00f3m th\u00e0nh c\u1ea5u tr\u00fac bi\u1ec3u \u0111\u1ed3, m\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng \u0111\u01b0\u1ee3c c\u1ea5u t\u1ea1o t\u1eeb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/\" \/>\n<meta property=\"og:site_name\" content=\"Cybermedian\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-21T00:57:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-21T01:29:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1327\" \/>\n\t<meta property=\"og:image:height\" content=\"1185\" \/>\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\/10\/img_6ad80daf6f9fc.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=\"7 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\/a-practical-guide-to-the-14-uml-diagram-types\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode\",\"datePublished\":\"2026-10-21T00:57:52+00:00\",\"dateModified\":\"2026-10-21T01:29:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/\"},\"wordCount\":2047,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png\",\"articleSection\":[\"Unified Modeling Language\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/\",\"name\":\"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode - Cybermedian\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png\",\"datePublished\":\"2026-10-21T00:57:52+00:00\",\"dateModified\":\"2026-10-21T01:29:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png\",\"width\":1327,\"height\":1185},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode\"}]},{\"@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":"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode - 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\/a-practical-guide-to-the-14-uml-diagram-types\/","og_locale":"vi_VN","og_type":"article","og_title":"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode - Cybermedian","og_description":"C\u00e1c bi\u1ec3u \u0111\u1ed3 UML th\u01b0\u1eddng \u0111\u01b0\u1ee3c nh\u00f3m th\u00e0nh c\u1ea5u tr\u00fac bi\u1ec3u \u0111\u1ed3, m\u00f4 t\u1ea3 h\u1ec7 th\u1ed1ng \u0111\u01b0\u1ee3c c\u1ea5u t\u1ea1o t\u1eeb","og_url":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/","og_site_name":"Cybermedian","article_published_time":"2026-10-21T00:57:52+00:00","article_modified_time":"2026-10-21T01:29:58+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","type":"","width":"","height":""},{"width":1327,"height":1185,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/10\/img_6ad80daf6f9fc.png","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"curtis","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"7 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode","datePublished":"2026-10-21T00:57:52+00:00","dateModified":"2026-10-21T01:29:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/"},"wordCount":2047,"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png","articleSection":["Unified Modeling Language"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/","url":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/","name":"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode - Cybermedian","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png","datePublished":"2026-10-21T00:57:52+00:00","dateModified":"2026-10-21T01:29:58+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/vn\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#primaryimage","url":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png","contentUrl":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/10\/img_6ad80daf6f9fc.png","width":1327,"height":1185},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/vn\/a-practical-guide-to-the-14-uml-diagram-types\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/vn\/"},{"@type":"ListItem","position":2,"name":"H\u01b0\u1edbng d\u1eabn th\u1ef1c h\u00e0nh v\u1ec1 14 lo\u1ea1i bi\u1ec3u \u0111\u1ed3 UML s\u1eed d\u1ee5ng C\u00f4ng c\u1ee5 VPasCode"}]},{"@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\/12279","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=12279"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/posts\/12279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media\/12280"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/media?parent=12279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/categories?post=12279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/tags?post=12279"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/vn\/wp-json\/wp\/v2\/asset-category?post=12279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}