Desarrollo de Aplicaciones Multimedia
Desarrollo de Aplicaciones Multimedia
APLICACIONES MULTIMEDIA
MTRO FORTINO DOMINGUEZ CONTRERAS
INTRODUCCIÓN
Multimedia
Componentes Multimedia
Sistemas Multimedia
Aplicaciones Multimedia
Servicios Multimedia
DEFINICIONES DE
MULTIMEDIA
Multi: más de uno.
Informática
MM
Audiovisual Telecomunicaciones
6
MULTIMEDIA
INTERACTIVA
Imágenes Imágenes
Gráficos Gráficos
Animaciones Animaciones
Vídeo Vídeo
Informático
INTRODUCC
IÓN
Multimedia
Componentes Multimedia
Sistemas Multimedia
Aplicaciones
Multimedia Servicios
Multimedia
COMPONENTES
MULTIMEDIA
Contenidos multimedia: se refiere a un único
medio (“monomedio”).
Texto: ASCII/Unicode.
Audio: sonido, voz, MIDI.
Imagen fija: foto.
Gráfico: Imagen producida por ordenador.
Vídeo: Secuencia de imágenes.
Animación: Una secuencia de imágenes gráficas.
COMPONENTES
MULTIMEDIA
ASCII Vs UNICODE.
El ASCII es un código numérico que representa los
caracteres, usando una escala decimal del 0 al 127. Esos
números decimales son convertidos por la
computadora en números binarios para ser
posteriormente procesados.
Este código fue propuesto por Robert W. Bemer,
buscando crear códigos para caracteres alfa-numéricos
‐
(letras, símbolos, números y acentos).
COMPONENTES
MULTIMEDIA
ASCII Vs UNICODE.
Este estándar representa caracteres como enteros. A diferencia
del ASCII (que usa 7 bits para cada caracter), Unicode utiliza 16
bits para cada carácter, lo que significa que puede representar
más de 65000 caracteres únicos. Para inglés, español y otros
lenguajes europeos el ASCII basta. La necesidad de más
caracteres surge por idiomas como el griego, chino y japonés,
entre otros.
h\p://[Link]/charts/
Componentes Multimedia
UNICODE.
Componentes Multimedia
Arte ASCII.
COMPONENTES
MULTIMEDIA
Texto
Es el método habitual para la comunicación
asíncrona entre las personas. Ha sido la
forma tradicional de comunicación entre las
personas y los ordenadores. Se puede
distinguir:
Texto sin formato y texto formateado.
Texto lineal e hipertexto.
9 TIPOGRAFÍAS
“SEGURAS”
TipograYas instaladas
en Windows y Mac OS Arial
Arial Black
Comic Sans MS
Georgia
Impact
Trebuchet MS
Verdana
Anatomía de una letra
2
PRUEBA 3 4
6
7
8
9
11
TIPOGRAFÍA
1 12
5 10
Prueba Tipografía
1 Línea Base 5 Remate 9 Anillo
2 Altura 6 Línea Media 10 Descendente
3 Hueco 7 Fuste 11 Ascendente
4 Barra Transversal 8 Ápice 12 Serif
SERI
F
serif redondeados a más rectos
Vogue, Brides y Harper´s Bazaar
Baskerville
Georgia
Rockwell
SANS
SERIF
Arial
Aparecidas en 1800
Impreso: Titulo sans serif, cuerpo serif
Web: opuesto
Calibri
Arial: genérica, “sin voz”,
perfecta para cuerpo de texto Helvetica
Verdan
ESCRITAS A
MANO
Símbolo de
humanidad
Brush Script Std
Personalidad tangible Edwardian Script
Baja legibilidad
Handwriting Dakota
Lucida Handwriting
NOVELT
Y
Decorativas
MesquiteStdRo
Menos legibles
ewood
Añaden gran personalidad y
M estilo
a t u r al
a diseño
H e r c u l a n u m
DINGBA
T
Horizontal
Kerning: espacio entre
letras particulares
Tracking: Espacio entre letras
en general
Alto de línea: Altura del texto
CSS
Le\er-spacing
‐ Font-family
‐
Word-spacing
‐ Font-variant
‐
Text-al
‐ ign Font-weight
‐
Line-height
‐ Font-style
‐
Text-indent
‐ Font-size
‐
Text-‐transform
Text-‐
Decoration
TIPOGRAFÍ
A
COMPONENTES
MULTIMEDIA
Gráficos
Son documentos formados por una serie de
primitivas gráficas y contienen por lo tanto una
semántica que debe ser interpretada antes de
presentar la información al observador.
Habitualmente se generan de forma interactiva y
ocupan relativamente poco espacio.
COMPONENTES
MULTIMEDIA
Imágenes
Se usan a menudo para representar fielmente la
realidad, son documentos formados por pixels y
por lo tanto no tienen ni una estructuración
compleja ni semántica alguna.
Tienen una capacidad limitada de modificación.
Pueden generarse por copia del entorno y tienden
a ser ficheros muy voluminosos.
AGEN
DA
Diferencias entre los diversos tipos
de imagen gif, jpg, png, bmp
La imagen que obtenemos ya sea a través de una pantalla, o un escáner o una cámara
digital, es un enorme mosaico lleno de millones de píxeles.
Cada píxel o "cuadrito" contiene la información del color de esa pequeña porción.
El píxel solo puede ser de color rojo, verde o azul o la mezcla de los tres.
Este tipo de imágenes son las que crean los escáneres y las cámaras
digitales.
Esta clase de archivos ocupan mucha más memoria que las imágenes
vectoriales.
EL PRINCIPAL INCONVENIENTE QUE
PRESENTAN ESTA CLASE DE ARCHIVOS
ES EL DE LA AMPLIACIÓN, CUANDO UN
ARCHIVO SE AMPLIA MUCHO,
se distorsiona la imagen mostrándose el
mosaico "los píxeles" y una
degradación
en los colores llegando al efecto pixelación ,
debido a la deformación de la fotografía.
Imagen ampliada
en un 200 %
CON PÉRDIDA
Sin pérdida de
DE
resolución ni
RESOLUCIÓN
calidad
DE CALIDAD
PDF
PNG
PSD
GIF
EPS
JPEG
BMP
FORMATO
TIFF
Tagged Image File Format
48 bits de color
No utiliza Si utilizar
• en c á m a r a s f o to g r á fi • para escanear una imagen
c a s profesionales • el archivo se manejará
• foto con mucha información directamente desde el PC
• resulta di Ycil de • O en la impresión precisando para
visualizarla
moverla, etc., ello de la máxima resolución
• ralentiza muchísimo, posible.
• ocupa mucho espacio en la tarjeta
de memoria
FORMATO
BMP
Lo utiliza el sistema Windows
para guardar sus imágenes.
Psd, photoshop
• En 48 bits, no tiene compatibilidad
Es gratuito y online.
GIMP
[Link]
Es gratuito.
INKSCAP
E
[Link]
Es gratuito.
COMPONENTES
MULTIMEDIA
Gráficos móviles (Animación)
Consiste en la presentación de un
número de gráficos por segundo que genera en el
observador la sensación de movimiento.
Al igual que en el caso de los gráficos estáticos, se
trata de una forma compacta de almacenar la
información, y con gran capacidad de ser modificada.
COMPONENTES
MULTIMEDIA
Imágenes móviles (Vídeo)
Presentación de un número de imágenes por
segundo, que crean en el observador la sensación
de movimiento.
Las imágenes pueden ser sintetizadas o captadas a
partir del entorno .
Al igual que en el caso de las imágenes estáticas,
los ficheros pueden ser muy voluminosos, y tienen
unas capacidades de modificación limitadas.
13
COMPONENTES
MULTIMEDIA
Los sonidos utilizados
Sonido un sistema
multimedia pueden clasificarse en
en
grandes grupos: tres
Habla.
Música.
Otros
sonidos.
COMPONENTES
MULTIMEDIA
El habla es la forma de comunicación síncrona
más utilizada por los seres humanos, y
evidentemente tiene un importante componente
semántico.
Las posibilidades de procesamiento del habla en
un sistema informático incluyen:
Reconocimiento de la voz.
Comprensión del lenguaje natural.
Síntesis de voz.
COMPONENTES
MULTIMEDIA
La música se puede almacenar como una
serie de códigos (análogo al concepto de
gráfico visto previamente) como es el
estándar MIDI, o digitalizar y luego
reproducir.
Lo mismo se puede decir de otros
sonidos, que también pueden ser
sintetizados o reproducidos.
COMPONENTES
MULTIMEDIA
Medios continuos y discretos
Los medios continuos requieren un cierto
ritmo de presentación, y dependen del
tiempo de manera importante.
El tiempo es parte de la semántica de los
medios continuos. En los sistemas multimedia
distribuidos, las redes de conexión deben
garantizar la satisfacción de estos requisitos
temporales.
COMPONENTES
MULTIMEDIA
Los medios discretosno tienen esa
dependencia temporal.
Normalmente se considera que una aplicación
es multimedia cuando se combina al menos
un
medio discreto con al menos un
medio continuo.
COMPONENTES
MULTIMEDIA
SISTEMAS
MULTIMEDIA
Definición:
• Sistema caracterizado por la generación,
almacenamiento, manipulación,
procesamiento, transmisión e
interpretación de información
multimedia.
COMPONENTES DE UN SISTEMA
MULTIMEDIA
Computadores
estaciones de trabajo, PCs,
multiprocesadores, etc.
Dispositivos de captura
vídeo-cámaras, VCRs, micrófonos, etc.
Dispositivos de almacenamiento
discos magnéticos, ópticos, unidades de cinta,
etc.
Dispositivos de presentación
monitores, altavoces, etc.
Redes de comunicaciones
red telefónica, de
cable, etc.
Características de los Sistemas Multimedia
Integrados
Almacenamiento digital de la información.
Para almacenar esa información en un ordenador
hay que digitalizarla, proceso que compone dos
fases:
Muestreo
CONTROLADOS POR
Cuantización
ORDENADOR.
CARACTERÍSTICAS DE LOS SISTEMAS
MULTIMEDIA
Interactividad
La interacción implica personalización de
la presentación de información.
Selección del momento de comienzo.
Especificación de la secuencia.
Control sobre la velocidad.
Modificación de la forma de presentación.
Entradas para anotar, modificar o
enriquecer.
Entradas que generan respuestas
específicas.
TIPOS DE APLICACIONES
MULTIMEDIA
Aplicaciones de
comunicación
TIPOS DE APLICACIONES
MULTIMEDIA
Multimedia
Componentes Multimedia
Sistemas Multimedia
Aplicaciones
Multimedia Servicios
Multimedia
Definición de sistema
multimedia
TEXTO
GRAFICOS
INTEGRACION MULTIMEDIA
AUDIO
VIDEO
SISTEMA
MULTIMEDIA
TEXTO GRAFICOS
Herramienta
de Autor
AUDIO VIDEO
Interacción
TÉRMINOS
BÁSICOS
Bit, Byte,
Paquete Objeto
Medio
discreto: texto,
imágenes, gráficos
continuo: audio,
vídeo, animaciones
Flujo (stream)
secuencia temporal
de paquetes
pertenecientes a un
medio
Relación de flujos
TECNOLOGÍAS DE
SOPORTE
Codificación
Bases de Datos Interfaces
Compresión
Aplicación
Protocolos
Software
Hardware
Computación
Integración de Sistemas
TIPOS DE SISTEMAS MULTIMEDIA
(SM)
Equipo MM
Línea dedicada
Equipo MM
Equipo MM
Estación de Trabajo
Discos
NIU Controladores
Audio/Vídeo
SM DE COMUNICACIÓN ENTRE
IGUALES
(física o lógica)
A/V NIU NIU A/V
SM
CLIENTE/SERVIDO
R
Servidor Cliente
Red de Alta
Velocidad
(LAN-MAN- NIU A/V
A/V NIU WAN)
TIPOS DE SISTEMAS
MULTIMEDIA
En función de su
uso
Sistemas de base de datos
multimedia
Sistemas de presentación
Sistemas de conferencia
SISTEMA DE BASE DE DATOS
MULTIMEDIA
Cliente
Servidor
Datos
Video
Codificador
Servidor
Voz RED
Decodificador
Servidor
Vídeo
Cliente
SISTEMA DE
PRESENTACIÓN
SISTEMA DE
CONFERENCIA
Introducción
Multimedia
Sistemas
Multimedia
Aplicaciones
Multimedia
Servicios Multimedia
APLICACIONES
MULTIMEDIA
Características
Múltiples flujos de medios
Relación temporal entre los flujos
Calidad de servicio exigida a la
red
En función de su utilidad
Aplicaciones de comunicación
Aplicaciones interactivas sobre
Internet Aplicaciones para
entretenimiento
INTRODUCC
IÓN
Multimedia
Sistemas
Multimedia
Tipos de Sistemas
Multimedia Aplicaciones
Multimedia Servicios
Multimedia
SERVICIOS
Servicio = aplicación accesible de forma no local
MULTIMEDIA
Aplicación
Gestión de Medios
Subsistema de Red
ENTORNO DE
ACCESO
56Kbps – 1Mbps
ISP
Net
Usuario 1-10 Mbps LAN
Doméstico
(U1)
WAN
Usuario
Profesional
(U2)
1-10 Mbps
LAN
TIPOS DE
SERVICIOS
Servicios simétricos
la velocidad de transmisión de datos al abonado
es similar a la de transmisión al proveedor del
servicio
Ejemplo: videoconferencia
Servicios asimétricos
la velocidad de transmisión de datos al abonado
es mayor que la velocidad de retorno
Ejemplo: vídeo bajo demanda
REQUERIMIENT
OS
Servicios Asimétricos Servicios Simétricos
Internet - -
Servicios en línea 10-30 Mbps
E-Comerce
(>1 subida)
Tele-
Servicios
V-conf. (prof) - 10 Mbps
Comunicación Tele- ~10 Mbps V-conf. (PC) - 1-2 Mbps
Trabajo VoIP
-
Educación Tele-Educación ~10 Mbps
LAN - Internet
LAN - Internet
VIDEOCONFERENCIA MEDIANTE
MCU
Unidad Control Multipunto
(MCU)
LAN - Internet
VIDEOCONFERENCIA MEDIANTE
MULTICASTING
LAN - Internet
SALA DE
VIDEOCONFERENCIA (I)
SALA DE
VIDEOCONFERENCIA (II)
VIDEOCONFERENCIA ENTRE 2
SALAS
LAN - Internet
VIDEOCONFERENCIA ENTRE MÁS DE
2 SALAS
LAN - Internet
Retorno
ADSL / Cable
Se rvid VD
or O
Envío de vídeo
STB
Película C
Peticiones
Película C
Cliente Película A
Película B
Película A
Película A
Tiempo
VÍDEO CASI BAJO DEMANDA
(NVOD)
C
Cabecera
Internet
STB
Programas
Satélite
TV
STB
Red Telefónica
Internet
Servidor
Web
TELEVISIÓN DIGITAL
TERRESTRE (TDT)
STB