Introducción a la tecnología multimedios

Introducción a la Tecnología

Introducción a la Tecnología

Multim

edios

Multim

edios

Introducción a la Tecnología

Introducción a la Tecnología

Multim

edios

Multim

edios

Prof

. Gia

nnin

a Núñ

ez

Prof

. Gia

nnin

a Núñ

ez

Depar

tam

ento

de

Info

rmát

ica

Depar

tam

ento

de

Info

rmát

ica

Facu

ltad

de In

form

ática,

Ele

ctró

nica

y C

omun

icac

ión

Facu

ltad

de In

form

ática,

Ele

ctró

nica

y C

omun

icac

ión

Cent

ro R

egio

nal U

nive

rsita

rio d

e Ve

ragu

as

Cent

ro R

egio

nal U

nive

rsita

rio d

e Ve

ragu

as

Mar

zo 2

002

Mar

zo 2

002

Descripción

• Este material didáctico y de apoyo docente está diseñado para cubrir el primer módulo de la asignatura Tópico de Informática I del Técnico en Informática Educativa.

• El docente podrá hacer uso de este recurso para dar a conocer al estudiante y compartir experiencias acerca de la tecnología multimedia (periféricos, herramientas especializadas, equipo de producción, elementos multimedia, entre otros aspectos).

Objetivos

• Discriminar las diferentes tipos de proyectos multimedia que se pueden desarrollar.

• Conocer la metodología de desarrollo de proyectos multimedia, y el equipo humano requerido.

• Identificar los diferentes tipos de herramientas de hardware y software que se requieren para producir un producto multimedia.

• Identificar las principales características de los elementos multimedia.

Contenido

• Multimedia y otras definiciones• Aplicaciones• Etapas de un proyecto• Equipo de producción• Equipo multimedia• Herramientas básicas• Herramientas de desarrollo multimedia• Elementos MM

Definiciones básicas

• Multimedia: combinaciones entrelazadas de elementos de texto, arte gráfico, sonido, animación y video.

• Multimedia interactiva: Cuando el usuario del proyecto multimedia puede controlar ciertos elementos y cuándo deben presentarse.

• Hipermedia: Es un multimedia interactiva que tiene una estructura de elementos ligados a través de los cuales el usuario puede navegar.

Definiciones básicas

• Proyecto de multimedia: son los programas, mensajes y el contenido presentando en una computadora o TV.

• Proyecto multimedia lineal: es un proyecto que empieza y corre hasta el final sin la intervención del usuario.

• Proyecto multimedia no-lineal e interactiva: el usuario tiene control de navegación para explorar el contenido a su voluntad.

Definiciones básicas

• Herramienta de desarrollo de multimedia: permite conjugar los elementos de multimedia en un proyecto.– Son herramientas de programación– Ofrecen facilidades para crear y editar texto e

imágenes, administrar video y sonido.

• CD - ROM (compact disk - read - only memory) es el medio de distribución más económico para proyectos de multimedia.

Cuándo usar multimedia

• Se requiere cuando es necesario tener acceso a información electrónica de cualquier tipo.

• Mejorar las interfaces tradicionales.

• Mejorar la retención de la información presentada.

• Presenta la información en diferentes formas, similar a la que estamos acostumbrados.

Aplicaciones

• Multimedia en los negocios– Presentaciones, capacitaciones,

mercadotecnia, publicidad, demostración de productos, bases de datos, catálogos y comunicaciones en red. El correo de voz y vídeo conferencia

– Con cámara de video y un micrófono estéreo, se construyen bases de datos de identificación de empleados.

– Desarrollo de aplicaciones para las empresas

Aplicaciones

• Multimedia en la capacitación.– Simulación de aviación.– Mecánicos – Vendedores aprenden acerca de las

líneas de productos.– Pilotos de combate practican

ejercicios de asalto antes de arriesgarse a una situación real.

Aplicaciones

• Multimedia en las escuelas:– CD-ROM de títulos educativos para diferentes

grados escolares.– Multimedia en la red. – Causa cambios radicales en el proceso de

enseñanza.

• Multimedia en el Hogar– TV o monitores con facilidades interactivas– Computadora, videojuego Nintendo, Sega o

Atari – Multimedia a través de Internet.

Aplicaciones

• Multimedia en Lugares Públicos– Hoteles, estaciones de trenes, centros

comerciales, museos y tiendas multimedia para proporcionar información y ayuda.

– Reducen la demanda de personal y puestos de información.

• Realidad Virtual:– Lentes, cascos, guantes especiales y extrañas

interfaces humanas ofrecen una experiencia parecida a la vida misma.

– Requieren de grandes recursos de computación para ser realista.

– CAD ofrecen capacidades de tercera dimensión

Etapas de un proyecto

• Planeación y costo– Inicia con una idea– Identificar cómo hacer cada mensaje– Identificar los recursos y habilidades

que se requieren– Desarrollar una interface gráfica

creativa– Estimar el tiempo necesario– Preparar un presupuesto– Desarrolle un prototipo

Etapas de un proyecto

• Diseño y producción– Desarrollar cada tarea

planeada.

• Prueba– Aseguran el cumplimiento

del objetivo

• Distribución– Empaque y distribución al

usuario final.

Equipo humano de producción

• Productor-Director general del proyecto

• Experto en contenido.• Pedagogo: Experto en poder

transmitir en forma coherente y utilizando todos los medios

• Guionista: Es el especialista encargado de "volcar" en escenas específicas las ideas del experto y el método del pedagogo.

Equipo humano de producción

• Diseñadores audiovisuales • Productores de objetos:

Son los dibujantes, fotógrafos, productores de video, animadores, etc.

• Programadores: Son expertos en la programación de lenguajes autores.

Equipo de Producción-Vaughan

• Gerente de proyecto– Es responsable del

desarrollo total e implementación.

– Maneja presupuesto, horarios, programación de tareas, etc.

Equipo de Producción-Vaughan

• Diseñador multimedia– Diseñador gráfico,ilustrador, animador,

especialista en procesamiento de imagen - Aspecto visual

– Diseñadores de cursos de capacitación -Tema se presente en forma clara y apropiada.

– Diseñadores de interfaces - Crean las rutas de navegación y mapas de contenido. La interface debe permitir que el usuario tenga el control, proporciona acceso a los medios de multimedia y hace un uso efectivo de los diferentes elementos en la pantalla.

– Diseñador de información - Estructura el contenido, determinan rutas del usuario y su retroalimentación, seleccionan los medios de comunicación.

Equipo de Producción-Vaughan

• Escritor-Contenido– Crea personajes, acciones, interactividad.– Escribe narraciones explicativas, diálogos

de actores, pantallas de texto, etc.

• Especialista en video– Puede ser un equipo completo o una sola

persona.– Debe estar familiarizado con las

herramientas y técnicas de edición digital.

Equipo de Producción-Vaughan

• Especialista en audio– Diseñan y producen música,

narraciones y efectos de sonido.

• Programador de multimedia– Integra todos los elementos usando un

sistema de desarrollo o lenguaje de programación.

– Implementan las pantallas y control el equipo periférico que usa la aplicación.

Equipo multimedia

• Plataforma-MPC (multimedia PC) estándar con especificaciones mínimas para hacer una computadora multimedia.

• Equipo periférico-Dispositivos de:– Memoria y Almacenamiento.– E/S– Comunicación

Dispositivos de memoria y almacenamiento

• Discos Flexibles y Discos Duros.

• Unidades de CD-ROM.

• Grabadoras CD-ROM.

• Reproductores de Videodisco-(DVD)

Dispositivos de Entrada

Teclados Ratones Bolas giratorias

DigitalizadoresPantallas sensibles al tacto Tablas de gráficos

Dispositivos de Entrada

Cámaras digitales Dispositivos de reconocimiento óptico de caracteres

Unidades de control remoto de rayos infrarrojos Sistema de

reconocimiento de voz

Equipo de Salida

• Dispositivos de Audio.– Amplificadores y

Bocinas (Cornetas).• Monitores.

• Dispositivos de Video.– Tarjeta de digitalización

de video– Proyectores.

Equipo de Salida

• Dispositivos de Comunicación E/S. – Módems.– Redes.

Herramientas básicas

• Herramientas de Pintura y Dibujo.– Software de pintura se utiliza para

producir imágenes de mapas de bits.– Software de dibujo para diseño

asistido por computadora.

• Herramientas CAD y de Dibujo 3-D.

• Herramientas de Edición de Imagen– Para realzar y retocar las imágenes

de mapas de bits existentes.

• Programas OCR.

Herramientas básicas

• Programas de Edición de Sonido.– Para sonidos digitalizados y

MIDI le permiten ver la música mientras la escucha.

• Animación, video y Películas Digitales – Son secuencias de escenas

de gráficos de mapas de bits (cuadros) reproducidas con gran rapidez.

Herramientas básicas

• Accesorios Útiles.– Capturador de pantallas– Convertidores de formato

• Herramientas de Desarrollo de Multimedia– Organizar y editar los elementos multimedia

del proyecto.– Permite diseñar la interactividad y las

interfaces del usuario.– Características: Edición, Organización,

Programación, Interactividad, Ajustes del Desempeño, Reproducción, Distribución.

Herramientas de Desarrollo de Multimedia

• Con el software de desarrollo de multimedia se puede hacer:– Producciones de video– Animaciones– Discos de demostración y guías

interactivas– Presentaciones– Aplicaciones de quiosco interactivo– Capacitación interactiva– Simulaciones, prototipos y

visualizaciones técnicas

Tipos de herramientas de desarrollo

• Basadas en tarjetas o páginas

• Basadas en íconos controladas por eventos

• Basadas en tiempo y de presentación

Herramientas basadas en tarjetas o páginas

• Los elementos se organizan como páginas de un libro o como una pila de tarjetas.

• Útil cuando gran parte del contenido puede verse como elementos individuales.

• Las páginas se ligan a través de secuencias organizadas.

• Permiten reproducir elementos de sonido, ejecutar animaciones y reproducir video digital.

• Ejemplo: Microsoft Powerpoint

Herramientas basadas en íconos

• Los elementos MM y las señales de interacción se organizan como objetos en un marco estructural o proceso.

• Son controladas por eventos e implican la organización del proyecto; y siempre despliegan diagramas de flujo de actividades.

• Ejemplo: Create Together

Herramientas basadas en tiempo

• Los elementos y eventos se organizan en una línea de tiempo con resoluciones de hasta un treintavo de segundo.

• Adecuadas para un mensaje con principio y fin.

• Cuadros gráficos se producen a la velocidad que se establezca.

• Se pueden programar saltos en la secuencia.

• Ejemplo: Macromedia Director

Características de las herramientas de desarrollo

• Edición• Organización• Programación• Interactividad• Ajuste del

desempeño• Reproducción• Distribución

Edición

– Incluyen herramientas de edición para los elementos multimedia.

– Más editores->Menos herramientas especializadas.

– Ofrecen un subconjunto de las especializadas.

Organización

• La organización, diseño y producción involucra la creación de guiones y diagramas de flujo.

• Sistema de diagramas de flujo visuales para ilustrar la estructura del proyecto.

• Los guiones y diagramas de navegación deben plasmar el diseño de las pantallas y los elementos interactivos.

Programación

• Programación visual con señalamientos o íconos-Reproducción con arrastrar

• Programación con lenguaje de guiones-Navegación e interacción

• Programación con herramientas tradicionales

• Herramientas de desarrollo de documentos.-Texto con formato.

Interactividad

• Controlar contenido y flujo de información.

• Bifurcación simple-Ir a otra sección- Teclado, ratón o tiempo.

• Bifurcación condicional-Resultado de una decisión o eventos

• Un lenguaje estructurado-Programación complejas.

Ajuste del desempeño

• Sincronización de eventos exacta.

• Asociar velocidad de reproducción a la velocidad de la plataforma.

• Reproducción– Construir segmentos y

probarlos

• Distribución– Versión ejecutable

Componentes de multimedia

• Texto• Imagen• Sonido• video• Animación

Texto

• Es básico en las aplicaciones multimedia.

• Fuentes con patines (pequeño trazo o decoración al final de la letra)– Ejemplos: Times New Roman, Bookman– Se utilizan en página impresa para texto normal.

• Fuentes sin patines– Ejemplo: Arial, Algerian, Helvetica.– Se usan en encabezado, fuentes en pantalla, cuando

son pequeñas son más legibles.

Ejemplo

• Fuentes con patines (pequeño trazo o decoración al final de la letra)– Ejemplos: Times New

Roman, Bookman– Se utilizan en página

impresa para texto normal.

• Fuentes con patines (pequeño trazo o decoración al final de la letra)– Ejemplos: Times New

Roman, Bookman– Se utilizan en página

impresa para texto normal.

Sugerencias para el uso del Texto

• En una conferencia– Úselo para remarcar el mensaje principal.– Use letras grandes y pocas palabras.

• Letras pequeñas utilice la fuente más legible.

• Utilice el menor número posible de tipos de letras, cambie en tamaño y estilo.

• Bloques de texto, ajuste el interlineado.• Varíe el tamaño de la fuente en

proporción a la importancia del mensaje.

Sugerencias para el uso del Texto

• En encabezados grandes, ajuste el espacio entre las letras.

• Resalte el tipo de letra cambiando colores y fondos.

• En bloque de texto centrado, utilice pocas líneas.

• Para llamar la atención altere gráficamente y distorcione el texto.

• Rodee los encabezados con espacio en blanco.

Imagen

• Pixel (PictureElement): Es cada uno de los minúsculos puntos que aparecen en la matriz de la pantalla. Cada uno puede tiene un color para mostrar imágenes.

• Bits: Implica la posibilidad de dar un valor a cada pixel de la pantalla.– 2 bits B/N– 4 bits escala de grises cuatro colores– 8 bits imagen con 16 colores....

Imagen

• Mapa de bits: Matriz de información que describe los puntos individuales que son el elemento de resolución más pequeño de la pantalla.

• Se obtiene de:– Programa de pintura– Captura de una pantalla– Arte desde el digitalizador (scanner) o

captura de video.

• Formatos de archivo:– JPG, BMP, TIF, GIF, PCX,PNG

Mapa de bits- Ejemplo

Imagen

• Dibujo de vectores: Son dibujos que se diseñan empleando líneas, cajas, círculos, polígonos y otras figuras gráficas expresados matemáticamente como ángulos, coordenadas y distancia.– Son formas nítidas: planos, mapas,

diagramas.– Precisas, editables y escalables

• Se obtienen de:– Programas de dibujo en 2D y 3D: Ej.

Corel Draw

Dibujo de vectores-Ejemplo

Sonido

• Sonido digital: Consiste en convertir la señal analógica (en forma de onda) del sonido en un muestreo de frecuencias que el oído humano es capaz de reconocer (44,1KHz-sonidos*seg).

• MP3: Formato de audio digital comprimido. Música.

• Wave: Sonido capturado por el computador a través del micrófono. Archivos con extensión wav.

• MIDI (Musical Instrument Digital Interface): Música genera a partir de instrumentos musicales digitales.

Formatos de sonido digital

Video digital

• Es una serie de imágenes o cuadros, donde el efecto de movimiento se da a través de cambios pequeños y continuos en los cuadros.

• El ojo humano solo diferencia 30 cuadros por segundos (fps)

• Formatos y sistemas para almacenar y reproducir video digitalizado– QuickTime y AVI: Formato de

reproducción– MPG3, MPG2: Formato de compresión

Ejemplo de Video

Animación

• Se crea a partir de una secuencia de imágenes fijas, que se despliegan en una sucesión bastante rápida para que el ojo la perciba como movimiento continuo.

• Gif animado: es una serie de imágenes en formato gif, colocados consecutivamente y que se muestran en la pantalla en un intervalo de tiempo determinado.