Colegio Superior “San Martin”

Ciclo Lectivo 2020

Tecnicatura Superior en Desarrollo de Software

Modelado de Sistemas
Unidad Didáctica II
Parte III

Introducción a Start UML

Diagramas de Estados y de Actividades
Actividad 01
Bv. 25 de mayo 1411
Teléfono: 03564 443721
Página web: www.issanmartin-cba.infd.edu.ar
Blog: https://www.colegiosuperiorsanmartin.blogspot.com
Facebook: https://www.facebook.com/colegiosuperiorsanmartin
Instagram: https://www.instagram.com/colegiosuperiorsanmartinsfco/
Los diagramas de Estados que muestran

https://www.youtube.com/watch?v=Mw53LWJygw8
entonces
Ejemplo de un diagrama de estado

Otro ejemplo
Notación de los Diagramas de Estados

Básicamente vemos las primeras 4 opciones: Estado, Submaquina de Estado, inicio y Fin
Caso 4: Estados Compuestos Concurrentes
Vamos a crear un diagrama de estado, en StartUML lo primero que hacemos es crear una
clase, ya que los objetos son instancias de una clase.

A la clase la llamamos cliente, Add atributos “Código Cliente”; + Nombre; + Apellido; + Celular.

Ya agregamos los atributos ahora las operaciones es decir las tareas que hace este objeto. Add

Operaciones. Y ponemos Insertar, + guardar + buscar + editar.

Ahora vamos al menú Model + Add + Diagrama de estado (StatechartDiagram) o bien con la
clase seleccionada, clic derecho + Add Diagram + diagrama de estado.

En la barra de herramienta clic en Inicio (lo marca con una esfera) luego State para agregar un
estado al cual le ponemos Generando CodCliente, elegimos transición y de la esfera al estado.

Agregamos otro estado con “ingresando NomCliente” transición (flecha) le ponemos código
Cliente porque ya fue generado.

Agregamos otro estado con “ingresando ApeCliente” transición (flecha) le ponemos Nombre
Cliente porque ya fue generado.

Agregamos otro estado con “ingresando CelCliente” transición (flecha) le ponemos Apellido
Cliente porque ya fue generado.
Agregamos otro estado con “guardando Cliente” transición (flecha) le ponemos Celular Cliente
porque ya fue generado.

Y por último opción Final State (esfera) + más transición de “guardando cliente” con el nombre
de “registro o cliente guardado”.

En la ToolBar elegimos Annotation (anotaciones) lo definimos con “Insertar y Guardar un

nuevo Cliente”.

Diagrama compuesto secuencial

En Main, mas clic derecho sobre la clase seleccionada Add diagram.

Primero opción State (rectángulo más grande) + Inicio (esfera) + transición solo flecha sin
nombre. Otra vez State pero lo pongo adentro del rectángulo (ej. De un factura cuando hay
estado del cliente y también del producto).

Al estado interior le ponemos “ingresando Nombre del cliente” a su vez cambiamos el nombre
del state1 (rectángulo grande) por “Registrando Cliente”

Agregamos otro estado interior “ingresando apellido” y un tercer estado “ingresando celular”
colocamos las dos transiciones con nombre incluido “NomCliente” y “ApeCliente”.

También agregamos en el interior la opción inizializate y finalState con sus respectivas

transiciones.

Agregamos otro estado fuera del rectángulo y lo ponemos “Registrando Ciudad” con la flecha
de transición del rectángulo al estado y el nombre “datos del cliente” más a la derecha un
FinalState con su flecha.

Diagrama compuesto concurrente

En Main agregamos otra clase desde la barra de herramientas con el nombre “Cajero” clic
derecho sobre la clase Add, atributos “código cajero” más Add operaciones una con el nombre
activo, luego + Inactivo. Ahora si seleccionamos la clase; click derecho Add Diagram + diagrama
de estado.

Initial state; state con el nombre “Inactivo” + transición de la esfera al estado. Agregamos un
nuevo estado o una submaquina le ponemos nombre “Activo” y usamos las 3 operaciones que
aparecen a la derecha. Clic en La primera le ponemos “Leer tarjeta” en el segundo “Procesar
información” y por ultimo “Expulsar tarjeta”, ahora al estado lo hacemos más grande y en su
interior ponemos un estado con el nombre “Validar” con su esfera de inicio y su transición.

Otro estado llamado “Seleccionar Operación” con la flecha desde validar.

Otro estado “Procesar” al cual le ponemos 2 transiciones de ida y vuelta con el estado
“Seleccionar operación” a la flecha estirar la de abajo para abajo y la de arriba para arriba.

Agregamos otro estado con el nombre “Imprimir” y le damos flecha desde Procesar y la
estiramos hacia abajo. De imprimir pasa la transición a inactivo y desde este a activo.

Agregamos otro estado fuera del rectángulo y debajo de inactivo con el nombre
“Mantenimiento” le hacemos doble clic y elegimos agregar tarea el 2 de las 3 operaciones. Serán
2 una “Probar” y “Esperar orden”

Agrandamos el estado “Mantenimiento” inicializamos (esfera) y agregamos 2 estados interiores

“Probar periféricos” y “Autoanalizar”, le ponemos las transiciones desde inicio y entre estados
más la esfera FinalState con su flecha. Ya hicimos “Probar” ahora hacemos abajo

lo mismo con “Esperar orden” con inicio flecha estado “esperar” flecha estado “Ordenar” flecha

y final. La transición entre esperar y ordenar es de ida y vuelta con estirada y con nombres la de

arriba (de esperar a ordenar” “continuar” la de abajo “Presionar tecla”, agregamos la flecha de

“Inactivo” a “mantenimiento” con nombre “ejecutar”.3

La flecha de inactivo a activo estirar para arriba y poner “Tarjeta insertada” y por ultimo

agregamos una transición de validar a inactivo con el nombre “Cancelar”.

Diagrama de actividades ¿Qué Muestran?
Elementos de un Diagrama de Actividades

Ver enlace https://www.youtube.com/watch?v=bXaVP9HAuUo

Ejercicio Intente traducir esta descripción en un diagrama de actividades