D Secuencia y WAE

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 si et ete @pos de mensa jes:  –  –  –  –  –  –  –

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

Mensaje(parámetro) Mensaje(parámetro) <> Mensaje <> Mensaje

2007

:A

1

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:  –

 –

 –

 –

2007

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 2

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

2007

3

DiagramasdeSecuencia  Activación Indica cuando un lifeline tiene el foco de control.

2007

4

Diagramas de Secuencia Caso de Uso: Servir Cena Recepcionista

Llega el Cliente

Mesonero  Jefe

Plan

Menú

Orden

Prepara. Comida

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

Nota

Se usa para agregarle información al diagrama

5: Informa llegada de nuevo cliente

Se sienta y Solicita Menú

6: Solicita Menú 7: Busca Menú 8: Entrega Menú

Selecciona pedido Cliente come Y pide factura

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

2007

5

Trazabilidadentremodelos

Componentes

Diagrama de Clases ModelodeCasosdeUso

Interfaces Diagramas de Secuencia

Modelo de Dominio Diagramas de Comunicación 2007

6

Modelo de Dominio 2007

7

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.-Registra en la orden productos seleccionados 7.-Muestra la lista de productos hasta ahora seleccionados

2007

8.-Repite los pasos de 5 a 7 9.-Señala que terminó y solicita orden definitiva

10.-Muestra orden con todos los 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.

8

Flujos Alternos

Actor

5.1.-Cancela Navegación

5.2.-Elimina orden 5.3.-Regresa a la pági na 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ági na 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

Sistema

9

Diagrama de Secuencia Crear Orden Web 2007

10

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

sd :SistemaServicios

:Cliente

TAI

:ConexionBD

:Lector

usuario crearCliente()

verificarCliente(datos_cliente)

crearTAIprovisional()

crearConexion()

connect() crearTAIprovisional(datos_cliente)

crearLector() escribirDatosCliente(datos_clienteTAIprovisional) provisional reportarTAIperdida()

crearConexion()

connet()

datosTAI=buscar(cedula)

reportarTAIperdida() ProvisionalPerdida

sdGenerareImprimirActadeServicio :Bordedel Sistema

:Sistema Comedores

:Transacción

:ConexionBD

:Reporte

usuario IniciarGenerarActa(@po_tranasaccion)

Transacción()

CrearActa(@po_transacción)

ConexiónBD()

Connect()

datos=acta()

reporte(datos,@po_transacción)

mostrar(acta)

altAlternoPaso3

[OK]Imprimir(acta)

[NOOK]borrar(acta)

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 representa qué página en el servidor es responsable de construir una página cliente Una relación de 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) Las páginas contienen formas

Un representa la relación entre una forma y la página web que la procesa

Diagramas WAE (Web Application Extension)

En un la página asociada es desplegada en otro target

MetáforaRestaurant-DiagramasWAE

TraducciónaUML Relacionesnopermi@das

X X X