Capa de Presentación -...

Arquitectura de Proyectos de IT

© 2005

Arquitectura de Presentación

Jorge L García

Tuesday, October 4, 2011

2 Arquitectura de Proyectos de IT2

¿Qué es Presentación?

Es lo que permite al usuario interactuar

con el modelo de dominio de la

aplicación (ui / gui)



Usabilidad

Fácil de aprender Fácil de usar Fácil de recordar Tolerante a errores Robusto Buena impresión (?)

La presentación es el punto de mayor impacto en la usabilidad.



¿Por qué es tan complejo?

Se mezcla con la lógica de negocio

Cada usuario es diferente

Cambian los contextos de uso

Cuesta encontrar buenas abstracciones

No suele ser parte del análisis

No suele haber alguien dedicado



Se mezcla con la lógica

“...Y cuando elijo el país, dependiendo si es Argentina u otro, debe validar si el CPA es correcto.”



Usuarios diferentes

Etnografía Customización Accesibilidad



Contexto de uso



Un poco de historia

Botones y luces Impresoras Línea de comando Terminales Cliente Servidor Engines Gráficos Web RIA



Decisiones a Tomar

1. ¿Cómo distribuirlo? 2. ¿Cliente liviano o pesado?3. ¿Quién controla el flujo de la aplicación?4. ¿Cómo se estructura la navegación?5. ¿Cómo se maneja el estado conversacional?6. ¿Cómo se relaciona con la lógica de dominio?7. ¿Dónde se integra la lógica?



1- Distribución

¿Por qué?– Muchos clientes = muchas máquinas– Los usuarios están en distintos lugares– Puedo separar la presentación para solucionarlo ¿O no?

La presentación puede ser condicionada por el despliegue



2- Cliente pesado y liviano

La decisión impacta básicamente en– Despliegue– Cercanía con el dominio– Ubicación de la lógica de negocio



3- 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



4- 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– Objetos



5- Estado conversacional (sesión)

Cliente

En cada pedido

Servidor (Session)

Compartido

Caso de Uso (Flow)



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

Stateless– Servicios– Procesos

Stateful– Eventos– Objetos



7- ¿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– Ejecución de un caso de uso de negocio



Formas de desarrollar presentación

Visual

Programática– Template– Componentes

Declarativa

Automática / Introspectiva



Ideas de Diseño y patrones

MVC – MVP Morphic Model Driven Presentation (MDP) Templates Components SPA Single Page Application



Clientes pesados tradicionales

AWT, Swing, SWT – Java

.Net Desktop - VB6

Delphi

Dolphin – Smalltalk



Web tradicionales

PHP JSP / Servlets ASP Cold Fusion Perl

Algunas herramientas Struts – Stripes Taglibs XSL



Web + Components

Tapestry

JSF

ASP .Net

Web Objects



Herramientas RIA

Javascript + DHTML

Applets

ActiveX

AJAX y Web Sockets

Flash

SVG (gráfico de vectores escalares) y Canvas



Plataformas RIA

XUL (XML + Javascript + Stylesheets)

Flex (Macromedia, MXML), Lazslo, Air

GWT

HTML5

Java FX, Silverlight (.NET)



MDP (Model Driven Presentation)

Naked Objects

Ruby on Rails



Otros Problemas (I)

Usabilidad limitada– Drag & Drop– Máscaras– Eventos disparados por el server

Múltiples tareas simultáneas

Transacciones



Otros Problemas (II)

Seguridad

Validación

Manejo de errores– Cómo mostrarlos– Múltiples errores simultáneos

Unit Testing de la UI



Otros Problemas (III)

Navegabilidad

Múltiples formas de invocar funciones

User Session Management

Internacionalización


Capa de Presentación -...

Documents

Transcript of Capa de Presentación -...