Modelagem UML: Criando diagramas de atividade

Este tutorial se aplica ao ambiente de desenvolvimento integrado do NetBeans™ 5.5 (o IDE) e o NetBeans 5.5, Módulo de modelagem UML.

Neste tutorial, você aprende como usar os recursos de modelagem UML do IDE para criar um diagrama de atividade UML simples. As etapas deste tutorial mostram uma forma representativa de criar um diagrama de atividade e apresenta alguns dos recursos oferecidos pelo módulo de modelagem UML. Este tutorial não ensina os conceitos de UML ou a linguagem de programação Java.

Para obter mais informações sobre como trabalhar com o NetBeans IDE, consulte a página Suporte e documentação no site do NetBeans.

superior

Diagrama de atividade - uma visão geral

Um diagrama de atividades é uma representação visual das atividades do sistema e dos fluxos de dados ou decisões entre as atividades. Quando você clica na guia Editor de diagramas de um diagrama de atividades, o IDE exibe uma seleção específica de ícones na Paleta de modelagem do IDE. Os diagramas de atividades fornecem uma visualização bem ampla de um processo comercial.

O diagrama pode ser usado para:

• Descrever atividades e fluxos de dados ou decisões entre atividades
• Fornecer uma visualização ampla dos processos comerciais
• Descrever as atividades que ocorrem em um caso de uso
• Mostrar muitas atividades diferentes usando pequenos símbolos diferentes
• Mostrar segmentos paralelos

A seguir são mostradas as tarefas envolvidas na criação de um diagrama de atividades. Esta tabela e os procedimentos seguintes descrevem uma forma de criar um diagrama de atividades.

1. Configurar o diagrama de atividades
   • Criar um projeto UML
   • Criar um pacote com diagrama de atividades com escopo vazio
2. Colocar partições
   • Adicionar partições
   • Adicionar subpartições
3. Identificar os estados de ação
   • Adicionar elementos
     • Adicionar grupo de atividades
     • Adicionar chamada
     • Adicionar elemento de nó inicial
     • Adicionar elemento de bifurcação horizontal
     • Adicionar nó final de atividade e nó de decisão
4. Colocar bordas e dependências
   • Adicionar borda de atividade
   • Adicionar dependências
   • Rotular as bordas
5. Trabalhar com tipos de grupos e condições
   • Adicionar condições de guarda a bordas de atividade
   • Selecionar e modificar tipos de grupos

superior

Configurando o diagrama de atividades

Para criar um diagrama de atividades, você deve primeiro criar o projeto UML e um pacote Java para conter um diagrama de atividades com escopo vazio. Esta seção contém os seguintes procedimentos:

• Criando um projeto UML
• Criando um pacote com diagrama de atividades com escopo vazio

Criando um projeto UML

1. No menu principal, escolha Arquivo > Novo projeto e, em seguida, adote o seguinte procedimento:
   1. Em Categorias, selecione UML.
   2. Em Projetos, selecione Modelo independente de plataforma.
   3. Clique em Próximo.
2. Digite ActivityDiagProj como o nome do projeto e ActivityDiagTut como o local do seu projeto.
   Observe que quando você digita o Nome do projeto, o IDE sugere esse nome automaticamente como o nome da Pasta do projeto.
3. Clique em Finalizar.
   O Novo assistente é aberto, exibindo a página Criar novo diagrama.
4. Para fins deste exemplo, clique em Cancelar.
   O IDE realiza os seguintes procedimentos:
   • Cria um projeto de modelagem independente de plataforma vazio
   • Exibe o ícone do projeto na janela Projetos

superior

Criando um pacote com diagrama de atividades com escopo

1. Na janela Projetos, clique com o botão direito do mouse no nó Modelo.
2. Escolha Adicionar > Pacote no menu pop-up.
3. No campo Nome, digite ActDiagPkg como o nome do seu pacote.
4. Aceite o valor padrão no campo Espaço de nome.
5. Selecione a caixa de seleção Criar diagrama com escopo.
6. No campo Nome do diagrama, digite actDiagram como o nome do seu diagrama.
7. Na lista Tipo de diagrama, selecione Diagrama de atividades e clique em Finalizar.
   O IDE realiza os seguintes procedimentos:
   • Cria um nó de pacote sob o nó Modelo com o nome do pacote que você inseriu
   • Cria um nome de diagrama sob o nó do pacote
   • Exibe o novo diagrama no Editor de diagramas (o diagrama está vazio neste ponto)
   • Abre a Paleta de modelagem exibindo os ícones que são usados para construir os diagramas de atividades
   
   O IDE deve parecer com a figura seguinte:
   
   

superior

Colocando partições

O IDE permite que você adicione partições ao seu diagrama de atividades. As partições dividem os nós e as bordas para restringir e mostrar a vista dos nós contidos.

1. Na seção Dados da Paleta de modelagem, selecione o ícone de partição .
2. Clique no Editor de diagramas para colocar um elemento de partição no diagrama.
   Um elemento de partição não nomeado é colocado no Editor de diagramas.
3. Desmarque o ícone de partição, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas.
4. Alongue o retângulo no lado esquerdo do Editor de diagramas.
5. Com o elemento de partição selecionado, clique com o botão direito do mouse e escolha Partições > Adicionar coluna à direita no menu pop-up.
6. Expanda a coluna direita da partição.
7. Nomeie a partição, clicando duas vezes na palavra Unnamed na parte superior da partição e digitando Bank.
8. Pressione Enter.
9. Nomeie a coluna esquerda, clicando duas vezes na palavra Unnamed na coluna esquerda e digitando Bank Lobby.
10. Dê à coluna direita o nome de Teller.
    Seu diagrama agora deve se parecer com a figura seguinte.
    
    

superior

Identificado os estados de ação

Esta seção contém os seguintes procedimentos:

• Adicionando um grupo de atividades
• Adicionando uma chamada
• Adicionando um elemento de nó inicial
• Adicionando elemento de bifurcação horizontal
• Adicionando um nó final de atividade e um nó de decisão

Adicionando um grupo de atividades

1. Na seção Básico da Paleta de modelagem, selecione o ícone de grupo de atividades .
2. Clique dentro da subpartição Bank Lobby no Editor de diagramas para colocar o elemento do grupo de atividades no diagrama dentro da subpartição esquerda.
   Isso aninha o grupo de atividades dentro da subpartição Bank Lobby.
3. Clique com o botão direito do mouse para desmarcar o ícone.
4. Clique duas vezes na palavra Unnamed no novo grupo de atividades, digite Customer e pressione Enter.
5. Selecione o grupo de atividades que você acabou de adicionar. Mova-o e aumente-o de forma a quase preencher esta subpartição.

superior

Adicionando uma chamada

1. Na seção Básico da Paleta de modelagem, selecione o ícone de chamada .
2. Clique dentro do elemento do grupo de atividades Customer na subpartição Bank Lobby para colocar os dois elementos de chamada no diagrama, um diretamente abaixo do outro.
3. Desmarque o ícone.
4. Mova e redimensione os elementos de chamada de forma que eles se ajustem completamente dentro do grupo de atividades Customer, como mostrado na figura seguinte.
   
   
   
   
5. Clique duas vezes no nó da chamada superior que você acabou de adicionar, digite Approach Teller Counter e pressione Enter para rotular o elemento.
6. Selecione o nó da chamada inferior e chame-o de Enter Transaction.
7. Coloque mais seis elementos de chamada dentro da subpartição Teller e chame-as da seguinte forma:
   • Receive Transaction Request
   • Search Customer Info
   • Send to Customer Service
   • Process Transaction
   • Update Account Info
   • Notify Customer
   Seu diagrama agora deve se parecer com a figura seguinte.
   
   

superior

Adicionando um elemento de nó inicial

1. Na seção Básico da Paleta de modelagem, selecione o ícone de nó inicial .
2. Clique na subpartição Bank Lobby à esquerda do elemento Approach Teller Counter.
3. Desmarque o ícone.

superior

Adicionando elemento de bifurcação horizontal

1. Na seção Controle da Paleta de modelagem, clique no ícone de bifurcação horizontal .
2. Coloque a barra que representa o elemento de bifurcação horizontal acima dos elementos de chamada Update Account Info e Notify Customer
3. Desmarque o ícone.
4. Aumente a barra para ajustar a largura de ambas chamadas.
5. Coloque outro elemento de bifurcação horizontal abaixo dos elementos de chamada Update Account Info e Notify Customer, e aumente a barra para ajustar a largura de ambas chamadas.

superior

Adicionando um nó final de atividade e um nó de decisão

1. Na seção Básico da Paleta de modelagem, selecione o ícone de nó final de atividade .
2. Coloque o nó final abaixo do elemento de bifurcação horizontal inferior.
3. Desmarque o ícone de nó final de atividade.
4. Na seção Controle da Paleta de modelagem, selecione o ícone de decisão .
5. Coloque o elemento de decisão no fluxo entre os elementos Search Customer Info e Send To Customer Service.
   Seu diagrama agora deve se parecer com a figura seguinte.
   
   
6. Desmarque o ícone da decisão.

superior

Colocando bordas e dependências

Esta seção contém os seguintes procedimentos:

• Adicionando um elemento de borda de atividade
• Adicionando mais elementos de borda de atividade

Adicionando um elemento de borda de atividade

1. Na seção Básico da Paleta de modelagem, selecione o ícone de borda de atividade .
   Use a borda de atividade para conectar o elemento de nó inicial ao elemento de chamada.
2. Clique uma vez no elemento de nó inicial e clique novamente no elemento de chamada rotulado Approach Teller Counter.
   Um link de borda de atividade agora conecta dois elementos. Os rótulos dos links da barra da atividades estão ocultos e precisam ser exibidos.
3. Desmarque o ícone, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas.
4. Selecione e clique com o botão direito do mouse no elemento da borda da atividade.
5. Escolha Rótulos > Mostrar nome no menu pop-up.
   O link é rotulado com o texto realçado Unnamed.
6. Para nomear o link, digite Initiate Cash Withdrawal e pressione Enter.

superior

Adicionando mais elementos de borda da atividade

1. Selecione o ícone da borda da atividade na seção Básico da Paleta de modelagem.
2. Desenhe os links seguintes:
   • De Approach Teller Counter para Enter Transaction
   • De Enter Transaction para Receive Transaction Request
   • De Receive Transaction Request para Search Customer Info
   • De Search Customer Info para o nó de decisão
   • Do nó de decisão para Send To Customer Service
   • Do nó de decisão para Process Transaction
   • De Process Transaction para Upper Horizontal Fork
   • De Upper Horizontal Fork para Update Account Info e Notify Customer
   • De Notify Customer para Lower Horizontal Fork
   • De Update Account Info para Lower Horizontal Fork
   • De Lower Horizontal Fork para Final State element
3. Clique com o botão direito do mouse para desmarcar o ícone.
   Seu diagrama agora deve se parecer com a figura seguinte:
   
   

superior

Trabalhando com tipos de grupos e condições

Esta seção contém os seguintes procedimentos:

• Adicionando condições de guarda a bordas de atividade
• Selecionando e modificando a propriedade GroupKind

Adicionando condições de guarda nas bordas de atividade

O recurso de modelagem UML permite que você adicione condições de guarda a um diagrama de atividades na janela Propriedades ou no Editor de diagramas.

1. No Editor de diagramas, clique com o botão direito do mouse no elemento da borda da atividade entre o nó de decisão e o elemento Send to Customer Service.
2. Escolha Rótulos < Mostrar condição de guarda no menu pop-up.
3. Dentro dos colchetes da condição de guarda, digite No Customer Info e pressione Enter.
4. Repita as etapas 2 e 3 da borda da atividade entre o nó de decisão e Process Transaction. Digite Customer Info para esta condição de guarda.

superior

Selecionando e modificando a propriedade GroupKind

No IDE, um grupo de atividades representa um loop no fluxo de uma atividade. Por exemplo, um grupo de atividades chama uma iteração que já existe no fluxo. O recurso de modelagem UML do IDE oferece três tipos de grupo:

• Iteração
• Estruturado
• Interruptível

1. No Editor de diagramas, selecione o do grupo de atividades rotulado Customer.
2. Na janela Propriedades na linha da propriedade GroupKind, clique na seta para baixo.
3. Selecione Estruturado na lista suspensa.
   O grupo de atividades Customer é rotulado no diagrama como um grupo estruturado.
   O diagrama de atividades concluído deve se parecer com a figura seguinte:
   
   
   

superior

Resumo

Neste artigo, você criou um diagrama de atividades para um aplicativo bancário simples. Você aprendeu como criar um diagrama de atividades representativo, usando os recursos oferecidos pelo módulo de modelagem UML.

Para obter mais informações sobre o módulo de modelagem UML do NetBeans 5.5, consulte a ajuda on-line no IDE e visite a página do projeto de modelagem UML do NetBeans, que contém tutoriais adicionais, vídeo clipes e outras informações.

superior