SlideShare una empresa de Scribd logo
1 de 8
INTRODUCCION
Tanto los navegadores web como las aplicaciones web
 son la herramienta fundamental del entorno, sin ellos
   no seria posible la visualización de documentos y
               ejecución de aplicaciones.
Queremos hacer un análisis de las características de las
                aplicaciones de internet
  en formato enriquecido y de lo que éstas ofrecen al
             usuario, profundizando sobre
                  una de ellas: AJAX.
DEFINICION
 Es una técnica de desarrollo web para crear aplicaciones
    interactivas. Estas aplicaciones en el navegador de los
               usuarios mientras se mantiene la
 comunicación asíncrona con el servidor en segundo plano.
 De esta forma es posible realizar cambios sobre las páginas
  sin necesidad de recargarlas, la interactividad, velocidad
               y usabilidad en las aplicaciones.
  Ajax es una técnica válida para múltiples plataformas y
  utilizable en muchos sistemas operativos y navegadores
      dado que está basado en estándares abiertos como
        JavaScript y Document Object Model (DOM).
TECNOLOGIAS USADAS EN AJAX
  XHTML (O HTML) Y HOJAS DE ESTILOS EN CASCADA (CSS):
            Sirven para el diseño que acompaña a la información.
 DOCUMENT OBJECT MODEL (DOM): accedido con un lenguaje de
                scripting por parte del usuario, especialmente
    implementaciones ECMAScript como JavaScript y JScript, Sirve para
   mostrar e interactuar dinámicamente con la información presentada.
  EL OBJETO XMLHTTPREQUEST: Sirve para intercambiar datos de
      forma asíncrona con el servidor web. En algunos frameworks y en
     algunas situaciones concretas, se usa un objeto iframe en lugar del
       XMLHttpRequest para realizar dichos intercambios. PHP es un
  lenguaje de programación de uso general de script del lado del servidor
   originalmente diseñado para el desarrollo web de contenido dinámico
                     también utilizado en el método Ajax.
 XML: es el formato usado generalmente para la transferencia de datos
     solicitados al servidor, aunque cualquier formato puede funcionar,
    incluyendo HTML preformateado, texto plano, JSON y hasta EBML.
Como el DHTML, LAMP o SPA, Ajax no constituye una tecnología en sí,
    sino que es un término que engloba a un grupo de éstas que trabajan
                                conjuntamente.
QUIENES USAN AJAX?
NAVEGADORES QUE PERMITEN AJAX:
    Ha de tenerse en cuenta que ésta es una lista general, y el soporte de las
   aplicaciones Ajax dependerá de las características que el navegador permita.
 Navegadores como Mozilla, Mozilla Firefox, SeaMonkey y Netscape versión 7.1 y
                                    superiores
                 Navegadores basados en WebKit como Google
                       Chrome de Google o Safari de Apple.
    Microsoft Internet Explorer para Windows versión 5.0 y superiores, y los
                            navegadores basados en él

NAVEGADORES QUE NO PERMITEN AJAX:
                           Opera 7 y anteriores
     Microsoft Internet Explorer para Windows versión 4.0 y anteriores
                           Anteriores a Safari 1.2
             Navegadores basados en texto como Lynx y Links
   Navegadores para personas con capacidades especiales visuales (Braille)
                 Algunos navegadores de teléfonos móviles
REFERENCIAS
 Ajax: A New Approach to Web Applications
 Using a GIF as a Data Pipe: explicación y ejemplo de uso
    de la técnica imagen/cookie (en inglés).
   Remote scripting with javascript: Explicación y ejemplo
    de procesar un archivo JavaScript bajo demanda (en inglés).
   microsoft.public.scripting.remote: sustitución del
    applet Java por el objeto XMLHttpRequest (en inglés).
   ARSCIF: A Framework for Asynchronous Remote–Script
    Callback Invocation (en inglés)
   Script Callbacks in ASP.NET (en inglés)
   Protocolo SVGT (en inglés).
CONCLUSIONES
Esta técnica web ajax es una gran evolución para el desarrollo
       web por que gracias a ella estamos logrando que la
      navegación sea mas rápida y versátil es un tema que
     prácticamente es nuevo y mucha gente no conoce del
  concepto ajax pero poco a poco ha cogido mucha fuerza en
     productos de google tal como google maps y el mismo
                  explorador google chrome.
BIBLIOGRAFIA
 http://es.wikipedia.org/wiki/AJAX#Tecnolog.C3.ADas
  _incluidas_en_Ajax
 http://www.maestrosdelweb.com/editorial/ajax/
 GOOGLE CHROME IMAGENES

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Frameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-RoseroFrameworks de Javascript Lema-Rosero
Frameworks de Javascript Lema-Rosero
 
Las apps
Las appsLas apps
Las apps
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Terminos web 2.0. (1)
Terminos web 2.0. (1)Terminos web 2.0. (1)
Terminos web 2.0. (1)
 
MEAN Stack
MEAN StackMEAN Stack
MEAN Stack
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
 
Tecnologias de desarrollo web
Tecnologias de desarrollo webTecnologias de desarrollo web
Tecnologias de desarrollo web
 
Desarrollo aplicaciones
Desarrollo aplicacionesDesarrollo aplicaciones
Desarrollo aplicaciones
 
Charla internet
Charla internetCharla internet
Charla internet
 
Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)
 
Pag. web
Pag. webPag. web
Pag. web
 
Scripting cliente
Scripting clienteScripting cliente
Scripting cliente
 
Framework
FrameworkFramework
Framework
 
¿Que es javascript y Modulos?
¿Que es javascript y Modulos?¿Que es javascript y Modulos?
¿Que es javascript y Modulos?
 
Internet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebInternet - Teconología para Sistemas Web
Internet - Teconología para Sistemas Web
 
Examen metodologia de la investigacion
Examen metodologia de la investigacionExamen metodologia de la investigacion
Examen metodologia de la investigacion
 
AJAX
AJAXAJAX
AJAX
 
Lenguajes de Programacion Web
Lenguajes de Programacion WebLenguajes de Programacion Web
Lenguajes de Programacion Web
 

Destacado

Ajax: Un nuevo enfoque - flisol2008
Ajax: Un nuevo enfoque - flisol2008Ajax: Un nuevo enfoque - flisol2008
Ajax: Un nuevo enfoque - flisol2008Juan Carbajal
 
Okul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmiş
Okul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmişOkul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmiş
Okul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmişolucelif
 
Makalah kerukunan antar umat beragama
Makalah kerukunan antar umat beragamaMakalah kerukunan antar umat beragama
Makalah kerukunan antar umat beragamaIrsal Shabirin
 
2 q11 presentation results
2 q11 presentation results2 q11 presentation results
2 q11 presentation resultsrimagazineluiza
 
Proceso estrategico
Proceso estrategicoProceso estrategico
Proceso estrategicoAngel Zaruma
 
Apresentacao introducao informatica
Apresentacao   introducao informaticaApresentacao   introducao informatica
Apresentacao introducao informaticaFábio Torres
 
Conceptos acerca de Ajax
Conceptos acerca  de AjaxConceptos acerca  de Ajax
Conceptos acerca de AjaxAlvaro Castillo
 
Classroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsClassroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsShelly Sanchez Terrell
 
The Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaThe Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaChris Lema
 
The Presentation Come-Back Kid
The Presentation Come-Back KidThe Presentation Come-Back Kid
The Presentation Come-Back KidEthos3
 

Destacado (16)

Ajax
AjaxAjax
Ajax
 
Ajax: Un nuevo enfoque - flisol2008
Ajax: Un nuevo enfoque - flisol2008Ajax: Un nuevo enfoque - flisol2008
Ajax: Un nuevo enfoque - flisol2008
 
Ajax Huancayo
Ajax HuancayoAjax Huancayo
Ajax Huancayo
 
Uts Lenguaje Ajax
Uts Lenguaje AjaxUts Lenguaje Ajax
Uts Lenguaje Ajax
 
Okul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmiş
Okul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmişOkul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmiş
Okul öncesi eğitimde aile katılımı ve yaratıcılık eğitimi düzenlenmiş
 
Daltonismo
Daltonismo Daltonismo
Daltonismo
 
Makalah kerukunan antar umat beragama
Makalah kerukunan antar umat beragamaMakalah kerukunan antar umat beragama
Makalah kerukunan antar umat beragama
 
2 q11 presentation results
2 q11 presentation results2 q11 presentation results
2 q11 presentation results
 
Proceso estrategico
Proceso estrategicoProceso estrategico
Proceso estrategico
 
Apresentacao introducao informatica
Apresentacao   introducao informaticaApresentacao   introducao informatica
Apresentacao introducao informatica
 
Conceptos acerca de Ajax
Conceptos acerca  de AjaxConceptos acerca  de Ajax
Conceptos acerca de Ajax
 
APPART
APPARTAPPART
APPART
 
Aquaqlean flyer-a1 machine-nl
Aquaqlean flyer-a1 machine-nlAquaqlean flyer-a1 machine-nl
Aquaqlean flyer-a1 machine-nl
 
Classroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and AdolescentsClassroom Management Tips for Kids and Adolescents
Classroom Management Tips for Kids and Adolescents
 
The Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris LemaThe Buyer's Journey - by Chris Lema
The Buyer's Journey - by Chris Lema
 
The Presentation Come-Back Kid
The Presentation Come-Back KidThe Presentation Come-Back Kid
The Presentation Come-Back Kid
 

Similar a Introducción a AJAX: sus características, tecnologías usadas y aplicaciones

Similar a Introducción a AJAX: sus características, tecnologías usadas y aplicaciones (20)

Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Ajax
AjaxAjax
Ajax
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Qué es y para qué sirve ajax?
Qué es y para qué sirve ajax?Qué es y para qué sirve ajax?
Qué es y para qué sirve ajax?
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Taller 3 conexion
Taller 3 conexionTaller 3 conexion
Taller 3 conexion
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Google Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresarialesGoogle Web Toolkit (GWT) en entornos empresariales
Google Web Toolkit (GWT) en entornos empresariales
 
Ajax
AjaxAjax
Ajax
 
Herramientas wed 2.o
Herramientas wed 2.oHerramientas wed 2.o
Herramientas wed 2.o
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptx
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0Tecnología ajax para el manejo de la web 2.0
Tecnología ajax para el manejo de la web 2.0
 
EQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILASEQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILAS
 

Introducción a AJAX: sus características, tecnologías usadas y aplicaciones

  • 1.
  • 2. INTRODUCCION Tanto los navegadores web como las aplicaciones web son la herramienta fundamental del entorno, sin ellos no seria posible la visualización de documentos y ejecución de aplicaciones. Queremos hacer un análisis de las características de las aplicaciones de internet en formato enriquecido y de lo que éstas ofrecen al usuario, profundizando sobre una de ellas: AJAX.
  • 3. DEFINICION Es una técnica de desarrollo web para crear aplicaciones interactivas. Estas aplicaciones en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, la interactividad, velocidad y usabilidad en las aplicaciones. Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model (DOM).
  • 4. TECNOLOGIAS USADAS EN AJAX  XHTML (O HTML) Y HOJAS DE ESTILOS EN CASCADA (CSS): Sirven para el diseño que acompaña a la información.  DOCUMENT OBJECT MODEL (DOM): accedido con un lenguaje de scripting por parte del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, Sirve para mostrar e interactuar dinámicamente con la información presentada.  EL OBJETO XMLHTTPREQUEST: Sirve para intercambiar datos de forma asíncrona con el servidor web. En algunos frameworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizar dichos intercambios. PHP es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico también utilizado en el método Ajax.  XML: es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta EBML. Como el DHTML, LAMP o SPA, Ajax no constituye una tecnología en sí, sino que es un término que engloba a un grupo de éstas que trabajan conjuntamente.
  • 5. QUIENES USAN AJAX? NAVEGADORES QUE PERMITEN AJAX: Ha de tenerse en cuenta que ésta es una lista general, y el soporte de las aplicaciones Ajax dependerá de las características que el navegador permita. Navegadores como Mozilla, Mozilla Firefox, SeaMonkey y Netscape versión 7.1 y superiores Navegadores basados en WebKit como Google Chrome de Google o Safari de Apple. Microsoft Internet Explorer para Windows versión 5.0 y superiores, y los navegadores basados en él NAVEGADORES QUE NO PERMITEN AJAX: Opera 7 y anteriores Microsoft Internet Explorer para Windows versión 4.0 y anteriores Anteriores a Safari 1.2 Navegadores basados en texto como Lynx y Links Navegadores para personas con capacidades especiales visuales (Braille) Algunos navegadores de teléfonos móviles
  • 6. REFERENCIAS  Ajax: A New Approach to Web Applications  Using a GIF as a Data Pipe: explicación y ejemplo de uso de la técnica imagen/cookie (en inglés).  Remote scripting with javascript: Explicación y ejemplo de procesar un archivo JavaScript bajo demanda (en inglés).  microsoft.public.scripting.remote: sustitución del applet Java por el objeto XMLHttpRequest (en inglés).  ARSCIF: A Framework for Asynchronous Remote–Script Callback Invocation (en inglés)  Script Callbacks in ASP.NET (en inglés)  Protocolo SVGT (en inglés).
  • 7. CONCLUSIONES Esta técnica web ajax es una gran evolución para el desarrollo web por que gracias a ella estamos logrando que la navegación sea mas rápida y versátil es un tema que prácticamente es nuevo y mucha gente no conoce del concepto ajax pero poco a poco ha cogido mucha fuerza en productos de google tal como google maps y el mismo explorador google chrome.
  • 8. BIBLIOGRAFIA  http://es.wikipedia.org/wiki/AJAX#Tecnolog.C3.ADas _incluidas_en_Ajax  http://www.maestrosdelweb.com/editorial/ajax/  GOOGLE CHROME IMAGENES