INSTITUTO DE COMPUINGLÉS DE ORIENTE
Páginas Web Optimizadas (AJAX) Programador de Sistemas y Redes
1
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Sesión 01 Introducción
2
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
AJAX Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications).
Estas aplicaciones se ejecutan 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 esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, mejorando la interactividad, velocidad y usabilidad en las aplicaciones. 3
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
RIA Del inglés Rich Internet Application, Aplicación de Internet Enriquecida. Las RIA son aplicaciones web que tienen la mayoría de las características de las aplicaciones de escritorio tradicionales. Estas aplicaciones utilizan un navegador web para ejecutarse y por medio de complementos o mediante una máquina virtual se agregan las características adicionales. Las RIA surgen como una combinación de las ventajas que ofrecen las aplicaciones web y las aplicaciones tradicionales. Buscan mejorar la experiencia y productividad del usuario. 4 Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
DOM (Document Objet Model) El Document Object Model o DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para la Representación de Documentos') es esencialmente una interfaz de programación de aplicaciones (API) que proporciona un conjunto estándar de objetos para representar documentos HTML y XML, un modelo estándar sobre cómo pueden combinarse dichos objetos, y una interfaz estándar para acceder a ellos y manipularlos. A través del DOM, los programas pueden acceder y modificar el contenido, estructura y estilo de los documentos HTML y XML, que es para lo que se diseñó principalmente. 5
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Funcionamiento de AJAX
1. Un cliente (navegador) hace una petición a un servidor web. 2. El servidor devuelve un resultado XML (XML result). 3. El navegador actualiza la información sin refrescar toda la página.
6
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
AJAX en acción Los sitios más populares de la www usan
Todos estos sitios se valen de AJAX para hacer su uso más fácil y rápido para los usuarios. 7
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
XML Es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C), se utiliza para almacenar datos en forma legible. Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo útil cuando varias aplicaciones deben comunicarse entre sí o integrar información.
8
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Ventajas de XML •
Es extensible: Después de diseñado y puesto en producción, es posible extender XML con la adición de nuevas etiquetas.
•
El analizador es un componente estándar, no es necesario crear un analizador específico para cada versión de lenguaje XML.
•
Si un tercero decide usar un documento creado en XML, es sencillo entender su estructura y procesarla.
•
Mejora la compatibilidad entre aplicaciones. Podemos comunicar aplicaciones de distintas plataformas, sin que importe el origen de los datos.
•
Transformamos datos en información, pues se le añade un significado concreto y los asociamos a un contexto, con lo cual tenemos flexibilidad para estructurar documentos. 9
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Sintaxis de XML Estructura general de un archivo XML <?xml version="1.0" encoding="utf-8" ?> <etiqueta0 atributo=“valor atributo”…> <etiqueta1 atributo=“valor atributo”>Valor de etiqueta 1</etiqueta1> <etiqueta1>Valor de etiqueta 1</etiqueta1> </etiqueta0>
10
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Sintaxis de XML Ejemplo: <?xml version="1.0" encoding="utf-8" ?> <personas> <persona> <nombre>Juan Perez Olmos</nombre> <sexo>Masculino</sexo> <fecha_nacimiento>15/06/2000</fecha_nacimiento> <estatura>1.75 m</estatura> <peso>70 Kg</peso> </persona> </personas> 11
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
En ejecución
12
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Práctica 1: XML de Alumnos • Crea un archivo XML que contenga los datos de al menos cuatro alumnos, usando la sintaxis de XML, puedes crear tus propias etiquetas.
13
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Práctica 2: XML de una PC • Haz un archivo XML que contenga las etiquetas que consideres necesarias para contener los datos de las características (propiedades) de una PC.
p.e. Procesador, Memoria, Disco Duro, Monitor, etc.
14
Área de Investigación en Computación
INSTITUTO DE COMPUINGLÉS DE ORIENTE
Práctica 3: XML de un Auto • Crea un archivo XML donde definas las propiedades de al menos tres automóviles, por ejemplo: Marca, Modelo, Número de motor, No. de Puertas, Color, etc.
15
Área de Investigación en Computación