{"id":12356,"date":"2026-09-16T17:29:24","date_gmt":"2026-09-16T09:29:24","guid":{"rendered":"https:\/\/www.cybermedian.com\/pt\/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\/pt\/plantuml-use-case-diagram-guide\/","title":{"rendered":"Guia de Diagrama de Casos de Uso do PlantUML"},"content":{"rendered":"

Introdu\u00e7\u00e3o<\/span><\/h2>\n

Use<\/span> caso<\/span> diagramas<\/span> fornecem<\/span> uma<\/span> clara<\/span> maneira<\/span> para<\/span> descrever<\/span> como<\/span> usu\u00e1rios,<\/span> externos<\/span> sistemas,<\/span> e<\/span> outros<\/span> atores<\/span> interagem<\/span> com<\/span> um<\/span> software<\/span> sistema.<\/span> Eles<\/span> ajudam<\/span> equipes<\/span> definir<\/span> sistema<\/span> escopo,<\/span> identificar<\/span> funcional<\/span> requisitos,<\/span> e<\/span> comunicar<\/span> esperado<\/span> comportamento<\/span> antes<\/span> implementa\u00e7\u00e3o<\/span> come\u00e7a.<\/span><\/p>\n

PlantUML<\/span> torna<\/span> uso<\/span> caso<\/span> modelagem<\/span> pr\u00e1tica<\/span> atrav\u00e9s<\/span> uma<\/span> baseada em texto<\/span> sintaxe<\/span> que<\/span> pode<\/span> ser<\/span> armazenada,<\/span> revisada,<\/span> versionada,<\/span> e<\/span> regenerada<\/span> ao lado<\/span> do projeto<\/span> documenta\u00e7\u00e3o<\/span> ou<\/span> fonte<\/span> c\u00f3digo.<\/span> Com<\/span> alguns<\/span> poucos<\/span> comandos,<\/span> voc\u00ea<\/span> pode<\/span> definir<\/span> atores,<\/span> casos<\/span> de uso,<\/span> sistema<\/span> limites,<\/span> associa\u00e7\u00f5es,<\/span> <<include>><\/code> relacionamentos,<\/span> <<extend>><\/code> relacionamentos,<\/span> generaliza\u00e7\u00e3o,<\/span> notas,<\/span> e<\/span> layout<\/span> prefer\u00eancias.<\/span><\/p>\n

Este<\/span> guia<\/span> explica<\/span> os<\/span> principais<\/span> PlantUML<\/span> usar<\/span> caso<\/span> nota\u00e7\u00e3o<\/span> mostrado<\/span> em<\/span> a<\/span> refer\u00eancia<\/span> planilha<\/span> e<\/span> demonstra<\/span> como<\/span> a<\/span> aplicar<\/span> a<\/span> em<\/span> realista<\/span> exemplos.<\/span> Ela<\/span> tamb\u00e9m<\/span> introduz<\/span> um<\/span> mais amplo<\/span> ferramentas<\/span> fluxo de trabalho<\/span> usando<\/span> Visual<\/span> Paradigm<\/span> UML,<\/span> assistido por IA<\/span> modelagem,<\/span> e<\/span> VPasCode.<\/span> Juntos,<\/span> essas<\/span> ferramentas<\/span> suportam<\/span> um<\/span> completo<\/span> processo:<\/span> transformar<\/span> requisitos<\/span> em<\/span> um<\/span> inicial<\/span> modelo,<\/span> validando<\/span> UML<\/span> relacionamentos,<\/span> refinando<\/span> o<\/span> diagrama,<\/span> e<\/span> mantendo<\/span> o<\/span> final<\/span> modelo<\/span> como<\/span> leg\u00edvel<\/span> diagrama<\/span> fonte.<\/span><\/p>\n

\"DiagramaUm diagrama de casos de uso UML descreve como usu\u00e1rios externos ou sistemas interagem com um sistema. Ele foca em o que o sistema faz<\/strong>, e n\u00e3o em como ele \u00e9 implementado.<\/p>\n

O PlantUML permite criar diagramas de casos de uso usando uma nota\u00e7\u00e3o simples baseada em texto.<\/p>\n

1. Estrutura b\u00e1sica do PlantUML<\/h2>\n

Todo diagrama PlantUML come\u00e7a com @startuml<\/code> e termina com @enduml<\/code>.<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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' O conte\u00fado do diagrama vai aqui\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Os coment\u00e1rios come\u00e7am com um ap\u00f3strofo:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
' Este \u00e9 um coment\u00e1rio\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Voc\u00ea tamb\u00e9m pode usar coment\u00e1rios de m\u00faltiplas linhas:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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\nEste \u00e9 um\r\ncoment\u00e1rio multilinha\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
2. Definindo atores<\/h2>\n
Um ator representa uma pessoa, fun\u00e7\u00e3o, organiza\u00e7\u00e3o, dispositivo ou sistema externo que interage com o seu sistema.<\/p>\n
Ator b\u00e1sico<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
ator 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Isso cria um ator em forma de boneco de palito chamado Usu\u00e1rio<\/code>.<\/p>\n
Ator com um apelido<\/h3>\n
Apelidos s\u00e3o \u00fateis quando o nome exibido cont\u00e9m espa\u00e7os ou quando voc\u00ea deseja um identificador mais curto para relacionamentos.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"Gateway de Pagamento\" as payment\r\nactor \"Administrador do Sistema\" 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Voc\u00ea pode ent\u00e3o referir-se aos apelidos:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Ator usando um estilo visual diferente<\/h3>\n
O PlantUML suporta v\u00e1rios estilos de ator. O estilo padr\u00e3o geralmente \u00e9 suficiente, mas voc\u00ea pode usar um ator no estilo de \u00edcone:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 Cliente\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Voc\u00ea tamb\u00e9m pode usar um ator no estilo de ret\u00e2ngulo simples:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 Cliente\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
A apar\u00eancia exata depende do mecanismo de renderiza\u00e7\u00e3o do PlantUML e dos par\u00e2metros de estilo.<\/p>\n
3. Definindo casos de uso<\/h2>\n
Um caso de uso representa um servi\u00e7o, objetivo ou fun\u00e7\u00e3o fornecida pelo sistema.<\/p>\n
Caso de uso b\u00e1sico<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"Entrar\"\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
O PlantUML renderiza isso como uma elipse rotulada Entrar<\/code>.<\/p>\n
Caso de uso com um alias<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"Processar Pagamento com Cart\u00e3o de Cr\u00e9dito\" como 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
O r\u00f3tulo vis\u00edvel \u00e9 Processar Pagamento com Cart\u00e3o de Cr\u00e9dito<\/code>, enquanto ProcessarPagamento<\/code> \u00e9 usado em relacionamentos.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
ator Cliente\r\nCliente --> ProcessarPagamento\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Nomes de casos de uso em m\u00faltiplas linhas<\/h3>\n
Voc\u00ea pode inserir uma quebra de linha usando n<\/code>:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"ProcessarnPagamentoncom Cart\u00e3o de Cr\u00e9dito\" 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Isso \u00e9 \u00fatil quando um diagrama cont\u00e9m r\u00f3tulos longos.<\/p>\n
4. Limites do sistema<\/h2>\n
Um limite do sistema agrupa os casos de uso que pertencem a um sistema espec\u00edfico.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"Sistema de Compras Online\" {\r\n    usecase \"Navegar pelos Produtos\" as Browse\r\n    usecase \"Finalizar Compra\" 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
O ret\u00e2ngulo representa o sistema, e os casos de uso dentro dele representam a funcionalidade fornecida por esse sistema.<\/p>\n
Voc\u00ea tamb\u00e9m pode usar um alias nomeado para a fronteira:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"Sistema de Compras Online\" as OnlineStore {\r\n    usecase \"Navegar Produtos\" as Browse\r\n    usecase \"Finalizar Compra\" 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Uma fronteira de sistema \u00e9 \u00fatil ao distinguir o comportamento do sistema de atores e servi\u00e7os externos.<\/p>\n
5. Conectando atores e casos de uso<\/h2>\n
Uma associa\u00e7\u00e3o mostra que um ator participa ou interage com um caso de uso.<\/p>\n
Associa\u00e7\u00e3o n\u00e3o direcionada<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
Cliente -- Navegar\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Isso cria uma linha s\u00f3lida sem uma seta.<\/p>\n
Associa\u00e7\u00e3o direcionada<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
Cliente --> Navegar\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Isso cria uma linha s\u00f3lida com uma seta apontando para o caso de uso.<\/p>\n
Ambas as formas s\u00e3o comumente usadas. A dire\u00e7\u00e3o da seta deve ser escolhida de forma consistente de acordo com a comunica\u00e7\u00e3o ou responsabilidade que voc\u00ea deseja enfatizar.<\/p>\n
Associa\u00e7\u00e3o com um r\u00f3tulo<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
Cliente --> Checkout : inicia\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
O r\u00f3tulo descreve a intera\u00e7\u00e3o.<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
Cliente --> VerPedidos : visualiza o hist\u00f3rico de pedidos\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Para um layout mais leg\u00edvel, voc\u00ea pode usar uma seta mais longa:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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                    
Cliente ---> FinalizarCompra : inicia\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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
6. O <<include>><\/code> rela\u00e7\u00e3o<\/h2>\n
Um incluir<\/code>\u00a0a rela\u00e7\u00e3o representa um comportamento que \u00e9\u00a0sempre necess\u00e1rio<\/strong>\u00a0por outro caso de uso.<\/p>\n
Por exemplo, fazer um pedido pode sempre exigir valida\u00e7\u00e3o de pagamento:<\/p>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 : <<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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
A dire\u00e7\u00e3o \u00e9 importante:<\/p>\n
Caso de uso base ..> Caso de uso inclu\u00eddo : <<include>>\r\n<\/code><\/pre>\n
A seta aponta do caso de uso que precisa do comportamento para o caso de uso que fornece o comportamento reutiliz\u00e1vel.<\/p>\n
Exemplo<\/h3>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no 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 \"Checkout\" como Checkout\r\nusecase \"Validar Dados do Cliente\" como ValidateCustomer\r\nusecase \"Calcular Total do Pedido\" como CalculateTotal\r\nusecase \"Realizar Pagamento\" como 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>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEditar PlantUML no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
Isso significa:<\/p>\n
    \n
  1. \n
    O Checkout sempre valida os dados do cliente.<\/p>\n<\/li>\n
  2. \n
    O Checkout sempre calcula o total do pedido.<\/p>\n<\/li>\n
  3. \n
    O Checkout sempre realiza o pagamento.<\/p>\n<\/li>\n<\/ol>\n
    Use <<include>><\/code> quando o comportamento inclu\u00eddo \u00e9 obrigat\u00f3rio ou reutiliz\u00e1vel.<\/p>\n
    7. O <<extend>><\/code> rela\u00e7\u00e3o<\/h2>\n
    Uma extens\u00e3o<\/code> rela\u00e7\u00e3o representa comportamento opcional, condicional ou excepcional adicionado a um caso de uso base.<\/p>\n
    Por exemplo, a aplica\u00e7\u00e3o de um desconto pode ocorrer apenas quando o cliente possui um cupom v\u00e1lido:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    A dire\u00e7\u00e3o \u00e9:<\/p>\n
    Caso de uso de extens\u00e3o opcional ..> Caso de uso base : <<extend>>\r\n<\/code><\/pre>\n
    A seta aponta do comportamento opcional\u00a0para o caso de uso base<\/strong>.<\/p>\n
    Exemplo correto<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 \"Checkout\" as Checkout\r\nusecase \"Apply Discount Coupon\" 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Isso significa que\u00a0Aplicar Cupom de Desconto<\/code>\u00a0estende opcionalmente o\u00a0Finaliza\u00e7\u00e3o<\/code>processo.<\/p>\n
    Compara\u00e7\u00e3o entre incluir e estender<\/h3>\n\n\n\n\n\n\n
    Relacionamento<\/th>\nProp\u00f3sito<\/th>\nDire\u00e7\u00e3o da seta<\/th>\n<\/tr>\n<\/thead>\n
    <<incluir>><\/code><\/td>\nComportamento reutiliz\u00e1vel obrigat\u00f3rio<\/td>\nCaso de uso base \u2192 caso de uso inclu\u00eddo<\/td>\n<\/tr>\n
    <<estender>><\/code><\/td>\nComportamento opcional ou condicional<\/td>\nCaso de uso estendido \u2192 caso de uso base<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    Exemplo:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    Checkout ..> ValidatePayment : <<include>>\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Evite reverter essas rela\u00e7\u00f5es, pois a dire\u00e7\u00e3o altera seu significado.<\/p>\n
    8. Generaliza\u00e7\u00e3o de casos de uso<\/h2>\n
    A generaliza\u00e7\u00e3o mostra que um caso de uso \u00e9 uma forma especializada de outro caso de uso.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 \"Pesquisar Produtos\" as SearchProducts\r\nusecase \"Navegar Produtos\" 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    O tri\u00e2ngulo vazio aponta para o caso de uso mais geral.<\/p>\n
    Isso significa que Pesquisar Produtos<\/code> \u00e9 uma varia\u00e7\u00e3o especializada de Navegar pelos Produtos<\/code>.<\/p>\n
    A generaliza\u00e7\u00e3o \u00e9 menos comum do que incluir<\/code> e estender<\/code>, portanto, use-o apenas quando houver uma rela\u00e7\u00e3o genu\u00edna de pai-filho entre os casos de uso.<\/p>\n
    9. Generaliza\u00e7\u00e3o de ator<\/h2>\n
    Os atores tamb\u00e9m podem ter rela\u00e7\u00f5es de generaliza\u00e7\u00e3o.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    ator Cliente\r\nator \"Cliente Premium\" como PremiumCustomer\r\n\r\nPremiumCustomer -|> Cliente\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Isso indica que um cliente premium \u00e9 um tipo especializado de cliente e herda as intera\u00e7\u00f5es do ator geral.<\/p>\n
    Por exemplo:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 --> AplicarDesconto\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    10. Notas e anota\u00e7\u00f5es<\/h2>\n
    As notas adicionam explica\u00e7\u00f5es ou restri\u00e7\u00f5es a um diagrama.<\/p>\n
    Nota anexada a um caso de uso<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    note right of Checkout\r\n  O cliente deve fornecer\r\n  informa\u00e7\u00f5es de cobran\u00e7a v\u00e1lidas.\r\nend note\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Outras posi\u00e7\u00f5es incluem:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    note left of Checkout\r\n  Processo voltado ao cliente\r\nend note\r\n\r\nnote top of Checkout\r\n  Fluxo de trabalho principal do neg\u00f3cio\r\nend note\r\n\r\nnote bottom of Checkout\r\n  Inclui processamento de pagamento\r\nend note\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Sintaxe de nota curta<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    nota \u00e0 direita de Login : Autentica\u00e7\u00e3o de usu\u00e1rio \u00e9 necess\u00e1ria\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Nota independente com um alias<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    nota \"O pagamento deve ser autorizadonantes da confirma\u00e7\u00e3o do pedido\" como 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Conecte a nota a um elemento com uma linha tracejada:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Notas para restri\u00e7\u00f5es<\/h3>\n
    Notas s\u00e3o \u00fateis para documentar condi\u00e7\u00f5es:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    nota \u00e0 direita de ApplyDiscount\r\n  Comportamento opcional:\r\n  usado apenas quando um cupom\r\n  v\u00e1lido \u00e9 fornecido.\r\nfim da nota\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    11. Dire\u00e7\u00e3o do layout<\/h2>\n
    Por padr\u00e3o, o PlantUML escolhe um layout automaticamente. Voc\u00ea pode influenciar a dire\u00e7\u00e3o.<\/p>\n
    Layout da esquerda para a direita<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    dire\u00e7\u00e3o da esquerda para a direita\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Isso \u00e9 frequentemente \u00fatil para diagramas de casos de uso, porque os atores aparecem \u00e0 esquerda e os sistemas externos \u00e0 direita.<\/p>\n
    Layout de cima para baixo<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    dire\u00e7\u00e3o de cima para baixo\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Isso pode ser \u00fatil para diagramas compactos ou fluxos de trabalho organizados verticalmente.<\/p>\n
    Links de layout invis\u00edveis<\/h3>\n
    Um link invis\u00edvel pode influenciar o posicionamento sem exibir uma rela\u00e7\u00e3o vis\u00edvel:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    Cliente -[oculto]-> Checkout\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Isso \u00e9 \u00fatil para melhorar o layout do diagrama.<\/p>\n
    12. Estilizando o diagrama<\/h2>\n
    Remover sombras<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Usar pacotes e limites retangulares<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Definir cores<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Definir cores das setas<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Definir tamanho de fonte padr\u00e3o<\/h3>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Uma se\u00e7\u00e3o de estiliza\u00e7\u00e3o completa pode parecer com isto:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 {\n    BackgroundColor #F9FBFF\n    BorderColor #234\n}\n\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    13. Pacotes e agrupamento<\/h2>\n
    Pacotes podem agrupar casos de uso relacionados.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 \"Recursos do Cliente\" {\r\n    usecase \"Registrar Conta\" as Register\r\n    usecase \"Entrar\" as Login\r\n    usecase \"Navegar pelos Produtos\" as Browse\r\n}\r\n\r\npackage \"Recursos de Administra\u00e7\u00e3o\" {\r\n    usecase \"Gerenciar Produtos\" as ManageProducts\r\n    usecase \"Gerar Relat\u00f3rio de Vendas\" 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Pacotes s\u00e3o \u00fateis quando um diagrama cont\u00e9m muitos casos de uso.<\/p>\n
    Voc\u00ea tamb\u00e9m pode usar um ret\u00e2ngulo como um grupo:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 \"Gerenciamento de Pedidos\" {\r\n    usecase \"Fazer Pedido\" as PlaceOrder\r\n    usecase \"Rastrear Pedido\" as TrackOrder\r\n    usecase \"Cancelar Pedido\" 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    14. Sistemas externos<\/h2>\n
    Aplica\u00e7\u00f5es ou servi\u00e7os externos podem ser representados como atores.<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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                    
    ator \"Gateway de Pagamento\" como PaymentGateway\r\nator \"Servi\u00e7o de E-mail\" como EmailService\r\nator \"CRM Externo\" como 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Conecte-os aos casos de uso do sistema:<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    Isso separa claramente a funcionalidade do sistema dos servi\u00e7os fora dos limites do sistema.<\/p>\n
    15. Exemplo completo<\/h2>\n
    O exemplo a seguir combina as principais nota\u00e7\u00f5es da folha de refer\u00eancia.<\/p>\n
    \"Exemplo<\/p>\n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n
    \n
    \n
    \nPlantUML<\/span>
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no 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 Sistema de Compras Online - Diagrama de Casos de Uso\r\n\r\ndire\u00e7\u00e3o da esquerda para a direita\r\n\r\nskinparam shadowing false\r\nskinparam packageStyle rectangle\r\nskinparam actorStyle awesome\r\n\r\nskinparam usecase {\n    BackgroundColor #F9FBFF\n    BorderColor #333333\n}\n\nskinparam ArrowColor #555555\n\n' Atores\nactor Cliente as cliente\nactor \"Cliente Premium\" as premium\nactor Administrador as admin\nactor \"Gateway de Pagamento\" as payment\nactor \"Servi\u00e7o de E-mail\" as email\n\n' Generaliza\u00e7\u00e3o de atores\npremium -|> cliente\n\n' Limite do sistema\nrectangle \"Sistema de Compras Online\" {\n\n    ' Casos de uso do cliente\n    usecase \"Registrar Conta\" as Register\n    usecase \"Entrar\" as Login\n    usecase \"Navegar em Produtos\" as Browse\n    usecase \"Pesquisar Produtos\" as Search\n    usecase \"Ver Detalhes do Produto\" as ViewProduct\n    usecase \"Adicionar Produto ao Carrinho\" as AddToCart\n    usecase \"Ver Carrinho de Compras\" as ViewCart\n    usecase \"Finalizar Compra\" as Checkout\n    usecase \"Fazer Pedido\" as PlaceOrder\n    usecase \"Acompanhar Pedido\" as TrackOrder\n    usecase \"Cancelar Pedido\" as CancelOrder\n\n    ' Comportamento compartilhado inclu\u00eddo\n    usecase \"Validar Dados do Cliente\" as ValidateCustomer\n    usecase \"Calcular Total do Pedido\" as CalculateTotal\n    usecase \"Realizar Pagamento\" as MakePayment\n    usecase \"Enviar Confirma\u00e7\u00e3o do Pedido\" as SendConfirmation\n\n    ' Comportamento opcional\n    usecase \"Aplicar Cupom de Desconto\" as ApplyDiscount\n    usecase \"Solicitar Reembolso\" as RequestRefund\n\n    ' Casos de uso de administra\u00e7\u00e3o\n    usecase \"Gerenciar Produtos\" as ManageProducts\n    usecase \"Gerar Relat\u00f3rio de Vendas\" as SalesReport\n}\n\n' Associa\u00e7\u00f5es de atores\ncliente --> Register\ncliente --> Login\ncliente --> Browse\ncliente --> Search\ncliente --> ViewProduct\ncliente --> AddToCart\ncliente --> ViewCart\ncliente --> Checkout\ncliente --> TrackOrder\ncliente --> CancelOrder\n\npremium --> ApplyDiscount\npremium --> RequestRefund\n\nadmin --> ManageProducts\nadmin --> SalesReport\n\npayment --> MakePayment\nemail --> SendConfirmation\n\n' Rela\u00e7\u00f5es de inclus\u00e3o\nCheckout ..> ValidateCustomer : <<include>>\nCheckout ..> CalculateTotal : <<include>>\nCheckout ..> PlaceOrder : <<include>>\n\nPlaceOrder ..> MakePayment : <<include>>\nPlaceOrder ..> SendConfirmation : <<include>>\n\n' Rela\u00e7\u00f5es de extens\u00e3o\nApplyDiscount ..> Checkout : <<extend>>\nRequestRefund ..> CancelOrder : <<extend>>\n\n' Generaliza\u00e7\u00e3o de casos de uso\nSearch -|> Browse\n\n' Notas\nnote right of Checkout\n    Processo principal de compra do cliente\nend note\n\nnote right of ApplyDiscount\n    Comportamento opcional:\n    usado apenas quando um cupom\n    v\u00e1lido est\u00e1 dispon\u00edvel\nend note\n\nnote bottom of MakePayment\n    O pagamento \u00e9 tratado por\n    um gateway de pagamento externo\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>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
    \n
    \n<\/path><\/path><\/svg>
    \nEditar PlantUML no VPasCode<\/span>
    \n<\/a>\n<\/div>\n<\/div>\n
    \"Diagrama<\/p>\n
    16. Lendo o exemplo completo<\/h2>\n
    O diagrama comunica o seguinte:<\/p>\n