Criar um diagrama de componente UML

Você pode criar um diagrama de componente UML para mostrar componentes, portas, interfaces e as relações entre eles.

Um componente em UML representa uma parte modular de um sistema. O comportamento é definido em termos de interfaces obrigatórias e fornecidas. Um componente tem um modo de exibição externo com propriedades e operações públicas e tem um modo de exibição interno com propriedades particulares e para a concretização de classificadores. O modo de exibição interno mostra como o comportamento externo é realizado internamente.

Um diagrama de componente UML de exemplo.

Primeiro, abra o modelo de componente UML e escolha uma das quatro opções. Em seguida, o estêncil de componente UML é exibido, juntamente com as formas que estão em conformidade com o padrão UML do 2,5.

Observação: O estêncil de componente UML só está disponível se você é assinante do Visio plano 2 . Se você tem uma assinatura, verifique se sua versão do Visio é a mais recente.

Iniciar um diagrama de componente

  1. Iniciar o Visio. Ou se você já tiver um arquivo aberto, clique em arquivo > novo.

  2. Vá para categorias > software e banco de dados > componente UML.

  3. Selecione o modelo em branco ou um dos três diagramas iniciais. Quando tiver escolhido o modelo desejado, clique em criar.

  4. Você deve ver a janela formas ao lado do diagrama. Caso não a veja, vá para exibir > os painéis de tarefas e verifique se as formas estão selecionadas. Se ainda não o vir, clique no botão expandir a janela formas Botão expandir janela formas à esquerda.

  5. Na guia Exibir , certifique-se de que a caixa de seleção ao lado de pontos de conexão esteja selecionada. Isso fará com que os pontos de conexão sejam exibidos quando você começar a conectar formas.

  6. Agora, arraste as formas que você deseja incluir no seu diagrama da janela formas para a página. Para renomear rótulos de texto, clique duas vezes nas etiquetas.

Formas de componente

Quando usar

Use formas de componente para cada unidade funcional em seu sistema ou aplicativo.

Forma de componente de "repositório"

Mostrar ou ocultar estereótipo

Clique com o botão direito do mouse na forma para mostrar ou ocultar o rótulo do estereótipo.

Menu do botão direito do mouse, comando Mostrar estereótipo,  <<componente>> rótulo de texto

Subsistemas

Você pode usar a forma componente como uma forma de subsistema que contém outros componentes. Basta redimensioná-la para maior e soltar outros componentes. Quando vir o realce verde, vamos lá. Desse ponto na forma maior funcionará como um contêiner e a forma menor será movida com ele.

Dica: Se um componente desaparecer depois de arrastar na parte superior de outro componente, coloque-o na frente pressionando CTRL + SHIFT + F.

Forma subsistema da loja com componente pedido arrastado sobre ele

Formas de interface

Quando usar

  1. Use a forma de interface fornecida quando você quiser especificar a realização de uma classe/interface.

  2. Use a interface necessária quando você quiser especificar uma dependência em uma classe/interface.

Duas interfaces conectadas, 1: a forma de interface fornecida termina com Circle, 2: a forma de interface necessária está terminando com o soquete

Etapa 1

Arraste uma forma de interface fornecida para a página e coloque o quadrado na porta com um ponto de conexão. Você sabe que ele está conectado quando você vê o realce verde ao lado do ponto de conexão.

Forma de interface fornecida colada à forma componente

Etapa 2

Arraste uma forma de interface necessária para a página e entre no quadrado com um ponto de conexão também. Você sabe que ele está conectado quando você vê o realce verde ao lado do ponto de conexão.

Forma de interface obrigatória colada à forma componente

Etapa 3

Para conectar uma interface fornecida e necessária juntas, primeiro selecione a forma de interface necessária. Em seguida, procure a alça amarela.

Alça amarela na forma de interface obrigatória

Etapa 4

Arraste a alça amarela para conectar-se com a interface fornecida.

Forma de interface necessária conectada à interface fornecida

Dicas para conectores

Conectores retos

Se um conector estiver demorando, clique com o botão direito do mouse e, em seguida, clique em Conector reto.

Mostrar multiplicidade

Se necessário, clique com o botão direito do mouse no conector e selecione Mostrar multiplicidade. Quando terminar, serão exibidas quatro caixas de texto onde você pode adicionar detalhes. Se você não precisar de todas as caixas de texto, exclua aquelas que não são necessárias.

Alterar tipo de conector

Você pode alterar um tipo de conector. Por exemplo, você pode alterar de uma associação para uma associação dirigida. Clique com o botão direito do mouse no conector e clique em definir tipo de conector.

Fazer conexões dinâmicas em vez de conexões de ponto

Se você previr a movimentação de formas muito, considere a possibilidade de fazer uma conexão dinâmica em vez de uma conexão de ponto.

Mover ou girar texto em conectores

É muito provável que você precise girar ou mover texto nas linhas do conector. Veja como fazer isso:

  1. Clique em uma área vazia da página para desmarcar qualquer coisa que possa estar selecionada.

  2. Na guia página inicial , no grupo ferramentas , clique na ferramenta bloco de texto Botão Bloco de Texto

  3. Clique no conector que contém o texto que você deseja girar ou mover.

  4. Arraste o bloco de texto para movê-lo ou girá-lo usando a alça de rotação Alça de rotação

  5. Quando terminar, clique no botão da ferramenta ponteiro Botão Ponteiro

    Depois de retornar ao botão da ferramenta ponteiro Botão Ponteiro , o texto mantém a mesma posição relativa à forma. Se você usar a ferramenta ponteiro Botão Ponteiro para arrastar o texto, a forma também será movida. Para mover o texto independentemente da forma, volte para a ferramenta bloco de texto Botão Bloco de Texto .

Um diagrama de componente UML de exemplo.

Primeiro, abra o modelo de componente UML e escolha uma das quatro opções. Em seguida, o estêncil de componente UML é exibido, juntamente com as formas que estão em conformidade com o padrão UML do 2,5.

Observação: O estêncil de componente UML só está disponível se você é assinante do Visio plano 2 . Se você tem uma assinatura, verifique se sua versão do Visio é a mais recente.

Iniciar um diagrama de sequência

  1. Abra o Visio para a Web.

  2. Na Galeria, role para baixo até a linha de componente UML , sobre o Midway para baixo na página.

    O primeiro item da linha representa um modelo em branco mais o estêncil complementar. Os outros itens na linha são exemplos de diagramas que têm algumas formas já desenhadas para ajudá-lo a começar a usar rapidamente.

  3. Clique em qualquer item para ver uma visualização maior.

  4. Quando você encontrar o diagrama que deseja usar, clique no botão criar .

    O novo diagrama, com o estêncil relacionado, é aberto no navegador.

Formas de componente

Quando usar

Use formas de componente para cada unidade funcional em seu sistema ou aplicativo.

Forma de componente de "repositório"

Mostrar ou ocultar estereótipo

Clique com o botão direito do mouse na forma para mostrar ou ocultar o rótulo do estereótipo.

Menu do botão direito do mouse, comando Mostrar estereótipo,  <<componente>> rótulo de texto

Subsistemas

Você pode usar a forma componente como uma forma de subsistema que contém outros componentes. Basta redimensioná-la para maior e soltar outros componentes. Quando vir o realce verde, vamos lá. Desse ponto na forma maior funcionará como um contêiner e a forma menor será movida com ele.

Dica: Se um componente desaparecer depois de arrastar na parte superior de outro componente, coloque-o na frente pressionando CTRL + SHIFT + F.

Forma subsistema da loja com componente pedido arrastado sobre ele

Formas de interface

Quando usar

  1. Use a forma de interface fornecida quando você quiser especificar a realização de uma classe/interface.

  2. Use a interface necessária quando você quiser especificar uma dependência em uma classe/interface.

Duas interfaces conectadas, 1: a forma de interface fornecida termina com Circle, 2: a forma de interface necessária está terminando com o soquete

Etapa 1

Arraste uma forma de interface fornecida para a página e coloque o quadrado na porta com um ponto de conexão. Você sabe que ele está conectado quando você vê o realce verde ao lado do ponto de conexão.

Forma de interface fornecida colada à forma componente

Etapa 2

Arraste uma forma de interface necessária para a página e entre no quadrado com um ponto de conexão também. Você sabe que ele está conectado quando você vê o realce verde ao lado do ponto de conexão.

Forma de interface obrigatória colada à forma componente

Etapa 3

Para conectar uma interface fornecida e necessária juntas, primeiro selecione a forma de interface necessária. Em seguida, procure a alça amarela.

Alça amarela na forma de interface obrigatória

Etapa 4

Arraste a alça amarela para conectar-se com a interface fornecida.

Forma de interface necessária conectada à interface fornecida

Dicas para conectores

Conectores retos

Se um conector estiver demorando, clique com o botão direito do mouse e, em seguida, clique em Conector reto.

Mostrar multiplicidade

Se necessário, clique com o botão direito do mouse no conector e selecione Mostrar multiplicidade. Quando terminar, serão exibidas quatro caixas de texto onde você pode adicionar detalhes. Se você não precisar de todas as caixas de texto, exclua aquelas que não são necessárias.

Alterar o tipo de conector

Você pode alterar um tipo de conector. Por exemplo, você pode alterar de uma associação para uma associação dirigida. Clique com o botão direito do mouse no conector e clique em definir tipo de conector.

Fazer conexões dinâmicas em vez de conexões de ponto

Se você previr a movimentação de formas muito, considere a possibilidade de fazer uma conexão dinâmica em vez de uma conexão de ponto.

Mover ou girar texto em conectores

É muito provável que você precise girar ou mover texto nas linhas do conector. Veja como fazer isso:

  1. Clique em uma área vazia da página para desmarcar qualquer coisa que possa estar selecionada.

  2. Na guia página inicial , no grupo ferramentas , clique na ferramenta bloco de texto Botão Bloco de Texto

  3. Clique no conector que contém o texto que você deseja girar ou mover.

  4. Arraste o bloco de texto para movê-lo ou girá-lo usando a alça de rotação Alça de rotação

  5. Quando terminar, clique no botão da ferramenta ponteiro Botão Ponteiro

    Depois de retornar ao botão da ferramenta ponteiro Botão Ponteiro , o texto mantém a mesma posição relativa à forma. Se você usar a ferramenta ponteiro Botão Ponteiro para arrastar o texto, a forma também será movida. Para mover o texto independentemente da forma, volte para a ferramenta bloco de texto Botão Bloco de Texto .

Component diagram displaying the structure of software code as cohesive components

Texto explicativo 1 em um diagrama de componente, os componentes são tipos genéricos em vez de instâncias. Para mostrar instâncias de componente, use um diagrama de implantação.

as dependências de Imagem de botão indicam que um componente de cliente depende de um componente de fornecedor de alguma maneira.

  1. No Visio 2010: em categorias de modelo, clique em softwaree, em seguida, clique em diagrama de modelo UMLe, em seguida, clique em criar.

  2. No modo de exibição em árvore, clique com o botão direito do mouse no pacote ou subsistema no qual você deseja incluir o diagrama de componente e, em seguida, no menu novo , clique em diagrama de componente.

    Uma página em branco é exibida, e o estêncil do componente UML torna-se o estêncil mais principal. O espaço de trabalho exibe ' componente ' como marca d' água. Um ícone que representa o diagrama é adicionado ao modo de exibição de árvore.

    Observação: Se o modo de exibição de árvore não estiver visível, aponte para modo de exibição no menu UML e clique em Gerenciador de modelos.

  3. Arraste uma forma de componente para a página de desenho para cada componente que você deseja representar.

  4. Quando apropriado, arraste uma forma de interface para a página de desenho e cole o ponto de extremidade sem o círculo em uma forma de componente.

    Adicionar uma interface a uma classe, componente ou a outros elementos

    1. Em uma estrutura estática, componente ou diagrama de implantação, arraste a forma de interface pirulito para a página de desenho.

    2. Cole o ponto de extremidade sem o círculo em um ponto de conexão Imagem do ponto de conexão - X azul no componente classe ou em outro elemento.

    3. Clique duas vezes na forma de interface para adicionar um nome, operações e outros valores de propriedade.

      Tiplist

      Você também pode representar uma interface com uma forma de interface retangular que se assemelha a uma classe. Use essa forma quando quiser exibir uma lista das operações de interface.

      Para alterar o tipo de forma que é exibido para uma interface, clique com o botão direito do mouse na forma da interface e clique em mostrar como interface semelhante a classe ou mostrar como interface pirulito.

  5. Use formas de dependência para indicar as relações entre componentes ou entre um componente e a interface de outro componente.

    Indicar uma relação de dependência entre elementos UML

    1. Arraste uma forma de dependência da estrutura estática UML, da implantação UMLou do estêncil de componente UML para a página de desenho e coloque-a perto dos elementos que você deseja relacionar.

    2. Cole o ponto de extremidade com uma ponta de seta em um ponto de conexão Imagem do ponto de conexão - X azul no elemento do qual o outro elemento depende. Cole o ponto de extremidade sem uma ponta de seta em um ponto de conexão no elemento que depende do outro elemento.

    3. Clique duas vezes na dependência para adicionar um nome, um estereótipo e outras propriedades.

      Dica: Para indicar uma rastrear, refinamento, uso ou dependência de associação, você pode usar as formas de rastreamento, refinamento, usoou Associação do estêncil estrutura estática UML .

  6. Clique duas vezes em qualquer forma para abrir a caixa de diálogo Propriedades UML na qual você pode adicionar um nome, atributos, operações e outras propriedades.

  7. Salve o diagrama.

Confira também

Diagramas UML no Visio

Criar um diagrama de comunicação UML

Criar um diagrama de implantação UML

Criar um diagrama de sequência UML

Expanda suas habilidades no Office
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×