Diagramas de componente UML: diretrizes

Em Visual Studio Ultimate, é possível desenhar um diagrama de componente para mostrar a estrutura de um sistema de software. Para assistir a uma demonstração em vídeo, consulte Criando a Estrutura Física Usando Diagramas de Componente.

Para criar um diagrama de componente UML, no menu Arquitetura, clique em Novo Diagrama.

Um componente é uma unidade modular substituível dentro de seu ambiente. Seus internos permanecem ocultos, mas tem uma ou mais interfaces fornecidas bem definidas por meio das quais suas funções podem ser acessadas. Um componente também pode ter interfaces obrigatórias. Uma interface obrigatória define quais funções ou serviços ela exige de outros componentes. Conectando-se as interfaces fornecidas e obrigatórias de vários componentes, um componente maior pode ser construído. Um sistema de software completo pode ser considerado um componente.

O desenho de diagramas de componente tem vários benefícios:

• O pensamento do design em relação aos blocos principais ajuda a equipe de desenvolvimento a compreender um design existente e a criar um novo.

• Pensando no sistema como uma coleção de componentes com interfaces fornecidas bem definidas e obrigatórias, você melhora a separação entre os componentes. Isso, por sua vez, facilita a compreensão e a alteração do design quando os requisitos são alterados.

É possível usar um diagrama de componente para representar o design, independentemente da linguagem ou da plataforma que o design usa ou usará.

Neste Tópico

Relação com Outros Diagramas

Etapas Básicas para Desenhar Diagramas de Componente

Mostrando as Partes Internas de um Componente

Criando o Componente

Dica

Para obter informações de referência sobre os elementos em diagramas de componente, consulte Diagramas de componente UML: referência.

Relação com Outros Diagramas

É possível usar um diagrama de componente com outros diagramas.

Outro diagrama	Ajuda a debater e transmitir esses aspectos do design
Diagrama de Sequência UML	Interações entre componentes de um sistema Interações entre as partes dentro de um componente. Para obter mais informações, consulte Diagramas de sequência UML: diretrizes.
Diagrama de Classes UML	As interfaces de um componente. O diagrama de classe permite detalhar os métodos da interface. Os dados enviados em parâmetros nas interfaces dos componentes. Para obter mais informações, consulte Diagramas de classe UML: diretrizes.
Diagramas de Atividade	O processamento interno realizado por um componente em resposta às mensagens de entrada. Para obter mais informações, consulte Diagramas de atividade UML: diretrizes.
Diagramas de Camada	Camadas arquitetônicas lógicas para os componentes. Para obter mais informações, consulte Diagramas de camada: referência.

Etapas Básicas para Desenhar Diagramas de Componente

Para obter informações de referência sobre os elementos em diagramas de componente, consulte Diagramas de componente UML: referência.

Para obter mais informações sobre como usar diagramas de componente no processo de design, consulte Modelando a arquitetura de um sistema de software.

Dica

As etapas detalhadas para criar alguns dos diagramas de modelagem são descritas em Editar modelos e diagramas UML.

Para criar um diagrama de componente

1. No menu Arquitetura, clique em Novo Diagrama.

2. Em Modelos, clique em Diagrama de Componentes UML.

3. Nomeie o diagrama.

4. Em Adicionar a Projeto de Modelagem, selecione um projeto de modelagem existente na solução ou Criar um Novo Projeto de Modelagem e, em seguida, clique em OK.

   Um novo diagrama de componente é exibido com a caixa de ferramentas Diagrama de Componentes UML. A caixa de ferramentas contém os elementos e as relações obrigatórios.

Desenhando Componentes

Crie um componente (1) para cada unidade funcional principal no sistema ou no aplicativo.

Entre os exemplos estão um aplicativo, um dispositivo de hardware, um serviço Web, um assembly .NET., uma classe de programa ou um grupo de classes, ou qualquer segmento separável de um programa.

Para criar componentes

1. Clique em Componente na caixa de ferramentas e em uma parte em branco do diagrama.

   - ou -

   Copie e cole um componente existente.

   1. Encontre um componente existente em um diagrama ou no Gerenciador de Modelos UML.

   2. Clique com o botão direito do mouse no componente e clique em Copiar.

   3. Abra o diagrama onde você deseja que o componente copiado seja exibido.

   4. Clique com o botão direito do mouse em uma parte em branco do diagrama e, em seguida, clique em Colar.

      Uma cópia do componente é exibida com um novo nome.

2. Clique no nome do componente para alterá-lo.

3. Clique na divisa (5) caso você queira ver apenas o cabeçalho do componente.

Mostrando as Portas de um Componente

Uma porta (2, 3) representa um grupo de mensagens ou chamadas de operação passadas dentro ou fora de um componente. O grupo é descrito por uma interface, que define o tipo da porta. Uma porta pode fornecer uma interface ou exigir uma interface.

Uma porta com uma interface fornecida (2) indica operações implementadas pelo componente e que podem ser usadas por outros componentes.

Entre os exemplos estão uma interface do usuário, um serviço Web, uma interface do .NET ou uma coleção de funções em qualquer linguagem de programação.

Uma porta com uma interface obrigatória (3) representa o requisito de um componente para um grupo de operações ou serviços ser fornecido por outros componentes ou sistemas externos.

Por exemplo, um navegador da Web exige servidores Web, ou um suplemento de aplicativo exige serviços do aplicativo.

Um componente pode ter um número de portas qualquer.

Para adicionar portas a um componente

1. Na caixa de ferramentas, clique em Interface Fornecida ou em Interface Obrigatória.

2. Clique no componente ao qual você deseja adicioná-la.

   Uma porta é exibida no limite do componente.

   Uma interface nova é criada como o tipo da porta. Essa interface é exibida no Gerenciador de Modelos UML.

3. Arraste a porta em torno do limite do componente para colocá-la onde você deseja.

4. Arraste o rótulo da porta para ajustar sua posição.

5. Clique no rótulo para alterá-lo. O rótulo mostra o nome da interface. Se alterá-lo, você mudará o nome da interface.

Se quiser listar os atributos e as operações da interface, você poderá fazer isso adicionando-os à interface no Gerenciador de Modelos UML. Como alternativa, é possível arrastar a interface do Gerenciador de Modelos UML para um diagrama de classe e adicionar as operações e os atributos para lá.

Vinculando entre componentes

Use uma dependência (4) para mostrar que o requisito de um componente pode ser atendido pelas operações ou pelos serviços fornecidos por outro componente.

Para mostrar que uma interface fornecida pode atender a uma interface obrigatória

1. Na caixa de ferramentas, clique em Dependência.

2. Clique na porta com a interface obrigatória em um componente e, em seguida, clique na porta com a interface fornecida em outro componente.

Você deve tentar evitar a criação de loops de dependência nos quais cada componente em um grupo depende de todos os outros componentes.

Para adicionar uma porta para uma interface existente a um componente

• Encontre a interface no Gerenciador de Modelos UML e, em seguida, arraste-a para o componente.

  -ou-

• Copie e cole uma referência para uma interface de um diagrama.

  1. Em um diagrama de classe ou em um diagrama de componente, clique com o botão direito do mouse na interface e, em seguida, clique em Copiar.

  2. No diagrama de componente, clique com o botão direito do mouse no componente e, em seguida, clique em Colar Referência.

     Uma interface fornecida é exibida no componente. Uma marca Action é exibida próxima.

     Dica

     Se você usar Colar em vez de Colar Referência, uma nova interface com um novo nome será criada.

  3. Se você quiser criar uma interface obrigatória, clique na marca Action e em Converter na Interface Obrigatória.

Mostrando as Partes Internas de um Componente

É possível colocar partes (3) em um componente (1) para mostrar como ele é feito de componentes menores que interagem entre si.

O diagrama na ilustração indica que cada instância do tipo Dinner Now Web Service contém uma instância de Customer Server e uma instância de Kitchen Server.

Uma parte é uma propriedade do componente pai, da mesma forma como um atributo pertence a uma classe comum. Uma parte tem seu próprio tipo, que normalmente também é um componente. O rótulo da parte tem a mesma forma de um atributo comum:

+ partName : TypeName

Dentro do componente pai, cada parte mostra as interfaces fornecida e obrigatória definidas para seu tipo (4, 5). As operações ou os serviços exigidos por uma parte podem ser fornecidos por outros. É possível usar conectores Assembly da Parte para mostrar como as partes são conectadas entre si (6).

Também é possível mostrar que uma interface do componente pai é efetivamente fornecida ou obrigatória por uma de suas partes. É possível conectar uma porta do pai a uma porta de uma parte interna usando-se uma relação Delegação (9). As duas portas devem ser do mesmo tipo (fornecida ou obrigatória), e seus tipos de interface devem ser compatíveis.

É possível criar uma nova parte com um novo tipo, ou com base em um tipo existente.

Para adicionar partes a um componente

1. Crie uma parte para cada unidade funcional principal que você considera ser uma parte do componente pai.

   1. Clique em Componente na caixa de ferramentas e, em seguida, clique no componente pai (1).

      Uma nova parte (3) é exibida no componente pai.

      Um novo componente é criado no Gerenciador de Modelos UML. Este é o novo tipo da parte.

      - ou -

      Arraste um componente existente do Gerenciador de Modelos UML para o componente pai.

      Uma nova parte (3) é exibida no componente pai. O tipo é o componente arrastado do Gerenciador de Modelos UML.

      - ou -

      Clique com o botão direito do mouse em um componente, em um diagrama ou no Gerenciador de Modelos UML e clique em Copiar.

      Clique com o botão direito do mouse no componente pai e, em seguida, clique em Colar Referência.

      Uma nova parte (3) é exibida no componente pai. O tipo é o componente que você copiou.

   2. Clique no nome da nova parte para alterá-lo. Não é possível alterar seu tipo.

   3. É possível adicionar interfaces fornecidas e obrigatórias (4, 5) à nova parte. Clique na ferramenta Interface Fornecida ou Interface Obrigatória e, em seguida, clique na parte.

      - ou -

      Arraste uma interface existente do Gerenciador de Modelos UML para a parte.

      As interfaces são adicionadas ao tipo da parte e são exibidas na própria parte. O componente pai ajustará seu tamanho, se necessário.

2. Conecte as partes.

   • Use a ferramenta Dependência para conectar as portas de partes diferentes (6).

3. Conecte as partes às portas do componente pai:

   1. Crie uma ou várias portas (7) no componente pai. Clique em Interface Fornecida ou Interface Obrigatória na caixa de ferramentas e, em seguida, clique no componente pai.

   2. Delegue (9) a porta a uma ou várias partes. Clique na ferramenta Delegação, em uma porta no componente pai e em uma porta de uma parte. É possível conectar portas que forneçam ou exijam interfaces da mesma maneira.

Mostrando as Partes de uma Parte

Depois de decompor um componente em partes, você poderá decompor cada um dos tipos de parte em partes internas próprias.

É mais fácil fazer cada camada de decomposição em um diagrama de componente separado. Você deve primeiro localizar o tipo da parte. Por exemplo, na ilustração, uma das partes é chamada DNCustomerServer, e seu tipo é um componente chamado CustomerServer. É possível encontrar esse tipo no Gerenciador de Modelos UML e colocá-lo em outro diagrama. Em seguida, é possível criar suas próprias partes internas.

Para colocar o tipo de uma parte em um diagrama

1. Determine o nome totalmente qualificado do tipo da parte.

   Clique com o botão direito do mouse na parte e, em seguida, clique em Propriedades.

   O nome do tipo é exibido no campo Tipo da janela Propriedades.

2. Localize o tipo da parte no Gerenciador de Modelos UML.

   Clique em Exibir, aponte para Outras Janelas e, em seguida, clique em Gerenciador de Modelos UML.

   Expanda o projeto e, se necessário, qualquer pacote a que o tipo pertença.

   O tipo será listado como um Componente.

   Será possível alterar o nome aqui se você quiser.

3. Abra ou crie outro diagrama de componente.

4. Arraste do tipo no Gerenciador de Modelos UML para o diagrama.

   Uma exibição do tipo é exibida como um componente no diagrama.

   Ela tem as mesmas interfaces definidas para a parte.

   Agora é possível adicionar partes a ela.

Criando o Componente

Descrevendo Como as Partes Colaboram

É possível desenham um diagrama de sequência para mostrar como as partes trabalham juntas em resposta a uma mensagem que chega ao componente pai.

É possível usar esses diagramas tanto para explicar um componente existente quanto para criar um novo componente.

Se ainda estiver criando o componente, você poderá desenhar diagramas de sequência antes de decidir quais partes ele terá. É possível usar os diagramas de sequência para testar partes diferentes, interfaces obrigatórias e sequências de mensagem. Desenhe diagramas de sequência para as mensagens recebidas mais frequentes e mais importantes. Em seguida, é possível criar partes no componente que correspondem às linhas da vida decididas.

Use os diagramas de sequência para avaliar como o trabalho do sistema é distribuído entre os diferentes componentes.

• Se for muito empilhado em uma parte, provavelmente será mais difícil atualizar o aplicativo do que se o trabalho estiver distribuído por igual.

• Se o trabalho estiver muito distribuído com muitas interações, o desempenho do sistema poderá ser ruim e ser difícil de compreender.

Para desenhar um diagrama de sequência que mostre a colaboração entre as partes

1. Criar um novo diagrama de sequência.

   Para obter mais informações, consulte Diagramas de sequência UML: diretrizes.

2. Crie uma linha da vida para um componente externo, usuário, dispositivo ou outro ator (1) que envia mensagens para esse componente.

   É possível definir a propriedade Ator dessa linha da vida como verdadeira, para indicar que ela é externa ao componente em consideração. Uma figura de pilha é exibida acima da linha da vida.

3. Crie uma linha da vida para a interface fornecida (2) desse componente para o qual o ator escolhido envia mensagens.

4. Crie uma linha da vida para cada parte (3) do componente.

5. Crie uma linha da vida para cada interface obrigatória (4) do componente.

6. Desenhe mensagens com base no ator externo (5). Mostre como a mensagem é passada para as partes e como elas colaboram para responder à mensagem.

7. Quando necessário, mostre mensagens enviadas para uma interface obrigatória (6). Não mostre detalhes dentro da execução da mensagem.

O Componente é Maior do que suas Partes?

Em alguns casos, um componente não é nada mais do que um nome dado a uma coleção de partes. Todo o trabalho é feito pela partes e, no tempo de execução, não há código ou outro artefato que represente o componente.

É possível indicar isso no modelo definindo-se a propriedade Is Indirectly Instantiated do componente. Nesse caso, todas as interfaces do componente devem estar nas portas, com delegações para partes internas.

Descrevendo o Processo Dentro de Cada Parte

É possível usar diagramas de atividade para mostrar como um componente processa cada mensagem recebida. Para obter mais informações, consulte Diagramas de atividade UML: diretrizes.

Use uma Ação de Evento de Aceitação (1) para mostrar que uma mensagem recebida inicia um novo thread.

Use nós de objeto e pinos de entrada/saída para mostrar o fluxo de informações, além de mostrar onde as informações são armazenadas. No exemplo, um nó de objeto (2) é usado para mostrar itens que estão sendo armazenados em buffer entre um thread e outro.

Definindo Dados e Classes

É possível usar um diagrama de classes UML para descrever o conteúdo detalhado de:

• As interfaces dos componentes. Quando você adiciona uma porta obrigatória ou fornecida a um componente, uma interface é exibida no Gerenciador de Modelos UML. É possível arrastar ou copiá-la para um Diagrama de Classes UML para mostrar seus atributos e operações, além de relações com outras interfaces.

• Dados passados em parâmetros de operações nas interfaces.

• Os dados armazenados nos componentes, por exemplo, conforme mostrado no objeto fluem em diagramas de atividade.

Dependências Gerais Entre Componentes

É possível usar um diagrama de componente para apenas mostrar as partes principais do design e suas interdependências.

Use a ferramenta Dependência para desenhar uma dependência. Isso indica que o design de um componente confia em outro.

Entre os tipos comuns de dependência estão os seguintes:

• Um componente chama o código dentro do outro.

• Um componente cria uma instância de uma classe definida dentro de outra classe.

• Um componente usa informações criadas por outro componente.

É possível usar o nome da seta de dependência para denotar um tipo específico de uso. Para definir o nome, clique com o botão direito do mouse na seta e, em seguida, clique em Propriedades e defina o campo Nome na janela de propriedades.

Consulte também

Referência

Diagramas de sequência UML: referência

Conceitos

Editar modelos e diagramas UML

Diagramas de componente UML: referência

Diagramas de caso de uso UML: referência

Diagramas de classe UML: referência

Diagramas de componente UML: referência

Outros recursos

Vídeo: Criando a Estrutura Física Usando Diagramas de Componente