Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Daw Cap06

    Загружено:

    Robinson Macias
    11 просмотров24 страницы

    Оригинальное название

    daw_cap06

    Авторское право

    © Attribution Non-Commercial (BY-NC)

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    11 просмотров24 страницы

    Daw Cap06

    Загружено:

    Robinson Macias

    Авторское право:

    Attribution Non-Commercial (BY-NC)
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 24

    Desarrollo de Aplicaciones Web

    Ing. Jos Rodrguez Rojas

    RIA y AJAX

    Qu es RIA?
    Rich Internet Applications (Aplicaciones de Internet Enriquecidas) son un nuevo tipo de aplicaciones con ms ventajas que las tradicionales aplicaciones Web. Esta surge como una combinacin de las ventajas que ofrecen las aplicaciones Web y las aplicaciones tradicionales. p y g Normalmente en las aplicaciones Web, hay una recarga contina de pginas cada vez que el usuario pulsa sobre un enlace. De esta forma se produce un trfico muy alto entre el cliente y el servidor, ll d muchas veces, a recargar l li t l id llegado h la misma pgina con un mnimo cambio. * fuente Wikipedia

    Desktop vs Web tradicional?


    Desktop
    Aplicaciones de escritorio son interactivas. Buena retroalimentacin Asincrnicas

    Web tradicional
    Aplicaciones lentas Mala retroalimentacin Sincrnicas

    Opciones RIA
    Applets Aplicaciones Java Adobe Flash Adobe Flex Microsoft Silverlight Java Web Start DHTML IFRAMES Ajax

    Llamadas asincrnicas
    Iframe AJAX Son utilizadas para evitar la recarga completa de las pginas

    Iframe
    Es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal. Fue introducido en el navegador Microsoft Internet Explorer en 1997 y durante mucho tiempo solo fue soportado en este navegador, la etiqueta Iframe actualmente es ya ampliamente soportado por gran variedad de navegadores.

    Iframe
    <html> <head> <title>IFrames</title> </head> <body> <iframe src="http://es.wikipedia.org/" width="400" height="500" scrolling="auto" frameborder="1" transparency> <p>Texto alternativo para navegadores que no aceptan iframes.</p> </iframe> </body> </html>

    Iframe
    Layout programable Inline Es parte del DOM Manejo de estilos y transparencias. Puede ser declarado o generador programaticamente

    Qu es AJAX?
    El trmino AJAX fue presentado por primera vez en el artculo "Ajax: A New Approach to Web Applications" publicado por Jesse James Garrett el 18 de Febrero de 2005. Hasta ese momento no exista un trmino normalizado que momento, hiciera referencia a un nuevo tipo de aplicacin web que estaba apareciendo. Ajax no es una tecnologa en s mismo. En realidad, se trata de varias tecnologas independientes que se unen de formas nuevas y sorprendentes. d t

    Qu es AJAX?
    Asynchronous JavaScript And XML (JavaScript asncrono y XML), es una tcnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir en el cliente decir, navegador de los usuarios mientras se mantiene la comunicacin asncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las pginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, interactividad velocidad y usabilidad en las aplicaciones. aplicaciones

    Tecnologas que forman AJAX


    XHTML y CSS, para crear una presentacin basada en estndares. DOM, para la interaccin y manipulacin dinmica de la presentacin. presentacin XML, XSLT y JSON, para el intercambio y la manipulacin de informacin. . XMLHttpRequest, para el intercambio asncrono de informacin. JavaScript, para unir todas las dems tecnologas.

    Tecnologas que forman AJAX

    Modelos de Aplicacin Web

    Iframe vs AJAX
    Ajax, es multihilo, en el sentido que pueden haber procesando varios pedidos a la vez. Iframe, tiene soporte del historial para su navegacin, es decir que puedes retrodecer a tu vista anterior, en cambio en anterior ajax, no. Iframe, tiene cross-site scripting , p g Ajax, maneja estado, con ajax podemos mostrar un indicador de progreso del pedido actual y que el usuario final no vea esa pantalla blanca de parpadeo.

    Ciclo Web Tradicional

    Ciclo Web en AJAX

    Sncrono vs Asncrono
    Sncrono
    La aplicacin web queda bloqueada en espera de que exista una respuesta del servidor web. No existe una retroalimentacin al usuario del estado del procesamiento.

    Asncrono
    Se producen llamadas asncronas que no bloquean el uso de la aplicacin web.

    Usos de AJAX
    Validacin de ingreso de informacin en tipo real del lado del servidor. Autocompletar. Drag d Drop D and D Operaciones maestro detalle Uso de id t U d widgets Alertas Creacin de controles dinmicos similares a los de aplicaciones de escritorio

    Aplicaciones Ajax
    Gmail Google maps Live mail Yahoo

    Ventajas de AJAX
    Es considerado la mejor alternativa dentro de las tecnologa RIA AJAX es la tecnologa web ms popular en la actualidad. Existen algunas l b y f E l libreras frameworks b d en AJAX que k basados cada da son implementados

    XMLHTTPRequest
    function getXMLHTTPRequest() { var xRequest=null; if (window XMLHttpRequest) { (window.XMLHttpRequest) xRequest=new XMLHttpRequest(); } else if (typeof ActiveXObject != "undefined"){ xRequest=new ActiveXObject("Microsoft.XMLHTTP"); } return xRequest; }

    Mtodos XMLHttpRequest
    open(method, URL) open(method, URL, async, username, password) send(content) abort() getAllResponseHeaders() g getResponseHeader(header) p ( ) setRequestHeader(label,value)

    Propiedades XMLHttpRequest
    onreadystatechange
    Event handler that fires at each state change g You implement your own function that handles this

    readyState (estado actual del request)


    0 = uninitialized 1 = loading 2 = loaded 3 = interactive (some data has been returned) This is broken in IE right now g 4 = complete

    status (Estado HTTP retornado desde el servidor 200=OK) responseText (String que contiene los datos de respuesta del servidor) p gq p responseXML (Documento XML DOM que contiene los datos retornados) statusText (estado del texto retornado desde el servidor)

    Вам также может понравиться