Cuestiones Resueltas Aplicaciones en Internet

1. Explique qué es un URL, cuál es su utilidad y qué partes la forman. Dé algún ejemplo de URL.

Cadena de caracteres utilizada para identificar un recurso en la Web. Las URL son localizadores e indican la localización del recurso y su forma de acceso. Partes: Protocolo o esquema: describe la forma de acceso al recurso. El protocolo HTTP es el estándar para los recursos de la Web aunque hay otros. Dirección: indica una IP o nombre de dominio de la máquina que almacena el recurso. Opcionalmente se puede incluir el puerto. Ruta local: identifica la ruta dentro de la máquina dónde está almacenado el recurso Query string: adicionalmente puede incluir una cadena de información en forma de pares variable=valor que se envía al servidor. Por ejemplo: http:// ait.upct.es /usuario.php ?edad=24&sexo=varon 2. ¿Es Internet un sinónimo de la Web? Defina cada sistema. Explique la relación entre ambos sistemas.

 NO. Se utilizan indistintamente, indistintamente, pero técnicamente la Web es un servicio implementado sobre la infraestructura de Internet. La Web como sistema es un conjunto de tecnologías simples usadas para acceder a recursos vinculados entre sí. Está en continua evolución. Internet: Sistema global de redes interconectadas. Proporciona la infraestructura física (servidores, enrutadores, cables, antenas, etc.) y lógica (software, protocolos) para ofrecer múltiples servicios. 3. Describa esquemáticamente cómo se trabaja en la Web.

1. 2. 3. 4. 5. 6. 7. 8.

Los recursos se representan mediante el lenguaje HTML. Los recursos se identifican mediante URI/URL. Los documentos HTML se almacenan en servidores. El servidor ejecuta un programa servidor HTTP. El usuario introduce una URL en el navegador. El navegador genera una petición a partir de la URL. La petición se efectúa mediante el protocolo HTTP sobre TCP/IP. El servidor recibe la petición y devuelve el documento solicitado (código HTML + cabecera adicionales). 9. El navegador recibe los datos y los muestra por pantalla (procesa el HTML recibido).

4. Explique qué dos características de las aplicaciones web definen el cambio de la Web a una plataforma para el desarrollo aplicaciones.

Servicios y programas se desarrollan para ser utilizados específicamente en la Web. Aprovechan la inherente conectividad y escala de la Web. Las tecnologías Web incorporan elementos que permiten una interacción similar a la de una aplicación de escritorio. 5. ¿Qué significa que la Web es dinámica? Describa al menos dos características/funcionalidades que hacen que la Web deje de ser estática.

El usuario es capaz de enviar información al servidor. El HTML se genera dinámicamente mediante programa antes de ser servido, normalmente en función de la información proporcionada por el usuario. Se incorporan nuevos formatos (vídeo) y funcionalidad (código ejecutable en el cliente). 6. Explique cómo funciona el mecanismo de herencia de propiedades en CSS y las reglas básicas de aplicación de selectores.

Se denominan hojas en “cascada” ya que los elementos hijos heredan por defecto los valores de estilo de los padres. Las propiedades de un elemento se asignan por valores específicos, heredados o  por defecto (de mayor a menor preferencia, respectivamente). Ejemplo: Los selectores más específicos sobreescriben a los más generales. Las reglas se aplican por especificidad, no por el orden en que aparezcan en el documento, aunque si se repiten, se elige la última aparición. Los selectores son patrones de selección de reglas que se aplicarán a un elemento Selector

Significado

Ejemplo

* E

Cualquier elemento Cualquier elemento E

E>F

Cualquier elemento F hijo de E

EF

Cualquier elemento F descendiente de E F inmediatamente después de E (en el mismo nivel del árbol) Cualquier elemento E con el atributo foo igual a “a”

* {font-family: Arial} LI {font-family: Arial} P {color: black} UL>LI {font-size: 70%} OL>LI {font-size: 115%} H1 EM {color: blue}

E+F

E[foo=“a”]

H1+ EM {color: blue}

IMG[src=“logo.gif”] {width:100px}

Reglas de Selectores

7. ¿Cuál es la clave del éxito de la Web? Justifíquelo.

 Apertura Puede ser ampliada e implementada de diferentes formas sin modificar su funcionalidad. La Web como sistema no impone ninguna restricción al tipo de recursos que se  pueden albergar en ella. Simplemente define como esos recursos pueden ser intercambiados entre ordenadores (y por tanto entre personas). Cualquiera puede añadir nuevos recursos. Cualquiera puede enlazarlos. 8. ¿Cómo se pueden integrar servicios en la web? Explíquelo y describa cómo funciona el correo web.

Se ofrece una “Interfaz Web” intermediaria al servicio. Las peticiones HTTP se transforman en peticiones al servicio y la respuesta se transforma a HTML. Ejemplo: web mail o correo electrónico vía web, como gmail, hotmail, yahoo, etc. Explicación en dibujo:

Por pasos: 1.  Ana escribe el correo en su programa cliente de correo electrónico. Al darle a Enviar , el programa contacta con el servidor de correo usado por Ana (en

2.

3.

4.

5.

este caso, smtp.a.org). Se comunica usando un lenguaje conocido como  protocolo SMTP. Le transfiere el correo, y le da la orden de enviarlo. El servidor SMTP ve que ha de entregar un correo a alguien del dominio  b.com, pero no sabe con qué ordenador tiene que contactar. Por eso consulta a su servidor DNS (usando el protocolo DNS), y le pregunta quién es el encargado de gestionar el correo del dominio b.com. Técnicamente, le está preguntando el registro MX asociado a ese dominio. Como respuesta a esta petición, el servidor DNS contesta con el nombre de dominio del servidor de correo de Bea. En este caso es mx.b.com; es un ordenador gestionado por el proveedor de Internet de Bea. El servidor SMTP (smtp.a.org) ya puede contactar con mx.b.com y transferirle el mensaje, que quedará guardado en este ordenador. Se usa otra vez el protocolo SMTP. Más adelante (quizás días después), Bea aprieta el botón " Recibir nuevo correo" en su programa cliente de correo. Esto empieza una conexión, mediante el protocolo POP3 o IMAP, al ordenador que está guardando los correos nuevos que le han llegado. Este ordenador (pop3.b.com) es el mismo que el del paso anterior (mx.b.com), ya que se encarga tanto de recibir correos del exterior como de entregárselos a sus usuarios. En el esquema, Bea recibe el mensaje de Ana mediante el protocolo POP3.

9. ¿Qué tipos de peticiones se pueden utilizar con las CGI? ¿Qué diferencias hay en el funcionamiento de CGI entre ambos métodos?

Para peticiones GET la variable de entorno QUERY_STRING toma el valor de los parámetros, tal y como aparecen en la URL. Para peticiones POST los parámetros se pasan por la entrada estándar (stdin). Redirecciona la salida estándar (stdout) de la aplicación externa hacia él mismo 10. Defina qué es una URI y los tipos que hay. Dé ejemplos de los tipos.

Una URI (Uniform Resource Identifier ) es una cadena de caracteres que identifica recursos en la Web. La cadena tiene una sintaxis muy simple y puede ser arbitrariamente larga. Hay dos tipos de URI: Uniform Resource Locator (URL): indican la localización del recurso y su forma de acceso. Uniform Resource Name (URN): identifican unívocamente un recurso, pero no incluyen su localización o cómo acceder al él. 11. Defina qué es el protocolo HTTP y sus tres características fundamentales.

 HyperText Transfer Protocol

Protocolo de transferencia de recursos en la Web. Especificado en la RFC 2616. Protocolo de nivel de aplicación. Protocolo de petición/respuesta. No mantiene información de estado entre  peticiones. Por el contrario, TCP por ejemplo, sí que mantiene información de estado: LISTEN, ESTABLISHED… Protocolo basado en texto. No define una secuencia de campos de longitud  preestablecida, sino que la información se codifica en forma de una cadena de caracteres ASCII (7 bits). Utiliza el puerto 80 por defecto. 12. Si se introduce la siguiente URL en el navegador: http://ait.upct.es/asignaturas/ad/index.html, escriba el mensaje de petición HTTP que se generaría.

GET /asignaturas/ad/index.html HTTP/1.1 13. ¿Cómo sabe el navegador el tipo de contenido que recibe del servidor? Explique el mecanismo en detalle.

Cabecera Content Type Indica el tipo de datos que se devuelve. Se indica mediante el tipo MIME o Internet Media Types. Son cadenas estándar que identifican formatos de datos El formato es tipo/subtipo Ejemplos: text/html image/jpeg application/zip 14. El siguiente documento HTML se encuentra almacenado en el servidor www.ad.com. Indique cuántas conexiones TCP establecerá el navegador para poder mostrar completamente el documento cuando se utiliza el protocolo HTTP 1.1 y cuando se utiliza HTTP 1.0, si es la primera vez que se consulta dicho documento. Bienvenido a AD archivo

Si se utiliza el protocolo HTTP 1.1 se solicitan todos los elementos adicionales sobre la misma conexión TCP.

Con HTTP 1.0 es necesario establecer una conexión TCP adicional por cada elemento lo cual es muy ineficiente. ¿Cuántas?

15. Convierta las URL relativas del documento anterior a sus equivalentes absolutas. logo.gif  http://ait.upct.es/ logo.gif ait.upct.es/style.css  http:// ait.upct.es/style.css

16. Defina qué es HTML y qué significa que es un lenguaje estructurado. HyperText Markup Language (HTML) Lenguaje de marcas usado para la representación de recursos en la Web.

Es un lenguaje de texto: los datos se codifican en forma de caracteres (ASCII, UTF-8, etc.). Lenguaje estructurado: incluye datos y metadatos, es decir, “datos sobre los datos”. Lenguaje de marcas: los metadatos se incluyen mediante marcas o etiquetas. Las marcas suelen aparecer en parejas y a la pareja se le denomina elemento HTML. 17. ¿Cuál es la ventaja de usar URLs relativas?

Las URL's relativas simplifican mucho la gestión de un sitio web con muchas secciones diferentes y además, te ahorran mucho trabajo en el caso de que cambies tu página de servidor o adquieras un nombre de dominio propio para ella. 1BIS.Describa las diferencia y semejanzas respecto a funcionamiento, recursos e identificación de los mismos y protocolo entre a) la Web y Bittorrent y b) la Web y Whatsapp.

 Bittorrent: Un protocolo para la distribución de archivos entre pares (P2P) : En principio, consiste en sistemas en los que sus integrantes realizan funciones similares (a diferencia del cliente/servidor, e.g). Torrent: archivo con la información sobre el fichero descargado Tracker: servidor responsable de gestionar los participantes Los .torrents se publican en servidores Web usualmente Una aplicación cliente inicia la descarga usando la información del .torrent. Alternativamente, se usa una búsqueda distribuida, mediante el uso de enlaces magnet , que son URN

Whatsapp: Usa una versión modificada de XMPP. En los mensajes multimedia el contenido (imagen, video, audio) se envía a un servidor HTTP que lo almacena y envía un enlace a los destinatarios. 18. Defina qué es un lenguaje de marcas.

Un lenguaje de marcas es un vocabulario (conjunto de marcas) que  permite anotar los datos de un documento. Permite estructurar los contenidos de un documento. El documento incluirá contenido y notación/marcado. La marcas proporcionan contexto al contenido. Es decir, proporcionan metadatos: “datos sobre los datos”. Tipos generales de marcas: De presentación o formato: describen cómo representar los datos. Ejemplo: procesado de textos De procedimiento: describen cómo procesar los datos. Ejemplo: procesado de textos (latex).  Descriptivas o semánticas: etiquetan el significado de los datos. Estas categorías se difuminan en muchos sistemas, aunque es preferible una separación clara normalmente.