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

Um componente no UML representa uma parte modular de um sistema. O comportamento é definido em termos de interfaces fornecidas e obrigatórios. Um componente tem uma vista externa com propriedades e operações públicas e tem uma vista interna com propriedades privadas e a realização de classificadores. A vista interna 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, é exibido o stencil Componente UML, juntamente com as formas em conformidade com a norma UML 2.5.

Nota: O stencil Componente UML só está disponível se for um Visio (Plano 2) subscritor. Se tiver uma subscrição, certifique-se de que tem a versão mais recente Visio.

Iniciar um diagrama de componente

  1. Inicie o Visio. Se já tiver um ficheiro aberto, clique em Ficheiro > Novo.

  2. Vá para Categories > Software e Database > UML Component.

  3. Selecione o modelo em branco ou um dos três diagramas de início. Depois de escolher o modelo que pretende, clique em Criar.

  4. Deverá ver a janela Formas junto ao diagrama. Se não vir esta opção, vá para Ver Painéis de > e certifique-se de que a opção Formas está selecionada. Se ainda não o vir, clique no botão Expandir a janela Formas Botão Expandir Janela Formas à esquerda.

  5. No separador Ver, certifique-se de que a caixa de verificação junto a Pontos de Ligação está selecionada. Isto fará com que os pontos de ligação apareçam quando começa a ligar formas.

  6. Agora, arraste as formas que pretende incluir no seu diagrama a partir da janela Formas para a página. Para voltar a dar nome a etiquetas de texto, faça duplo clique nas etiquetas.

Formas de componentes

Quando utilizar

Utilize formas de componentes para cada unidade funcional no seu sistema ou aplicação.

Forma do componente "Store"

Mostrar ou ocultar estereótipo

Clique com o botão direito do rato na forma para mostrar ou ocultar a etiqueta estereótipo.

Menu de contexto, comando Mostrar Estereótipo,  <<componente>> etiqueta de texto

Subsystems

Pode utilizar a forma do componente como uma forma de subssistema que contém outros componentes. Resize-o para que seja maior e largue outros componentes em cima do mesmo. Quando vir o realce verde, deixe-o ir. A partir deste ponto da forma maior irá atuar como um contentor e a forma mais pequena irá mover-se com ele.

Sugestão: Se um componente desaparecer após arrastá-lo para cima de outro componente, traga-o para a frente ao premir Ctrl+Shift+F.

Store subsystem shape with Order component dragged on it

Formas de interface

Quando utilizar

  1. Utilize a forma Interface Fornecida quando pretender especificar a realização de uma classe/interface.

  2. Utilize a Interface Necessária quando pretender especificar uma dependência numa classe/interface.

Duas interfaces ligadas, 1: Forma interface fornecida que termina com círculo, 2: Required Interface shape ending with socket

Passo 1

Arraste uma forma Interface Fornecida para a página e alinhe o quadrado da porta com um ponto de ligação. Sabe que está ligado quando vê o realce verde à volta do ponto de ligação.

Forma Interface fornecida colada à forma Componente

Passo 2

Arraste uma forma Interface Obrigatória para a página e alinhe o quadrado da porta com um ponto de ligação. Sabe que está ligado quando vê o realce verde à volta do ponto de ligação.

Forma Interface Necessária colada à forma Componente

Passo 3

Para ligar uma interface Fornecida e Necessária, primeiro selecione a forma Interface Necessária. Em seguida, procure a alça amarela.

Alça amarela na forma Interface Necessária

Passo 4

Arraste a alça amarela para se ligar à Interface Fornecida.

Forma Interface Necessária ligada à Interface Fornecida

Sugestões para conexões

Endireitar conexões

Se uma conexão estiver a dar demasiadas voltas, clique com o botão direito do rato no mesmo e, em seguida, clique em Conexão Reta.

Mostrar multiplicidade

Se for necessário, clique com o botão direito do rato no conector e selecione Mostrar Multiplicidade. Quando terminar, são apresentadas quatro caixas de texto onde pode adicionar detalhes. Se não precisar de todas as caixas de texto, elimine as que não precisa.

Alterar tipo de conexão

Pode alterar um tipo de conexão. Por exemplo, pode alterar de uma Associação para uma Associação Direcionada. Clique com o botão direito do rato na conexão e, em seguida, clique em Definir Tipo de Conexão.

Fazer ligações dinâmicas em vez de ligações de pontos

Se antecipar bastante a movimentação de formas, considere fazer uma ligação dinâmica em vez de um ponto de ligação.

Mover ou rodar texto em conexões

Provavelmente, terá de rodar ou mover texto nas linhas de conexão. Eis como fazê-lo:

  1. Clique numa área vazia da página para desmarcar tudo o que possa estar selecionado.

  2. No separador Base, no grupo Ferramentas, clique na ferramenta Bloco de Texto Botão Bloco de Texto

  3. Clique na conexão que tem o texto que pretende rodar ou mover.

  4. Arraste o bloco de texto para movê-lo ou rode-o utilizando a Alça de Rotação Alça de rotação

  5. Quando terminar, clique no botão Ferramenta de Ponteeiro Botão Ponteiro

    Depois de regressar ao botão Ferramenta de Ponterno Botão Ponteiro, o texto mantém a mesma posição em relação à forma. Se utilizar a Ferramenta de Ponte Botão Ponteiro para arrastar o texto, a forma também se move. Para mover o texto independentemente da forma, volte à Ferramenta de Blocos de Texto Botão Bloco de Texto .

Nota: A criação e edição de diagramas UML no Visio na Web requer uma licença Visio (Plano 1) ou Visio (Plano 2), que é comprada separadamente do Microsoft 365. Para obter mais informações, contacte o Microsoft 365 administrador. Se o seu administrador tiver ativos a "compra self-service", pode comprar uma licença para o seu Visio si. Para obter mais detalhes, consulte FAQ sobre compras independentes.

Um diagrama de componente UML de exemplo.

Primeiro, abra o modelo de Componente UML e escolha uma das quatro opções. Em seguida, é exibido o stencil Componente UML, juntamente com as formas em conformidade com a norma UML 2.5.

Nota: O stencil Componente UML só está disponível se for um Visio (Plano 2) subscritor. Se tiver uma subscrição, certifique-se de que tem a versão mais recente Visio.

Iniciar um diagrama de sequência

  1. Abra Visio na Web. 

  2. Junto ao canto superior direito da página, selecione Mais modelos.

  3. Na Galeria, desloco-se para baixo até à linha UML Component, a meio da página.

    O primeiro item na linha representa um modelo em branco e o stencil companheiro. Os outros itens na linha são diagramas de exemplo que já têm algumas formas desenhadas para o ajudar a começar rapidamente.

  4. Clique em qualquer item para ver uma pré-visualização maior.

  5. Quando encontrar o diagrama que pretende utilizar, clique no botão Criar.

    O novo diagrama, com o stencil relacionado, é aberto no seu browser.

Formas de componentes

Quando utilizar

Utilize formas de componentes para cada unidade funcional no seu sistema ou aplicação.

Forma do componente "Store"

Mostrar ou ocultar estereótipo

Clique com o botão direito do rato na forma para mostrar ou ocultar a etiqueta estereótipo.

Menu de contexto, comando Mostrar Estereótipo,  <<componente>> etiqueta de texto

Subsystems

Pode utilizar a forma do componente como uma forma de subssistema que contém outros componentes. Resize-o para que seja maior e largue outros componentes em cima do mesmo. Quando vir o realce verde, deixe-o ir. A partir deste ponto da forma maior irá atuar como um contentor e a forma mais pequena irá mover-se com ele.

Sugestão: Se um componente desaparecer após arrastá-lo para cima de outro componente, traga-o para a frente ao premir Ctrl+Shift+F.

Store subsystem shape with Order component dragged on it

Formas de interface

Quando utilizar

  1. Utilize a forma Interface Fornecida quando pretender especificar a realização de uma classe/interface.

  2. Utilize a Interface Necessária quando pretender especificar uma dependência numa classe/interface.

Duas interfaces ligadas, 1: Forma interface fornecida que termina com círculo, 2: Required Interface shape ending with socket

Passo 1

Arraste uma forma Interface Fornecida para a página e alinhe o quadrado da porta com um ponto de ligação. Sabe que está ligado quando vê o realce verde à volta do ponto de ligação.

Forma Interface fornecida colada à forma Componente

Passo 2

Arraste uma forma Interface Obrigatória para a página e alinhe o quadrado da porta com um ponto de ligação. Sabe que está ligado quando vê o realce verde à volta do ponto de ligação.

Forma Interface Necessária colada à forma Componente

Passo 3

Para ligar uma interface Fornecida e Necessária, primeiro selecione a forma Interface Necessária. Em seguida, procure a alça amarela.

Alça amarela na forma Interface Necessária

Passo 4

Arraste a alça amarela para se ligar à Interface Fornecida.

Forma Interface Necessária ligada à Interface Fornecida

Sugestões para conectores

Endireitar conexões

Se uma conexão estiver a dar demasiadas voltas, clique com o botão direito do rato no mesmo e, em seguida, clique em Conexão Reta.

Mostrar multiplicidade

Se for necessário, clique com o botão direito do rato no conector e selecione Mostrar Multiplicidade. Quando terminar, são apresentadas quatro caixas de texto onde pode adicionar detalhes. Se não precisar de todas as caixas de texto, elimine as que não precisa.

Alterar o tipo de conexão

Pode alterar um tipo de conexão. Por exemplo, pode alterar de uma Associação para uma Associação Direcionada. Clique com o botão direito do rato na conexão e, em seguida, clique em Definir Tipo de Conexão.

Fazer ligações dinâmicas em vez de ligações de pontos

Se antecipar bastante a movimentação de formas, considere fazer uma ligação dinâmica em vez de um ponto de ligação.

Mover ou rodar texto em conexões

Provavelmente, terá de rodar ou mover texto nas linhas de conexão. Eis como fazê-lo:

  1. Clique numa área vazia da página para desmarcar tudo o que possa estar selecionado.

  2. No separador Base, no grupo Ferramentas, clique na ferramenta Bloco de Texto Botão Bloco de Texto

  3. Clique na conexão que tem o texto que pretende rodar ou mover.

  4. Arraste o bloco de texto para movê-lo ou rode-o utilizando a Alça de Rotação Alça de rotação

  5. Quando terminar, clique no botão Ferramenta de Ponte Botão Ponteiro

    Depois de regressar ao botão Ferramenta de Ponterno Botão Ponteiro, o texto mantém a mesma posição em relação à forma. Se utilizar a Ferramenta de Ponte Botão Ponteiro para arrastar o texto, a forma também se move. Para mover o texto independentemente da forma, volte à Ferramenta de Blocos de Texto Botão Bloco de Texto .

Component diagram displaying the structure of software code as cohesive components

Nota de aviso 1 Num diagrama de componente, os componentes são tipos genéricos em vez de instâncias. Para mostrar instâncias de componentes, utilize um diagrama de implementação.

Nota de aviso 2 Dependências indicam que um componente de cliente é de alguma forma dependente de um componente de fornecedor.

  1. No Visio 2010: em Categorias de Modelos, clique em Softwaree, em seguida, clique em Diagrama de Modelo UMLe, em seguida, clique em Criar.

  2. No vista de árvore, clique com o botão direito do rato no pacote ou subssistema no qual pretende incluir o diagrama de componente e, em seguida, no menu Novo, clique em Diagramade Componentes.

    É exibida uma página em branco e o stencil Componente UML torna-se o stencil mais superior. A área de trabalho apresenta "Componente" como uma marca d'água. É adicionado um ícone que representa o diagrama à vista de árvore.

    Nota: Se a vista de árvore não estiver visível, aponte para Ver no menu UML e, em seguida, clique em Explorador de Modelos.

  3. Arraste uma forma Componente para a página de desenho para cada componente que pretende representar.

  4. Quando adequado, arraste uma forma Interface para a página de desenho e cole a extremidade sem o círculo a uma forma de componente.

    Adicionar uma interface a uma turma, componente ou outros elementos

    1. Numa estrutura estática, componente ou diagrama de implementação, arraste a forma Interface lollipop para a página de desenho.

    2. Cole a extremidade sem o círculo a um ponto de ligação Imagem do ponto de ligação - X azul no classe ou outro elemento.

    3. Faça duplo clique na forma Interface para adicionar um nome, operações e outros valores de propriedade.

      Lista de sugestões

      Também pode representar uma interface com uma forma de Interface retangular que se assemelha a uma turma. Utilize esta forma quando pretender apresentar uma lista das operações da interface.

      Para alterar o tipo de forma que é apresentado para uma interface, clique com o botão direito do rato na forma Interface e clique em Mostrar como Interface do Tipo de Classe ou Mostrar como Interface do Rellipop.

  5. Utilize 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 Dependency a partir do stencil Estrutura Estática,Implementação UMLou Componente UML para a página de desenho e coloque-a junto dos elementos que pretende relacionar.

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

    3. Faça duplo clique na dependência para adicionar um nome, estereótipo e outras propriedades.

      Sugestão: Se pretender indicar uma dependência de rastreio, refinamento, utilização ou vínculo, pode utilizar as formas Rastreio, Refinamento, Utilizaçãoou Encadernação a partir do stencil Estrutura Estática UML.

  6. Faça duplo clique em qualquer forma para abrir a caixa de diálogo Propriedades UML onde pode adicionar um nome, atributos, operações e outras propriedades.

  7. Guarde o diagrama.

Consulte também

Diagramas UML no Visio

Criar um diagrama de comunicação UML

Criar um diagrama de implementação UML

Criar um diagrama de sequência UML

Precisa de mais ajuda?

Aumente os seus conhecimentos
Explore as formações
Seja o primeiro a obter novas funcionalidades
Aderir ao Microsoft Office insiders

As informações foram úteis?

Quão satisfeito está com a qualidade do idioma?
O que afetou a sua experiência?

Obrigado pelo seu feedback!

×