Ajax Atlas

Atlas el Framework AJAX

Célula de Aplicaciones Web

Vicente Ordóñez R.

Atlas el Framework AJAX

Aplicaciones Windows vs. Aplicaciones WebEl paradigma de servidor Request - ResponseIntroducción a AJAXQué podemos hacer con AJAXEl Framework ASP.NET "Atlas" (Presentación y

Características)Desarrollo de ejemplos usando el Framework

Atlas

Aplicaciones Web vs. Aplicaciones Windows

Aplicaciones Windows Ventajas

El cliente recibe retroalimentación inmediata al interactuar con el software.

Diversidad de elementos de interacción, mayor riqueza de componentes gráficos

Mejor integración con el sistema operativo Posibilidad de trabajo sin conexión Mayor disposición de recursos del computador

Aplicaciones Web vs. Aplicaciones Windows

Aplicaciones Web Ventajas

Independencia de la plataforma No hay necesidad de instalación, actualizaciones,

parches. Uso de cliente liviano, por tanto no se necesitan equipos

potentes para operar Facilitan el trabajo a distancia Usan un lenguaje común, hipervínculos, direcciones,

botones

El paradigma de servidor Request - Response

El web concebido inicialmente para compartir documentos HTML estáticos.

El paradigma de petición respuesta de las aplicaciones web ha limitado la riqueza de los controles web.

Paradigma Request Response

Petición

El usuario ejecuta

una acción

Respuesta

El usuariove la

respuesta

Navegador Web Servidor HTTP Adaptador HTTP Objetos de la Aplicación Web

ComponenteManejador

De peticiones

Retorna ComponenteDe respuesta

ComponenteManejador

De respuesta

Crea elDocumento

De respuesta

Petición Petición

Respuesta Respuesta

Introducción a AJAX

AJAX (Asynchronous Javascript and XML)

Técnica que combina el uso de JavaScript, XML, CSS, DHTML, DOM para lograr comunicarse con un servidor web de forma asíncrona

Enfoque AJAX

Qué podemos hacer con AJAX

Hacer procesamiento en BackgroundHacer validaciones de forma interactivaProveer una mejor retroalimentación al usuario acerca de las acciones que realizaNos provee una mayor capacidad de respuesta a eventos, ejemplo: Rollover del Mouse que traen datos del Server, eventos que se invocan haciendo Arrastrar y SoltarHacer llamadas a módulos disponibles en otros sistemas, llamadas a web servicesCambiar dinámicamente componentes y zonas dentro de la interfaz web, haciendo peticiones al servidor en background

El Framework Atlas

El Framework Atlas

Consiste en un conjunto de librerías tanto del lado del servidor, es decir librerías dinámicas DLL que contienen controles web, como del lado del cliente, es decir librerías javascript compatibles con los navegadores actuales.

Nos permite trabajar usando comportamientos AJAX, usando controles de usuario .NET, casi sin tener que escribir código que se ejecuta del lado del cliente (JavaScript)

La clase UpdatePanel

- Provee una encapsulación para permitir hacer rendering parcial de un documento

- Se debe habilitar el rendering parcial y la parte modificable dinámicamente usando Atlas debe estar dentro de un UpdatePanel

- Muchos controles nativos como el GridView permiten trabajar asíncronamente si se usan en conjunto con un objeto UpdatePanel

La clase TimerControl

Permite hacer llamadas al servidor cada cierto tiempo que se define en la inicialización de este tipo de objetos, combinado además con objetos de tipo UpdatePanel, se puede tener actualizaciones automáticas de ciertas partes de nuestro sitio sin tener que refrescar todo el formulario web

La clase UpdateProgress

Permite tener una representación visual de las acciones que se están realizando en segundo plano, para presentar mensajes como: Cargando … o imágenes animadas

Atlas Extender

Es una librería agregada que provee más controles a los controles básicos de Atlas, algunos heredando el comportamiento o haciendo combinaciones con los controles ya existentes

Recomendaciones

No depender de AJAX totalmente para la navegación de un sitio

Siempre tratar de dar una buena retroalimentación a los usuarios respecto a la acción que está en curso

Tratar de usarlo solamente cuando su uso enriquezca realmente la experiencia del usuario

“you always have to have one eye open to the question: what can the technology do? … And one eye open to the question: what are people doing and how would this fit in? What would they do with it?”

--- Terry Winograd ---

“siempre debes tener una mirada abierta hacia la pregunta: Qué puede hacer la tecnología? … Y otra abierta a la pregunta: Qué es lo que está haciendo actualmente la gente y cómo se ajusta esta tecnología? Que podrían hacer con ella?”

--- Terry Winograd ---