Ajax
Upcoming SlideShare
Loading in...5
×
 

Ajax

on

  • 434 views

Trabajo sobre la tecnologia Ajax

Trabajo sobre la tecnologia Ajax

Statistics

Views

Total Views
434
Views on SlideShare
434
Embed Views
0

Actions

Likes
1
Downloads
4
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 Ajax Presentation Transcript

  • AJAXJulián Andrés Moreno Pena
  • INTRODUCCION En las siguientes diapositivas trataremos de abordar un tema muyimportante que hace parte del mundo y el desarrollo de paginasweb, un conjunto de aplicaciones juntas denominadas AJAX, el cualha sido un gran avance en relación a efectividad y tiempo que losdesarrolladores de paginas web han optado para mejor comodidad yservicio a los usuarios.
  • AJAXSiglas de Asynchronous JavaScript andXML, es un término que describe unnuevo acercamiento a usar un conjuntode tecnologías existentes juntas,incluyendo las siguientes: HTML oXHTML, hojas de estilo (Cascading StyleSheets o css), Javascript, el DOM(Document Object Model), XML, XSLT,y el objeto XMLHttpRequest.
  • AJAXAjax es una tecnología asíncrona, en el sentidode que los datos adicionales se solicitan alservidor y se cargan en segundo plano sininterferir con la visualización ni elcomportamiento de la página. JavaScript es ellenguaje interpretado (scripting language) en elque normalmente se efectúan las funciones dellamada de Ajax mientras que el acceso a losdatos se realiza medianteXMLHttpRequest, objeto disponible en losnavegadores actuales. En cualquier caso, no esnecesario que el contenido asíncrono estéformateado en XML.
  • TECNOLOGIAS QUE COMPONEN AJAX Ajax es una combinación de cuatro tecnologías ya existentes: XHTML (o HTML) y hojas de estilos en cascada (CSS) 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, especialmenteimplementaciones ECMAScript como JavaScript y Jscript, para mostrar e interactuar dinámicamente con lainformación presentada. El objeto XMLHttpRequest para intercambiar datos de forma asíncrona con el servidor web. En algunosframeworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizardichos intercambios. XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquierformato 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 queengloba a un grupo de éstas que trabajan conjuntamente.
  • HTMLHTML, siglas de HyperText Markup Language («lenguaje demarcado de hipertexto»), es el lenguaje de marcado predominantepara la elaboración de páginas web. Es usado para describir laestructura y el contenido en forma de texto, así como paracomplementar el texto con objetos tales como imágenes. HTMLse escribe en forma de «etiquetas», rodeadas por corchetesangulares (<,>). HTML también puede describir, hasta un ciertopunto, la apariencia de un documento, y puede incluir un script(por ejemplo JavaScript), el cual puede afectar el comportamientode navegadores web y otros procesadores de HTML.HTML también es usado para referirse al contenido delcocifrantipo de MIME text/html o todavía más ampliamentecomo un término genérico para el HTML, ya sea en formadescendida del XML (como XHTML 1.0 y posteriores) o enforma descendida directamente de SGML (como HTML 4.01 yanteriores).
  • DOCUMENT OBJECT MODELEl Document Object Model o DOM (Modelo de Objetos delDocumento o Modelo en Objetos para la Representación deDocumentos) es esencialmente una interfaz de programación deaplicaciones (API) que proporciona un conjunto estándar deobjetos para representar documentos HTML y XML, un modeloestándar sobre cómo pueden combinarse dichos objetos, y unainterfaz estándar para acceder a ellos y manipularlos. A través delDOM, los programas pueden acceder y modificar elcontenido, estructura y estilo de los documentos HTML yXML, que es para lo que se diseñó principalmente.El responsable del DOM es el World Wide Web Consortium(W3C).En efecto, el DOM es una interfaz de programación deaplicaciones para acceder, añadir y cambiar dinámicamentecontenido estructurado en documentos con lenguajes comoECMAScript(JavaScript).
  • XMLHTTPREQUEST XMLHttpRequest (XHR), también referida como XMLHTTP (Extensible MarkupLanguage / Hypertext Transfer Protocol), es una interfaz empleada para realizar peticionesHTTP y HTTPS a servidores Web. Para los datos transferidos se usa cualquiercodificación basada en texto, incluyendo: texto plano, XML, JSON, HTML ycodificaciones particulares específicas. La interfaz se presenta como una clase de la queuna aplicación cliente puede generar tantas instancias como necesite para manejar eldiálogo con el servidor. El uso más popular, si bien no el único, de esta interfaz es proporcionar contenidodinámico y actualizaciones asíncronas en páginas WEB mediante tecnologías construidassobre ella como por ejemplo AJAX.
  • E X T E N S I B L E M A R K U P L A N G UA G E XML, siglas en inglés de eXtensible Markup Language (lenguaje de marcasextensible), es un metalenguaje extensible de etiquetas desarrollado por el WorldWide Web Consortium (W3C). Es una simplificación y adaptación del SGML ypermite definir la gramática de lenguajes específicos (de la misma manera queHTML es a su vez un lenguaje definido por SGML). Por lo tanto XML no esrealmente un lenguaje en particular, sino una manera de definir lenguajes paradiferentes necesidades, de ahí que se le denomine metalenguaje. Algunos de estoslenguajes que usan XML para su definición son XHTML, SVG, MathML.
  • N AV E G A D O R E S QU E P E R M I T E N A JA X Navegadores basados en Gecko como Mozilla, MozillaFirefox, SeaMonkey, Camino, K-Meleon, IceWeasel, Flock, Epiphany, Galeon y Netscapeversió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 navegadoresbasados en él Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendoKonqueror versión 3.2 y superiores y el Web Browser for S60 de Nokia tercerageneración y posteriores Opera versión 8.0 y superiores, incluyendo Opera Mobile Browser versión 8.0 ysuperiores.
  • REFERENCIAS http://es.wikipedia.org/wiki/AJAX http://www.masadelante.com/faqs/ajax http://www.google.com.co/imgres?q=IMAGENES+AJAX+web&hl=es&biw=1680&bih=899&tbm=isch&tbnid=Lmtp9ShCDeZjOM:&imgrefurl=http://ayudaparatuweb.com/tutoriales-recurso-ajax-desarrollo-web-profesional.html&docid=etipu8OKmoaLbM&imgurl=http://ayudaparatuweb.com/wp-content/uploads/2009/04/ajax-logo.jpg&w=474&h=236&ei=PS89T5DqLszptgfYmem2BQ&zoom=1&iact=hc&vpx=163&vpy=179&dur=601&hovh=158&hovw=318&tx=194&ty=91&sig=112551787949469093377&page=1&tbnh=104&tbnw=208&start=0&ndsp=28&ved=0CD0QrQMwAA