Ajax
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Ajax

on

  • 178 views

herramientas web 2.0

herramientas web 2.0

Statistics

Views

Total Views
178
Views on SlideShare
178
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Ajax Presentation 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