Contribuição e manutenção de
Novembro de 2007 [Número da revisão: V1-4]
Esta publicação é aplicável à versão do NetBeans IDE 6.0.
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.
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:
Para começar este tutorial, você precisa primeiro criar um projeto UML e usar um diagrama de caso de uso.
Crie um novo diretório de trabalho chamado UMLTutorial em uma partição local do seu sistema.
No menu principal, escolha Arquivo > Novo projeto e, em seguida, faça o seguinte no assistente para Novo projeto:
Em Categorias, selecione UML.
Em Projetos, selecione Modelo de plataforma de Java.
Clique em Próximo
O assistente para Novo modelo de plataforma Java aparece.
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.
No campo Local do projeto, clique em Explorar.
Na caixa de diálogo Selecionar local do projeto, selecione UMLTutorial, que é o diretório criado na Etapa 1.
Clique em Abrir para fechar a caixa de diálogo.
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.
Na lista Tipo de diagrama, selecione Diagrama de caso de uso.
No campo Nome do diagrama, digite UseCaseDiagram.
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)
Nesta seção, você adiciona elementos de caso de uso usando a Paleta de modelagem no IDE.
Na seção Básico da Paleta de modelagem, selecione o í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.
Desmarque o ícone, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas ou pressionando a tecla ESC.
Caso ainda não tenha selecionado, selecione o elemento recém-adicionado, clicando nele uma vez.
Digite Withdraw Money e pressione Enter.
Isso rotula o elemento Withdraw Money.
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.
Desmarque o ícone, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas.
Selecione o elemento de uso de caso localizado abaixo de Withdraw Money.
Digite Withdraw Cash from ATM e pressione Enter.
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.
Na seção Básico da Paleta de modelagem, selecione o ícone de ator .
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.
Clique em ESC para desmarcar o ícone.
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 na barra de ferramentas Diagrama para reorganizar o diagrama de forma que possa visualizá-lo inteiramente no editor de diagramas.
Coloque mais cinco elementos de ator abaixo do ator Customer no Editor de diagramas.
Desmarque o ícone de ator, clicando em qualquer lugar no Editor de diagramas.
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.
Clique com o botão direito do mouse na aba UseCaseDiagram e escolha Salvar documento no menu pop-up.
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.
Na seção Básico da Paleta de modelagem, selecione o ícone de associação .
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.
Clique com o botão direito do mouse em qualquer local no Editor de diagramas para desmarcar o ícone de associação.
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.
Escolha Rótulos > Nome do link no menu pop-up.
O link é rotulado com o texto realçado Unnamed.
Digite o texto uses e pressione Enter.
O link é rotulado com o texto uses.
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:
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.
Na seção Básico da Paleta de modelagem, selecione o ícone de extensão .
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.
*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
Clique com o botão direito do mouse em qualquer local no Editor de diagramas para desmarcar o ícone de link de extensão.
Para reorganizar o diagrama, clique no botão Layout 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.
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
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
.