Crea un diagrama de secuencia con marcado UML en Lucidchart

Ver: Diagramas de clases UML

Crea un diagrama de secuencia usando el marcado

Sigue estos pasos para que Lucidchart genere de forma automática un diagrama de secuencia para ti:

1. Haz clic en el icono de búsqueda en la esquina superior izquierda del lienzo.
2. Selecciona figura para abrir el Menú de figuras.
3. Haz clic en Explorar todas las figuras en la parte inferior del Menú de figuras en el lado izquierdo de tu documento o pulsa "M" en el teclado.
4. En las opciones "Biblioteca estándar" en el lado izquierdo del panel, comprueba la Caja para la biblioteca de figuras "UML".
5. Haz clic en Usar figuras seleccionadas en la esquina inferior derecha del panel.
6. Haz clic en el icono de búsqueda para volver a la sección de búsqueda del panel izquierdo.
7. Busca y selecciona marcado UML.
8. Pasa el cursor sobre el texto y haz clic en el icono de más para agregar marcado UML a tus herramientas de documento y así acceder más rápido.
9. En el panel "UML markup" que aparece en el lado izquierdo del lienzo, escribe tu marcado.
   Haz clic en Construir en la parte inferior del panel cuando estés listo para generar el diagrama.

Para crear un nuevo diagrama, haz clic en Usar Marcado de nuevo desde las herramientas de tu documento.

Para instrucciones completas para crear un diagrama de secuencia con marcado en la Lucidchart editortradicional , ampliar el desplegable a continuación.

Marcado compatible

Líneas

Las líneas representan una relación entre elementos, lo que ayuda a visualizar las conexiones y el flujo dentro de un sistema. 

Sintaxis	Descripción	Ejemplo
Alice->Bob Alice <- Bob	Dibuja una línea continua (puedes dibujar líneas en ambos sentidos).
Alice -->	Dibuja una línea punteada.
Alice -> Alice	Dibuja una flecha continua hacia y desde un participante.

Líneas de vida

línea de vida muestra los participantes involucrados en un proceso de negocio, representando cuánto tiempo cada participante está activo o involucrado durante los eventos en el diagrama.

Sintaxis	Descripción	Ejemplo
activate Alice	Empezar activación de participantes con línea de vida.
deactivate Alice	Finaliza la activación de un participante terminando la línea de vida.

Flechas

Las flechas representan el flujo de comunicación entre elementos.

Sintaxis	Descripción	Ejemplo
->	Flecha cerrada
-> >	Flecha abierta
-	Sin flecha

Texto

El texto agrega etiquetas a las líneas de un diagrama para agregar detalles a las acciones o flujos.

Sintaxis	Descripción	Ejemplo
Alice->Bob: text	Agrega una etiqueta a mensajes entre participantes.
Alice->Bob: text\nmore	Agrega una etiqueta con un salto de línea entre los participantes.

Notas

Emplee notas para agregar comentarios o explicaciones a un diagrama, aclarando elementos o procesos de negocio.

Sintaxis	Descripción	Ejemplo
note left of Alice: text1	Agrega una figura de nota a la izquierda de Alice (si solo hay dos participantes, se puede omitir "of Alice").
nota a la derecha de Alice: texto2	Agrega una figura de nota a la derecha de Alice.
note over Alice: text3	Agrega una figura de nota que se muestra sobre Alice.
Nota sobre Alice, Bob: texto 4	Agrega una figura de nota que se muestra sobre Alice y Bob.
note over Bob, Alice: This is an example of a long note \n with a line break. (todo esto debe ir en una sola línea)	Agrega una figura de nota con más de una línea, que se muestra sobre Alice y Bob.

Agrupación

Emplee la agrupación para organizar visualmente elementos relacionados en un Contenedor, que representa una agrupación física o conceptual en un sistema. Esto simplifica el diagrama al mostrar las relaciones entre los elementos. 

Lucidchart Soporte varias funciones de agrupación, cada una con un propósito diferente. Se admiten las siguientes funciones: 

• alt: representa flujos alternativos donde solo se elige un Camino. 
• opt: se emplea para secuencias opcionales que ocurren solo si se cumple una condición. 
• par: significa paralelo, permite que las acciones sucedan simultáneamente. 
• bucle: representa secuencias repetidas. 
• crítico: define una sección que debe completar sin interrupción.

Sintaxis	Descripción	Ejemplo
alt successful case Bob -> Alice: data accepted else some kind of failure Bob -> Alice: data rejected end	Crea un mensaje de agrupación con "alt" (alternativa) y "else" (si no) para mostrar diferentes situaciones.
opt text1 Alice -> Bob: text2 end	Construya un mensaje de agrupación con la palabra clave "opt". Se admiten estas palabras clave: optar  par  Bucle crítico Nota: Estas cuatro palabras clave no son compatibles con "else". Solo la palabra clave "alt" puede ir junto con "else".

Alias

Emplee un alias para asignar un nombre alternativo a un elemento, lo que ayuda a simplificar y organizar su marcado para una mayor claridad. 

Sintaxis	Descripción	Ejemplo
participant A as Alice	Asigna alias a los participantes para poder escribir más rápido.
participant A as "Alice Jones"	Coloca comillas en los alias para asignar al participante un alias de más de una palabra.

Comentarios

Los comentarios son una forma de agregar notas dentro de su código que no se muestran en el diagrama. Proporcionan explicaciones útiles o recordatorios sin afectar la estructura del diagrama.

Edita un diagrama de secuencia

No te preocupes si tu diagrama de secuencia no es perfecto en el primer intento. Puedes editar el marcado de un diagrama que ya hayas creado, a menos que lo hayas ajustado manualmente o hayas desagrupado el diagrama en el lienzo.

Simplemente haz clic en el diagrama, y el diálogo de marcado de secuencia aparecerá en el lado izquierdo del editor.

Aplícale estilo a un diagrama de secuencia

Selecciona el diagrama de secuencia y usa la barra de propiedades que está en la parte superior del editor para aplicarle estilo a tu diagrama. Si deseas aplicar estilos a bloques o elementos individuales de tu diagrama, primero deberás desagruparlos. Selecciona el diagrama, haz clic con el botón derecho y selecciona Desagrupar.

Preguntas frecuentes

¿Puedo agregar sintaxis de estilo a mi marcado?
La sintaxis UML de estilizado no está soportada en Lucidchart. Para saber más sobre cómo estilizar tu diagrama, consulta la sección Estilo de diagrama de secuencia de este artículo.

Recursos

Para obtener más información sobre esta función, explora los recursos adicionales a continuación. Estos recursos están disponibles solo en inglés.

Videos

Diagramas de clases UML | Tutorial

Diagramas de casos de uso de UML

Da tu opinión sobre este artículo