1 Ingeniería Web: Marco de Medición y Evaluación de CalidadCurso de Posgrado Universidad Nacional de San Luis / La Rioja / Catamarca Ingeniería Web: Marco de Medición y Evaluación de Calidad Internet Servicios Internet Arquitectura Tecnologías Web Contenidos Parte I Dr. Luis Olsina GIDIS_Web, Facultad de Ingeniería, UNLPam, La Pampa - Argentina TE Ext. 6501 © 2007 GIDIS_Web
2 Esquema Introducción a Internet Servicios Internet ArquitecturaTecnologías Web
3 Internet Internet es un inmenso conjunto de redes de computadoras y otros dispositivos, que se encuentran interconectadas entre sí, dando lugar a la mayor red integrada de alcance mundial. Internet Móvil Aplicaciones con IU común Proporciona recursos informáticos distribuidos para procesos de entrega/recuperación de datos, información y servicios en forma semi-estructurada y estructurada. Procesamiento de Información? En evolución constante y crecimiento exponencial.
4 Internet Comparación respecto de la Velocidad de Adopción con Otras Tecnologías Años para alcanzar 50 M de usuarios:: Radio Radio = 38 TV TV = 13 Cable Cable = 10 Internet/ Web Internet/Web = 5 30 60 90 120 ‘22 ‘30 ‘38 ‘46 ‘54 ‘62 ‘70 ‘78 ‘86 ‘94 ‘02 Usuarios (Millones)
5 Internet Algunas características de Internet desde el punto de vista de infraestructura: Constituye un Sistema Universal de comunicaciones Admite todo tipo de equipos (supercomputadoras, PCs, PDAs, celulares, etc.) de todo tipo de fabricantes Admite todo tipo de redes en cuanto: a su alcance (locales o LAN, metropolitanas o MAN, extendidas o WAN); tecnologías (protocolos) de red soportadas por TCP/IP (Ethernet, FDDI, ATM, Wireless etc.) ; medios físicos de transmisión (cables de cobre, fibra óptica, ondas de radio, satélites, etc.)
6 Internet Algunas características de Internet desde el punto de vista de las aplicaciones : Es única en cuanto a múltiples servicios , FTP, Web, Chat, etc. Acceso público, generalmente anónimo Acceso privado (Intranet, Extranet, Internet) Número ilimitado/limitado de usuarios Requerimientos de seguridad variados. Por ej., Web Sitio Informativo – bajo Transacción de E-commerce -muy altos
7 Esquema Introducción a Internet Servicios Internet ArquitecturaTecnologías Web
8 Servicios de Internet Servicios Básicos, Aplicaciones InternetCorreo Electrónico ( ) Transferencia de Archivos (FTP - File Transfer Protocol ) World Wide Web (WWW o Web) Grupos de Noticias (Newsgroup) Comunicación sincrónica y/o en tiempo real (IRC, ICQ, Video conferencia, Internet Phone -VoIP, etc.)
9 Servicios de Internet: WebSitio Web: Conjunto de páginas que se acceden a través de un navegador Web. Puede contener textos, imágenes, sonidos, animaciones,..., y enlaces. Enlaces: Enlaza a páginas o partes de la misma, etc. URL Pág. 2 Pág.1: Fuente Pág. 2: Destino Enlace: Puede estar entre el textos, imágenes enlazadas,... URL Pág. 1
10 Servicios de Internet: WebLocalizador Universal de Recursos (URL, Uniform Resource Locator) Un URL permite ubicar la información o recursos contenidos en un servidor. Un URL contiene una descripción completa de la ubicación de recursos dentro de los servidores. Ejemplo de URL para la Web: Dirección Web: IP o nombre lógico Directorios internos, documento Protocolo
11 Estructuras Lógicas de un SitioURL base Jerárquica Secuencial Malla
12 Tipos de Enlaces Enlaces (por su Función) Enlaces (por su Alcance)Estructurales, Navegacionales. Semánticos, Asociativos Orientados a la Acción Enlaces (por su Alcance) Internos, Externos Enlaces (por su Tipo de Media) Textual, Gráfico, Mapa de Imagen ... por su Generación Estáticos, Dinámicos (Pensar en tipos de páginas)
13 Esquema Introducción a Internet Servicios Internet ArquitecturaTecnologías Web
14 Internet y su InfraestructuraCaracterizado por una arquitectura cliente-servidor donde el servidor procesa y los clientes son múltiples, relativamente anónimos y por lo general de naturaleza heterogénea (en cuanto a Sistemas Operativos, Sw cliente, Hw servidor, …) Desde el punto de vista de Arquitectura de Sistemas (Sw) tres componenetes básicos: el cliente, el servidor, la persistencia (datos) Y el soporte tecnológico de Infraestructura de Redes, que implica capas de red, protocolos y aplicaciones disponibles en Internet: Protocolo TCP/IP, HTTP y Web
15 Arquitectura Cliente/ServidorEl cliente es el que inicia generalmente la comunicación. El servidor es el que está siempre activo, esperando peticiones de servicio/conexión por parte de los clientes. Se habla de Arquitectura de Sw en Capas: Presentación (Clientes) Lógica de Negocio (Servidor) Persistencia (Datos, Bases de Datos)
16 Arquitectura Cliente/ServidorEvolución de las Arquitecturas Sistemas Informáticos Datos Sistemas Monolíticos BD Negocio Presentación C/S 3 Capas Datos Negocio Presentación BD
17 Arquitectura Cliente/ServidorArquitectura e Infraestructura de Red Cliente Web Internet TCP/IP HTML y Forms Navegador Web Servidor Web Páginas HTML Apps CGI HTTP DBMS HTML, Java RMI Objetos de Negocios
18 Esquema Introducción a Internet Servicios Internet ArquitecturaTecnologías Web
19 Internet: Tecnologías WebArquitectura y Tecnologías para la Web Cliente Web HTTP TCP/IP HTML Navegador Web Servidor Web Páginas DBMS
20 Los Navegadores como clientes WebInternet: Tecnologías Web Los Navegadores como clientes Web Navegadores (Browsers): Son aplicaciones cliente que permiten acceder a servidores Web, recuperar y visualizar páginas, habilitando así al usuario para la navegación y búsqueda en el Web. Ejemplos de navegadores: Netscape Communicator, Internet Explorer, Opera, otros.
21 Los Navegadores como clientes WebInternet: Tecnologías Web Los Navegadores como clientes Web Los navegadores presentan la información en el formato hipertexto y pueden soportar varios protocolos. Además de http, los protocolos ftp, nntp, file, etc. Para localizar un documento en el sistema de información universal se utiliza el URL (Uniform Resource Locator). Sintaxis: esquema://dominio_servidor[:puerto]/ruta/fichero[#etiqueta] Ej. donde esquema puede ser http, file, ftp, etc. y el dominio del servidor puede venir especificado por una dirección IP o un DNS
22 Internet: TecnologíasWebServidor Web (Web Server): Es un software de gestión de páginas (existe el hw en el que se encuentran almacenadas las mismas). Se encarga de administrar el acceso a ellas respondiendo ante solicitudes del cliente por medio del navegador. Servidor de Web Página Web HTML, ... Cliente Web 1 2 HTTP
23 Internet: TecnologíasWebProtocolo HTTP: HTTP (HyperText Transfer Protocol): Protocolo que permite la interacción: 1) entre servidores y un programa cliente Web (1) entre servidores Web; con el objetivo de intercambiar documentos hipermediales básicamente en formato HTML. HTTP es un paradigma solicitud/respuesta entre cliente y servidor Web. El protocolo de comunicación HTTP es un protocolo de comunicación entre clientes y servidores Web a nivel de aplicación TCP/IP (niveles 4)
24 Internet: TecnologíasWebHTTP Status Codes: Algunos mensajes de Error 401 Unauthorized (requires authorization) 404 Can Not Found the URL requested 410 Can Not Found the URL requested and there is no forwarding info 500 Internal Server Error 503 Service Unavailable, cause server is too busy
25 Implementación de Páginas Web:Internet: TecnologíasWeb Implementación de Páginas Web: Codificación: Las páginas son especificadas haciendo uso del lenguaje HTML (HyperText Markup Language). HTML es un lenguaje estándar para la codificación de documentos hipermediales. HTML es texto ASCII Al igual que XML, derivan del SGML (Standard Generalized Markup Language)
26 Implementación de Páginas Web:Internet: TecnologíasWeb Implementación de Páginas Web: HTML (HyperText Markup Language). No es un lenguaje de programación sino de codificación Describe el contenido de un documento y de algún modo el formato de la página y su apariencia La representación de la página puede depender del navegador utilizado, de su versión y de los módulos de extensión instalados (plug-ins).
27 Tecnología Web: Lenguaje HTMLHTML (Hypertext Markup Language) Consta de un conjunto de elementos, denominados etiquetas o marcas, que se utilizan par incluir texto, imágenes, tablas, etc. La mayoría de las etiquetas se desdoblan en dos una de comienzo y una de fin. Y un conjunto de atributos
28 Tecnología Web: Lenguaje HTMLEstructura de una página Web Información de la cabecera de la página Información del cuerpo de una página Existe una etiqueta que no se incluye en la cabecera ni en el cuerpo Ejemplo:
29 Tecnología Web: Lenguaje HTML