Ajax

265 views

Published on

herramientas web 2.0

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
265
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax

  1. 1. AJAXClaudia Rocio AvilaLic. Ciencias NaturalesHerramientas web 2.0
  2. 2. ¿AJAX?AJAX: Asynchronous JavaScript + XML y el concepto es: Cargar yrenderizar una página, luego mantenerse en esa página mientrasscripts y rutinas van al servidor buscando, en background, losdatos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de lamisma.
  3. 3. ¿Qué contiene?Combina tres tecnologías: • * HTML (o XHTML) y Hojas de Estilo en Cascada (CSS) para presentar la información; • * Document Object Model (DOM) y JavaScript, para interactuar dinámicamente con los datos, y • * XML y XSLT, para intercambiar y manipular datos de manera desincronizada con un servidor web (aunque las aplicaciones AJAX pueden usar otro tipo de tecnologías, incluyendo texto llano, para realizar esta labor).
  4. 4. • Es un conjunto de técnicas que ya habían sido utilizadas desde 1998 por Microsoft.• El término fue acuñado por Jesse James Garret en el 2005
  5. 5. ¿En qué se emplea?Tradicionalmente se ha considerado la primera aplicación AJAX alcliente Web que tiene la herramienta de trabajo en grupoMicrosoft Exchange Server aunque sin lugar a dudas Google esuno de los grandes responsables de la popularización de AJAX, alusarla en varias de sus aplicaciones, entre las que secuentan Google Groups, Google Suggest, Google Maps y elservicio de correo electrónico gratuito Gmail. Así como tambiénempresas en crecimiento que actualmente están desarrollandoaplicaciones basadas en AJAX.
  6. 6. EJEMPLOS• http://www.pageflakes.com/• http://maps.google.com/• http://docs.google.com/• http://www.eyespot.com/• http://www32.meebo.com/
  7. 7. • Uno de los primeros entornos para programar sitios web que permitió a los programadores incorporar AJAX fácilmente fue Ruby on Rails.• A9, buscador de Amazon• Flickr. Álbumes de fotos online.• Oddpost, servicio avanzado de webmail de Yahoo!• Basecamp, servicio de gestión de proyectos diseñado por 37Signals sobre plataforma Rails.• 24SevenOffice ERP/CRM• Panoramio.com Comunidad de fotos sobre Google Maps• meebo Mensajería Instantánea desde tu navegador
  8. 8. ¿Cómo funciona?El modelo clásico de aplicaciones Web funciona de esta forma: Lamayoría de las acciones del usuario en la interfaz disparan unrequerimiento HTTP al servidor web. El servidor efectúa unproceso (recopila información, procesa números, hablando convarios sistemas propietarios), y le devuelve una pagina HTLM alcliente.
  9. 9. Una aplicación AJAX elimina la naturaleza “arrancar-frenar-arrancar-frenar” de la interacción en la Web introduciendo unintermediario -un motor AJAX- entre el usuario y el servidor.Parecería que sumar una capa a la aplicación la haría menosreactiva, pero la verdad es lo contrario.
  10. 10. • En vez de cargar un pagina Web, al inicio de la sesión, el navegador carga al motor AJAX (escrito en JavaScript y usualmente “sacado” en un frame oculto). Este motor es el responsable por renderizar la interfaz que el usuario ve y por comunicarse con el servidor en nombre del usuario.
  11. 11. Ilustración
  12. 12. WEB 1.0 vs AJAX
  13. 13. Referencias • http://www.maestrosdelweb.com/editorial/ajax/ • http://www.webtaller.com/maletin/articulos/que-es-ajax.php • http://es.wikipedia.org/wiki/AJAX• http://www.slideshare.net/remy.sharp/prototype-jquery- going-from-one-to-the-other

×