Tutorial de diagrama de máquina de estados

¿Para qué necesitas crear un diagrama UML?

No tengo experiencia en diagramas UML y quiero aprender más.

Quiero crear mi propio diagrama UML en Lucidchart.

Quiero crear un diagrama UML a partir de una plantilla de Lucidchart.


Un diagrama de estados, en ocasiones conocido como diagrama de máquina de estados, es un tipo de diagrama de comportamiento en el Lenguaje Unificado de Modelado (UML) que muestra transiciones entre diversos objetos. Usa nuestro software de diagramas UML colaborativo y genera tu propio diagrama de máquina de estados al crear una cuenta gratuita de Lucidchart hoy mismo.

5 minutos de lectura

¿Deseas crear un diagrama UML por tu cuenta? Prueba Lucidchart. Es rápido, sencillo y totalmente gratis.

Crea un diagrama UML

¿Qué es un diagrama de estados en UML?

Una máquina de estados es cualquier dispositivo que almacena el estado de un objeto en un momento dado y puede cambiar el estado o causar otras acciones según la entrada que reciba. Estados se refiere a las diferentes combinaciones de información que un objeto puede mantener, no la forma en que el objeto se comporta. Para comprender los diferentes estados de un objeto, podrías visualizar todos los estados posibles y mostrar cómo un objeto llega a cada estado, y puedes hacerlo con un diagrama de estados UML.

Cada diagrama de estados generalmente empieza con un círculo oscuro que indica el estado inicial y termina con un círculo de contorno blanco que denota el estado final. Sin embargo, a pesar de tener puntos de inicio y finalización definidos, los diagramas de estado no necesariamente son la mejor herramienta para plasmar un desarrollo general de eventos. En lugar de ello, ilustran tipos específicos de comportamiento —en particular, cambios de un estado a otro.

Los diagramas de estado representan principalmente estados y transiciones. Los estados se representan con rectángulos de esquinas redondeadas que se etiquetan con el nombre del estado. Las transiciones se marcan con flechas que fluyen de un estado a otro, mostrando cómo cambian los estados. A continuación podrás ver estos dos elementos en acción en un diagrama básico para la vida estudiantil. Nuestra herramienta de diagramas UML puede ayudarte a diseñar cualquier diagrama personalizado de máquina de estados.

Diagrama de estados - Estados de pregrado

Aplicaciones de los diagramas de estado

De forma similar a la mayoría de los diagramas UML, los diagramas de estado tienen diferentes usos. Las aplicaciones principales son las siguientes:

  • Representar objetos basados en eventos en un sistema reactivo.

  • Ilustrar escenarios de casos de uso en un contexto de negocios.

  • Describir cómo se mueve un objeto a través de diversos estados a lo largo de su existencia.

  • Mostrar el comportamiento general de una máquina de estados o el comportamiento de un conjunto relacionado de máquinas de estados.

¿Deseas crear un diagrama UML por tu cuenta? Prueba Lucidchart. Es rápido, sencillo y totalmente gratis.

Crea un diagrama UML

Símbolos y componentes para diagramas de estados

Puedes incluir muchas figuras diferentes en un diagrama de estados, particularmente si eliges combinarlo con otro diagrama. Esta lista resume las figuras más comunes que puedes encontrar.

Estado compuesto

Un estado que contiene subestados anidados. Ve el ejemplo siguiente de diagrama de estados de universidad. “Inscripción” es el estado compuesto en este ejemplo porque comprende diversos subestados en el proceso.

Pseudoestado de opción

Un símbolo de diamante que indica una condición dinámica con resultados potenciales ramificados.

Símbolos de diagramas de estados - Pseudoestado de opción

Evento

Una instancia que activa una transición, etiquetada arriba de la flecha de transición aplicable. En este caso, "fin de clases" es el evento que activa el final del estado “Siendo instruidos” y el inicio del estado “Exámenes finales”.

Símbolos de diagramas de estados - Figura de evento

Punto de salida

El punto en el cual un objeto escapa el estado compuesto o máquina de estados, el cual se indica por medio de un círculo cruzado con una X. El punto de salida generalmente se usa si el proceso no está completado, pero tiene que ser escapado por algún error u otro problema.

Símbolos de diagramas de estados - Punto de salida

Primer estado

Un marcador para el primer estado en el proceso, que se muestra mediante un círculo oscuro con una flecha de transición.

Símbolos de diagramas de estados - Primer estado

Protección

Una condición booleana que permite o detiene una transición. Se escribe arriba de la flecha de transición.

Estado

Un rectángulo de esquinas redondeadas que indica la naturaleza actual de un objeto.

Símbolos de diagramas de estados - Figura de estado

Subestado

Un estado contenido dentro de la región de un estado compuesto. En el diagrama de máquina de estados de universidad mostrado a continuación, “Abierto para inscripción” es un subestado en el estado compuesto más grande de “Inscripción”.

Terminador

Un círculo con un punto en el interior que indica que un proceso está terminado.

Símbolos de diagramas de estados - Figura de terminador

Transición

Una flecha que corre de un estado a otro, que indica un estado cambiante.

Símbolos de diagramas de estados - Figura de transición

Comportamiento transicional

Un comportamiento que resulta cuando un estado pasa por una transición. Se escribe arriba de la flecha de transición.

Disparador

Un tipo de mensaje que mueve activamente un objeto de estado en estado. Se escribe arriba de la flecha de transición. En este ejemplo, “Problema con la reservación” es el disparador que enviaría a la persona a la agencia de viajes del aeropuerto en lugar de al siguiente paso en el proceso.

Símbolos de diagramas de estados - Figura de disparador

Ejemplos de diagrama de estados

Ejemplo de diagrama de estados de disponibilidad en calendario

Este ejemplo de diagrama de máquina de estados muestra el proceso por medio del cual una persona define una cita en su calendario. En el estado compuesto “Revisar fecha”, el sistema revisa el calendario en busca de disponibilidad en algunos subestados diferentes. Si no hay disponibilidad de tiempo en el calendario, el proceso es escapado. Sin embargo, si el calendario muestra disponibilidad, se agregará la cita al calendario.

Ejemplos de diagramas de estados - Ejemplo de disponibilidad de calendario

Ejemplo de diagrama de estados de universidad

Este diagrama de estados muestra el proceso de inscripción y clases en una universidad. El estado compuesto “Inscripción” se compone de diversos subestados que guían a los estudiantes a través del proceso de inscripción. Una vez que los estudiantes se han inscrito, pasan al estado “Siendo instruidos” y finalmente a “Exámenes finales”.

Ejemplos de diagramas de estados - Ejemplo de universidad

Ejemplo de diagrama de estados de registro en aeropuerto

El siguiente ejemplo simplifica los pasos necesarios para registrarse en un aeropuerto. En el caso de las aerolíneas, un diagrama de estados puede ayudar a agilizar procesos y eliminar pasos innecesarios.

Ejemplos de diagramas de estados - Ejemplo de aeropuerto

Recursos adicionales

Usa Lucidchart para colaborar y crear diagramas UML cuando inicies una cuenta gratuita hoy mismo. No se requieren extensiones o descargas.

¿Deseas crear un diagrama UML por tu cuenta? Prueba Lucidchart. Es rápido, sencillo y totalmente gratis.

Empezar ahora

  • Precios
  • Individual
  • Equipo
  • Corporativo
  • Comunícate con Ventas
PrivacidadLegalOpciones de privacidad de cookiesPolítica de cookies
  • linkedin
  • twitter
  • instagram
  • facebook
  • youtube
  • glassdoor
  • tiktok

© 2024 Lucid Software Inc.