• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Uts Lenguaje Ajax
 

Uts Lenguaje Ajax

on

  • 1,125 views

 

Statistics

Views

Total Views
1,125
Views on SlideShare
1,125
Embed Views
0

Actions

Likes
0
Downloads
7
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

    Uts Lenguaje Ajax Uts Lenguaje Ajax Presentation Transcript

    •  
      • Lenguaje Ajax
    • Objetivo
      • Mostrar los fundamentos elementales del lenguaje AJAX, uso y limitaciones.
    • Temas a Tratar
      • Definición
      • Tecnologías agrupadas en AJAX
      • Ventajas y desventajas
      • Conclusiones
    • Definición
      • AJAX: Acrónimo de A synchronous J avaScript A nd X ML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA ( R ich I nternet A pplications) que significa Aplicaciones de Internet Enriquecidas.
    • Ejemplo de aplicación de AJAX Published: 05 / 28 / 2007
    • Definición
      • Ajax permite que las aplicaciones se ejecuten en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano, de modo que, la comunicación que se establece es de manera diferida en el tiempo, por lo cual es asíncrono ya que no existe coincidencia temporal. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.
    • Definición
      • Por lo cual Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest , objeto disponible en los navegadores actuales
    • Tecnologías agrupadas en AJAX
      • AJAX es una combinación de cuatro tecnologías ya existentes que son:
      • 1. XHTML (o HTML) y hojas de estilos en cascadas (CSS) para el diseño que acompaña a la información.
    • Tecnologías agrupadas en AJAX
      • 2 . Objet Model (DOM) accedido con un lenguaje de scripting por parte del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, para mostrar e interactuar dinámicamente con la información presentada.
    • Tecnologías agrupadas en AJAX
      • 3. El objeto XMLHttpRequest para intercambiar datos asincrónicamente 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.
    • Tecnologías agrupadas en AJAX
      • XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado.
      • AJAX no constituye una tecnología en sí, sino que es un término que engloba a un grupo de éstas que trabajan conjuntamente.
    • Funcionamiento de AJAX
      • A) El explorador carga un motor AJAX de la aplicación Web solicitada.
      • B) El motor AJAX se comunica con el servidor en representación del usuario.
      • C) El servidor solicita un procesamiento backend si es el caso.
      • D) Se emite una respuesta backend al servidor.
      • E) El servidor envía datos XML al motor AJAX.
      • F) El motor AJAX carga la información para que el usuario la visualice.
    • Funcionamiento de AJAX
      • Tanto el suceso B como el F ocurren asincrónicamente, es decir, cada acción del usuario que normalmente generaría una petición HTTP toma la forma de una llamada JavaScript al motor AJAX, el cual decide como comunicarse con el servidor; así no se interfiere con la interacción entre el usuario y la aplicación.
    • Ventajas AJAX
      • El trafico al servidor se reduce.
      • La experiencia de usuario en la navegación es mucho más interactiva.
    • Ventajas AJAX
      • Ya no se refresca la página constantemente al interactuar con ella y el tiempo de espera para una petición se reduce ya que el usuario al hacer un pedido (request) al servidor, no se envía toda la página.
    • Desventajas 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.
    • Desventajas
      • Problemas si el usuario ha des habilitado el uso de JavaScript en su navegador.
      • No poder recomendar links específicos. Si hace que toda la web
    • Desventajas
      • sea interactiva, no es posible recomendar algún link, ya que el
      • contenido fue generando dinámicamente. Se debería encontrar
      • un equilibrio dependiendo de las necesidades del escenario.
    • Desventajas
      • 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.
    • Casos en los que es recomendable usar AJAX
      • Interacción a través de formularios
      • Navegación jerárquica por nodos (o estilo árbol)
      • Comunicación rápida entre usuarios
      • Votaciones, encuestas, valoraciones, etc.
    • Casos en los que es recomendable usar AJAX
      • Filtrado y manipulación de datos o resultados de búsqueda
      • Autocompletado de campos de texto usados comúnmente.
    • Casos en los que es recomendable evitar AJAX
      • Búsquedas
      • Envíos a través de formularios simples
      • Navegación básica.
    • Casos en los que es recomendable evitar AJAX
      • Reemplazar grandes
      • cantidades de texto
      • Manipulación de la interfaz
      • Widgets sin sentido
      • Gracias!!!