UML: Desenvolvendo aplicações

Neste tutorial, você aprende como usar os recursos UML do IDE para criar um diagrama de classe UML simples. Em seguida, use os recursos de geração de código e engenharia reversa para desenvolver uma aplicação bancária simples, que você pode testar executando uma classe de teste. Essa aplicação bancária é extremamente simplificado; um modelo real de uma aplicação desse tipo necessitaria de mais detalhes. A finalidade deste tutorial é introduzir alguns dos recursos UML do IDE, não ensiná-lo sobre os conceitos UML ou a linguagem de programação em Java.

Duração esperada: 25 minutos

Requisitos do tutorial

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

início

Criando o projeto Java da aplicação

Nesta seção, você cria um novo projeto Java da aplicação Java que irá desenvolver neste tutorial.

1. No menu principal, escolha Arquivo > Novo projeto e, em seguida, faça o seguinte no assistente para Novo projeto:
   
   1. Em Categorias, selecione Java.
   2. Em Projetos, selecione Aplicação Java
   3. Clique em Próximo.
2. No campo Nome do projeto, digite JavaPrj.
3. Para o campo Localização do projeto, clique em Explorar, navegue para qualquer diretório em seu computador. Clique em Abrir e digite MyPrj.
4. Desmarque as caixas de seleção Definir como projeto principal e Criar classe principal.
5. Clique em Terminar.
   Uma caixa de diálogo de progresso se abre.
   Quando o novo projeto JavaPrj é criado, se abre na janela Projetos.

 Exibir demonstração

início

Criando o projeto UML e o diagrama de classe

Nesta seção, você cria o projeto UML (ou projeto UML) e o diagrama de classe da aplicação. Um projeto UML é o mecanismo pelo qual você armazena e gerencia uma coleção de arquivos de um modelo UML. Um modelo UML contém todos os diagramas do modelo, seus elementos associados e os metadados relacionados ao modelo UML.

1. Para criar o projeto UML, escolha Arquivo > Novo projeto e, em seguida, faça o seguinte:
   
   1. Em Categorias, selecione UML.
   2. Em Projetos, selecione Modelo de plataforma de Java.
   3. Clique em Próximo.
   A caixa de diálogo Novo modelo de plataforma Java se abre.
2. No campo Nome do projeto, digite UMLPrj.
   Observe que quando você digita o Nome do projeto, o IDE sugere esse nome automaticamente como o nome da Pasta do projeto.
3. Verifique se o Local do projeto é MyPrj.
4. Clique em Terminar.
   O IDE cria o projeto UML e a caixa de diálogo Criar novo diagrama se abre.
5. Na lista Tipo de diagrama, selecione Diagrama de classe.
6. No campo Nome do diagrama, digite BankClassDiagram.
7. Deixe UMLPrj no campo Namespace e clique em Terminar.
   O IDE realiza os seguintes procedimentos:
   
   • Adiciona o nó do projeto UMLPrj na janela Projetos.
   • Cria um nó BankClassDiagram sob o nó Modelo
   • Exibe o novo diagrama no Editor de diagramas (o diagrama está vazio neste ponto)
   • Abre a Paleta de modelagem

 Exibir demonstração

início

Adicionando e definindo elementos de classe

Agora, adicione e defina os elementos de classe que formarão a sua aplicação Java. Use o ícone de classe na Paleta de modelagem para criar os elementos de classe.

1. Na seção Básico da Paleta de modelagem, selecione o ícone de classe e clique no Editor de diagramas.
   Esta ação coloca um elemento de classe no Editor de diagramas.
2. Desmarque o ícone de classe, clicando com o botão direito do mouse em qualquer lugar no Editor de diagramas.
3. Selecione o elemento de classe recém-adicionado, digite BankAccount e pressione Enter.
   O IDE realiza os seguintes procedimentos:
   
   • Rotula o elemento BankAccount
   • Cria uma operação pública, BankAccount()
   • Exibe as propriedades da classe BankAccount na janela Propriedades
4. Com o elemento de classe BankAccount selecionado no editor de diagramas, clique com o botão direito do mouse na palavra Atributos e escolha Inserir atributo no menu pop-up.
   Um editor de uma linha é aberto, exibindo a seguinte informação:
   

   visibility type name[ranges]=initialValue{name=value}

5. Digite balance e pressione Enter.
   Um atributo privado chamado balance do tipo int aparece na classe BankAccount. As operações seguintes são criadas na classe:
   
   • public int getBalance()
   • public void setBalance(int val)
6. Com o elemento de classe BankAccount ainda selecionado no Editor de diagramas, clique com o botão direito do mouse na palavra Operações e escolha Inserir operação no menu pop-up.
   Um editor de uma linha é aberto, exibindo a seguinte informação:
   

   visibility returnType name(parameter) {properties...}

7. Digite withdraw, mova o cursor (use a seta para frente em seu teclado) para os parênteses, digite int amount e pressione Enter.
   O IDE adiciona a nova operação no elemento de classe, da seguinte forma:

   public void withdraw(int amount)

 Exibir demonstração

início

Adicionando mais elementos ao diagrama

Nesta seção, use mais ícones UML na Paleta de modelagem para adicionar interfaces, pacotes, atributos e operações à sua aplicação.

1. Na seção Básico da Paleta de modelagem, selecione o ícone de pacote .
   
   Observação: se necessário, role para baixo para ver ícones Modelagem adicionais.
2. Clique no Editor de diagramas para adicionar um elemento de pacote ao diagrama de classe.
3. Clique com o botão direito do mouse em qualquer local no Editor de diagramas para cancelar a seleção do ícone de pacote.
   
   Observação: conforme você adiciona elementos de modelagem ao diagrama, é possível selecioná-los e arrastá-los para novas localizações no editor de diagramas para melhorar a aparência do diagrama. Tenha cuidado ao clicar com o botão direito do mouse, já que em algumas posições, essa ação abre um menu pop-up do Editor de diagramas. Se isso acontecer, basta clicar novamente no espaço em branco do Editor de diagramas.
4. Com o elemento de pacote selecionado, digite bankpack e pressione Enter.
5. Na seção Básico da Paleta de modelagem, selecione o ícone de interface e clique no Editor de diagramas.
6. Clique com o botão direito do mouse em qualquer local no Editor de diagramas para cancelar a seleção do ícone de interface.
7. Com o elemento de interface selecionado, digite Bank e pressione Enter.
8. Adicione uma operação deposit à interface Bank.
   Você adiciona operações nas interfaces da mesma forma que as adiciona em classes (Etapa 6 na seção precedente). Defina a operação da seguinte forma:
   

   public void deposit(int amount)

9. Na Paleta de modelagem, selecione o ícone de classe e clique no Editor de diagramas duas vezes.
10. Clique com o botão direito do mouse em qualquer local no Editor de diagramas para cancelar a seleção do ícone de classe.
    
    Observação: se você desenhar muitos elementos de classe, desmarque o ícone Classe, em seguida, clique com o botão direito do mouse no elemento de classe que deseja excluir e selecione Editar > Excluir.
11. Chame os elementos de classe de Checking e AccountTest e redimensione os elementos, se necessário.

 Exibir demonstração

início

Identificando associações entre elementos

Nesta seção, use os ícones UML da Paleta de modelagem para identificar a associação entre os elementos de classe.

1. Na seção Básico da Paleta de modelagem, selecione o ícone de implementação e clique dentro do elemento de classe BankAccount.
2. Clique dentro do elemento de interface Bank e clique com o botão direito do mouse em qualquer lugar do Editor de diagramas para desmarcar o ícone de implementação.
   Um link de implementação é mostrado entre a classe e o elemento de interface. Um link de implementação indica uma relação entre uma classe e uma interface.
3. Na seção Básico da Paleta de modelagem, selecione o ícone de generalização .
4. Clique dentro do elemento de classe Checking (a subclasse), em seguida, clique dentro do elemento de classe BankAccount (a superclasse).
   A caixa de diálogo Selecionar métodos para redefinir se abre.
5. Selecione o método withdraw e clique em OK.
   O IDE realiza os seguintes procedimentos:
   
   • Fecha a caixa de diálogo
   • Adiciona o método withdraw à classe Checking
   • Adicione o link de generalização entre dois elementos de classe relacionados
   Um link de generalização mostra a relação entre uma subclasse e a sua superclasse. As subclasses são refinamentos da superclasse, o que significa que elas podem herdar recursos (atributos e operações) da superclasse.
6. Clique com o botão direito do mouse no espaço em branco no Editor de diagramas para desmarcar o ícone de generalização.
7. Na seção Básico da Paleta de modelagem, selecione o ícone de link aninhado e clique dentro do elemento BankAccount e, em seguida, dentro do elemento de pacote bankpack.
8. Use o ícone Link aninhado, conforme descrito na etapa anterior, e conecte os elementos Checking, AccountTest e Bank ao pacote bankpack.
9. Desmarque o ícone de link aninhado.
   Um link aninhado indica como os elementos são organizados em grupos. Nesse caso, você organizou todos os elementos de classe em um grupo no pacote bankpack.
10. Pressione Ctrl-S em qualquer lugar no Editor de diagramas para salvar as alterações feitas no modelo.

 Exibir demonstração

início

Gerando código-fonte Java

Nesta seção, usando o recurso Gerar código de UML, você gera o código-fonte Java do modelo UML que criou nas seções anteriores.

1. Na janela Projetos, clique com o botão direito do mouse no nó UMLPrj e escolha Gerar código no menu pop-up.
   A caixa de diálogo Gerar código se abre. e especifique o projeto de destino.
2. Aceite as caixas de verificação padrão na caixa de diálogo Gerar código.
3. Clique em OK.
   O IDE gera o código e a janela de saída exibe o andamento do processo de geração do código.

 Exibir demonstração

início

Continuando o desenvolvimento usando engenharia reversa

Nesta seção, você continua com o desenvolvimento da sua aplicação, modificando o código-fonte gerado no Editor de código-fonte e usando o recurso Reverter engenharia para atualizar o modelo UML da sua aplicação.

1. Na janela Projetos, expanda o nó UMLPrj > Modelo > bankpack .
2. Clique com o botão direito do mouse no nó BankAccount e escolha Navegar até a origem no menu pop-up.
3. Adicione o código seguinte ao método deposit no Editor de código-fonte:
   

   setBalance(getBalance() + amount);

4. Sob o nó UMLPrj > Modelo > bankpack na janela Projetos, clique com o botão direito do mouse no nó AccountTest e escolha Navegar para código-fonte no menu pop-up.
5. Digite (ou copie e cole) o código seguinte no Editor de código-fonte:
   

   public static void main(String[] args) {
   Checking myChecking = new Checking();
   myChecking.deposit(100);
   System.out.println("Checking Balance is: " +
   myChecking.getBalance() );
   }

   Este código cria um novo objeto Checking e especifica um depósito de US$ 100 e, em seguida, imprime os resultados.
   
6. Clique com o botão direito do mouse no editor de código-fonte e escolha Formatar código.
7. Pressione Ctrl-S em qualquer lugar no Editor de código-fonte para salvar as alterações feitas no arquivo de origem AccountTest.java.
8. Clique novamente com o botão direito do mouse no Editor de código-fonte e escolha Reverter engenharia no menu pop-up.
   A caixa de diálogo Engenharia reversa se abre.
9. Selecione Usar projeto UML existente na caixa de diálogo Reverter engenharia e escolha UMLPrj como o projeto de destino.
10. Clique em OK para chamar o processo de engenharia reversa.
11. A caixa de diálogo Autorização para sobrescrever elemento de modelo aparece, solicitando que você confirme a sobrescrição do elemento do modelo AccountTest. Clique em Sim/ Sim para todos.
12. Clique na aba BankClassDiagram.
    Observe que o método principal recém-indicado aparece no elemento de classe AccountTest no diagrama de classe.
    Usando o recurso Reverter engenharia, as alterações feitas no projeto de origem Java podem ser refletidas no projeto do modelo UML correspondente.

 Exibir demonstração

início

Testando o seu trabalho

Agora construa e execute o seu projeto.

1. Na janela Projetos, clique com o botão direito do mouse no nó JavaPrj e escolha Construir no menu pop-up.
2. Na janela Projetos, clique com o botão direito do mouse no nó JavaPrj e escolha Executar no menu pop-up.
   A caixa de diálogo Executar projeto se abre.
3. Na caixa de diálogo Executar projeto, clique em OK para selecionar bankpack.AccountTest como a classe principal.
   O IDE executa a aplicação e exibe a seguinte saída na janela Saída:

   O saldo é: 100

Agora você concluiu a aplicação.

 Exibir demonstração

início

Resumo

Neste tutorial, você criou um diagrama de classe de uma aplicação bancário simples. Você aprendeu como realizar as seguintes tarefas:

• Criar um projeto UML
• Usar os ícones UML da Paleta de modelagem para criar classes, interfaces, pacotes, atributos e operações
• Vincular as classes com as associações UML
• Exibir os elementos que você criou no Editor de diagramas no projeto UML conforme representados na janela Projetos
• Gerar o código-fonte dos elementos criados no Editor de diagramas no projeto UML e exibir o código-fonte gerado no Editor de código-fonte.
• Usar os recursos geração de código e engenharia reversa para ir para frente e para trás entre a modelagem e o desenvolvimento do código no Editor de código-fonte
• Compilar e executar classes no Editor de código-fonte

início

Próximas etapas

• Para saber mais sobre o recurso UML, conclua o tutorial Engenharia reversa.

• 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