Atualização sobre os Recursos de Modelagem UML no IBM Rational Software Architect versão 8.0: Parte 1. Perspectiva de modelagem, propriedades, navegação e aprimoramentos na diagramação

Este artigo destaca algumas das novas funcionalidades dos componentes de modelagem UML do IBM® Rational® Software Architect versão 8.0, e explica como aproveitar vários recursos adicionados recentemente. O primeiro artigo da série descreve a perspectiva de modelagem reprojetada, a nova janela pop-up Properties, navegação simplificada dentro dos modelos e aprimoramentos nos diagramas.

Wayne Diu, Software developer, IBM Canada

Wayne DiuNikhil é engenheiro de software de sistemas e atualmente trabalha com a equipe de suporte nível 2 do Tivoli Directory Server, nos Laboratórios de Software IBM Índia. É formado em Engenharia da Computação pelo Pune Institute of Computer Technology, de Pune (Índia).


nível de autor Contribuidor do
        developerWorks

13/Dez/2010

Aprimoramentos no componente UML Modeler

No IBM® Rational® Software Architect Standard Edition versão 8, o IBM® Rational® Software Modeler está incluído como um componente chamado UML Modeler. Dessa forma, o que antes era dois produtos agora é apenas um. Fornece BPMN 2 (Business Process Modeling Notation), UML 2 (Linguagem de Modelagem Unificada, visualização de código e suporte reconciliado de modelagem para Java™, C# e VB.NET (Microsoft® Visual Basic® .NET). É possível ampliar essa plataforma de base com um conjunto de extensões opcionais que fornecem recursos que vão de colaboração e simulação a implementação e modelagem ou uso de estruturas de arquitetura integrada. iWidgets® Os usuários do Rational® Software Modeler se beneficiam desta alteração, pois agora os recursos de visualização de código e engenharia roundtrip são obtidos como parte da mudança para o Rational Software Architect versão 8.

Este artigo descreve vários aprimoramentos incluídos no componente UML Modeler para ajudá-lo a criar diagramas mais claros, prevenir ou resolver problemas e colaborar com colegas.


Visualizações mais claras e convenientes

Como parte dessa mudança significativa, a perspectiva Modeling foi melhorada.

Perspectiva Modeling

Se você começar a partir de uma nova área de trabalho ou reconfigurar a perspectiva (em Window > Reset Perspective), certamente reconhecerá que a perspectiva Modeling padrão foi alterada no IBM Rational Software Architect versão 8.0. Por padrão, a perspectiva Modeling contém apenas quatro visualizações:

  • Project Explorer
  • Layers (nova)
  • Outline
  • Properties

O restante das visualizações (como Inheritance Explorer) está disponível como Fast Views ao clicar no botão Fast View na parte inferior esquerda da janela do aplicativo.

A perspectiva anterior foi renomeada como Classic Modeling. Ela continua apenas para fins de compatibilidade — portanto, é melhor usar a nova.

Properties

Embora a visualização clássica Properties ainda seja suportada, agora há um tipo de visualização mais conveniente disponível na forma de uma janela pop-up de diálogo, mostrada na Figura 1. Ela oferece acesso fácil às propriedades dos elementos selecionados sem ocupar muito espaço na tela. Para acessar a nova visualização, selecione Properties no menu de contexto do elemento, menu a partir de Project Explorer ou do diagrama.

No exemplo da Figura 1, são mostradas as propriedades gerais do elemento selecionado (Central System::Main). Para mostrar outras propriedades do elemento, use as setas à direita ou à esquerda na barra de título para alternar as páginas de propriedades. A seta para baixo, ao lado de "General", exibe uma lista de páginas de propriedades que estão disponíveis para o elemento selecionado, o que corresponde às guias de propriedades disponíveis na visualização Properties clássica.

Figura 1. Mostrando as propriedades de um elemento a partir do Project Explorer
The Properties pop-up window

Visão expandida da Figura 1.

Propriedades e navegação simplificada

Também é possível acessar a janela pop-up Properties usando os hyperlinks clicáveis que simplificam a navegação. Ao passar o mouse sobre os nomes dos elementos nos diagramas, é exibida uma dica pop-up com um ou mais hyperlinks (veja a Figura 2). Ao clicar no hyperlink, as propriedades do elemento são mostradas. Ao passar o mouse sobre os atributos , é exibido um link para o atributo em si e para o tipo de atributo (caso um tipo tenha sido configurado. Ao passar o mouse sobre as operações , é exibido um link para a operação e cada um dos seus parâmetros. Além disso, algumas tabelas contêm colunas nas quais é possível selecionar um tipo. As células dessas colunas contêm um botão com uma seta à direita ->. Também é possível acessar as propriedades na janela pop-up pressionando esse botão de seta; a partir daí, é possível ir para as propriedades do tipo que você selecionou.

Figura 2. Os hyperlinks aparecem em uma dica de ferramenta pop-up
Diagram with hyperlink tip

Visualização maior da Figura 2.

Além da simplificação da navegação para as propriedades dos elementos, a navegação para o elemento no Project Explorer também foi melhorada. Além da possibilidade de navegar para o elemento principal, também se pode navegar para certos elementos referidos. Como nas versões anteriores do software, você localiza o elemento no Project usando o submenu Navigate do menu de contexto ou menu suspenso do elemento. Nos diagramas de sequência, se você seleciona uma linha de vida no diagrama, além de poder navegar para a linha de vida correspondente no Project Explorer, é possível navegar para a propriedade ou para o tipo da linha de vida escolhida. No caso de uma Behavior Execution Specification, é possível navegar para o comportamento referido. Em diagramas de atividades, também é possível navegar para o elemento referido, no caso de elementos, como a ação Send Signal (que faz referência a um sinal) e a operação Call Behavior (que faz referência a uma operação).

É possível usar o botão de seta na barra de ferramentas Properties para navegar para o elemento no Project Explorer, ao passo que o botão de seta na célula da coluna Type (Figura 3) pode ser usado para navegar para as propriedades do tipo.

Figura 3. A página de propriedades dos atributos
Arrow is selected for the resolution element type

Visualização maior da Figura 3.

É possível ampliar por meio de programação essa funcionalidade do hyperlink implementando as interfaces públicas ILinkProvider eINavigationProvider em com.ibm.xtools.rmp.ui.


Aprimoramentos nos diagramas

Agora os recursos de diagramação estão mais fáceis de usar, e vários aprimoramentos deixam os diagramas mais claros e esteticamente agradáveis.

Temas

Frequentemente, é recomendável aplicar um determinado estilo de formatação às formas e conectores nos diagramas. Para suportar isso, o recurso UML Modeler agora usa o conceito de temas: estilos reutilizáveis que podem ser aplicados automaticamente a formas e conectores. Formas e conectores já existentes podem ter estilos aplicados individualmente a eles. Dessa forma, é possível aplicar temas diferentes a elementos diferentes no diagrama.

O UML Modeler inclui 10 temas predefinidos, e é possível customizá-los para criar a sua própria versão. Para criar os seus próprios temas ou selecionar o tema padrão:

  1. A partir da visualização Preferences (a partir do menu Window , clique em Preferences), selecione Modeling e, a seguir, em Appearance.
  2. No painel Appearance, você encontrará uma lista de todos os temas padrão, juntamente com os temas que você incluiu. No final dessa lista de temas, é possível selecionar a opção New para criar um novo tema (veja a Figura 4).
Figura 4. O painel Appearance na visualização Preferences
The Preferences window

Para incluir um novo tema, selecione o item Add ou Details . Os novos temas são criados pela customização de um tema já existente. Portanto. quando a janela Theme Details aparece, ela exibe os detalhes de um tema já existente.

Figura 5. A visualização Theme Details exibe os detalhes de um tema já existente
Columns: Appearance, Element Type, Palette Drawer

Os tipos de elemento listados em cada linha da visualização Theme Details são os tipos aos quais um estilo específico foi aplicado. Os botões da parte inferior estão relacionados ao tema geral, ao passo que os botões à direita estão relacionados à inclusão e exclusão de estilos para um tema determinado. Dessa forma, por exemplo, o botão Delete à direita está relacionado à exclusão da aparência associada a um tipo de elemento, ao passo que o botão Delete na parte inferior é usado para excluir o tema inteiro que esteja sendo exibido no momento.

  1. Para customizar os estilos para tipos de elementos adicionais ainda não definidos pelo tema atual, siga estas etapas:
  2. Clique no botão Add à direita. Aparece o assistente Element Types .
  3. Selecione os tipos de elemento a ser dados para uma determinada aparência. É conveniente selecionar somente as formas e os conectores que devem ser dados à mesma aparência ou estilo.

Depois de selecionar os tipos de elemento e clicar no botão Next , você deve selecionar uma aparência já existente para aplicar aos tipos de elemento que você marcou. Há 48 formas padrão e 12 conectores padrão para escolher; é possível incluir as suas próprias formas e conectores.

  1. Para customizar a aparência, selecione o último item da lista: New.
  2. Quando a janela Shape Appearance Details ou Connector Appearance Details aparece, é possível escolher os detalhes da sua forma ou conector.
  3. Certifique-se de clicar no botão Save As na parte inferior da tela para salvar a aparência customizada.
Figura 6. Use o assistente Element Types para escolher a aparência das formas e conectores
The Element Types view, Default connector selected

Visualização maior da Figura 6.

É possível repetir o processo para tipos de elemento adicionais e escolher aparências diferentes para eles. (Mais uma vez, é recomendável selecionar apenas as formas e os conectores que devem ter o mesmo estilo de aparência e, em seguida, continuar repetindo o processo.)

Para ajustar a aparência de tipos de elemento individuais depois da inclusão, você tem duas opções.

  • A primeira é selecionar o tipo de elemento a partir das opções de Theme Details e, em seguida, clicar em Delete e incluir novamente usando Add .
  • A outra é selecionar o tipo de elemento e clicar no botão de reticências (…) que aparece. Ao fazer isso, será mostrado um menu suspenso com todas as aparências padrão, bem como as que você definiu.

Aplicando temas a elementos de diagrama

Se você quer aplicar uma aparência específica a um elemento de diagrama, pode fazer isso por meio de uma das duas formas a seguir.

  1. Selecionar o elemento e mostrar suas propriedades, ou selecionando Properties a partir do menu de contexto do elemento (clicando com o botão direito no elemento) ou exibindo a visualização Properties clássica. A seguir, escolha a página Appearance a partir do menu suspenso Select an existing appearance , escolha o tema que você quer aplicar à forma ou ao conector.
  2. Acesse o menu de contexto da forma e escolha o item de menu Appearance . A janela de diálogo Shape Appearance Details aparecerá. A partir daí, é possível customizar antes de aplicar a aparência.
Figura 7. Escolha o matiz a partir da janela Shape Appearance Details
The Gradient Selection pop-up view

Visualização maior da Figura 7.

Mais customização das formas

Ao trabalhar com temas, você deve ter notado que há muitas outras opções de aparência para escolher. Em relação às formas, essas opções incluem transparência, matizes melhorados e mais controle sobre a largura das linhas. Além disso, os compartimentos individuais da forma agora suportam o estilo da borda. Em relação aos conectores, essas opções incluem cantos arredondados e atributos de linha, incluindo a opção de larguras da linha, tipos de linha e tipos de seta.

Há mais opções de customização das formas disponíveis dentro da guia de propriedade Appearance . A configuração da espessura da linha é feita a partir de Use o menu suspenso Line width no grupo Border para configurar a espessura da linha e escolha um matiz de preenchimento usando o menu suspenso Fill color em Fill .

A Figura 8 mostra uma classe se sobrepondo a um agente. A possibilidade de configurar a transparência é particularmente útil quando há formas que se sobrepõem a outras formas.

Figura 8. Uma classe se sobrepondo a um agente
A diagram and a properties selection window

Visualização maior da Figura 8.

Nota:
Para seguir a especificação UML, nem todos os parâmetros de linha são configuráveis em relação a conectores UML. Por exemplo: não teria sentido poder representar uma associação usando uma linha tracejada. Para aproveitar os aprimoramentos de linha no seu diagrama, use o item de paleta Line no desenhador de paletas Geometric Shapes . Dessa forma, é possível desenhar linhas de forma livre sem as restrições do UML.

Salvando a aparência do elemento de diagrama

Quando estiver satisfeito com a customização da sua forma ou conector, é conveniente preservar a aparência para que possa ser aplicada facilmente a outras formas ou conectores.

  1. Para capturar a aparência de uma forma ou conector, selecione a forma ou o conector e clique com o botão direito para acessar o menu de contexto da forma e escolha Add to Appearances.
  2. A seguir, escreva o nome da aparência.

A aparência é salva e agora pode ser reutilizada.

Figura 9. Use Add to Appearances para salvar a aparência de um elemento de diagrama
The diagram's context menu

Visualização maior da Figura 9.

Feedback do diagrama

Ao desenhar conectores de uma forma a outra, talvez não fique claro qual forma é a origem e qual é o destino. Isso se aplica particularmente a um diagrama muito cheio, com várias formas. Entretanto, desta vez, a forma de destino está destacada, deixando claro onde está o destino do conector.

De forma semelhante, quando você clica no conector, a etiqueta é destacada. Assim fica evidente a correlação entre cada etiqueta e conector. Isso é particularmente útil quando há vários conectores próximos uns dos outros.

Além disso, talvez não fique claro por que o conector pode não ter sido criado como você esperava. Uma caixa da explicação aparece para explicar por que não é possível criar o conector. O exemplo da Figura 10 mostra uma tentativa de criar uma importação de pacote de uma classe para outra. É claro que isso não é possível, porque o destino da importação tem que ser um pacote.

Figura 10. Uma mensagem explica por que não é possível criar uma importação de pacote
A small tool tip on a shape

Visão expandida da Figura 10.

É possível ajustar as configurações, inclusive o tipo de mensagem a ser exibido, e o atraso antes da exibição da mensagem. Para fazer isso, acesse o diálogo Preferences e escolha Modeling > Appearance >Feedback.

Dica de ferramenta da documentação

Se você passar o mouse sobre um elemento de diagrama, uma dica de ferramenta referente à documentação do elemento aparecerá. (Isso é semelhante à forma que o Javadoc aparece quando você passa o mouse sobre um método em um arquivo de Java™ no Eclipse.) Além disso, oferece hyperlinks para o elemento relevante e seus "pais", se houver.

Figura 11. Uma dica de ferramenta sobre um elemento de diagrama
A tool tip that contains documentation

Visualização maior da Figura 11.

Para controlar as configurações das dicas de ferramentas, como transparência e atraso, use a página de preferências Modeling > General .

Figura 12. Configurações da página de preferências gerais para controlar a aparência das dicas de ferramentas
The General dialog window within Preferences

Suporte para rich text

O suporte para rich text foi melhorado novamente para melhorar a estabilidade. Além disso, agora há suporte total para rich text em notas e comentários. Além da possibilidade de editar a documentação de um elemento usando rich text, agora é possível editar o conteúdo real da nota ou do comentário usando o rich text.

Figura 13. Editando um comentário em rich text
The rich text pop-up box

Visualização maior da Figura 13.

Também foram incluídas preferências para controlar o rich text. A mais significativa é a capacidade de alterar as configurações padrão da fonte. Isso permite deixar o texto dos seus diagramas consistente, para ter uma aparência melhor, sem precisar alterar as configurações sempre que você cria rich text. Para ver outras configurações relacionadas ao texto, acesse o diálogo Preferences e selecione Modeling > Text.

Figura 14. Preferências de rich text
The Text pane within the Preferences view

Camadas

É possível simplificar um diagrama se somente os elementos nos quais você está interessado são mostrados e o restante do diagrama é ocultado. Por exemplo: é conveniente mostrar somente as partes externas de um sistema, no caso de um aplicativo. Para fazer isso, coloque as formas que representam as classes internas em uma camada separada e, em seguida, oculte a camada para simplificar o diagrama instantaneamente.

Se há diagramas já existentes, ou se você não quer trabalhar explicitamente com camadas, todas as formas do diagrama são colocadas na camada default . Essa camada não pode ser excluída nem ocultada e não é mostrada na visualização Layers.

Figura 15. Por padrão, a visualização Layers aparece no canto inferior esquerdo
A sequence diagram showing only one layer

Visualização maior da Figura 15.

Como mencionado anteriormente, a visualização Layers é mostrada por padrão na perspectiva Modeling. Todas as camadas (com exceção da camada padrão) são controladas por meio dessa visualização. Para incluir uma camada, clique no botão verde com sinal de mais na visualização. (Se você ainda não incluiu camadas ao diagrama, também é possível usar o hyperlink Click here to add a new layer to the diagram .)

É possível ativar uma camada selecionando-a na visualização Layers. Uma camada ativa fica em destaque na exibição. Quando uma camada está ativa, as novas formas e conectores que você cria no diagrama são incluídas automaticamente na camada. Para incluir formas e conectores já existentes à camada, selecione os elementos de diagrama e clique no botão Add diagram elements to layer na visualização Layers.

As três caixas localizadas à esquerda de cada camada da visualização Layers são usadas para controlar (da esquerda à direita) a visibilidade da camada, o bloqueio da camada e a seleção. Se a camada está visível, um olho aparece na caixa que está mais à esquerda. Ao clicar na caixa, a camada é ocultada.

Nota:
Quando uma camada está oculta, os conectores que conectam formas dentro da camada a formas fora dela também estão ocultos. Isso impede que uma forma seja conectada ao nada.

A caixa do meio alterna entre o bloqueio e o desbloqueio da camada. Se uma camada está bloqueada, não é possível editá-la no diagrama, mas as formas em camadas bloqueadas serão atualizadas quando houver mudanças no modelo. Por exemplo: se o elemento subjacente à forma é uma classe e a classe é renomeada, o nome no elemento de diagrama será atualizado automaticamente. De forma semelhante, se a classe é excluída, o elemento de diagrama também é excluído.

Finalmente, a caixa à direita é usada para selecionar elementos e para indicar se os elementos do diagrama foram selecionados. Ao clicar na caixa de seleção, todos os elementos da camada no diagrama serão selecionados. Da mesma forma, se um elemento que pertence a uma camada é selecionado no diagrama, a caixa de seleção mostrará um cursor com um círculo. Também é possível clicar duas vezes em uma camada para selecionar todos os elementos da camada.

Dica:
Em diagramas muito cheios, nos quais as formas se sobrepõem, também é útil poder reorganizar rapidamente a ordem de aparecimento das formas na frente de outras formas. Quando as formas são colocadas em camadas, as camadas que estão mais acima aparecem na frente do diagrama, ao passo que as que estão mais abaixo aparecem na parte inferior do diagrama. Se você especifica a ordem posteriormente usando Format > Order a partir do menu de contexto, isso será respeitado a menos que você execute uma operação que exija um novo cálculo da ordem das camadas (como o uso dos botões Up ou Down para mudar a ordem das camadas).

Layouts

O arranjo das formas no diagrama foi melhorado significativamente. Agora o Rational Software Architect usa os renomados algoritmos de layout fornecidos por meio da integração ao ILOG. Além do layout melhorado, há várias outras opções de layout. É possível dispor automaticamente todos os elementos de um diagrama em várias configurações predefinidas de layout com alguns cliques do mouse.

Veja o diagrama mostrado na Figura 16. Tem somente cinco formas mas, mesmo assim, eu consegui fazer uma bagunça com os conectores.

Figura 16. Os conectores se sobrepõem às formas neste diagrama com um layout ruim
Diagram example

O layout pode ser melhorado. Para fazer isso automaticamente, selecione a superfície do diagrama e mostre a janela pop-up Properties. Em seguida, selecione a página de propriedade Graph Layout . Escolher a partir de qualquer um dos layouts predefinidos e clique em Apply the selected graph layout configuration. Você deixou o diagrama bem mais claro sem fazer muito esforço!

Figura 17. Use a página de propriedades Graph Layout para controlar o layout de um diagrama
Graph Layout view, showing Details at right

Visualização maior da Figura 17.

Nota:
Para desativar a animação enquanto o layout do diagrama está sendo feito, acesse o diálogo Preferences e escolha Modeling > Appearance. Em seguida, selecione a caixa de seleção Optimize layouts for performance .


O que vem a seguir

Este artigo forneceu uma visão geral da nova funcionalidade do componente UML Modeler do Rational Software Architect versão 8.0. Ao aproveitar esses aprimoramentos, será possível modelar com mais eficácia e eficiência, com ênfase em diagramas mais claros, prevenção e resolução de problemas e fluxos de trabalho que suportam a colaboração.

O próximo artigo desta série com três partes descreve outros aprimoramentos específicos para a modelagem em UML, envolvendo estas áreas:

  • A visualização Project Explorer
  • Procurar
  • Validação de modelos
  • Refatoração
  • Fragmentos de modelos
  • Profiles
  • Conformidade com UML
  • Pontos de vista e linguagem ativa

Agradecimentos

O autor agradece a Dusko Misic e Michael Hanner pela revisão deste artigo e a Judith Broadhurst pela edição.

Recursos

Aprender

Obter produtos e tecnologias

Discutir

Comentários

developerWorks: Conecte-se

Los campos obligatorios están marcados con un asterisco (*).


Precisa de um ID IBM?
Esqueceu seu ID IBM?


Esqueceu sua senha?
Alterar sua senha

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

 


A primeira vez que você entrar no developerWorks, um perfil é criado para você. Informações no seu perfil (seu nome, país / região, e nome da empresa) é apresentado ao público e vai acompanhar qualquer conteúdo que você postar, a menos que você opte por esconder o nome da empresa. Você pode atualizar sua conta IBM a qualquer momento.

Todas as informações enviadas são seguras.

Elija su nombre para mostrar



Ao se conectar ao developerWorks pela primeira vez, é criado um perfil para você e é necessário selecionar um nome de exibição. O nome de exibição acompanhará o conteúdo que você postar no developerWorks.

Escolha um nome de exibição de 3 - 31 caracteres. Seu nome de exibição deve ser exclusivo na comunidade do developerWorks e não deve ser o seu endereço de email por motivo de privacidade.

Los campos obligatorios están marcados con un asterisco (*).

(Escolha um nome de exibição de 3 - 31 caracteres.)

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

 


Todas as informações enviadas são seguras.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=80
Zone=Rational
ArticleID=600794
ArticleTitle=Atualização sobre os Recursos de Modelagem UML no IBM Rational Software Architect versão 8.0: Parte 1. Perspectiva de modelagem, propriedades, navegação e aprimoramentos na diagramação
publish-date=12132010