Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Pedro Corcuera
Dpto. Matemática Aplicada y
Ciencias de la Computación
Indice
• Introducción a la Multimedia
• Texto e Hipertexto
• Formatos gráficos
• Sistemas de compresión y aplicaciones
• Edición y compresión de imágenes estáticas
• Formatos de Audio
• Formatos de Video
• Conversión entre formatos
• Plataformas para la Integración multimedia
2
Introducción a la Multimedia
3
Introducción a la Multimedia
Integración de dos o más medios distintos en un ordenador:
texto, imagen estática, gráficos, sonido, imagen en movimiento.
PC multimedia
• Procesador y placa base
• Memoria interna y externa
• Tarjeta gráfica
• Monitor
• Tarjeta de sonido
• Dispositivos de entrada
• Dispositivos de salida
• Sistema operativo
4
Procesador
La novedad es el uso de tecnología multinúcleo.
http://www.intel.com//technology/product/demos/multi/demo.htm?iid=tech_multi-core+body_demo
5
Placas Base
Es una tarjeta de circuito impreso que conecta los diferentes
componentes (chipset , procesador, memoria RAM, los buses de
expansión y conectores de E/S) de un ordenador.
Algunos fabricantes de microprocesadores son:
• ASUS
• ATI
• Dell
• Gigabyte Technology
• Intel
• MSI
• NVIDIA
• QDI
• Soltek
• Super Micro
6
Memoria interna y externa
La memoria interna o principal es una memoria rápida accesible
directamente por la CPU usada para almacenar el programa en curso de
ejecución y los datos necesarios de inmediato. Son de varios tipos de
tecnologías (DRAM o SRAM). La principal característica es que son
rápidas pero volátiles.
7
Tarjeta gráfica o de video
La tarjeta gráfica - tarjeta de vídeo, tarjeta aceleradora de gráficos o
adaptador de pantalla - procesa los datos provenientes de la CPU y los
transforma en información comprensible y representable en un
dispositivo de salida, como un monitor o televisor.
Componentes:
• GPU (graphics processing unit)
• Memoria de video
• RAMDAC , transforma las señales digitales en señales analógicas
interpretables por el monitor
• Salida, las más habituales son: SVGA, DVI, S-Video
Los fabricantes más importantes son:
• NVIDIA
• ATI
• Intel
8
Monitor
9
Tarjeta de sonido
10
Dispositivos de entrada
Texto:
• Teclado
Selección:
• Ratón, pantallas táctiles
• Tableta gráfica o digitalizadora
• Joystick, mando Wii
Imagen:
• Escáner
• Cámara, Video
Almacenamiento:
• CD, DVD, Blue-Ray, HD-DVD
Sonido:
• Micrófono
11
Dispositivos de salida
Impreso:
• Impresora
Visual:
• Monitor
• Monitor, gafas (visión 3D estereoscopico)
Sonido:
• Altavoces
12
Ejemplo película 3D (requiere gafas cromáticas)
http://www.youtube.com/watch?v=2wYyl3xxhkI
13
Nueva interfaz de usuario (Leap Motion)
https://youtu.be/xNqs_S-zEBY?list=FLyChSY1QQ1pID7o68CSJmvg
14
The Presentation Secrets of Steve Jobs
http://www.youtube.com/watch?v=k-zMRPZpvcw
15
Sistema Operativo
16
Texto e Hipertexto
17
Texto e Hipertexto
18
Texto e Hipertexto
19
Lenguajes de Marcado
En los documentos electrónicos, el marcado es el término empleado
para describir los códigos, denominados también etiquetas, añadidos
al texto electrónico que definen la estructura y el formato en el que
tiene que aparecer. Puede ser utilizado, además, para otros propósitos
como son la escritura, la impresión, el intercambio, la presentación de
pantallas, etc.
Los lenguajes de marcado estándar son independientes de la aplicación
y de la plataforma hardware. Es importante distinguir entre la
estructura lógica y física del documento.
• La estructura lógica está formada por las partes que lo componen
y por sus relaciones.
• La estructura física indica la apariencia del documento, ya sea en
el papel o sobre la pantalla, incluyendo sus componentes físicos, el
posicionamiento de los elementos y la tipografía empleada.
20
Lenguajes de Marcado genérico
21
Lenguajes de Marcado genérico
22
Formatos gráficos
23
Formatos gráficos
Existen dos formas de representar gráficos en formato digital:
formato raster o mapa de bits y el formato vectorial.
Resolución
• Capacidad de una tecnología o un mecanismo para reflejar
los detalles de una imagen.
• Para traducir una fotografía en bits se divide en una malla de
filas y columnas, llamadas píxeles: son todos del mismo
tamaño y representan áreas cuadradas de la imagen original.
• Si la imagen se divide en pocos píxeles, poco detalle o
resolución, se puede codificar con poca información (bits).
• Si se divide en más partes, la imagen se visualizará mucho
mejor y con más detallada, pero ocupará más memoria.
• Se puede medir en pixeles (división de la imagen), en bytes
(fichero) o ppp – pixeles por pulgada (impresión).
25
Características de la Imagen digital
26
Características de la Imagen digital
Color
Profundidad del color
Se refiere al número de bits usados para representar el color
de un pixel.
Resolución
1 bit - 2 colores (blanco y negro), 2 bit - 4 colores, 4 bit - 16
colores,
8 bit - 256 colores (grises), 16 bit - 65,5 kcolores
24 bit -> 16,7 Mcolores (Color verdadero)
32 bit -> 16,7 Mcolores y máscara de grises de 8 bits (256)
27
Características de la Imagen digital
Modelos de Color
RGB, es un modelo aditivo que usa los colores rojo, verde y
azul.
CMYK, es un modelo sustractivo que usa los colores cyan,
magenta, amarillo y negro.
HSV (Hue, Saturation, Value – Tonalidad, Saturación, Valor) o
HSB (Hue, Saturation, Brightness – Tonalidad, Saturación,
Brillo), define el color mediante componentes en
coordenadas cilíndricas.
HSL (Hue, Saturation, Lightness – Tonalidad, Saturación,
Luminancia)
28
Formatos más comunes de gráficos raster (I)
29
Formatos más comunes de gráficos raster (I)
30
Formatos más comunes de gráficos raster (II)
31
Formatos más comunes de gráficos raster (III)
32
A tener en cuenta
Los formatos de imagen más utilizados son:
33
Editores de gráficos raster
Comerciales
• Adobe Photoshop
• Corel Painter
• Microsoft Paint
• Microsoft Office Picture Manager
Freeware
• GIMP
• Picasa
• ImageMagick
• IrfanView
• XnView
• Paint.NET
34
Software libre para la
GIMP edición de Gráficos Raster
GIMP (GNU Image Manipulation
Program) es un programa de edición
de imágenes digitales en forma de
mapa de bits, tanto dibujos como
fotografías. Incluye herramientas de
pintura (brochas), un pincel, un
aerógrafo, clonado, etc., así como
herramientas de transformación
incluyendo rotar, escalar, inclinar y
voltear. El manejo de memoria está
basado en bloques de pixeles (tile-
based), el tamaño de la imagen está
limitado sólo por el espacio disponible
en disco. Tiene asistencia completa
para el manejo de canal alfa, capas y
Para utilizar GIMP se requiere: canales.
Sistema operativo: Windows, Linux, Soporta un amplio rango de formatos
MacOS de ficheros, incluyendo GIF, JPEG,
PNG, XPM, TIFF, TGA, MPEG, PS, PDF,
PCX, BMP y muchos otros.
Descarga gratis en:
http://www.gimp.org/
35
Formatos más comunes de gráficos vectoriales I
36
Formatos más comunes de gráficos vectoriales I
37
Formatos más comunes de gráficos vectoriales II
38
Editores de gráficos vectoriales
Comerciales
• Adobe Illustrator, FreeHand, Flash
• CorelDRAW
• Microsoft Expression Blend, Design
• Microsoft Viso
Freeware
• Inkscape
• Draw (OpenOffice)
• Ipe
• Skencil
39
Software libre para la
edición de Gráficos
InkScape Vectoriales
Inkscape es un editor de gráficos
vectoriales compatible con los
estándares XML, SVG y CSS y
capacidades similares a Illustrator,
Freehand o CorelDraw, usando el
formato de archivo Scalable Vector
Graphics (SVG).
Las características soportadas incluyen:
formas, trazos, texto, marcadores,
clones, mezclas de canales alfa,
transformaciones, gradientes, patrones
y agrupamientos, así como meta-datos
Creative Commons, edición de nodos,
capas, operaciones complejas con
trazos, vectorización de archivos
Para utilizar InkScape se requiere: gráficos, texto en trazos, alineación de
Sistema operativo: Windows, Linux, textos, edición de XML directo, etc.
MacOS Puede importar formatos como
Postscript, EPS, JPEG, PNG, y TIFF y
exporta PNG asi como muchos formatos
basados en vectores.
Descarga gratis en:
http://www.inkscape.org/
40
Software gratuito para la
edición de Gráficos
Zinc Vectoriales animados
Zinc es una aplicación alternativa a Flash
que añade bastantes funciones adicionales,
permitiendo crear aplicaciones de escritorio
robustas sin usar herramientas adicionales.
41
Formatos de Audio
42
Edición de Audio
La edición de audio es la técnica por medio de la cual se
combinan señales sonoras como voces, música, sonidos para
estructurar un mensaje.
44
Ruido vs sonido Ruido vs sonido
Ruido: sonido sin definición, con
vibraciones cortas que molestan y Generalmente durante
alteran el nervio auditivo. Como la realización de un
ejemplos se puede señalar: el proyecto multimedia,
sonido que se produce al romper un la edición de audio se
cristal, en un choque de autos, al hace en la etapa de
frenar súbitamente. En otras
postproducción.
palabras es un sonido no deseado.
45
A tener en cuenta
Sonido:
El sonido es un fenómeno físico asociado a la
propagación de una onda elástica en un medio
continuo de un determinado gas, sólido o líquido.
46
A tener en cuenta
Señal de audio:
Una señal de audio es una señal eléctrica que representa a
una señal sonora; normalmente está acotada entre el
rango de frecuencias audibles por los seres humanos que
está entre los 20 y los 20000 Hz, aproximadamente (el
equivalente, casi exacto a 10 octavas).
Dado que el sonido es una onda de presión se requiere un
transductor de presión (un micrófono) que convierte las
ondas de presión de aire (ondas sonoras) en señales
eléctricas (señales analógicas).
La conversión contraria se realiza mediante un altavoz, que
convierte las señales eléctricas en ondas de presión de
aire.
Un micrófono puede captar adecuadamente todo el rango
audible de frecuencias, en cambio para reproducir
fidedignamente ese mismo rango de frecuencias suelen
requerirse dos altavoces (de agudos y graves) o más.
47
A tener en cuenta
Audio digital:
El audio digital es la codificación digital de una señal eléctrica
que representa una onda sonora.
Consiste en una secuencia de números binarios y se obtiene
del muestreo y cuantificación digital de la señal eléctrica
(señal analógica en contraposición de la señal digital) que
posteriormente se puede codificar o comprimir, dando lugar a
formatos más compactos (compresión de audio).
48
Formatos más comunes de sonido I
• WAV (Waveform Audio File ) formato de alta calidad usado
en Windows, gran tamaño de ficheros, se convierte con
facilidad a otros formatos.
• AU Formato audio estándar de Sun. Poca calidad pero son
muy comunes en Internet.
• AIFF (Audio Interchange File Format), comunes en Mac. Hay
una versión con muestras comprimidas, AIFF-C.
• RAW
• MIDI (Musical Instrument Digital Interface) estándar
equivalente a los formatos vectoriales para sonido, es el
lenguaje de los instrumentos musicales.
49
Formatos más comunes de sonido II
• QuickTime también tiene formato de audio, sincronizable e
integrable con otros medios.
• MP3 (propietario) formato con compresión.
• WMA formato con compresión de Microsoft.
• RA (Real Audio) sonido en tiempo real (streaming).
50
Software de
audio libre
51
Software libre para
WavePad la edición de Audio
WavePad es un programa editor
de sonido para Windows. Este
software le permite hacer y editar
voz y otras grabaciones de audio.
Usted puede cortar, copiar y pegar
partes de grabaciones y, si lo
requiere, adicionar efectos como
eco, amplificación y reducción de
ruido.
52
Software libre para
Audacity la edición de Audio
Audacity es un programa
multiplataforma de grabación y
edición de sonidos fácil de usar,
de libre uso y de código abierto
distribuido bajo licencia GPL. Es
uno de editores de audio más
confiables y avanzado en la
actualidad.
Soporta los formatos: AIFF, AU,
Ogg Vorbis, MP3 y WAV
53
Software libre para
Goldwave la edición de Audio
Goldwave es un editor
semiprofesional de sonido para
Windows. Permite hacer y editar
voz y otras grabaciones de
audio. Permite cortar, copiar y
pegar partes de grabaciones y, si
lo requiere, adicionar efectos
como eco, amplificación y
reducción de ruido.
Soporta los formatos: WAV, MP3,
OGG, AIFF, AU, VOX, MAT, SND,
VOC.
Para utilizar Goldwave necesitas:
Sistema Operativo: Windows Descárgalo gratis en:
Requisitos mínimos:
http://goldwave.uptodown.com/
Procesador: 300 MHz
Memoria: 16 MB
54
Software libre para la
Recordpad grabación de Audio
Recordpad permite capturar
todo tipo de sonido a través del
PC sin importar la fuente.
Permite el uso del micrófono
para crear notas de voz, grabar
emisoras y hasta sesiones de
karaoke.
55
Formatos de Video
56
Los videos
La explosión de sitios de redes
sociales (YouTube, Facebook) ha
despertado una ola de
aplicaciones para editar videos
en línea. Cualquier persona con
un teléfono celular, una cámara
fotográfica, una cámara web o
una cámara de video puede
captar, editar y publicar su
producción en internet.
57
Captura
Códecs
58
Formatos más usados de video (I)
59
Formatos más usados de video (II)
QT (QuickTime)
Diseñado por Apple para los ordenadores Mac, opera en multiplataformas,
bajo los formatos qt y .mov. Para ver los videos en estas extensiones se
debe descargar un programa.
Sus extensiones son .qt y .mov
60
Programas y herramientas para
la edición de video
61
Adobe Premier
Software comercial muy popular
para la edición de video profesional,
desarrollado por Adobe. Es muy
usado en los sitios web de noticias
para editar sus producciones. Tiene
una interfaz amigable que permite
editar, optimizar y hacer efectos con
excelente calidad. Es un software
que posibilita edición
multiplataformas: web, televisión y
teléfonos móviles. La interfaz y área
de trabajo es muy similar a la del
Photoshop lo que favorece el manejo
de las herramientas.
En la web:
http://www.adobe.com/es/products/premiere/
62
Windows Movie Maker
En la web:
http://www.microsoft.com/windowsxp/downloads/updates/moviemaker2.mspx
63
Sony Vegas
Sony Vegas es un programa comercial
para editar videos profesionales de alta
calidad, que ofrece muchas alternativas
de video y es capaz de importar
imágenes en Flash, soporta pistas en
audio y trae una amplia librería para
títulos y créditos. Soporta Windows
Vista y tecnología Blu-Ray. Requiere
disponer de un ordenador robusto, con
1 GHz de procesador y 1 GB de
memoria, como mínimo.
En la web:
http://www.sonycreativesoftware.com/
products/vegasfamily.asp
64
Apple iMovie
Apple iMovie opera solo con equipos
Mac y promete convertir un video
casero en una producción al estilo
Hollywood. Entre sus bondades se
destaca la videoteca, que organiza e
indexa los videos, de una manera
práctica e intuitiva. Para realizar el
video simplemente se arrastran las
imágenes a un área de trabajo, donde
se van ensamblando con el audio y
los efectos especiales. Posibilita
trabajar con varios formatos de video,
como el DVD, HDV y MPEG.
En la web:
http://www.apple.com/es/ilife/imovie
65
Camtasia Studio
Es un programa capaz de capturar
videos en el ordenador para editarlos,
modificarlos y ponerles efectos
especiales. Es ideal para reeditar
producciones y opera con
multiformatos, incluido hasta el Power
Point. Una de sus mejores
características es que ofrece la
alternativa de limpiar el audio. Opera
con Windows Vista y no requiere de un
gran poder de cómputo (sólo 500 MB).
En la web:
http://camtasia-studio.uptodown.com
http://camtasia-
studio.softonic.com/descargar
66
Cinelerra
Software libre para Linux,
desarrollado por cinelerra.org.
Posibilita trabajar en archivos AVI y
MOV, además de RAW y MPEG, los
más usados en la producción de
videos. Además de la edición, es
ideal para retocar imágenes y crear
efectos. Es recomendado para
editores profesionales, pues su
interfaz y herramientas no son tan
amigables con el usuario final.
En la web:
http://cinelerra.org
67
Software de integración
multimedia
68
PowerPoint
Entre los muchos programas
que permiten la integración de
medios, uno de los más
conocidos es el Power Point de
Microsoft.
En la web:
http://office.microsoft.com/train
ing/training.aspx?AssetID=RC10
0687673082&pid=CR100654573
082
69
Director MX
Considerada una de las
aplicaciones más poderosa en la
tarea de integración de medios y
una de las más usadas para la
creación de títulos multimedia.
Entre sus características destaca
que permite la creación de
contenido dinámico, con un
soporte integral audio y
animaciones interactivas en 2D y
3D, formatos de audio y vídeo
RealVideo, RealAudio y MP3,
mapas de bits, vectoriales,
fuentes personalizadas, archivos
Macromedia Flash MX, etc.
En la web:
http://macromedia-
director.softonic.com/mac/descar
gar
70
Flash MX
Nació como un software para
realizar animación para la WEB y
dibujo vectorial. Puede usarse como
software de integración de medios
muy eficiente.
En la web:
http://macromedia-flash.uptodown.com/
71
Dreamweaver
Es la aplicación de Adobe para
la creación de sitios web.
Permite llevar a cabo diseños
modernos, atractivos y
profesionales, tanto para la
WWW como para intranets.
En la web:
http://www.adobe.com/es/pro
ducts/dreamweaver/
72