FeaturesPluginsDocs & SupportCommunityPartners

UML: Criando diagramas de caso de uso

Neste tutorial, você aprende como usar os recursos UML do IDE para criar um diagrama de caso de uso UML simples. Usando o modelo de diagrama de caso de uso, você mostra a relação entre atores e os casos de uso em uma aplicação. O digrama de caso de uso que você cria controla várias funções e aquelas que interagem com as funções em uma aplicação bancária teórico.

Um diagrama de caso de uso é útil quando você está descrevendo os requisitos de um sistema nos estágios de análise, design, implementação e documentação. A finalidade deste tutorial é introduzir o diagrama de caso de uso UML do IDE, não ensiná-lo sobre os conceitos UML ou a linguagem de programação Java.

Duração esperada: 30 minutos

Requisitos do tutorial

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

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/.

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

Software necessário para este tutorial

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

início

Criando o projeto UML e o diagrama de caso de uso

Para começar este tutorial, você precisa primeiro criar um projeto UML e usar um diagrama de caso de uso.

  1. Crie um novo diretório de trabalho chamado UMLTutorial em uma partição local do seu sistema.
  2. No menu principal, escolha Arquivo > Novo projeto e, em seguida, faça o seguinte no assistente para Novo projeto:
    1. Em Categorias, selecione UML.
    2. Em Projetos, selecione Modelo de plataforma de Java.
    3. Clique em Próximo
      O assistente para Novo modelo de plataforma Java aparece.
  3. No campo Nome do projeto, digite UMLTutorialProject.
    Observe que quando você digita o Nome do projeto, o IDE sugere esse nome automaticamente como o nome da Pasta do projeto.
  4. No campo Local do projeto, clique em Explorar.
  5. Na caixa de diálogo Selecionar local do projeto, selecione UMLTutorial, que é o diretório criado na Etapa 1.
  6. Clique em Abrir para fechar a caixa de diálogo.
  7. Na página Nome e localização, clique em Terminar.
    O IDE cria o projeto UML e o Novo assistente abre e exibe a caixa de diálogo Criar novo diagrama.
  8. Na lista Tipo de diagrama, selecione Diagrama de caso de uso.
  9. No campo Nome do diagrama, digite UseCaseDiagram.
  10. Deixe UMLTutorialProject no campo Espaço de nome e clique em Terminar.
    O IDE realiza os seguintes procedimentos:
    • Cria um nó UseCaseDiagram sob o nó Modelo
    • Exibe o novo diagrama no Editor de diagramas (o diagrama está vazio neste ponto)
    • Abre a Paleta de modelagem

início


Adicionando e rotulando elementos de caso de uso

Nesta seção, você adiciona elementos de caso de uso usando a Paleta de modelagem no IDE.

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de caso de uso Ícone de caso de uso e clique uma vez na porção esquerda superior do Editor de diagramas.

    Esta ação coloca um elemento de caso de uso no diagrama.
  2. Desmarque o ícone, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas ou pressionando a tecla ESC.
  3. Caso ainda não tenha selecionado, selecione o elemento recém-adicionado, clicando nele uma vez.
  4. Digite Withdraw Money e pressione Enter.
    Isso rotula o elemento Withdraw Money.
  5. Selecione o ícone de caso de uso novamente e coloque mais sete elementos de caso de uso no diagrama. Coloque os elementos em quatro linhas que consistem em dois elementos horizontalmente em cada linha.
  6. Desmarque o ícone, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas.
  7. Selecione o elemento de uso de caso localizado abaixo de Withdraw Money.
  8. Digite Withdraw Cash from ATM e pressione Enter.
  9. Rotule os elementos de caso de uso restantes da seguinte forma:
    • Deposit Money
    • Process a Loan
    • Apply for Loan
    • Deposit Cash at ATM
    • Service ATMs
    • Update Customer Database
    Dica: conforme adiciona e rotula elementos de diagrama, você pode redimensioná-los como necessário, clicando com o botão direito do mouse no elemento e selecionando Redimensionar elemento ao conteúdo no menu pop-up.

    O diagrama agora deve se parecer com a figura seguinte.

    Captura de tela mostrando o diagrama de caso de uso com os casos de uso rotulados

início

Adicionando e rotulando elementos de ator

Agora, adicione e rotule os elementos de ator.

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de ator Ícone de ator.
  2. Clique uma vez à direita do elemento de caso de uso Apply for a Loan para colocar o elemento de ator no diagrama.

    Um elemento de ator não nomeado é colocado no Editor de diagramas.
  3. Clique em ESC para desmarcar o ícone.
  4. Selecione o elemento de ator que você acabou de colocar no diagrama, digite Customer e pressione Enter.
    O elemento de ator é rotulado.

    Dica: conforme você adiciona mais elementos de diagrama, clique no botão Ajustar à janela ícone Ajustar à janela na barra de ferramentas Diagrama para reorganizar o diagrama de forma que possa visualizá-lo inteiramente no editor de diagramas.
  5. Coloque mais cinco elementos de ator abaixo do ator Customer no Editor de diagramas.
  6. Desmarque o ícone de ator, clicando em qualquer lugar no Editor de diagramas.
  7. Rotule os elementos de ator recém-adicionados da seguinte forma:
    • Employees
    • Bank Teller
    • Loan Officer
    • Technician
    • Bank Computer
    O diagrama deve se parecer com a figura seguinte.

    Captura de tela mostrando o diagrama de caso de uso com atores rotulados

  8. Clique com o botão direito do mouse na aba UseCaseDiagram e escolha Salvar documento no menu pop-up.

início


Vinculando elementos de ator a outros elementos de ator

Nesta seção, você vincula os elementos de ator entre si, usando a generalização.

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de generalização Ícone de generalização.
  2. Clique no elemento Bank Teller, em seguida, clique no elemento Employees.

    Um link se encaixa entre os dois elementos de ator. As informações sobre a notação de generalização aparecem na janela Propriedades.
  3. Clique com o botão direito do mouse em qualquer local no Editor de diagramas para desmarcar o ícone de generalização.
  4. No Editor de diagramas, selecione o link de generalização.
  5. Na janela Propriedades, clique no botão de reticências da propriedade Estereótipos (...).

    O assistente Estereótipos se abre.
  6. Clique em Adicionar e, em seguida, clique no campo Nome em branco e digite implementation.
  7. Clique em OK.

    O link é rotulado de <<implementation>>.
  8. Adicione links de generalização para o seguinte:

    Loan Officer para Employees
    Technician para Employees

início

Vinculando elementos de ator para usar elementos de caso de uso

Nesta seção, você vincula os elementos de ator com os elementos de uso de caso usando associações.

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de associação Ícone de associação.
  2. Clique no elemento Customer e, em seguida, clique no elemento de caso de uso Withdraw Cash From ATM.

    Um link se encaixa entre o ator e o caso de uso.
  3. Clique com o botão direito do mouse em qualquer local no Editor de diagramas para desmarcar o ícone de associação.
  4. Com o novo link de associação ainda selecionado, aponte o cursor para o centro da linha que representa o link e clique com o botão direito do mouse no link de associação.

    Observação: quando o link é selecionado, ele aparece em azul. Pode ser bem complicado manter o cursor no link. Se o cursor estiver apontando para o espaço em branco ao clicar com botão direito do mouse, talvez você veja o menu pop-up do Editor de diagramas em vez do menu pop-up do link. Tente novamente, verificando se o link está azul, clicar com o botão direito do mouse e você deve ver o menu pop-up correto do link, como mostrado na figura seguinte.

    Captura de tela mostrando o menu pop-up para rotular o link de associação

  5. Escolha Rótulos > Nome do link no menu pop-up.
    O link é rotulado com o texto realçado Unnamed.
  6. Digite o texto uses e pressione Enter.
    O link é rotulado com o texto uses.
  7. Na seção Básico da Paleta de modelagem, selecione o ícone de associação e adicione mais sete links, conectando os atores e os casos de uso, clicando primeiro no elemento de ator e, em seguida, no elemento de caso de uso, da seguinte forma:
    • Customer para Deposit Cash at ATM
    • Customer para Apply for Loan
    • Bank Teller para Withdraw Money
    • Bank Teller para Deposit Money
    • Bank Computer para Update Customer Database
    • Technician para Service ATMs
    • Loan Officer para Process a Loan
  8. Desmarque o ícone de associação.

início


Usando links de extensão

Um link de extensão mostra uma relação de um caso de uso com outro, especificando como o comportamento definido para o caso de uso de extensão pode ser inserido no comportamento definido para o caso de uso base.

  1. Na seção Básico da Paleta de modelagem, selecione o ícone de extensão Ícone de extensão.
  2. Clique uma vez no elemento Withdraw Cash From ATM e clique novamente no elemento Withdraw Money.

    Um link rotulado <<extend>> é desenhado com a seta apontando na direção do elemento Withdraw Money.
  3. *Repita as etapas 1 e 2 para desenhar links de extensão entre os seguintes casos de uso:

    Deposit Cash at ATM > Deposit Money
    Process a Loan > Apply for Loan
  4. Clique com o botão direito do mouse em qualquer local no Editor de diagramas para desmarcar o ícone de link de extensão.
  5. Para reorganizar o diagrama, clique no botão Layout ortogonal Ícone de estilo ortogonal na barra de ferramentas do diagrama e clique em Sim na caixa de diálogo de aviso de layout.

    Observação: você precisa expandir o diagrama para ver o botão Layout ortogonal na barra de ferramentas. Para fazê-lo, clique duas vezes na aba UseCaseDiagram. Você também pode clicar com o botão direito do mouse no Editor de diagramas e escolher Layout > Ortogonal no menu pop-up. O IDE reorganiza o diagrama UseCaseDiagram em um estilo de layout retangular. Seu diagrama concluído deve se parecer com a figura seguinte. Seu diagrama pode ter um layout ligeiramente diferente. Desde que as relações e os elementos estejam refletidos corretamente, qualquer pequena diferença de aparência é normal.

    Captura de tela mostrando o diagrama de caso de uso concluído.

  6. Pressione Ctrl-S para salvar o diagrama.

início

Resumo

Neste tutorial, você aprendeu como criar um diagrama de caso de uso de uma aplicação bancária simples. Você aprendeu como realizar as seguintes tarefas:

  • Criar um projeto UML
  • Criar um diagrama de caso de uso
  • Usar os ícones UML da Paleta de modelagem para criar casos de uso e atores
  • Conectar os casos de uso e os atores para mostrar as funções da aplicação

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