FeaturesPluginsDocs & SupportCommunityPartners

>> Mais documentação do NetBeans IDE

UML: Criando diagramas de atividade

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

Duração esperada: 30 minutos

Requisitos do tutorial

Antes de prosseguir, revise os requisitos nesta seção.

Este tutorial presume que o seu sistema atenda aos requisitos especificados na seção Requisitos do sistema das Notas de versão do NetBeans Enterprise Pack 6.0.

Pré-requisitos

Para que este tutorial possa ser usado, o IDE deve ser instalado em seu sistema e você deve estar familiarizado com as partes básicas do IDE. Você também deve ter uma familiaridade básica com a linguagem de programação em Java e UML. Para ter um conhecimento básico do IDE, consulte os tópicos de Fundamentos do IDE na ajuda on-line. Uma boa fonte para técnicas e teorias UML é a página de recursos UML oficial em http://www.uml.org/.

Software necessário para o tutorial

Antes de começar, baixe e instale o software seguinte:

início

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 aba 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 threads 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

início

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

  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 a localização 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 Terminar.
    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

início

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 verificaçã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 Terminar.
    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:

    Captura de tela mostrando o IDE depois da configuração inicial do diagrama de atividades

início

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 Í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. Nome a partição clicando duas vezes na palavra Unnamed na parte superior 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 deve se parecer com a figura seguinte.

    Captura de tela mostrando o diagrama de atividades com partições rotuladas

início

Identificado os estados de ação

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

Adicionando um grupo de atividades

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de grupo de atividades Í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 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.

início

Adicionando uma chamada

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de chamada Í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.

    Captura de tela mostrando o diagrama de atividades com partições e chamadas

  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 deve se parecer com a figura seguinte.

    Captura de tela mostrando o diagrama de atividades com chamadas rotuladas

início

Adicionando um elemento de nó inicial

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

início

Adicionando elemento de bifurcação horizontal

  1. Na seção Controle da Paleta de modelagem, clique no ícone de bifurcação horizontal Í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.

início

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 Í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 Í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 deve se parecer com a figura seguinte.

    Captura de tela mostrando o diagrama de atividade com elementos de controle
  6. Desmarque o ícone da decisão.

início

Colocando bordas e dependências

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

Adicionando um elemento de borda de atividade

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de borda de atividade Í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.

início

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:

    Captura de tela mostrando o diagrama de atividades com elementos da borda da atividade

início

Trabalhando com tipos de grupos e condições

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

Adicionando condições de guarda nas bordas de atividade
O recurso 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.

início

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 UML do IDE oferece três tipos de grupos:

  • 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:

    Captura de tela mostrando o diagrama de atividades concluído.

início

Resumo

Neste artigo, você criou um diagrama de atividades para uma aplicação bancária simples. Você aprendeu como criar um diagrama de atividades representativo usando os recursos oferecidos pelo UML do NetBeans.

Para obter mais informações sobre o UML, consulte a Ajuda online no IDE e visite a página do produto UML, que contém tutoriais adicionais, vídeo clipes e outras informações.

início

Próximas etapas

  • Para enviar comentários e sugestões, obter suporte e manter-se informado sobre as alterações mais recentes nos recursos de desenvolvimento do NetBeans IDE J2EE , junte-se à lista de usuários em .


início

>> Mais documentação da Modelagem UML

Bookmark this page

del.icio.us furl simpy slashdot technorati digg
Companion
Projects:
MySQL Database Server   Open JDK: an Open SourceJDK   GlassFish Community: an Open Source Application Server    Mobile & Embedded Community    Open Solaris   java.net - The Source for Java Technology Collaboration   Virtual Box - full virtualizer  Open ESB - The Open Enterprise Service Bus Powered by