Breve introducción a Internet y a las tecnologías web Vicente Cerverón Lleó

Internet y tecnologías web Internet y web Arquitectura de aplicaciones en la red Aplicaciones web Interfaces web Consideraciones adicionales Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Internet, red de redes Internet es la red de redes que interconecta computadores mediante diferentes protocolos Un ordenador se puede conectar a Internet por medio de un servidor de red (mediante tecnologías diversas) Un ordenador puede conectarse a una red local y los ordenadores de dicha red local pueden conectarse a Internet mediante una pasarela Existen ordenadores permanentemente conectados a Internet que ofrecen recursos Hacer notar que HTTP es un protocolo “stateless”, sin sesiones ni recuerdo de información previa Esto se puede superar con dos métodos: Cookies URLs únicas generadas automáticamente (p.e. el servidor de correo) Introducir (próximamente) otros formatos: XML y DTD Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Recursos en Internet Los recursos accesibles en Internet se identifican por un URI (identificador de recurso uniforme)(URL) http://www.uv.es/cerveron/informatica_medio/index.html el protocolo con que acceder al recurso el nombre (o dirección) del host el nombre del recurso Internet es el medio de comunicación para diversas aplicaciones, que utilizan diferentes protocolos, destacando el correo electrónico, la transferencia de ficheros (FTP) y la web Hacer notar que HTTP es un protocolo “stateless”, sin sesiones ni recuerdo de información previa Esto se puede superar con dos métodos: Cookies URLs únicas generadas automáticamente (p.e. el servidor de correo) Introducir (próximamente) otros formatos: XML y DTD Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

La web La web es un sistema de información distribuido basado en hipertexto Los usuarios, mediante un navegador (cliente) solicitan recursos (normalmente páginas web) a un servidor web HTTP es el protocolo de comunicación entre clientes y servidores web el cliente envía una petición el servidor produce una respuesta (una página HTML) [puede ser de error] Hacer notar que HTTP es un protocolo “stateless”, sin sesiones ni recuerdo de información previa Esto se puede superar con dos métodos: Cookies URLs únicas generadas automáticamente (p.e. el servidor de correo) Introducir (próximamente) otros formatos: XML y DTD Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Páginas web y lenguaje HTML HTML es un lenguaje que permite incluir texto junto a las indicaciones de cómo mostrarlo, cómo y dónde incluir imágenes y cómo acceder mediante enlaces a otros recursos en Internet (y también posibilita la entrada de datos) El navegador-cliente solicita y recibe del servidor web una página y nos la presenta formateada La página puede “pedir” al servidor imágenes (o otros recursos) que están en archivos distintos de la propia página web y son enviados por el servidor y presentados por el cliente junto al texto Hacer notar que HTTP es un protocolo “stateless”, sin sesiones ni recuerdo de información previa Esto se puede superar con dos métodos: Cookies URLs únicas generadas automáticamente (p.e. el servidor de correo) Introducir (próximamente) otros formatos: XML y DTD Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Páginas web y lenguaje HTML Una página web es un archivo que únicamente contiene texto, pero en dicho texto se puede solicitar a su vez otros recursos (que pueden estar incluso en otro servidor) Cuando queremos guardar una página podremos guardar sólo la propia página o bien la página con los otros archivos que incluye Un sitio web contiene multitud de páginas. Si queremos guardarlas podemos hacerlo una a una o con alguna aplicación que nos lo facilite También podemos solicitar (directamente o mediante un enlace) un recurso que no sea una página web; éste podrá ser mostrado dentro del navegador o abriendo una aplicación externa Hacer notar que HTTP es un protocolo “stateless”, sin sesiones ni recuerdo de información previa Esto se puede superar con dos métodos: Cookies URLs únicas generadas automáticamente (p.e. el servidor de correo) Introducir (próximamente) otros formatos: XML y DTD Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Aplicaciones web La web era originalmente un conjunto de páginas estáticas En lugar de páginas estáticas, el usuario de un navegador web puede acceder a páginas generadas dinámicamente por una aplicación Una aplicación es un programa informático que realiza una tarea. Una aplicación web es una aplicación en la red cuya interacción con el usuario sea mediante un navegador web Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Arquitectura de aplicaciones en red una aplicación en red intensiva en acceso a datos tiene 3 tipos de funcionalidades Gestión de los datos Lógica de la aplicación Presentación Estas funcionalidades se pueden (o no) separar en capas Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Arquitectura de tres capas Capa de presentación Interfaz con el usuario (cliente-navegador) Capa intermedia (servidor web, serv. aplicaciones) (también capa de “lógica de la aplicación”) Implementa la lógica de la aplicación (control de flujo) Puede acceder a diferentes fuentes de datos Capa de gestión de datos Uno o más SGBD Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Arquitectura de tres capas Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Ventajas de la Arquitectura de tres capas Clientes ligeros: el usuario sólo req. un navegador Acceso integrado a los datos: se puede acceder a varias BD transparentemente para el usuario Escalabilidad: los servidores intermedios pueden replicarse para servir a más clientes Desarrollo de software centralizado Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Ejecución de aplicaciones web Programas que se ejecutan en el navegador scripts (p.e. Javascript) pequeños programas que se insertan en la página permiten realizar pequeñas tareas: comprobación de datos en un formulario, cambio de idioma dependiendo del cliente, menús dependientes de otras selecciones, … programas (p.e. en Java) Programas que se ejecutan en el servidor [+] Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Ejecución de aplicaciones web Programas que se ejecutan en el navegador [+] Programas que se ejecutan en el servidor el usuario introduce datos mediante formularios un programa en el servidor procesa los datos programas CGI programas ASP, PHP, JSP Java servlets se produce una página web que se envía al usuario Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Interfaces web: Formularios son el modo más común de solicitar y comunicar datos entre el cliente y el servidor los formularios se insertan en una página web componentes de un formulario <FORM ACTION="/cgi-bin/postman" NAME="theform" METHOD="POST"> campos de un formulario INPUT type, name, value <INPUT TYPE=“text” NAME=“user” VALUE=""> Dirigir a otras asignaturas, como Entornos de usuario Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Consideraciones sobre aplicaciones web HTTP es un protocolo sin estado Ventajas facilidad de uso e implementación Inconvenientes el protocolo en sí no recuerda el flujo ni las acciones anteriores Hay diversas vías de superar este inconveniente Completar con Ramakrishnan sl.7,67-80 Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Consideraciones sobre aplicaciones web Guardar el estado en el cliente: cookies Consisten en guardar una pequeña información textual en el cliente, que se envía al servidor en cada petición HTTP Son una colección de (nombre, valor) Son percibidas como “peligrosas” Son fáciles de usar pero limitadas a 4 KB Pueden ser deshabilitadas por el cliente Son útiles para información de login y como modo de memoria temporal (no permanente) Completar con Ramakrishnan sl.7,67-80 Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Consideraciones sobre aplicaciones web Guardar el estado en el cliente campos ocultos información en el path ambos mecanismos se pueden usar para solventar la deshabilitación de cookies no requieren almacenamiento adicional ya que son “pasados” en cada petición HTTP Completar con Ramakrishnan sl.7,67-80 Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Actividades con páginas web Guardar direcciones de páginas web Guardar una página web completa / sólo el texto Guardar un recurso no HTML Guardar sitios web Copiar texto a otra aplicación Usar imágenes de la web Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)

Búsqueda web / posicionamiento web Búsquedas web Buscadores Búsquedas avanzadas (posibles selectores) Posicionamiento web Ordenación de búsquedas (en buscadores) Herramientas de análisis de tráfico (p.e. Alexa) Breve introducción a Internet y a las tecnologías web (Vicente Cerverón - Universitat de València)