Ajax Atlas

1,353 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,353
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax Atlas

  1. 1. Atlas el Framework AJAX Célula de Aplicaciones Web Vicente Ordóñez R.
  2. 2. Atlas el Framework AJAX <ul><li>Aplicaciones Windows vs. Aplicaciones Web </li></ul><ul><li>El paradigma de servidor Request - Response </li></ul><ul><li>Introducción a AJAX </li></ul><ul><li>Qué podemos hacer con AJAX </li></ul><ul><li>El Framework ASP.NET &quot;Atlas&quot; (Presentación y Características) </li></ul><ul><li>Desarrollo de ejemplos usando el Framework Atlas </li></ul>
  3. 3. Aplicaciones Web vs. Aplicaciones Windows <ul><li>Aplicaciones Windows </li></ul><ul><ul><li>Ventajas </li></ul></ul><ul><ul><ul><li>El cliente recibe retroalimentación inmediata al interactuar con el software. </li></ul></ul></ul><ul><ul><ul><li>Diversidad de elementos de interacción, mayor riqueza de componentes gráficos </li></ul></ul></ul><ul><ul><ul><li>Mejor integración con el sistema operativo </li></ul></ul></ul><ul><ul><ul><li>Posibilidad de trabajo sin conexión </li></ul></ul></ul><ul><ul><ul><li>Mayor disposición de recursos del computador </li></ul></ul></ul>
  4. 4. Aplicaciones Web vs. Aplicaciones Windows <ul><li>Aplicaciones Web </li></ul><ul><ul><li>Ventajas </li></ul></ul><ul><ul><ul><li>Independencia de la plataforma </li></ul></ul></ul><ul><ul><ul><li>No hay necesidad de instalación, actualizaciones, parches. </li></ul></ul></ul><ul><ul><ul><li>Uso de cliente liviano, por tanto no se necesitan equipos potentes para operar </li></ul></ul></ul><ul><ul><ul><li>Facilitan el trabajo a distancia </li></ul></ul></ul><ul><ul><ul><li>Usan un lenguaje común, hipervínculos, direcciones, botones </li></ul></ul></ul>
  5. 5. El paradigma de servidor Request - Response <ul><ul><li>El web concebido inicialmente para compartir documentos HTML estáticos. </li></ul></ul><ul><ul><li>El paradigma de petición respuesta de las aplicaciones web ha limitado la riqueza de los controles web. </li></ul></ul>
  6. 6. Paradigma Request Response Petición El usuario ejecuta una acción Respuesta El usuario ve la respuesta Navegador Web Servidor HTTP Adaptador HTTP Objetos de la Aplicación Web Componente Manejador De peticiones Retorna Componente De respuesta Componente Manejador De respuesta Crea el Documento De respuesta Petición Petición Respuesta Respuesta
  7. 7. Introducción a AJAX <ul><li>AJAX (Asynchronous Javascript and XML) </li></ul><ul><li>Técnica que combina el uso de JavaScript, XML, CSS, DHTML, DOM para lograr comunicarse con un servidor web de forma asíncrona </li></ul>
  8. 8. Enfoque AJAX
  9. 9. Qué podemos hacer con AJAX <ul><li>Hacer procesamiento en Background </li></ul><ul><li>Hacer validaciones de forma interactiva </li></ul><ul><li>Proveer una mejor retroalimentación al usuario acerca de las acciones que realiza </li></ul><ul><li>Nos provee una mayor capacidad de respuesta a eventos, ejemplo: Rollover del Mouse que traen datos del Server, eventos que se invocan haciendo Arrastrar y Soltar </li></ul><ul><li>Hacer llamadas a módulos disponibles en otros sistemas, llamadas a web services </li></ul><ul><li>Cambiar dinámicamente componentes y zonas dentro de la interfaz web, haciendo peticiones al servidor en background </li></ul>
  10. 10. El Framework Atlas
  11. 11. El Framework Atlas <ul><li>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. </li></ul><ul><li>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) </li></ul>
  12. 12. La clase UpdatePanel <ul><li>Provee una encapsulación para permitir hacer rendering parcial de un documento </li></ul><ul><li>Se debe habilitar el rendering parcial y la parte modificable dinámicamente usando Atlas debe estar dentro de un UpdatePanel </li></ul><ul><li>Muchos controles nativos como el GridView permiten trabajar asíncronamente si se usan en conjunto con un objeto UpdatePanel </li></ul>
  13. 13. La clase TimerControl <ul><li>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 </li></ul>
  14. 14. La clase UpdateProgress <ul><li>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 </li></ul>
  15. 15. Atlas Extender <ul><li>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 </li></ul>
  16. 16. Recomendaciones <ul><li>No depender de AJAX totalmente para la navegación de un sitio </li></ul><ul><li>Siempre tratar de dar una buena retroalimentación a los usuarios respecto a la acción que está en curso </li></ul><ul><li>Tratar de usarlo solamente cuando su uso enriquezca realmente la experiencia del usuario </li></ul>
  17. 17. <ul><li>“ 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?” </li></ul><ul><ul><ul><ul><ul><li>--- Terry Winograd --- </li></ul></ul></ul></ul></ul><ul><li>“ 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?” </li></ul><ul><ul><ul><ul><ul><li>--- Terry Winograd --- </li></ul></ul></ul></ul></ul>

×