Diagramas

de Interaccin
Las interacciones son unidades simples de comportamiento entre clasicadores. Un mensaje es una forma de comunicacin entre durante una interaccin. Hay siete @pos de mensajes:

Sincrnico Asincrnico Retorno Creacin Destruccin Mensaje encontrado Mensaje Perdido

Mensaje(parmetro) Mensaje(parmetro) <<create>> Mensaje :A <<destroy>> Mensaje

2007

Diagramas de Interaccin
Los Diagramas de Interaccin se pueden usar para modelar la interaccin entre instancias de clasicadores Los diagramas de Interaccin pueden ser:

Diagramas de Secuencia: hacen nfasis en el orden en el @empo en que se envan los mensajes Diagramas de Comunicacin: Estos hacen nfasis en la relacin estructural entre los objetos Diagramas de Interaccin Globales: muestran cmo el comportamiento complejo se realiza a travs de un conjunto ms simple de iteraciones Diagramas Temporizadores (Timing): se enfocan en aspectos de los sistemas en @empo real
2

2007

Diagramas de Secuencia
Lifeline Es un simple participante. nombre:clasificador

2007

Diagramas de Secuencia
Activacin Indica cuando un lifeline tiene el foco de control.

2007

Diagramas de Secuencia
Caso de Uso: Servir Cena
Recepcionista

Plan

Llega el Cliente

Mesonero Jefe

Men

Orden

Prepara. Comida

1: Entra 2: Chequea mesas libres 3: Ok 4: Muestra mesa libre

Nota

5: Informa llegada de nuevo cliente

Se sienta y Solicita Men

Se usa para agregarle informacin al diagrama

7: Busca Men

6: Solicita Men

8: Entrega Men

Selecciona pedido Cliente come Y pide factura

9: Hace seleccin 10: Elabora Orden 11: Prepara Comida 13: Presenta Factura 14: Paga) 15: Libera Mesa 12: Comida Lista

2007

Trazabilidad entre modelos

Componentes Diagrama de Clases

Modelo de Casos de Uso

Interfaces
Diagramas de Secuencia

Modelo de Dominio Diagramas de Comunicacin

2007 6

Modelo de Dominio
2007 7

Nombre del caso de Uso Descripcin Precondicin: Postcondicin: Flujo de Trabajo

Crear Un Orden Web Permite la creacin de una orden desde el ambiente Web El cliente debe estar registrado Se cre una Orden web Flujo Bsico Actor Sistema

1.-Se inicia por el caso de uso Crear Orden 2.-El cliente seleccin Orden Web

3.- Crea un orden de compra con los datos del cliente 4.-Muestra el catlogo de Productos actual.

5.-Navega por el catlogo 6.-Selecciona el ItemProducto a comprar 6 .- R e g i s t r a e n l a o r d e n p r o d u c t o s seleccionados 7.-Muestra la lista de productos hasta ahora seleccionados 8.-Repite los pasos de 5 a 7 9.-Seala que termin y solicita orden definitiva 1 0 .- M u e s t r a o r d e n c o n t o d o s l o s itemsProducto seleccionados, el total de productos solicitados, cantidades y total a pagar. Permite envo de orden o modificacin de orden. 12.-Muestra interfaz de forma de pago.

11.-Cliente acepta orden

13.-Introduce los datos de pago

14.-Confirma datos de pago

2007

15.-Acepta datos de Pago

16.-Ingresa Orden.

Flujos Alternos

Actor

Sistema

5.1.-Cancela Navegacin

5.2.-Elimina orden 5.3.-Regresa a la pgina principal

6.1.-Selecciona un producto que no tiene existencia

6.2.-Muestra mensaje de falta en inventario

9.1.-Cancela Orden

5.2.-Elimina orden 5.3.-Regresa a la pgina principal

13.1.-Introduce Incompletos los datos de Pago

13.2.-Muestra mensaje de error

13.1.-Introduce incorrectos los datos de Pago

13.2.-Muestra mensaje de error

Requerimientos Especiales Puntos de Extensin

No tiene No tiene

2007

Diagrama de Secuencia Crear Orden Web

2007 10

Evolucin del Modelo de Dominio por el Diagrama de Secuencia hacia el Diagrama de Clases 2007 Diagramacin con UML 11 Crear Orden Web

sd

usuario

:SistemaServicios

:Cliente

TAI

:ConexionBD

:Lector

crearCliente()

vericarCliente(datos_cliente)

crearConexion() connect()

crearTAIprovisional()

crearLector()

crearTAIprovisional(datos_cliente)

reportarTAIperdida()

provisional

crearConexion() connet()

escribirDatosCliente(datos_clienteTAIprovisional)

datosTAI=buscar(cedula) reportarTAIperdida() ProvisionalPerdida

sd Generar e Imprimir Acta de Servicio :Borde del Sistema

:Sistema Comedores

:Transaccin

:Conexion BD

:Reporte

usuario
IniciarGenerarActa(@po_tranasaccion)

Transaccin()

ConexinBD() Connect()

CrearActa(@po_transaccin)

reporte(datos, @po_transaccin)

datos=acta()

mostrar(acta) alt Alterno Paso 3

[OK]Imprimir(acta)

[NOOK]borrar(acta)

Diagramas WAE (Web Application Extension)

Esta extensin de UML para Web dene un conjunto de estereo@pos, e@quetas y restricciones que nos permiten modelar aplicaciones Web. Estos estereo@pos y restricciones son aplicados a ciertos componentes que son par@culares para las aplicaciones Web y nos permiten representarlos en los mismos modelos y diagramas que el resto del sistema.

Diagramas WAE (Web Application Extension)

Hay varios estereo@pos que pueden ser aplicados a una pgina Web y otros estereo@pos son asignados a otros elementos de HTML que representan componentes arquitectnicamente signica@vos de un sistema.

Diagramas WAE (Web Application Extension)

Una Pgina de Servidor representa una pgina Web que @ene scripts que son ejecutados por el servidor
Una Forma (o formulario) es una

coleccin de campos de entrada que son parte de una pgina cliente

Un Frame Set es un contenedor de

Una instancia de una Pgina Cliente es una pgina Web formateada en cdigo HTML

ml@ples pginas Web. Puede contener pginas Web u otros frame sets.

Diagramas WAE (Web Application Extension) Un target es un

compar@miento iden@cado en una ventana de un browser donde las pginas Web pueden ser mostradas

En un browser que soporte JavaScript es posible simular funciones denidas por el usuario.

Diagramas WAE (Web Application Extension)

La relacin de <builds> representa qu pgina en el servidor es responsable de construir una pgina cliente Una relacin de <Redirects> es una asociacin unidireccional con otra pgina web

Diagramas WAE (Web Application Extension)

Un link es un apuntador de una pgina a otra

Si el link tiene parmetros stos son modelados como atributos

Diagramas WAE (Web Application Extension)

Las pginas contienen formas

Un <submit> representa la relacin entre una forma y la pgina web que la procesa

Diagramas WAE (Web Application Extension)

En un <target link> la pgina asociada es desplegada en otro target

Metfora Restaurant - Diagramas WAE

Traduccin a UML Relaciones no permi@das

X X