Desarrollo de Aplicaciones II

José Sulla Torres

Agenda

 Ajax.
 Ventajas
 Tecnologías empleadas
 Controles
 Funcionamiento de Ajax
 Web 3,0
Ajax

Acrónimo de Asynchronous JavaScript And XML

No es ninguna tecnología, ni lenguaje de programación

Es una técnica de desarrollo web que combina varias

tecnologías

Consiguiendo una navegación más ágil y rápida, más

dinámica.
Antes
Se obtenía
Hoy
Ajax

ASP.NET AJAX, es un conjunto de

extensiones para ASP.NET desarrollado por
Microsoft para implementar la
funcionalidad de Ajax.
Mediante componentes del lado del cliente
y del servidor, ASP.NET AJAX permite al
desarrollador crear aplicaciones web en
ASP.NET que pueden actualizar datos en la
página web sin un recarga completa de la
misma.
Tecnologías empleadas

• HTML y CSS
Presentación de datos
• Document Object Model (DOM)
Mostrar e interactuar dinámicamente con la
información
• XML y XSLT
Intercambiar y manipular datos con el servidor web
• XMLHttpRequest
Recuperación y envío de datos de modo asíncrono
• JavaScript
Nexo de unión
Funcionamiento de Ajax

• Usuario provoca un evento

• Se crea y configura un objeto XMLHttpRequest
• El objeto XMLHttpRequest realiza una llamada al
servidor
• La petición se procesa en el servidor
• El servidor retorna un documento XML que
contienen el resultado
• El objeto XMLHttpRequest llama a la función
callback() y procesa el resultado
• Se actualiza el DOM de la página asociado con la
petición con el resultado devuelto
Funcionamiento de Ajax
Web 2.0

• Actualmente la mayoría de las actividades del usuario se

desarrollan en la web (Correo, Chats, compartir
información…)
Web 1.0 Web 1.5 Web 2.0
• Páginas • Wikis • Blogging
personales • Foros de • RSS-Sindicación
• Email/Grupo de discusión
noticias
• iTunes
• Mp3 • Napster • Google Maps
• Terraserver • MapQuest • Wikipedia
• Británica Online
• Flickr
• Ofoto
¿Qué es la Web 2.0?
 Las 3 dimensiones de la web 2.0
• Social:
– La gente está en el centro
– El usuario genera contenido
– Participación
• Negocios:
– La web es la plataforma
•Para trabajo e intercambio
• Tecnológica:
– Ajax, web services, Widgets, etc.
Web 2.0

• Tecnologías o desarrollos en las que se

sustentan las RIA (Rich Internet Application):
• Applet
• Macromedia Flash
• Java Web Start
• DHTML
• DHTML con Iframe
• AJAX
Web 3.0
Controles

Control ScriptManager: Administra las

bibliotecas de scripts y los archivos de
script AJAX de ASP.NET, la representación
parcial de página y la generación de la
clase de proxy de cliente para los servicios
Web y de aplicación.
Control UpdatePanel: Habilita secciones de
una página para que se presenten
parcialmente sin postback.
Control Timer: Genera eventos recurrentes
en una aplicación
Ajax - ejemplo
Ajax - ejemplo
Ajax - ejemplo
Ajax - ejemplo
Ajax - ejemplo
Ajax - ejemplo
Ajax - ejemplo