2007   1  

Diagramas  de  Interacción  • Las  interacciones  son  unidades  simples  de  comportamiento  entre  clasificadores.  • Un  mensaje  es  una  forma  de  comunicación  entre  durante  una  interacción.  • Hay  siete  @pos  de  mensajes:    

– Sincrónico  – Asincrónico  – Retorno  – Creación  – Destrucción  – Mensaje  encontrado  – Mensaje  Perdido  

Mensaje(parámetro) Mensaje(parámetro)

<<create>> Mensaje :A <<destroy>> Mensaje

2007   2  

Diagramas  de  Interacción  

•  Los  Diagramas  de  Interacción  se    pueden  usar  para  modelar  la  interacción  entre  instancias  de  clasificadores  

•  Los  diagramas  de  Interacción  pueden  ser:  – Diagramas  de  Secuencia:  hacen  énfasis  en  el  orden  en  el  @empo  en  que  se  envían  los  mensajes  

– Diagramas  de  Comunicación:  Estos  hacen  énfasis  en  la  relación  estructural  entre  los  objetos  

– Diagramas  de  Interacción  Globales:  muestran  cómo  el  comportamiento  complejo  se  realiza  a  través  de  un  conjunto  más  simple  de  iteraciones  

– Diagramas  Temporizadores  (Timing):  se  enfocan  en  aspectos  de  los  sistemas  en  @empo  real  

2007   3  

Diagramas  de  Secuencia  Lifeline Es un simple

participante.

nombre:clasificador

2007   4  

Diagramas  de  Secuencia  

Activación

Indica cuando un lifeline tiene el foco de control.

2007   5  

4: Muestra mesa libre

2: Chequea mesas libres 1: Entra

6: Solicita Menú

7: Busca Menú

9: Hace selección 10: Elabora Orden

11: Prepara Comida

12: Comida Lista 13: Presenta Factura

14: Paga)

15: Libera Mesa

8: Entrega Menú

5: Informa llegada de nuevo cliente

Caso de Uso: Servir Cena

Llega el Cliente Recepcionista

Mesonero Jefe

Plan Orden Menú Prepara. Comida

Se sienta y Solicita Menú

3: Ok

Selecciona pedido

Cliente come Y pide factura

Diagramas de Secuencia

Nota

Se usa para agregarle información al diagrama

2007   6  

Modelo  de  Casos  de  Uso  

Modelo de Dominio

Diagramas de Secuencia

Componentes

Diagrama de Clases

Interfaces

Diagramas de Comunicación

Trazabilidad  entre  modelos  

2007   7  

Modelo de Dominio

2007   8  

Nombre del caso de Uso Crear Un Orden Web Descripción Permite la creación de una orden desde el ambiente Web Precondición: El cliente debe estar registrado Postcondición: Se creó una Orden web Flujo de Trabajo Flujo Básico

Actor Sistema

1.-Se inicia por el caso de uso “Crear Orden” 2.-El cliente selección Orden Web

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

5.-Navega por el catálogo 6.-Selecciona el ItemProducto a comprar

6 .-Reg i s t ra en l a o r den p r oduc t o s seleccionados 7.-Muestra la lista de productos hasta ahora seleccionados

8.-Repite los pasos de 5 a 7 9.-Señala 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 envío de orden o modificación de orden.

11.-Cliente acepta orden 12.-Muestra interfaz de forma de pago.

13.-Introduce los datos de pago 14.-Confirma datos de pago

15.-Acepta datos de Pago 16.-Ingresa Orden.

2007   9  

Flujos Alternos

Actor Sistema

5.1.-Cancela Navegación 5.2.-Elimina orden 5.3.-Regresa a la página 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 página 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 No tiene

Puntos de Extensión No tiene

2007   10  

Diagrama de Secuencia Crear Orden Web

2007   Diagramación con UML 11  Evolución del Modelo de Dominio por el Diagrama de Secuencia hacia el Diagrama de Clases Crear Orden Web

:SistemaServicios   :Cliente  sd    

TAI   :ConexionBD  

provisional  

:Lector  

ProvisionalPerdida  

crearCliente()  

verificarCliente(datos_cliente)  

crearTAIprovisional()  

crearConexion()  

connect()  crearTAIprovisional(datos_cliente)  

crearLector()  escribirDatosCliente(datos_clienteTAIprovisional)  

reportarTAIperdida()  

crearConexion()  

connet()  

datosTAI=buscar(cedula)  

reportarTAIperdida()  

usuario  

sd  Generar  e  Imprimir  Acta  de  Servicio  :Borde  del  Sistema  

:Sistema  Comedores  

:Transacción   :Conexion  BD   :Reporte  

alt  Alterno  Paso  3  

IniciarGenerarActa(@po_tranasaccion)  

Transacción()  

CrearActa(@po_transacción)  

ConexiónBD()  

Connect()  

datos=acta()  

reporte(datos,  @po_transacción)  

mostrar(acta)  

[OK]Imprimir(acta)  

[NOOK]borrar(acta)  

usuario  

Diagramas WAE (Web Application Extension)

•  Esta  extensión  de  UML  para  Web  define  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  página  Web  y  otros  estereo@pos  son  asignados  a  otros  elementos  de  HTML  que  representan  componentes  arquitectónicamente  significa@vos  de  un  sistema.  

Diagramas WAE (Web Application Extension)

•  Una  Página  de  Servidor  representa  una  página  Web  que  @ene  scripts  que  son  ejecutados  por  el  servidor  

•  Una  instancia  de  una  Página  Cliente  es  una  página  Web  formateada  en  código  HTML  

 Una  Forma  (o  formulario)  es  una  colección  de  campos  de  entrada  que  son  parte  de  una  página  cliente  

 Un  Frame  Set  es  un  contenedor  de  múl@ples  páginas  Web.  Puede  contener  páginas  Web  u  otros  frame  sets.  

Diagramas WAE (Web Application Extension)

•  Un  target  es  un  compar@miento  iden@ficado  en  una  ventana  de  un  browser  donde  las  páginas  Web  pueden  ser  mostradas  

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

Diagramas WAE (Web Application Extension)

La relación de <builds> representa

qué página en el servidor es

responsable de construir una página

cliente

Una relación de <Redirects> es una

asociación unidireccional con otra página web

Diagramas WAE (Web Application Extension)

Un link es un apuntador de una

página a otra

Si el link tiene parámetros éstos son modelados como atributos

Diagramas WAE (Web Application Extension)

Un <submit> representa la

relación entre una forma y la página

web que la procesa

Las páginas contienen formas

Diagramas WAE (Web Application Extension)

En un <target link> la página asociada es desplegada en

otro target

Relaciones  no  permi@das  

Metáfora  Restaurant  -­‐  Diagramas  WAE  

X  X  

X  

Traducción  a  UML