Diseño de Recursos Informativos en el Entorno Web Licenciatura en Documentación Curso 2011/2012

Transcripción

1 Diseño de Recursos Informativos en el Entorno Web Curso 2011/2012 Miguel Ángel Rodríguez Luaces Laboratorio de Bases de Datos Universidade da Coruña

2 Codificación de la información Contenidos 1 Codificación de la información Tratamiento de imágenes Internet y web

3 Codificación de la información Objetivos Google almacena 850 TeraBytes de información Cuánto es eso? Cabe en tres DVDs? Cuántos CDs caben en un DVD? Por qué a veces la letra ñ y las tildes no salen? Cómo escriben los chinos, los japoneses y los árabes? Cómo guarda mi móvil las fotos? Y las canciones? Y los videos? Y el divx? Y qué es un HTML?

4 Codificación de la información Representación de la información La unidad mínima de información es el bit (Binary Digit) Byte: grupo de ocho bits, mínima unidad de significado, base de los códigos. Medidas de capacidad (sistema internacional): Kilobyte (KB): = (10 3 ) bytes Megabyte (MB): kilobytes = (10 6 ) bytes Gigabyte (GB): megabytes = (10 9 ) bytes Terabyte (TB), petabyte (PB), exabyte (EB), zettabyte (ZB), yottabyte (YB). Medidas de capacidad (potencias de dos): Kibibyte (KiB): = (2 10 ) bytes Mebibyte (MiB): (2 10 )kibibytes = (2 20 ) bytes Gibibyte (GiB): (2 10 ) mebibytes = (2 30 ) bytes Tebibyte(TiB), pebibyte (PiB), exbibyte (EiB), zebibyte (ZiB), yobibyte (YiB).

5 Codificación de la información Codificación de la informacion Para representar un elemento de información, es necesario buscar una codificación H Un código relaciona conjuntos de bits con componentes del elemento de información. O L A Un fichero es el conjunto de bits resultante de codificar un conjunto de elementos de información relacionados. HOLA

6 Codificación de la información Codificación de textos Los códigos utilizados para los textos son el ASCII y el ASCII extendido. ASCII: American Standard Code for Information Interchange Cada posible carácter se asocia con un grupo de siete bits (128 caracteres) Limitado a los caracteres del alfabeto anglosajón ASCII extendido Extensión de ASCII hasta ocho bits (256 caracteres) Permite representar caracteres de otros alfabetos No existe un estándar, sino páginas de códigos para cada alfabeto Unicode (UTF8) Nuevo sistema de codificación con 16 bits (65536 caracteres distintos). Cubre todos los caracteres de todos los lenguajes escritos

7 Codificación de la información Codificación de otros tipos de información Fotografía Se divide la imagen en una matriz de puntos (pixels): una cuadrícula Para cada punto, se almacena el color con un grupo de bits.

8 Codificación de la información Codificación de otros tipos de información Sonido Para cada unidad de tiempo, se almacena la intensidad del sonido. Música (MIDI) Se almacena el tono y la duración de cada nota de cada instrumento Peĺıcula Sucesión de imágenes, una para cada fotograma Texto con formato Se almacena el texto (ASCII) intercalado entre información de formato Página Web HTML: texto ASCII intercalado con etiquetas

9 Codificación de la información Almacenamiento de la información El resultado de codificar la información se almacena en un fichero. La aplicación también almacena información propia en el fichero. Formatos de fichero: estructuración de la codificación en un fichero Formatos propietario: son particulares de una aplicación. Formatos estandar (de jure y de facto): Rich Text Format: RTF Portable Document Format: PDF Postscript HTML JPEG o PNG MPEG, MP3

10 Codificación de la información Objetivos Google almacena 850 TeraBytes de información Cuánto es eso? bytes Cabe en tres DVDs? No. Cabe en ( / = ,848) Cuántos CDs caben en un DVD? 6 y un poco. ( / = 6, ) Por qué a veces la letra ñ y las tildes no salen? Porque alguien la cagó con la página de códigos Cómo escriben los chinos, los japoneses y los árabes? Raro. Usan otra página de códigos Cómo guarda mi móvil las fotos? Y las canciones? Y los videos? Y el divx? JPG, MP3 ó MIDI, AVI. Y qué es un HTML?

11 Codificación de la información HTML: HyperText Markup Language Es un formato de archivo para codificar una página Web. El lenguaje está formado por elementos del código ASCII Se utilizan etiquetas para indicar la estructura y el formato de la página Hay etiquetas para todos los elementos que se pueden insertar en una página: por ejemplo: imágenes Un elemento importante es el enlace (link, hipervínculo) Hipertexto, conjunto de documentos HTML enlazados entre sí. Un navegador web interpreta el HTML para mostrar la página con su formato.

12 Tratamiento de imágenes Contenidos 1 Codificación de la información Tratamiento de imágenes Internet y web

13 Tratamiento de imágenes Objetivos Son todas las imágenes iguales? Se pinta igual un diagrama que una foto? Qué formato uso? Cuál es mejor? Hoy aprenderemos conceptos básicos de imágenes Tipos de imágenes Características de una imagen Formatos de imagen: BMP, GIF, TIFF, JPG, PNG Características de los formatos de imagen

14 Tratamiento de imágenes Tipos de imágenes Hay dos tipos de imagen: imágenes vectoriales e imágenes digitales Imagen vectorial: la imagen se compone de un conjunto de objetos definidos matemáticamente, por ejemplo, ĺıneas, rectángulos, círculos, curvas Bezier, etc.

15 Tratamiento de imágenes Tipos de imágenes Imagen digital: la imagen se compone de una matriz bidimensional de puntos de color

16 Tratamiento de imágenes Tipos de imágenes: diferencias La imagen vectorial permite la manipulación de los objetos individuales, la imagen digital sólo permite trabajar con áreas del mismo color Cada objeto puede ser seleccionado No hay objetos. Sólo áreas de color

17 Tratamiento de imágenes Tipos de imágenes: diferencias La imagen vectorial permite el escalado y rotación sin pérdida, en la imagen digital el escalado se produce aumentando el tamaño de los puntos, y la rotación creando una matriz en la que se colocan los puntos de la imagen original desplazados

18 Tratamiento de imágenes Tipos de imágenes: diferencias Las imágenes vectoriales son las indicadas para dibujos y figuras, mientras que las imágenes digitales están indicadas para fotografías. Un tercer tipo de imagen es el metaarchivo, que consiste en una imagen que combina elementos vectoriales y digitales Hay dos tipos de programas cada uno de ellos para tratar el respectivo tipo de imagen: Programas para dibujo vectorial: Corel Draw!, AutoCad, MicroStation, Adobe Freehand, Microsoft Visio,... Programas para tratamiento de imágenes: Adobe Photoshop, Paint Shop pro, The Gimp, Corel Photo Paint, Microsoft Photo Editor, Microsoft Paint,...

19 Tratamiento de imágenes Imagen digital: características Tamaño: ancho y alto de la matriz de píxeles Ejemplos: 1024 x 768, 320 x 240 Resolución: relación entre el ancho de la imagen y el ancho real; se mide en puntos por pulgada (ppp), en inglés dots per inch (dpi) Ejemplo: 14 pulgadas ( 35 cm aprox.), a 72 ppp son 14 * puntos A mayor resolución: mayor precisión Mayor número de puntos a representar Profundidad de color: número de posibles colores diferentes Ejemplo: 2 colores, 256 colores (8 bits), 256 tonos de gris (8 bits), (16 bits), 16 millones (24 bits) A mayor número de colores: mayor tamaño de la representación digital de la imagen

20 Tratamiento de imágenes Imagen digital: características Una imagen digital de: 3696 x 2464 píxeles 16 millones de colores (codificación de 24 bits) El tamaño habitual de una cámara de fotos actual de 9 Megapíxeles ocupa el siguiente espacio 3696 x 2464 = píxels a representar pixels x 3 bytes por pixel = bytes bytes / = ,5 Kb ,5 Kb / = 26, Mb Los ficheros de mi cámara digital ocupan aproximadamente 10 veces menos, cómo lo hacen?

21 Tratamiento de imágenes Imagen digital: formatos Una imagen digital se almacena en disco utilizando un formato, que determina: Límites para las características anteriores Compresión de los datos Algunos formatos comunes son: Bitmap (BMP) Graphics Interchange Format (GIF) Tagged Image File Format (TIFF) Portable Network Graphics (PNG) Joint Photographic Expert Group (JPEG)

22 Tratamiento de imágenes Imagen digital: compresión Los formatos de imagen comprimen los datos de la imagen para que ocupe menos. Hay dos tipos, en función de su funcionamiento con respecto a la calidad de la imagen. Compresión sin pérdida: Utiliza algoritmos para reducir la cantidad de información almacenada A partir de la imagen almacenada se puede obtener la imagen original sin perdida de información Compresión con pérdida: Descarta información que no es perceptible para el ojo humano La imagen comprimida no conserva toda la información

23 Tratamiento de imágenes Imagen digital: compresión El formato JPEG es el más común de los que usan compresión con perdida El efecto de la perdida es que las imágenes quedan manchadas Lo apropiado es trabajar con formatos sin perdida (p.ej.: TIFF o PNG) hasta el último momento, en el que se genera el JPG

24 Tratamiento de imágenes Imagen digital: capacidad de compresión La siguiente tabla muestra la compresión realizada en cada formato Compresión Pérdida BMP GIF TIFF PNG JPEG escasa Baja variable, ninguna a media media variable, ninguna a muy alta no no no no en general, sí

25 Tratamiento de imágenes Imagen digital: profundidad de color La siguiente tabla muestra las profundidades de color permitidas en cada formato Color Grises BMP GIF TIFF PNG JPEG más de 16 millones 256 más de 16 millones 48 bits más de 16 millones

26 Tratamiento de imágenes Imagen digital: soporte en aplicaciones La siguiente tabla muestra la posibilidad de utilizar imágenes de cada formato en diferentes aplicaciones Exploradores web Office Otros BMP no sí sí GIF sí sí sí TIFF no sí sí, pero menos PNG sí, reciente sí sí, pero menos JPEG sí sí sí

27 Tratamiento de imágenes Objetivos Son todas las imágenes iguales? Se pinta igual un diagrama que una foto? No, hay imágenes vectoriales [diagramas] y digitales [fotos] Qué formato uso? Depende para qué Cuál es mejor? Depende para qué

28 Internet y web Contenidos 1 Codificación de la información Tratamiento de imágenes Internet y web

29 Internet y web Objetivos Cómo funciona Internet? Cómo llegan los datos desde Estados Unidos hasta mi casa? Qué es Internet? Y la Web? Hay más cosas? Qué significa esto?

30 Internet y web Interconexión de computadores Las primeiras interconexiones de computadores se hicieron en recintos pequeños Terminales con servidores, redes de área local, por ejem. Metros Metros Servidor Servidor Terminales Con la generalización de los computadores, surge la necesidad de compartir información Redes de área extensa, p. ej. quilómetros quilómetros quilómetros

31 Internet y web Interconexión de computadores En una red de computadores se persigue la interconexión completa minimizando el número de enlaces directos. Cada nodo de la red debe ser capaz de funcionar no solo como emisor y receptor, si no tambien como encaminador del tráfico

32 Internet y web Protocolos de comunicaciones La conexión entre dos (o más) máquinas se rigen por un protocolo. Debe existir un conjunto de reglas que controlen la comunicación. Datos Comunicación punto a punto entre ordenadores,... Nivel de Red Conceptual Nivel de Red Empaquetado de bits,... Nivel de Enlace Nivel de Enlace Codificación de bits, voltajes, tipo de cable,... Nivel Físico Máquina origen Real Nivel Físico Máquina destino

33 Internet y web El protocolo de Internet: TCP/IP Realmente, son dos protocolos: TCP: Transmission Control Protocol. IP: Internet Protocol IP encamina los paquetes a través de la red usando la direccion IP del computador de destino Se basa en que cada computador está identificado por una dirección, que es un número de 32 bits, dividido en cuatro partes de 8 bits separadas por puntos Ejemplo: Más de millones de direcciones distintas TCP segmenta el mensaje en paquetes ordenados que se entregan a la red Datos del mensaje TCP Da tos del men sa je

34 Internet y web El protocolo de Internet: TCP/IP 1 1,2,3,4 2,4 2,3, ,4 1,3,2,4 Los datos viajan en paquetes independientes: eso aligera el tráfico por la red Cada uno puede recorrer un camino distinto; y llegar todos desordenados a la máquina destino. Alguno se puede perder y no llegar al destino, o llegar corrupto.

35 Internet y web Nivel físico y nivel lógico Los protocolos TCP/IP se centran en cómo enviar datos a través de la red. El nivel de aplicación hace uso de esos servicios de envío de datos, y determina qué se puede hacer sobre la red. El éxito de Internet se debe, en gran medida, a las aplicaciones que existen sobre TCP/IP, que cuentan con sus propios protocolos. Nivel de aplicación Video Radio WWW FTP: File Transfer Protocol TCP/IP Rede TCP/IP

36 Internet y web World Wide Web La WWW surge a principios de los 90 como un nuevo servicio de Internet. Se trata de que un computador (servidor) publica un conjunto de páginas escritas en HTML que son consultadas por otros computadores (clientes). Para que la comunicación entre servidores y clientes sea posible, deben existir un conjunto de normas (protocolo) que la regulen. Este protocolo es el HTTP. Servidor(es) HTTP Cliente Red TCP/IP index.html

37 Internet y web Internet Acceso a los recursos en Internet: URL Los recursos están accesibles a través de su URL (Uniform Resource Locator), que significa localizador uniforme de recursos. Formato de las URL Identificador del protocolo: http, ftp,... Dirección IP del servidor en que se encuentra el recurso Path del arquivo concreto dentro del servidor Ejemplos: ftp:// /comunicaciones/files/info.txt Correo electrónico: nombre del usuario + dirección IP de la máquina servidor fbustillo@ abeliano@

38 Internet y web Nombres del dominio Identificar cada servidor por su IP es engorroso y hace que sea imposible recordar las direcciones. Nombres significativos compuestos por el dominio y subdominios en los que se encuentra el servidor, separados por puntos. bvg.udc.es El sistema de dominios es una manera de agrupar los servidores en Internet, permitiendo su clasificación y organización. Un dominio es un nombre de uno de esos grupos o subgrupos. es: es el dominio de los servidores de España cl: es el dominio de los servidores de Chile com: es el dominio de los servidores comerciales...

39 Internet y web Objectivos Cómo funciona Internet? Es una red de ordenadores que usa el protocolo TCP/IP Cómo llegan los datos desde Estados Unidos hasta mi casa? Por la red, fragmentados y dirigidos por los routers Qué es Internet? Y la Web? Es más cosas? Una red. La Web es solo una aplicación de Internet. Hay muchas más aplicaciones Qué significa esto? Protocolo: http Servidor: [Dominio: España, Subdominio: UDC, Máquina: www] Página: /humanidades/index.htm

40 Internet y web Diseño de Recursos Informativos en el Entorno Web Curso 2011/2012 Miguel Ángel Rodríguez Luaces Laboratorio de Bases de Datos Universidade da Coruña