Modelagem UML: Reverter engenharia de aplicativos Java

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 reverter a engenharia do código-fonte de um aplicativo Java existente em um projeto de modelagem UML. No projeto UML, todas as classes e outros elementos do aplicativo são representados na janela Projetos sob o nó do projeto UML, enquanto o código Java original permanece em seu estado original. Este documento guia você através das diversas tarefas básicas, conforme indicadas pelos links de tópicos listados em Conteúdo.

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

Observação: Sempre que o ícone for mostrado, você poderá clicar para exibir uma demonstração interativa detalhada das etapas descritas no tutorial.

superior

Abrindo o projeto Java

Nesta seção, você abre o aplicativo Java BankApp fornecido com este tutorial como um projeto no IDE.

1. Crie um diretório em seu sistema de arquivos chamado UMLTut e descompacte o arquivo BankApp.zip no diretório.
2. No menu principal, escolha Arquivo > Abrir projeto.
3. Navegue para o diretório UMLTut que você acabou de criar e selecione o projeto BankApp.
4. Deixe a caixa de seleção Abrir como projeto principal selecionada e clique em Abrir pasta do projeto.
   Uma caixa de diálogo de progresso se abre e, em seguida, um nó do projeto BankApp é mostrado na janela Projetos.

 Exibir demonstração

superior

Criando um projeto UML por engenharia reversa

Agora, crie um novo projeto UML, revertendo a engenharia do projeto Java BankApp que você abriu na seção anterior.

1. 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 Reverter engenharia de um projeto Java.
   3. Clique em Próximo.
2. No campo Nome do projeto, digite UMLProject.
3. No campo Local do projeto, clique em Explorar para navegar até a pasta UMLTut.
4. Na caixa de diálogo Selecionar local do projeto, selecione a pasta UMLTut e clique em Abrir.
5. No campo Projeto de Java, selecione BankApp na lista suspensa.
6. Deixe as caixas de seleção marcadas na coluna Reverter engenharia.
7. Clique em Finalizar.
   A caixa de diálogo de progresso Abrir projetos se abre.
   O projeto UMLProject se abre na janela Projetos.

 Exibir demonstração

superior

Gerando um diagrama de classe

Nesta seção, você gera os diagramas de classes do aplicativo BankApp que importou na seção anterior.

1. Na janela Projetos, no nó UMLProject, expanda o nó Model e expanda o nó bankpack sob ele.
2. Selecione a pasta bankpack e todos os elementos sob a pasta bankpack, mantendo pressionada a tecla Shift ou a tecla Ctrl ao fazer a seleção.
3. Clique com o botão direito do mouse nos elementos selecionados e escolha Criar diagrama a partir de elementos selecionados no menu pop-up.
   O assistente para Criar novo diagrama se abre.
4. Na lista Tipo de diagrama, selecione Diagrama de classe.
5. Digite BankClassDiagram no campo Nome do diagrama, deixe UMLProject no campo Namespace e clique em Finalizar.
   O IDE realiza os seguintes procedimentos:
   
   • Cria um nó BankClassDiagram sob o nó Modelo
   • Exibe o novo diagrama no Editor de diagramas
   • Abre a Paleta de modelagem
   Observação: O novo diagrama BankClassDiagram consiste em todos os elementos selecionados por você na Etapa 2 .

 Exibir demonstração

superior

Explorando o projeto UML na janela Projetos

Esta seção guia você através das partes diferentes do aplicativo BankApp, explorando os recursos distintos da janela Projetos que representam os elementos do aplicativo.

1. Na janela Projetos, expanda o nó UML Project > Model > bankpack.
2. Expanda o nó BankAccount e seu nó Attributes.
   Todos os atributos da classe BankAccount estão contidos nesta pasta. Se houver menos do que três atributos, os atributos aparecerão sob o nó da classe sem uma pasta Attributes.
3. Selecione o nó Attribute chamado private double balance.
   A janela Propriedades mostra o nome do atributo e de suas propriedades.
4. Na janela Projetos, no nó da classe BankAccount, expanda o nó Operações .
   Todas as operações na classe BankAccount são exibidas sob esse nó.
5. Na classe BankAccount, expanda o nó Relacionamentos .
   Os nós dos três tipos de relações são exibidos: especializações, agregação e implementação.
6. Expanda o nó Especializações , em seguida, expanda os três nós Generalização.
   Os links de generalização mostram a relação entre a classe BankAccount com os elementos (as classes Checking, Platinum e Saving ).
7. (Opcional) Antes de continuar com a próxima seção, feche os nós expandidos sob a classe BankAccount.

 Exibir demonstração

superior

Explorando o Editor de diagramas

Nesta seção, você usa os botões da barra de ferramentas do diagrama para exibir o aplicativo em vários layouts UML no Editor de diagramas.

1. Clique duas vezes na guia BankClassDiagram na parte superior do Editor de diagramas.
   Esta ação estica a classe do Editor de diagramas para preencher o espaço inteiro da janela do IDE.
   
   Observação: Esta é uma alternância: Para reverter esta ação, clique duas vezes na guia BankClassDiagram novamente.
2. Permaneça no Editor de diagramas expandido e clique no botão Ajustar à janela na barra de ferramentas do Diagrama para exibir completamente o diagrama no editor expandido.
   
   Observação: Observe o campo de porcentagem do nível de zoom na barra de ferramentas do Diagrama. Você pode manipular o tamanho, digitando números diferentes neste campo.
3. Selecione o botão Layout simétrico na barra de ferramentas do diagrama e clique em Sim na caixa de diálogo de aviso de layout.
   O IDE organiza o diagrama BankClassDiagram em um estilo de layout simétrico.
4. Selecione o botão Layout hierárquico na barra de ferramentas do diagrama e clique em Sim na caixa de diálogo de aviso de layout.
   O IDE reorganiza o diagrama BankClassDiagram em um estilo de layout hierárquico com todos os elementos abaixo do pacote bankpack .
5. Selecione o botão Layout ortogonal na barra de ferramentas do diagrama e clique em Sim na caixa de diálogo de aviso de Layout.
   O IDE reorganiza o diagrama BankClassDiagram em um estilo de layout retangular.

 Exibir demonstração

superior

Usando a janela Visão geral

Aqui, use os recursos da janela Visão geral para obter uma visualização escalonável do diagrama no Editor de diagramas.

1. Clique duas vezes na guia BankClassDiagram na parte superior do Editor de diagramas expandido.
   O IDE retorna para a exibição de várias janelas.
2. Selecione 50% na lista suspensa de zoom e, em seguida, clique no botão Ajustar à janela na barra de ferramentas do diagrama.
   Usando o botão Ajustar à janela, o diagrama é escalonado da versão dimensionada de 50%, para que você possa ler melhor os rótulos.
3. Clique no botão da janela Visão geral na barra de ferramentas do diagrama para abrir a janela Visão geral.
   Uma janela pequena, escalonável, mostrando o diagrama inteiro é exibida. Uma caixa azul na janela indica o que aparece no Editor de diagramas.
   Observação: Talvez você precise aumentar a janela Visão geral ou selecionar uma escala mais alta na lista suspensa de zoom para ver a caixa azul.
4. Arraste a caixa azul sobre o elemento BankAccount.
   Isso focaliza o elemento BankAccount no centro do Editor de diagramas.
5. Para efetuar mais zoom em um elemento, clique em uma das alças no canto da caixa azul e diminua o tamanho da caixa. Ajuste o local da caixa para efetuar mais zoom em uma parte específica do diagrama.
6. Para efeturar menos zoom, clique em uma das alças da caixa azul e aumente o tamanho da caixa.
   Observe que o IDE diminui o zoom do diagrama.
7. Feche a janela Visão geral, clicando no X no canto direito superior ou clicando no botão da janela Visão geral uma segunda vez.
8. Clique no botão Ajustar à janela novamente na barra de ferramentas do diagrama

 Exibir demonstração

superior

Gerando um diagrama de dependência para uma classe

Agora, gere um diagrama de dependência de uma das classes no aplicativo BankApp.

1. Clique duas vezes na guia BankClassDiagram para alternar para a visão em tela inteira do diagrama.
2. Clique com o botão direito do mouse na classe BankAccount no Editor de diagramas e escolha Gerar diagrama de dependência no menu pop-up.
   O IDE cria um diagrama de dependência e abre uma guia BankAccountDependencies no Editor de diagramas para exibir o novo diagrama. Seu foco está agora na guia Editor de diagramas, mostrando o diagrama BankAccountDependencies. O diagrama BankAccountDependencies mostra os seguintes links de dependência:
   
   • Relacionamento de implementação com a interface Account
   • Link de agregação navegável com a classe History
   Observação: Usando esta opção, você pode criar um diagrama que mostra todas as dependências de qualquer objeto determinado.
3. Clique duas vezes na guia BankClassDiagram novamente para alternar para a visão de várias janelas do diagrama.
4. Na janela Projetos, expanda o nó da classe BankAccount sob a pasta Projeto UML > Modelo > bankpack.
   Você vê que um nó BankAccountDependencies foi adicionado, representando o diagrama de dependência que você acabou de criar.

 Exibir demonstração

superior

Gerando um diagrama de seqüência para uma operação

Agora, gere um diagrama de seqüência da operação do aplicativo withdraw. Examine como ele é representado como um diagrama e como elementos no Projeto UML na janela Projetos

1. Clique na guia BankAccountDependencies no Editor de diagramas.
2. Selecione o elemento BankAccount e ajuste o zoom para que você possa ler facilmente os rótulos da operação.
3. No Editor de diagramas, clique com o botão direito do mouse na operação withdraw e escolha Operação de engenharia reversa no menu pop-up.
   A caixa de diálogo Criar novo diagrama se abre.
4. Na lista Tipo de diagrama, selecione Diagrama de seqüência.
5. No campo Nome do diagrama, digite withdrawSD.
6. Aceite o valor padrão no campo Namespace e clique em Finalizar.
   Um diagrama de seqüência é exibido no Editor de diagramas.
7. Expanda o Editor de diagramas e manipule o nível de zoom para que você possa facilmente examinar o novo diagrama de seqüência.
   O diagrama de seqüência mostra o fluxo de controle, a seqüência de comportamento, além dos processos e ativações simultâneos.
8. Nas janelas Projetos, sob o nó de classe BankAccount, expanda o nó Operações, em seguida, expanda o nó de operação public void withdraw .
   Veja o novo nó do diagrama de seqüência withdraw .
9. Expanda o nó withdraw para ver os elementos do diagrama de seqüência representados na janela Projetos.

 Exibir demonstração

superior

Resumo

Neste tutorial, você aprendeu como reverter a engenharia de um aplicativo Java, importando seus dados em um modelo UML. Você aprendeu como realizar as seguintes tarefas:

• Gerar um diagrama de classe a partir do aplicativo Java importado
• Explorar os recursos da janela Projetos para representar os elementos do aplicativo
• Usar os botões da barra de ferramentas do diagrama para exibir o aplicativo em vários layouts de UML
• Usar a janela Visão geral como uma ferramenta de visualização
• Gerar um diagrama de dependência para uma das classes do aplicativo
• Gerar um diagrama de seqüência para uma operação e examinar como ela era representada como um diagrama e como elementos no Projeto UML na janela Projetos

superior