Your SlideShare is downloading. ×
0
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Ajax
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Ajax

109

Published on

herramientas web 2.0

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
109
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. AJAXClaudia Rocio AvilaLic. Ciencias NaturalesHerramientas web 2.0
  • 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. ¿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. • 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. ¿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. EJEMPLOS• http://www.pageflakes.com/• http://maps.google.com/• http://docs.google.com/• http://www.eyespot.com/• http://www32.meebo.com/
  • 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. ¿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. 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. • 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. Ilustración
  • 12. WEB 1.0 vs AJAX
  • 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

×