Universidad Autónoma de San Luis Potosí
                                  Facultad de Ingeniería
                            Área de Computación e Informática


                                 Tecnología Informática


Cervantes Salas Gustavo Adolfo
Mata Fortuna Ángel Francisco
                                                                   lunes, 27 de febrero de 2012
Introducción.-

          El término AJAX se presentó por primera vez en el
 artículo "Ajax: A New Approach to Web Applications”, publicado
 por Jesse James Garrett el 18 de Febrero de 2005.


        El artículo define AJAX de la siguiente forma:

          “ Ajax no es una tecnología en sí mismo. En realidad,
                  se trata de varias tecnologías
        independientes que se unen de formas nuevas y
                         sorprendentes.”



                    http://www.adaptivepath.com/publications/essays/archives/000385.php




                                                                   lunes, 27 de febrero de 2012
Introducción.-
Las tecnologías que forman AJAX son:

    XHTML y CSS, para crear una presentación basada en
   estándares.

    DOM (Document Object Model), para la interacción y
   manipulación dinámica de la presentación.

    XML, XSLT y JSON, para el intercambio y la manipulación
   de información solicitada al servidor.

    XMLHttpRequest, para el intercambio asíncrono de
   información.

    JavaScript, para unir todas las demás tecnologías.



                                                   lunes, 27 de febrero de 2012
Introducción.-

      Tecnologías agrupadas bajo el concepto de AJAX




                                               lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-

   1. Basado en los estándares abiertos.-

       Ajax esta formado por las tecnologías Javascript, html, xml,
      css, y XML HTTP Request Object, siendo este último el único
      que �no es estándar pero es soportado por los navegadores
      mas utilizados de internet.

   2. Usabilidad.-

      Permite a las páginas hacer una pequeña petición de datos
      al servidor y recibirla sin necesidad de cargar la página
      entera




                                                   lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-

    3. Válido en cualquier plataforma y navegador.-

      Internet explorer, los basados en mozilla y firefox son
      los que se llevan la palma en el mercado de internet y
      además son los navegadores en los que es mas fácil
      programar aplicaciones Web AJAX, pero ahora es
      posible construir aplicaciones web basadas en AJAX
      para que funcionen en los navegadores mas modernos.




                                                  lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-
    4.Beneficia las aplicaciones web.-

       Las aplicaciones web conllevan ciertos beneficios sobre
       las aplicaciones sobre escritorio (las cuales dependan
       de un sistema operativo, librerías, lo que entendemos
       por programas compilados).

       Esto generó un menor coste de creación, facilidad de
       soporte y mantenimiento, menores tiempos a la hora
       de desarrollarlas, y sin necesidad de instalaciones.
       AJAX solo ayudar� a las aplicaciones web a mejorar y
       conseguir un mejor resultado de cara al usuario final.




                                                  lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-
    5. No es difícil su utilización.-

       AJAX esta basada en los estándares que han sido
       utilizados durante muchos años.

        Esto significa que no es un gran esfuerzo el
       aprendizaje de los desarrolladores el pasar de un
       simple código HTML y aplicaciones web a una potente
       aplicación AJAX, al igual que los desarrolladores
       pueden actualizar poco a poco las interfaces de usuario
       hacia unas interfaces con AJAX; no necesita una re-
       escritura de la aplicación entera, se puede hacer
       incrementalmente.




                                                  lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-

  6. Compatible con Flash.-

    Muchos desarrolladores tienen serias dudas sobre usar Flash
    o AJAX. Definitivamente hay ventajas y desventajas en
    ambas tecnologías según la situación que se de pero
    también hay muchas posibilidades y muy buenas para que
    ambas funcionen en conjunto.

  7. Adoptado por los 'gordos' de la tecnología web.-

    Todo el mundo esta migrando hacia AJAX incluyendo
    Google, Yahoo, Amazon, Microsoft, entre otros.




                                                   lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-
  8. Web 2.0.-

    Las interfaces de AJAX son un componente clave de muchas
    de las aplicaciones Web 2.0 ya que una de las claves
    principales de Web 2.0 es el usar la red como plataforma
    para el desarrollo de aplicaciones, en vez de simples páginas
    web. Siendo importante la interacción de los usuarios con la
    aplicación en sí.

  9. Es independiente del tipo de tecnología de servidor que se
     utilice.-

    AJAX es perfectamente compatible con cualquier tipo de
    servidor estándar y lenguaje de programación Web. PHP,
    ASP. ASP.Net, Perl, JSP, Cold Fusion.



                                                   lunes, 27 de febrero de 2012
Diez razones para usar AJAX.-
  10.Mejora la estética de la web.-

     Con AJAX se puede interactuar la imaginación del
     desarrollador con la usabilidad de una aplicación web de
     forma que se pueda realizar una aplicación que si no
     estuviera dentro de un navegador, podría pasar por una
     aplicación normal de escritorio.




                                                   lunes, 27 de febrero de 2012
Ventajas de usar AJAX.-


   La experiencia de usuario en la navegación es mucho más
  rica. Ya no se refresca la página constantemente al interactuar
  con ella.

   El tiempo de espera para una petición se reduce. El usuario al
  hacer un pedido (request) al servidor, no se envía toda la
  página.

   Por la misma razón anterior el trafico al servidor se reduce.




                                                    lunes, 27 de febrero de 2012
Desventajas de usar AJAX.-

   Falta de integración con el botón retroceder del navegador.
  Se debe tener en cuenta esto al intentar guardar funcionalidad
  con este botón.

   Falta de soporte para todos los navegadores. Aunque esto se
  va reduciendo, el problema se presenta por la falta de soporte
  para JavaScript y XMLHttpRequest.

   Problemas si el usuario ha deshabilitado el uso de JavaScript
  en su navegador. Hay que tener esto en cuenta cuando
  desarrollamos nuestro sitio web, para enfrentarnos a esta
  situación.




                                                  lunes, 27 de febrero de 2012
Desventajas de usar AJAX.-

   No poder recomendar links específicos. Si hace que toda la
  web sea interactiva, no podremos recomendar algún link, ya
  que el contenido fue generando dinámicamente. Se debería
  encontrar un equilibrio dependiendo de las necesidades de su
  escenario.

   Demasiado código Ajax hace lento el navegador. A más Ajax,
  más uso de código JavaScript del lado del browser, por
  consiguiente mayor trabajo del browser. El rendimiento del cpu
  puede verse afectado.




                            lunes, 27 de febrero de 2012   lunes, 27 de febrero de 2012
Aplicaciones basadas en AJAX.-

  •Gestores de correo electrónico:

       Gmail (http://www.gmail.com)
       Yahoo Mail (http://mail.yahoo.com)
       Windows Live Mail (http://www.hotmail.com)

  ▪ Cartografía:

       Google Maps (http://maps.google.com)
       Yahoo Maps (http://maps.yahoo.com)
       Windows Live Local (http://maps.live.com)




                                                    lunes, 27 de febrero de 2012
Aplicaciones basadas en AJAX.-

  ▪ Aplicaciones web y productividad:

       Google Docs (http://docs.google.com)
       Zimbra (http://www.zimbra.com/)
       Zoho (http://www.zoho.com/)

  ▪ Otras:

         Netvibes (http://www.netvibes.com) [metapágina]
         Digg (http://www.digg.com) [noticias]
         Meebo (http://www.meebo.com) [mensajería]
         30 Boxes (http://www.30boxes.com) [calendario]
         Flickr (http://www.flickr.com) [fotografía]




                             lunes, 27 de febrero de 2012   lunes, 27 de febrero de 2012

Más contenido relacionado

DOCX
Tabla web 2.0
PPTX
Web 2.0
PPTX
Slideshare.net web 2
DOCX
Web 2.0
PPT
Web 2.0
PPS
DOCX
Servicio internet
Tabla web 2.0
Web 2.0
Slideshare.net web 2
Web 2.0
Web 2.0
Servicio internet

La actualidad más candente (17)

DOCX
El término web 2
DOCX
El término web 2
PPT
Web 2.0
PPT
IntroduccióN Ajax
PPTX
Estandares para diseño web
DOC
Qué es la web 2
PDF
Trabajo web 2
PPTX
Web 2.0. características y herramientas.
PPTX
Web 2.0
PPT
Etapa 2 Web 2.0
PPT
Trabaj0 Web 2
PPT
PPS
La web 2.0
PPT
Estándares Web
PPTX
Tecnologia periodo ii
DOCX
Musica y ositos (web)
PPT
La web 2.0
El término web 2
El término web 2
Web 2.0
IntroduccióN Ajax
Estandares para diseño web
Qué es la web 2
Trabajo web 2
Web 2.0. características y herramientas.
Web 2.0
Etapa 2 Web 2.0
Trabaj0 Web 2
La web 2.0
Estándares Web
Tecnologia periodo ii
Musica y ositos (web)
La web 2.0
Publicidad

Destacado (20)

PDF
Buscador AJAX de imágenes en redes sociales
PDF
Ajax: Un nuevo enfoque - flisol2008
PDF
Introduccion a AJAX
PPT
Curso ajax
PPTX
Unidad 3 AJAX
PPT
AJAX
PPTX
introduccion a Ajax
PDF
Javascript: potenciando la web desde 1995
PPT
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
PPT
Conceptos acerca de Ajax
PDF
AngularJS 1 - A Superheroic Javascript MVC framework (Spanish)
PPT
AJAX EN CURSO PHP
PPTX
Javascript 1
PDF
Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
PPTX
Introduccion a AJAX
ODP
Ajax: introducción
PPT
PDF
JavaScript Avanzado
PDF
Desarrollo rápido de apps web con laravel - DevAcademy
PPTX
Javascript + Angular Sesion 3
Buscador AJAX de imágenes en redes sociales
Ajax: Un nuevo enfoque - flisol2008
Introduccion a AJAX
Curso ajax
Unidad 3 AJAX
AJAX
introduccion a Ajax
Javascript: potenciando la web desde 1995
Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit
Conceptos acerca de Ajax
AngularJS 1 - A Superheroic Javascript MVC framework (Spanish)
AJAX EN CURSO PHP
Javascript 1
Introducción a los lenguajes de programación de la plataforma Web 2.0: Ajax
Introduccion a AJAX
Ajax: introducción
JavaScript Avanzado
Desarrollo rápido de apps web con laravel - DevAcademy
Javascript + Angular Sesion 3
Publicidad

Similar a Ajax (20)

PPTX
PPT
Ajax tsis
PPT
Herramientas web "Ajax"
PPT
Uts Lenguaje Ajax
PPT
Uts Lenguaje Ajax
PPT
Presentacion Monografia
PPTX
Ajax tecnologia
PPT
Introduccion Ajax V1.0
PPT
Ajax
PPT
Conceptos Introductorios Del Web 2
ODP
Web20 With Ajax
PPTX
Tecnología ajax para el manejo de la web 2.0
PPT
Ajax
PPS
Clase 5 AJAX - Desarrollo de aplicaciones móviles
Ajax tsis
Herramientas web "Ajax"
Uts Lenguaje Ajax
Uts Lenguaje Ajax
Presentacion Monografia
Ajax tecnologia
Introduccion Ajax V1.0
Ajax
Conceptos Introductorios Del Web 2
Web20 With Ajax
Tecnología ajax para el manejo de la web 2.0
Ajax
Clase 5 AJAX - Desarrollo de aplicaciones móviles

Último (20)

PDF
Final Tecno .pdfjdhdjsjdhsjshshhshshshhshhhhhhh
DOCX
Guía 5. Test de orientación Vocacional 2.docx
PPTX
la-historia-de-la-medicina Edna Silva.pptx
PDF
Estrategia de apoyo valentina lopez/ 10-3
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
DOCX
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
PDF
capacitación de aire acondicionado Bgh r 410
PDF
Documental Beyond the Code (Dossier Presentación - 2.0)
PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PDF
CONTABILIDAD Y TRIBUTACION, EJERCICIO PRACTICO
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
DOCX
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
PPTX
Mecanismos-de-Propagacion de ondas electromagneticas
DOCX
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
PDF
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
PPTX
ccna: redes de nat ipv4 stharlling cande
PPTX
Curso de generación de energía mediante sistemas solares
PDF
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
PDF
Guía_de_implementación_Marco_de_gobierno_y_gestión_de_TI_Universidades.pdf
PDF
Teoría de estadística descriptiva y aplicaciones .pdf
Final Tecno .pdfjdhdjsjdhsjshshhshshshhshhhhhhh
Guía 5. Test de orientación Vocacional 2.docx
la-historia-de-la-medicina Edna Silva.pptx
Estrategia de apoyo valentina lopez/ 10-3
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
capacitación de aire acondicionado Bgh r 410
Documental Beyond the Code (Dossier Presentación - 2.0)
Presentacion de Alba Curso Auditores Internos ISO 19011
CONTABILIDAD Y TRIBUTACION, EJERCICIO PRACTICO
TRABAJO DE TECNOLOGIA.pdf...........................
Trabajo grupal.docxjsjsjsksjsjsskksjsjsjsj
Mecanismos-de-Propagacion de ondas electromagneticas
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
ccna: redes de nat ipv4 stharlling cande
Curso de generación de energía mediante sistemas solares
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
Guía_de_implementación_Marco_de_gobierno_y_gestión_de_TI_Universidades.pdf
Teoría de estadística descriptiva y aplicaciones .pdf

Ajax

  • 1. Universidad Autónoma de San Luis Potosí Facultad de Ingeniería Área de Computación e Informática Tecnología Informática Cervantes Salas Gustavo Adolfo Mata Fortuna Ángel Francisco lunes, 27 de febrero de 2012
  • 2. Introducción.- El término AJAX se presentó por primera vez en el artículo "Ajax: A New Approach to Web Applications”, publicado por Jesse James Garrett el 18 de Febrero de 2005. El artículo define AJAX de la siguiente forma: “ Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.” http://www.adaptivepath.com/publications/essays/archives/000385.php lunes, 27 de febrero de 2012
  • 3. Introducción.- Las tecnologías que forman AJAX son:  XHTML y CSS, para crear una presentación basada en estándares.  DOM (Document Object Model), para la interacción y manipulación dinámica de la presentación.  XML, XSLT y JSON, para el intercambio y la manipulación de información solicitada al servidor.  XMLHttpRequest, para el intercambio asíncrono de información.  JavaScript, para unir todas las demás tecnologías. lunes, 27 de febrero de 2012
  • 4. Introducción.- Tecnologías agrupadas bajo el concepto de AJAX lunes, 27 de febrero de 2012
  • 5. Diez razones para usar AJAX.- 1. Basado en los estándares abiertos.- Ajax esta formado por las tecnologías Javascript, html, xml, css, y XML HTTP Request Object, siendo este último el único que �no es estándar pero es soportado por los navegadores mas utilizados de internet. 2. Usabilidad.- Permite a las páginas hacer una pequeña petición de datos al servidor y recibirla sin necesidad de cargar la página entera lunes, 27 de febrero de 2012
  • 6. Diez razones para usar AJAX.- 3. Válido en cualquier plataforma y navegador.- Internet explorer, los basados en mozilla y firefox son los que se llevan la palma en el mercado de internet y además son los navegadores en los que es mas fácil programar aplicaciones Web AJAX, pero ahora es posible construir aplicaciones web basadas en AJAX para que funcionen en los navegadores mas modernos. lunes, 27 de febrero de 2012
  • 7. Diez razones para usar AJAX.- 4.Beneficia las aplicaciones web.- Las aplicaciones web conllevan ciertos beneficios sobre las aplicaciones sobre escritorio (las cuales dependan de un sistema operativo, librerías, lo que entendemos por programas compilados). Esto generó un menor coste de creación, facilidad de soporte y mantenimiento, menores tiempos a la hora de desarrollarlas, y sin necesidad de instalaciones. AJAX solo ayudar� a las aplicaciones web a mejorar y conseguir un mejor resultado de cara al usuario final. lunes, 27 de febrero de 2012
  • 8. Diez razones para usar AJAX.- 5. No es difícil su utilización.- AJAX esta basada en los estándares que han sido utilizados durante muchos años. Esto significa que no es un gran esfuerzo el aprendizaje de los desarrolladores el pasar de un simple código HTML y aplicaciones web a una potente aplicación AJAX, al igual que los desarrolladores pueden actualizar poco a poco las interfaces de usuario hacia unas interfaces con AJAX; no necesita una re- escritura de la aplicación entera, se puede hacer incrementalmente. lunes, 27 de febrero de 2012
  • 9. Diez razones para usar AJAX.- 6. Compatible con Flash.- Muchos desarrolladores tienen serias dudas sobre usar Flash o AJAX. Definitivamente hay ventajas y desventajas en ambas tecnologías según la situación que se de pero también hay muchas posibilidades y muy buenas para que ambas funcionen en conjunto. 7. Adoptado por los 'gordos' de la tecnología web.- Todo el mundo esta migrando hacia AJAX incluyendo Google, Yahoo, Amazon, Microsoft, entre otros. lunes, 27 de febrero de 2012
  • 10. Diez razones para usar AJAX.- 8. Web 2.0.- Las interfaces de AJAX son un componente clave de muchas de las aplicaciones Web 2.0 ya que una de las claves principales de Web 2.0 es el usar la red como plataforma para el desarrollo de aplicaciones, en vez de simples páginas web. Siendo importante la interacción de los usuarios con la aplicación en sí. 9. Es independiente del tipo de tecnología de servidor que se utilice.- AJAX es perfectamente compatible con cualquier tipo de servidor estándar y lenguaje de programación Web. PHP, ASP. ASP.Net, Perl, JSP, Cold Fusion. lunes, 27 de febrero de 2012
  • 11. Diez razones para usar AJAX.- 10.Mejora la estética de la web.- Con AJAX se puede interactuar la imaginación del desarrollador con la usabilidad de una aplicación web de forma que se pueda realizar una aplicación que si no estuviera dentro de un navegador, podría pasar por una aplicación normal de escritorio. lunes, 27 de febrero de 2012
  • 12. Ventajas de usar AJAX.-  La experiencia de usuario en la navegación es mucho más rica. Ya no se refresca la página constantemente al interactuar con ella.  El tiempo de espera para una petición se reduce. El usuario al hacer un pedido (request) al servidor, no se envía toda la página.  Por la misma razón anterior el trafico al servidor se reduce. lunes, 27 de febrero de 2012
  • 13. Desventajas de usar AJAX.-  Falta de integración con el botón retroceder del navegador. Se debe tener en cuenta esto al intentar guardar funcionalidad con este botón.  Falta de soporte para todos los navegadores. Aunque esto se va reduciendo, el problema se presenta por la falta de soporte para JavaScript y XMLHttpRequest.  Problemas si el usuario ha deshabilitado el uso de JavaScript en su navegador. Hay que tener esto en cuenta cuando desarrollamos nuestro sitio web, para enfrentarnos a esta situación. lunes, 27 de febrero de 2012
  • 14. Desventajas de usar AJAX.-  No poder recomendar links específicos. Si hace que toda la web sea interactiva, no podremos recomendar algún link, ya que el contenido fue generando dinámicamente. Se debería encontrar un equilibrio dependiendo de las necesidades de su escenario.  Demasiado código Ajax hace lento el navegador. A más Ajax, más uso de código JavaScript del lado del browser, por consiguiente mayor trabajo del browser. El rendimiento del cpu puede verse afectado. lunes, 27 de febrero de 2012 lunes, 27 de febrero de 2012
  • 15. Aplicaciones basadas en AJAX.- •Gestores de correo electrónico:  Gmail (http://www.gmail.com)  Yahoo Mail (http://mail.yahoo.com)  Windows Live Mail (http://www.hotmail.com) ▪ Cartografía:  Google Maps (http://maps.google.com)  Yahoo Maps (http://maps.yahoo.com)  Windows Live Local (http://maps.live.com) lunes, 27 de febrero de 2012
  • 16. Aplicaciones basadas en AJAX.- ▪ Aplicaciones web y productividad:  Google Docs (http://docs.google.com)  Zimbra (http://www.zimbra.com/)  Zoho (http://www.zoho.com/) ▪ Otras:  Netvibes (http://www.netvibes.com) [metapágina]  Digg (http://www.digg.com) [noticias]  Meebo (http://www.meebo.com) [mensajería]  30 Boxes (http://www.30boxes.com) [calendario]  Flickr (http://www.flickr.com) [fotografía] lunes, 27 de febrero de 2012 lunes, 27 de febrero de 2012