Arquitectura de Presentación

(1)

Arquitectura de Proyectos de IT

Arquitectura de Presentación

Gastón Coco

Nicolás Passerini Jorge L García

(2)

¿Qué es Presentación?

 Es lo que permite al usuario interactuar con el

(3)

Problemas

 Su lógica puede ser muy compleja, más que la de

negocio a veces (muchas veces diría).

 Casos de uso simples tener problemas de:

– _Navegación

– _{Múltiples formas de ser invocados} – _{Ingreso de datos (interfaz visual)} – Mostrar resultados

 Es muy difícil hacer algo bonito, que sea usable,

(4)

¿Por qué es tan complejo?

 También hay problemas en el análisis

– _{Es compleja porque cuesta separar las cuestiones de}

negocio de las visuales.

– Al pensar en las pantallas uno se aleja del concepto /

dominio / negocio.

– _{Distintos usuarios quieren hacer la misma tarea de}

distintas formas

– Suele ser lo que más rápidamente cambia.

 Cuesta encontrar buenas abstracciones.

– Encontrar abstracciones

(5)

Secuencia Típica de Presentación

 Mostrar las distintas acciones a realizar.

 Inicio de un caso de uso.

 Ingreso de datos del usuario.

 Validación de los datos ingresados.

 Transformación de los datos del formato de

ingreso al formato de negocio.

 Invocación de la lógica de negocio.

 Transformación de los resultados.

 Manejo y presentación de los errores.

(6)

Decisiones a Tomar

1. ¿Cómo distribuirlo? ¿Cliente liviano o pesado?

2. ¿Quién controla el flujo de la aplicación?

3. ¿Cómo se estructura la navegación?

4. ¿Cómo se maneja el estado conversacional?

5. ¿Cómo se relaciona con la lógica de dominio?

(7)

1- Distribución de la Lógica

 ¿Por qué?

– _{Muchos clientes = muchas máquinas} – _{Los usuarios están en distintos lugares}

 ¿Dónde está la lógica?

– _{Server side} – Client side – Mix

(8)

1- Distribución de la Lógica (Cont.)

 Interfaces de usuario – _{Línea de comando} – _Terminales – _{Cliente Servidor} – _Web – RIA

(9)

2- Control de la Iniciativa

 User Initiative

– _{Pedido-Respuesta} – Orientado a Eventos

 Application Initiative

– _{Usuario contesta preguntas} – Wizard

– _{Alarmas y eventos disparados por la aplicación}

 Combinada

– _{Interactivo, Conversación} – Continuation

(10)

3- Formas de Navegación

 Pantallas y Formularios

– _Stateless

– _{Terminal boba / Mainframe, Web Tradicional}

 Ventanas o Diálogos

– Stateful / Wizards

– Cliente – Servidor, RIA

 Manipulación Directa

(11)

4- Estado conversacional

 Cliente

 En cada pedido

 Servidor (Session)

 Compartido

(12)

5- Integración con el dominio de la aplicación

 Stateless – _Servicios – _Procesos  Stateful – _Eventos – Objetos

(13)

6- ¿Dónde se integra la lógica?

 Campo a campo

– Validaciones – Máscaras

– _{Pickers y otros controles más elaborados}

 Por formulario o pantalla

– _{Lo más utilizado}

– Más cerca de la tecnología, a veces menos conceptual

 Por caso de uso

(14)

4 Visiones

 Orientado a la presentación

– RAD - Rapid Application Development

– Visual Basic

 Orientado a datos

– Hibernate, Struts.

 Orientado a servicios.

(15)

Otros Problemas (I)

 Navegabilidad

 Usabilidad

– _{Drag & Drop} – _Máscaras

– Eventos disparados por el server

 Múltiples tareas simultáneas

(16)

Otros Problemas (II)

 User Session Management

 Internacionalización

 Validación

 Manejo de errores

– Cómo mostrarlos

(17)

Formas de desarrollar presentación



Visual



Programática

– Template – Componentes



Declarativa



Automática / Introspectiva

(18)

Ideas de Diseño

 MVC – MMVC – MVP – Model 2

 Morphic

 MDP (Model Driven Presentation)

(19)

Clientes pesados tradicionales

 AWT, Swing, SWT – Java

 .Net Desktop - VB6

 Delphi

 Dolphin – Smalltalk

(20)

Web

tradicionales

 PHP  JSP / Servlets  ASP  Cold Fusion  Perl Algunas herramientas  Struts – Stripes  Taglibs  XSL

(21)

Web + Components

 Tapestry

 JSF

 ASP .Net

(22)

Flujo Tradicional

Cliente Servidor

pedido de archivos, submit de formularios

HTMLs con javascript embebido, librerías de javascript, imágenes varias

(23)

Flujo RIA

Cliente Servidor

pedido de archivos,

pedido o envío de información

HTMLs simples, librerías de javascript, mapa de imágenes, información

(24)

Herramientas RIA

 Javascript + DHTML  Applets  ActiveX  AJAX  Flash

(25)

Plataformas RIA

 XUL (XML + Javascript + Stylesheets)

 Flex (Macromedia, MXML)

 Lazslo

 GWT

 Active Widgets

(26)

MDP (Model Driven Presentation)

 Naked Objects

 Ruby on Rails

 JRapid

(27)

Patrones de presentación

 Front Controller

 Application Controller

 Use Case Object

– Unit Of Work

 Filtros

 Templates

 View Helpers