Criar um diagrama de sequência com marcação UML no Lucidchart

Escrito por:  Shanna S
Ultima atualização:  

Com a nossa ferramenta de marcação de sequência você pode criar e editar diagramas de sequência com facilidade. Como o Lucidchart gera automaticamente um diagrama de sequência a partir do texto que você insere, você pode usar o tempo economizado para voltar a trabalhar em seu código... ou ver Guerra nas Estrelas.

Disponibilidade de planos: Individual, Equipe e Corporativo.

Observe: Diagramas de classe UML

Criar um diagrama de sequência com marcação

Siga estes passos, e o Lucidchart gerará automaticamente um diagrama de sequência para você:

  1. Ative a biblioteca de formas UML.
    • Clique em Mais formas na parte inferior do menu Forma no lado esquerdo do documento, ou pressione "M" no teclado.
    • Na aba "Formas", marque a caixa da biblioteca de formas "UML".
    • Clique em Usar formas selecionadas.
  2. Na biblioteca de formas "Sequência UML" no menu Forma, clique em Usar marcação.
    UML
  3. No menu popover à esquerda, digite sua marcação.
  4. Clique em Criar quando você estiver pronto para gerar o diagrama.
    sequência

Para criar um novo diagrama, clique em Usar marcação na biblioteca de formas de sequência UML novamente.

Dica: Economize tempo criando um diagrama de sequência com IA. Saiba mais em nosso artigo "Aumente a produtividade com Lucid IA no Lucidchart" .

Marcação compatível

Linhas

As linhas representam uma relação entre elementos, ajudando a visualizar conexões e fluxos dentro de um sistema. 

Sintaxe Descrição exemplo

Alice -> Bob

Alice <- Bob

Traçar uma linha sólida (você pode traçar linhas em ambos os sentidos). UML-markup-Linhas-Exemplo.png
Alice --> Traçar uma linha pontilhada.
Alice -> Alice Desenhar uma seta sólida para e de um participante.

Linhas da vida

As linhas de vida mostram os participantes envolvidos em um processo, representando quanto tempo cada participante está ativo ou envolvido durante os eventos no diagrama.

Sintaxe Descrição exemplo
ativar a Alice Começar participante ativação com lifeline. UML-markup-lifelines-example.png
desativar a Alice Encerrar ativação do participante, encerrando a linha da vida.

Setas

As setas representam o fluxo de comunicação entre os elementos.

Sintaxe Descrição exemplo
-> Fechar seta UML-marcação-setas-exemplo.png
-> > Abrir seta
- Sem seta

Texto

O texto adiciona rótulos às linhas em um diagrama para adicionar detalhes às ações ou ao fluxo.

Sintaxe Descrição exemplo
Alice->Bob: texto Adicionar um rótulo para mensagens entre os participantes. UML-markup-texto-exemplo.png
Alice->Bob: text\nmore Adicionar um rótulo com uma quebra de linha entre os participantes.

Notas

Use notas para adicionar comentários ou explicações a um diagrama, esclarecendo elementos ou processos.

Sintaxe Descrição exemplo
nota à esquerda de Alice: texto1 Adicionar uma forma de nota à esquerda de Alice (no caso de apenas dois personagens, "de Alice" pode ser omitido). UML-marcação-notas-exemplo.png
nota à direita de Alice: text2 Adicionar uma forma de nota à direita de Alice.
nota acima de Alice: texto3 Adicionar uma forma de nota exibida sobre Alice.
nota sobre Alice, Bob: texto4 Adicionar uma forma de nota exibida sobre Alice e Bob.
nota sobre Bob, Alice: Este é um exemplo de uma nota longa \n com uma quebra de linha. (manter tudo em uma linha) Adicionar uma forma de nota com notas de várias linhas exibidas sobre Alice e Bob.

Agrupamento

Use o agrupamento para organizar visualmente elementos relacionados em uma Caixa, representando um agrupamento físico ou conceitual em um sistema. Isso simplifica o diagrama mostrando a relação entre os elementos. 

O Lucidchart suporta diversas funções de agrupamento, cada uma com uma finalidade diferente. As seguintes funções são suportadas: 

  • alt: representa fluxo alternativo onde apenas um caminho é escolhido. 
  • opt: usado para sequências opcionais que ocorrem somente se uma condição for atendida. 
  • par: significa paralelo, permite que ações aconteçam simultaneamente. 
  • loop: representa sequências repetidas. 
  • crítico: define uma seção que deve ser concluída sem interrupção.
Sintaxe Descrição exemplo

"alt" caso bem-sucedido

Bob -> Alice: dados aceitos

"else" algum tipo de falha

Bob -> Alice: dados rejeitados

end

Criar uma mensagem de agrupamento com "alt" (alternativa) e "else" (ou então) para mostrar situações diferentes. UML-markup-alt-grouping-exemplo.png

texto1 opcional

Alice -> Bob: texto2

end

Crie uma mensagem de agrupamento com a palavra-chave "opt".

Estas palavras-chave são suportadas:

  • optar 
  • par 
  • Laço
  • critical

Observação: essas quatro palavras-chave não aceitam "else". Apenas a palavra-chave "alt" pode ser usada com "else".

UML-markup-opt-grouping-exemplo.png

UML-markup-par-grouping-example.png

Alias

Use um alias para atribuir um nome alternativo a um elemento, ajudando a simplificar e organizar sua marcação para maior clareza. 

Sintaxe Descrição exemplo
participante A como Alice Dê alias (pseudônimos) aos participantes para que você possa escrever mais rápido. UML-marcação-alias-exemplo.png
participante A como “Alice Jones” Use aspas para atribuir mais de uma palavra para o pseudônimo.

Comentários

Comentários são uma maneira de adicionar notas dentro do seu código que não são exibidas no diagrama. Eles fornecem explicações ou lembretes úteis sem afetar a estrutura do diagrama.

Sintaxe Descrição
'comment text Comentário de uma linha
/' comment text '/ Comentário de várias linhas

Editar um diagrama de sequência

Não se preocupe se o seu diagrama de sequência não estiver perfeito na primeira tentativa. Você pode editar a marcação de um diagrama que já criou, desde que não tenha ajustado manualmente ou desagrupado o diagrama na tela de desenho.

Basta clicar no diagrama, e o diálogo de marcação de sequência aparecerá no lado esquerdo do editor.

Estilizar um diagrama de sequência

Selecione o diagrama de sequência e use a barra de propriedades no topo do editor para estilizar o seu diagrama. Se você quiser estilizar blocos/elementos individuais do seu diagrama, primeiro é necessário desagrupá-los. Selecione o diagrama, clique com o botão direito do mouse e selecione Desagrupar.

Observação: se você desagrupar seu diagrama, não será possível editar a marcação novamente.

Perguntas frequentes

Posso adicionar sintaxe de estilo à minha marcação?
A estilização da sintaxe UML não é suportada no Lucidchart. Para saber mais sobre como formatar seu diagrama, consulte a seção " Como formatar um diagrama de sequência" deste artigo.

Recursos

Para saber mais sobre esse recurso, explore os recursos adicionais abaixo. Esses recursos estão disponíveis apenas em inglês.

Vídeos

Diagramas de classe UML | Tutorial

Diagramas de casos de uso UML

Dar feedback sobre este artigo

Tem feedback sobre este artigo? Conte-nos sobre sua experiência aqui

Encontrou o que procurava?

Ainda tem dúvidas ou quer compartilhar o que aprendeu? Visite nossa Comunidade   para obter ajuda e colaborar com outras pessoas.