CAPÍTULO III: “HERRAMIENTAS DE DESARROLLO...
31
36 C C A A P P Í Í T T U U L L O O I I I I I I : : “ “ H H E E R R R R A A M M I I E E N N T T A A S S D D E E D D E E S S A A R R R R O O L L L L O O M M U U L L T T I I M M E E D D I I A A ” ”
Transcript of CAPÍTULO III: “HERRAMIENTAS DE DESARROLLO...
36
CCAAPPÍÍTTUULLOO IIIIII::
““HHEERRRRAAMMIIEENNTTAASS DDEE
DDEESSAARRRROOLLLLOO
MMUULLTTIIMMEEDDIIAA””
37
3.1 GENERALIDADES
En éste capítulo se darán a conocer las diferentes herramientas que se consideraron necesarias
para el desarrollo del CD interactivo, pues éste requiere la utilización conjunta y simultánea de
diversos medios de comunicación en la presentación de la información, como imágenes,
animación, sonido y texto; pues esto permite captar la atención, la compresión y el aprendizaje
de quien haga uso del CD.
El capítulo comienza definiendo lo que es multimedia, y se da a conocer una definición y una
breve descripción de cada uno de los elementos que componen la multimedia. Luego se
encuentran unas tablas en donde se demuestra la forma cómo se seleccionó la herramienta
utilizada para la creación de cada uno de los elementos que componen el CD, mostrando al final
la conclusión y el análisis de cada comparación. Luego, se describirá cada una de las
herramientas seleccionadas, dando a conocer sus generalidades, cómo se utilizan y cómo fueron
aplicadas en la realización del proyecto, por medio de un ejemplo.
Se iniciará describiendo la herramienta de autoría, necesaria para la consolidación de todos los
elementos que formarán parte de la aplicación. Asimismo, se describirán las herramientas para el
desarrollo de animaciones, debido a que éstas permiten que la aplicación se vuelva más
agradable y llamativa para el usuario. Además se conocerá la herramienta de diseño gráfico,
necesaria para la modificación de imágenes, botones y creación de fondos que se utilizarán en
cada uno de los escenarios que se presentarán. Luego se dará a conocer la utilización del editor
de audio, necesario para editar e incluir dentro del proyecto las narraciones y fondos musicales.
Finalmente se describe la utilización de editor de videos, que se utilizó para generar los videos
disponibles en aquellas escenas donde fue posible incorporarlos.
38
3.2 ¿QUE ES MULTIMEDIA?
La palabra multimedia proviene del prefijo MULTI, del latín multus, y significa “mucho” y
explica la idea de multiplicidad o de un número considerable de medios asociados o
independientes6. Multimedia es la capacidad de mostrar gráfico, vídeo, sonido, texto y
animaciones como forma de trabajo, e integrarlo todo en un mismo entorno llamativo para el
usuario, que interactuará o no sobre él para obtener un resultado visible, audible o ambas cosas7.
Un sistema o documento es multimedia si posee la cualidad de utilizar más de un medio de
comunicación al mismo tiempo.
Las riquezas de los multimedios residen en el acopio de información. Pero, para poder combinar
e integrar fácilmente todos estos elementos constitutivos por muy diferentes que sean, es preciso
almacenarlos bajo una misma y única forma, y por lo tanto crear dispositivos adaptados de
almacenamiento, transmisión y tratamiento, tales como CD-ROM, redes de transmisión de datos
y métodos de compresión y descompresión.
Construir una presentación multimedia es como hacer una película. Primero, se definen los
objetivos de la presentación, se recopila la información, se escribe un guión y se diseña su
estructura por medio de un diagrama de flujo. Después se producen los materiales digitales:
imágenes, audio, video y animación. Finalmente, todos los elementos son unidos por medio de la
programación de software. El software es el motor de la presentación multimedia. El crear un
software robusto desde un inicio, asegura un funcionamiento libre de errores y representa una
base sólida para crecer y actualizar la presentación multimedia a través del tiempo.
La utilización de técnicas multimediales con los computadores permitió el desarrollo del
hipertexto, una manera de ligar temas con palabras en los textos, de modo que se pueda acceder a
temas de interés específico en uno o varios documentos sin tener que leerlos completamente,
simplemente haciendo clic con el mouse en las palabras remarcadas (subrayadas o de un color
diferente) que estén relacionadas con lo que se busca8. El programa trae inmediatamente a la
pantalla otros documentos que contienen el texto relacionado con dicha palabra. Así se controla
el orden de lectura y la aparición de los datos en la pantalla, de una manera más parecida a
6 http://www.monografias.com/trabajos7/mult/mult.shtml Artículo sobre “Multimedia”. 7 http://www.tamaulipas.com.mx/dv/artmulti/multi1.htm - Artículo “Tu vida en Multimedia” 8 http://www.es.wikipedia.org/wiki/Multimedia - Wikipedia, la enciclopedia libre. Definición de Multimedia.
39
nuestro modo de relacionar pensamientos, en el que el cerebro va respondiendo por libre
asociación de ideas, y no siguiendo un hilo único y lineal.
Dentro de los beneficios, Multimedia brinda una mejora significativa en la efectividad de la
computación como herramienta de comunicación. La riqueza de los elementos audiovisuales,
combinados con el poder de la computadora, añade interés, realismo y utilidad al proceso de
comunicación9. En la educación, los beneficios muestran sus resultados en procesos educativos
rápidos y efectivos, ya que permite mostrar impresionantes imágenes de gran colorido y
excelente resolución y animación.
3.2.1 ELEMENTOS QUE COMPONEN UN CD MULTIMEDIA
Dado que la multimedia es la integración de gráfico, vídeo, sonido, texto y animaciones como
forma de trabajo, para la obtención de un resultado, puede decirse que los elementos que
componen una producción multimedia, como lo es un CD, se muestran en la figura 3.1
• ELEMENTOS VISUALES
La imagen es un elemento primordial de las aplicaciones multimedia. Dentro de los elementos
visuales se tienen las imágenes, las animaciones, los videos y el texto.
o IMÁGENES Y DISEÑO GRÁFICO
El diseño gráfico puede definirse como el proceso de programar, proyectar, coordinar,
seleccionar y organizar una serie de elementos para producir objetos visuales destinados a
comunicar mensajes específicos a grupos determinados10.
La función principal del diseño gráfico es transmitir una información determinada por medio
de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes
soportes, como folletos, carteles, trípticos, etc. así como en imágenes y arte digital. El diseño
gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando
para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente
entendible por los destinatarios del mismo.
9 http://www.monografias.com/trabajos7/mult/mult.shtml Artículo sobre Multimedia. 10 http://www.desarrolloweb.com/articulos/1277.php?manual=47 Manual de introducción al Diseño Gráfico por Desarrolloweb.com
40
ELEMENTOS VISUALES
CD MULTIMEDIA
ELEMENTOS DE SONIDO
VIDEOS
ANIMACIONES
FONDOS MUSICALES
NARRACION
INDICADORES DE
INTERACCIÓN
TEXTO
ELEMENTOS DE ORGANIZACIÓN
MENÚS DESPLEGABLES
BOTONES
BARRAS DE DESPLAZAMIENTO
HIPERVÍNCULOS
IMÁGENES
Figura 3.1: Elementos de un CD Multimedia. Figura 3.1: Elementos de un CD Multimedia.
En el proyecto, el diseño gráfico fue utilizado para generar botones, pantallas y escenas de
fondo, cuadros con texto, etc.
En el proyecto, el diseño gráfico fue utilizado para generar botones, pantallas y escenas de
fondo, cuadros con texto, etc.
Existen algunos formatos en el diseño de imágenes, entre esos formatos están los gráficos de
mapas de bits y los gráficos vectoriales.
Existen algunos formatos en el diseño de imágenes, entre esos formatos están los gráficos de
mapas de bits y los gráficos vectoriales.
41
Los gráficos de mapas de bits almacenan, manipulan y representan las imágenes como filas y
columnas de pequeños puntos. En un gráfico de mapa de bits, cada punto tiene un lugar
preciso, definido por su fila y su columna, igual que cada casa de una ciudad tiene una
dirección concreta. Algunos de los formatos de gráficos de mapas de bits más comunes son el
Graphical Interchange Format (GIF), el Joint Photographic Experts Group (JPEG), el Tagged
Image File Format (TIFF) y el Windows Bitmap (BMP).
Los gráficos vectoriales emplean fórmulas matemáticas para recrear la imagen original. En
un gráfico vectorial, los puntos no están definidos por una dirección de fila y columna, sino
por la relación espacial que tienen entre sí. Como los puntos que los componen no están
restringidos a una fila y columna particulares, los gráficos vectoriales pueden reproducir las
imágenes más fácilmente, y suelen proporcionar una imagen mejor en la mayoría de las
pantallas e impresoras. Entre los formatos de gráficos vectoriales figuran el Encapsulated
Postscript (EPS), el Windows Metafile Format (WMF), el Hewlett-Packard Graphics
Language (HPGL) y el formato Macintosh para ficheros gráficos, conocido como PICT.
o VIDEOS
La palabra vídeo (video en Latinoamérica) hace referencia a un proceso de registro de
imagen y sonido electromagnético11. También se podría hablar de vídeo cuando se refiere a
un determinado programa, cuando se dice "está hecho en vídeo", eso remite a un modo de
producción del programa o a un tipo de imágenes que se diferencian en su "textura" a las
producidas por el cine (origen fotoquímico). Por definición, es un Sistema de grabación y
reproducción de imágenes, acompañadas o no de sonidos, mediante cinta magnética12.
El video utilizado en multimedia es un video de “textura” digital. Para obtener, formatear y
editar elementos de vídeo hacen falta componentes y programas informáticos especiales. Los
ficheros de vídeo pueden llegar a ser muy grandes, por lo que suelen reducirse de tamaño
mediante la compresión, una técnica que identifica grupos de información recurrente (por
ejemplo, 100 puntos negros consecutivos), y los sustituye por una única información para
ahorrar espacio en los sistemas de almacenamiento de la computadora. Algunos formatos
habituales de compresión de vídeo son el Audio Video Interleave (AVI), el Quicktime y el
11 http://es.wikipedia.org/wiki/Video Wikipedia, la enciclopedia libre. Definición de Video. 12 Definición de “video” del diccionario de la Biblioteca de Consulta Microsoft Encarta 2004
42
Motion Picture Experts Group (MPEG o MPEG2). Estos formatos pueden comprimir los
ficheros de vídeo hasta un 95%, pero introducen diversos grados de borrosidad en las
imágenes.
Un video es la expresión viva de un evento real13. En la producción del CD se utilizaron
videos para representar algunas entrevistas con algunos personajes destacados, donde narran
sus obras y vivencias.
o ANIMACIONES
Una animación es una sucesión de dibujos y figuras en el tiempo, de tal manera que se simula
el movimiento de éstos objetos14. Crear una animación es el procedimiento de diseñar los
movimientos de objetos y elementos, que forman parte de una película15.
Es un proceso de tres etapas16: En primer lugar, se debe decidir qué se desea hacer. Una
buena idea y una historia bien pensada son generalmente más importantes que un equipo
costoso y de alta calidad. El próximo paso consiste en adquirir los cuadros individuales de la
animación. Alternativamente, puede post procesarse o bien agregar cuadros con texto. Por
último, se unen los cuadros para formar una película.
Las aplicaciones multimedia incluyen animación para dar movimiento a las imágenes. Las
animaciones son especialmente útiles para simular situaciones de la vida real, como por
ejemplo el vuelo de un avión de reacción. La animación también puede realzar elementos
gráficos y de vídeo añadiendo efectos especiales como la metamorfosis, el paso gradual de
una imagen a otra sin solución de continuidad17.
o TEXTO
El texto, propiamente dicho, es la información que quiere darse a conocer, acerca del tema
sobre el que trata el CD multimedia.
La información recopilada de los Personajes destacados en la Historia de la República de El
Salvador, se muestra en forma de texto. La información se ha puesto a disposición de ésa 13 http://www.gastrointestinalatlas.com/Espanol/espanol.html Atlas de Video-Endoscopia gastrointestinal. 14 http://www.adrformacion.com/cursos/flash/flash.html Curso de Macromedia Flash – ADR Formación, Formación a través de Internet. 15 Definición de “animación” del diccionario de la Biblioteca de Consulta Microsoft Encarta 2004 16 http://ldp.rtin.bz/linuxfocus/Castellano/September2004/article347.shtml “Simple Animación” Artículo escrito por Alexander Langer, miembro de Linufocus. 17 Artículo de Multimedia de la Biblioteca de Consulta Microsoft Encarta 2004.
43
forma, para facilitar su lectura y copia, para el caso en el que el CD sirva para tareas
escolares o simplemente realizar copias de información como base para otros documentos.
• ELEMENTOS DE SONIDO
El sonido, en su definición más simple, es el fenómeno físico que estimula el sentido del
oído18. El sonido, igual que los elementos visuales, tiene que ser grabado y formateado de
manera que la computadora pueda manipularlo y usarlo en presentaciones19, por lo que para
editar los diferentes tipos de sonidos utilizados en el CD, como lo son los fondos musicales, las
narraciones y los sonidos de interacción (sonidos que indican que un botón o una opción ha
sido seleccionada) se utilizó un programa adecuado para tal fin.
o EDITORES DE AUDIO
Los editores de audio son programas que permiten manipular muestras, fragmentos o partes
de melodías. Por ejemplo, cortar y pegar trozos de canciones, agregar eco, invertirlo,
amplificar su volumen, reducir ruidos externos, etc.
Dos tipos frecuentes de formato audio son los ficheros de forma de onda (WAV) y el Musical
Instrument Digital Interface (MIDI). Los ficheros WAV almacenan los sonidos propiamente
dichos, como hacen los CD musicales o las cintas de audio. Los ficheros WAV pueden ser
muy grandes y requerir compresión. Los ficheros MIDI no almacenan sonidos, sino
instrucciones que permiten a unos dispositivos llamados sintetizadores reproducir los sonidos
o la música. Los ficheros MIDI son mucho más pequeños que los ficheros WAV, pero su
calidad de la reproducción del sonido es bastante menor. Recientemente se han incorporado
formatos de audio con una gran capacidad de compresión, lo que ha permitido incluir
elementos de sonidos importantes, tanto en los productos multimedia que se comercializan en
soporte de CD-ROM como en los que se alojan en la Web, en concreto, el formato MPEG
Audio Layer 3 (MP3), o el Windows Media Audio (WMA). Sus algoritmos actúan
eliminando las frecuencias de sonido que no son perceptibles para el oído humano, lo que
permite reducir el tamaño del archivo de audio a menos de su décima parte, sin apenas
pérdida de fidelidad.
18 Definición de “Sonido” del diccionario de la Biblioteca de Consulta Microsoft Encarta 2004. 19 Artículo sobre “Sonido en la multimedia”, Biblioteca de Consulta Microsoft Encarta 2004.
44
• ELEMENTOS DE ORGANIZACIÓN
Los elementos multimedia incluidos en una aplicación necesitan un entorno que lleve al
usuario a interaccionar con la información y aprender. Entre los elementos interactivos están
los menús desplegables, los botones, las barras de desplazamiento, y los hipervínculos.
o MENÚS DESPLEGABLES
Los menús desplegables, son pequeñas ventanas que aparecen en la pantalla del ordenador
con una lista de instrucciones o elementos multimedia para que el usuario elija.
Su aparición es rápida y oportuna, y permiten mostrar varias opciones en el momento que el
usuario las solicite, mientras tanto, ahorran espacio para mostrar otros elementos en la
pantalla.
o BOTONES
Un botón es la forma mas sencilla de indicar al usuario que debe realizar una acción sobre él,
para obtener un resultado, como saltar a otra pantalla, desplegar información, salir del
programa, etc. Los botones son objetos simples, que están hechos de tres estados interactivos
con el usuario: Uno de ellos es el estado normal, es el que comúnmente se observa en la
pantalla inicial. El estado “Sobre” es aquel en el que el puntero del ratón está encima del
botón. El estado “Presionado”, es aquel en el que se ha hecho la acción de “Clic”, es decir,
presionar con el botón del ratón, para “accionar” el botón.
Para los distintos estados del botón, éste puede tener diferentes formas de actuar. El botón
puede cambiar de forma, color, animarse, mostrar opciones o textos, en cada uno de sus
estados, de forma independiente.
o BARRAS DE DESPLAZAMIENTO
Las barras de desplazamiento, que suelen estar situadas en un lado de la pantalla, permiten al
usuario moverse a lo largo de un documento o imagen extensa.
Muchos de los textos que se muestran en cada una de las escenas del CD interactivo son muy
extensos, y no caben en una sola pantalla, o en un solo cuadro de texto. Las barras de
desplazamiento permiten visualizar más texto contenido en el cuadro, que no pudo ser
45
mostrado desde el inicio, por la gran cantidad de información que se necesita en ciertas
circunstancias.
o HIPERVÍNCULOS
La integración de los elementos de una presentación multimedia se ve reforzada por los
hipervínculos. Los hipervínculos conectan de manera creativa los diferentes elementos de
una presentación multimedia a través de texto coloreado o subrayado o de una pequeña
imagen denominada icono, que el usuario señala con el cursor o puntero y activa haciendo
clic con el mouse. Por ejemplo, un artículo podría incluir un párrafo con un hipervínculo que
permite al usuario desplazarse a otra ubicación con más información acerca del texto o tema
que se seleccionó. A la vez, el nuevo texto puede incluir hipervínculos que lleven al usuario a
otros temas, tal vez diferentes al primero, pero que tienen cierta conexión. Esta cadena de
hipervínculos puede llevar a los usuarios hasta una información que nunca habrían
encontrado de otro modo.
3.3 SELECCIÓN DE LAS HERRAMIENTAS PARA DESARROLLAR EL CD
Para desarrollar el CD multimedia, se hizo una comparación entre las diferentes herramientas
que se encuentran en el medio, para la edición de cada uno de los elementos que conforman el
CD.
Básicamente, se necesita de la utilización de cinco tipos diferentes de software, que son:
- Software de Autoría (Integración de los distintos elementos multimedia para generar un
resultado final y un archivo ejecutable)
- Software para el desarrollo de animaciones.
- Software para diseño gráfico.
- Software para edición de Audio.
- Software para edición de Videos.
Para cada uno de estos tipos de software, se realizó una comparación y selección de la
herramienta que se consideró más adecuada para el trabajo de los elementos multimedia, y
finalmente generar la aplicación final del CD.
46
3.3.1 SELECCIÓN DEL SOFTWARE DE AUTORÍA
Entre los distintos programas de autoría, y los que se llevaron a evaluación, se tienen
Macromedia Director, Mediator y AutoPlay.
Software de autoría Macromedia Director
Mediator AutoPlay
Características E
xcel
ente
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Facilidad de uso Entorno Idioma Precio Flexibilidad Compatibilidad Material en la Web Asistente de ayuda Genera ejecutable
En conclusión, se selecciona “Macromedia Director” por ser un programa potente para la
creación de CD interactivos, por sus diferentes características y funciones, entre las que se
pueden mencionar la posibilidad de lograr un máximo rendimiento con archivos grandes,
permitir la carga y descarga rápida de cientos de Megabytes de datos en la memoria del sistema
con una administración de memoria avanzada propia de Director, y con ello ofrecer como
resultado una reproducción confiable e impecable para los usuarios finales.
En el proyecto fue útil para desarrollar toda la aplicación final, dentro de Director se organizan
todos los archivos que fueron necesarios para que funcione de forma correcta, reuniendo cada
uno de los elementos multimedia creados y editados en los diferentes programas individuales,
incorporándolos en un único proyecto, y ordenándolos de manera de crear una aplicación final
ejecutable.
47
3.3.2 SELECCIÓN DEL SOFTWARE PARA EL DESARROLLO DE ANIMACIONES
Entre los distintos programas para crear animaciones, que se llevaron a evaluación, se tienen
Macromedia Flash, SwishMAX, 3D Studio MAX.
Software de
animación SwishMAX Macromedia Flash 3D Studio MAX
Características E
xcel
ente
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Facilidad de uso Entorno Idioma Precio Flexibilidad Compatibilidad Material en la Web Asistente de ayuda Genera ejecutable
Se optó por seleccionar “SwishMAX” como herramienta para generar animaciones, por su
característica de facilidad de uso y flexibilidad, por tener la capacidad de cubrir las demandas de
animación que requiere la creación del CD, y por ser lo suficientemente simple para crear
animaciones sin tener conocimientos avanzados, y de producir al mismo tiempo archivos
ejecutables en Macromedia Flash, lo cual hace que sea compatible la integración de los archivos
Flash con extensión SWF en Director.
48
3.3.3 SELECCIÓN DEL SOFTWARE PARA DISEÑO GRÁFICO
Entre los distintos programas para diseño gráfico, que se llevaron a evaluación, se tienen
Macromedia FreeHand, Corel Draw, Adobe Photoshop CS.
Software de diseño
gráfico Adobe Photoshop
CS
Macromedia
FreeHand Corel Draw
Características E
xcel
ente
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Facilidad de uso Entorno Idioma Precio Flexibilidad Compatibilidad Material en la Web Asistente de ayuda
Se selecciona “Adobe Photoshop CS” porque es una herramienta completísima, la cual permite
fusionar y editar imágenes con mucha facilidad. Es una herramienta innovadora, la cual ha
venido a revolucionar el trabajo de diseño gráfico por su flexibilidad y manipulación de
imágenes. Además posee una característica adicional, como lo es su compatibilidad con otros
programas de edición de videos, y de ese modo permitir la importación de los archivos en
formato Photoshop a dichos programas.
49
3.3.4 SELECCIÓN DEL SOFTWARE PARA EDICIÓN DE AUDIO
Entre los distintos programas para edición de audio que se llevaron a evaluación, se tienen
GoldWave, Adobe Audition y Multiquence.
Software de edición
de audio GoldWave Adobe Audition Multiquence
Características E
xcel
ente
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Facilidad de uso Entorno Idioma Precio Flexibilidad Compatibilidad Material en la Web Asistente de ayuda Genera ejecutable
Luego de evaluar las características de cada uno de ellos, se decidió utilizar el “Goldwave”, por
ser un excelente programa de fácil uso y comprensión, que permite editar y generar distintos
formatos de audio en un santiamén. Su flujo de trabajo flexible, junto con su excepcional
facilidad de uso y sus herramientas precisas, le proporciona la potencia para realizar ediciones de
narraciones precisas, crear efectos de sonido con gran riqueza y matices de la máxima calidad
posible.
50
3.3.5 SELECCIÓN DEL SOFTWARE PARA EDICIÓN DE VIDEOS
Entre los distintos programas que se utilizan para edición de videos que se llevaron a evaluación,
se tienen Adobe Premier, Video Edit Magic y Ulead Video Studio.
Software de Edición
de Videos Adobe Premier Video Edit Magic Ulead Video Studio
Características E
xcel
ente
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Exc
elen
te
Muy
Bue
no
Bue
no
Reg
ular
Facilidad de uso Entorno Idioma Precio Flexibilidad Compatibilidad Material en la Web Asistente de ayuda Genera Videos para
Web o CD-ROM
En conclusión, se seleccionó “Adobe Premier” por ser un programa de fácil uso y por poseer un
entorno agradable e intuitivo. Se encuentra mucha documentación en el Internet y se encuentran
foros de discusión y manuales para aprender su uso con mucha facilidad. Permite la edición de
videos de diferentes fuentes, incluyendo distintos formatos estándar como AVI, MPEG y
Quicktime. Muestra compatibilidad con muchos instrumentos de captura de video, como
cámaras digitales profesionales y fotográficas estándar. Permite importar muchos formatos de
imágenes y de audio para incorporarlos en el resultado final. A la vez, permite generar archivos
de video en distintos formatos finales, y un codificador que automáticamente genera archivos
que tienen relativamente pequeño tamaño y buena calidad, para ser soportados en CD-ROM o
para publicar en el Internet.
51
3.3.6 EQUIPO NECESARIO PARA EL DESARROLLO DEL CD INTERACTIVO.
Para el desarrollo del CD, los requerimientos generales mínimos de hardware y software se
detallan a continuación:
- Procesador Intel® Pentium® 4 (o compatible) a 1.2 GHz o superior.
- Microsoft® Windows® XP Professional con Service Pack 2, o Home Edition con Service
Pack 1; Windows 2000 con Service Pack 4.
- 512MB de RAM (se recomiendan 1GB o más)
- 1GB de espacio disponible en el disco duro (se recomiendan 5GB mínimo, debido a que
la edición de videos requiere mucho espacio).
- Monitor a color, resolución de 1,024 x 768 y 16-bit (XGA). (Recomendado millones de
colores.)
- Controlador de pantalla compatible con Microsoft DirectX 9.0 (para importación de vídeo
y para la reproducción preliminar de sonido envolvente)
- Unidad de CD-ROM, con quemador.
- Tarjeta de sonido estéreo (se recomienda una tarjeta de sonido multipista o multicanal)
- Controlador DirectSound.
- Uso de altavoces y auriculares.
- Micrófono de alta sensibilidad (Para grabar las narraciones de voz), se recomienda el tipo
Multi-direccional.
- Se necesita que Macromedia Flash esté instalado en el sistema.
- Se necesita que el reproductor de QuickTime esté instalado en el sistema.
- El módulo adicional Netscape que funciona con Netscape 2 o posterior.
- Microsoft Internet Explorer 3 o posterior.
Éstas características son las mínimas necesarias para que todas las herramientas de desarrollo
funcionen correctamente y puedan ser instaladas para generar los distintos elementos
multimedia. Algunas herramientas requieren de más características que otras, por lo que si se
utilizan las características mínimas que aquí se detallan, algunas herramientas funcionarán en su
límite inferior. Por lo que se recomienda utilizar características aun superiores a las mostradas,
para tener un equipo de hardware y software eficiente de alta velocidad.
52
3.4 HERRAMIENTA UTILIZADA PARA EL DESARROLLO DE LA APLICACIÓN MULTIMEDIA
3.4.1 MACROMEDIA DIRECTOR
• ¿QUÉ ES DIRECTOR?
Es una herramienta de autoría de multimedia, diseñada para crear contenido interactivo y
dinámico tanto para medios fijos como para Internet. Los medios de distribución son variados:
CDs, DVDs, Intranets y el Internet. Director es capaz de manipular la más amplia selección de
medios, para crear aplicaciones con contenido educacional, de entretenimiento, o para
distribución mediante CD/DVD-ROM. Director puede incorporar imágenes de calidad
fotográfica, video de pantalla completa o video digital de formato largo, Video DVD,
Windows Media, RealMedia, QuickTime, sonido, animación, modelos tridimensionales (3D),
texto, hipertextos, mapas de bits y contenido de Macromedia Flash, siendo una buena
alternativa a lenguajes más tradicionales, como el C, porque el desarrollo de la aplicación es
mucho más rápido.
Director provee de todas las herramientas necesarias para maximizar la productividad,
incluyendo un lenguaje de programación propio, y una plataforma de publicación, que incluye
proyectores para Macintosh y para Windows.
El lenguaje de programación incluido permite añadir interactividad y automatización a los
proyectos, por medio de comandos del lenguaje Lingo, sintaxis JavaScript, o una combinación
de ambos. Director se usa normalmente para reunir muchos y distintos archivos de multimedia
y darles forma en una sola presentación coherente.
• BREVE DESCRIPCIÓN DE SUS ELEMENTOS
Director posee un juego completo de herramientas para controlar cómo, cuándo y dónde van a
aparecer, moverse, sonar y cambiar los diferentes elementos multimedia, durante la
reproducción de la película o aplicación. Mientras que Macromedia Flash se usa típicamente
para crear contenido, Director se usa normalmente para reunir muchos y distintos archivos de
multimedia y darles forma en una sola presentación coherente, lo que hace que para muchas
personas dedicadas a la autoría de CDs interactivos, Director sea uno de los mejores programas
53
de autor de los muchos que existen. El lenguaje de programación incorporado Lingo permite
añadir interactividad y seguimiento de datos potentes, así como animaciones impulsadas por
script, comportamientos y efectos bidimensionales y tridimensionales. La sintaxis de Lingo es
fácil de aprender, es muy parecida a la de ActionScript, JavaScript o Visual Basic.
Cualquier lenguaje de programación esta compuesto por comandos, funciones, palabras
reservadas, y operadores que forman la gramática del propio lenguaje. En Lingo, es importante
diferenciar dos elementos: Los Comandos: Órdenes del lenguaje Lingo, y las Expresiones:
palabras, números, operadores, funciones, etc. que se utilizan como complemento de los
comandos.
Director con respecto a su interface: no es difícil, pero sí compleja. Tiene múltiples opciones
referidas a infinidad de elementos. Inicialmente no hay nada novedoso, pues guarda el típico
formato de interfaz que pueden encontrarse en muchos programas.
Las principales partes del ámbito de trabajo de Director son mostradas en la figura 3.2 y se
describe la utilización de cada una de ellas a continuación:
- Ventana Cast (Reparto) Figura 3.2 (1): es el lugar en donde se agrupan todos los
elementos multimedia que se utilizarán. Proveen de la posibilidad de reutilizar un elemento
varias veces, sin necesidad de crearlo nuevamente.
- Ventana Score (Guión) Figura 3.2 (2): es el lugar en donde se define qué acciones harán
los “personajes” (elementos multimedia almacenados en el reparto), en qué momento, y por
cuanto tiempo aparecerán en la Escena.
- Ventana Stage (Escenario) Figura 3.2 (3): Es el lugar en donde se desarrolla la acción de
la película de Director, es decir, en donde se colocan los objetos.
• APLICACIÓN DE LA HERRAMIENTA EN EL DESARROLLO DEL CD
Como ya se ha mencionado anteriormente, todos los elementos de texto, audio, imágenes,
animaciones, videos, etc. de los que está compuesto el CD interactivo multimedia, son
ordenados y organizados dentro de Director. En la figura 3.3 se muestra la creación de una de
las pantallas (específicamente el Menú principal) a partir de elementos previamente elaborados
en otros programas, para darle vida a una de las escenas del CD interactivo.
54
3
2
1
Figura 3.2: Principales partes del área de trabajo de Director
Figura 3.3: Aplicación de la herramienta Director para integrar los distintos elementos
multimedia individuales y generar el CD interactivo final
55
3.5 HERRAMIENTA UTILIZADA PARA EL DESARROLLO DE ANIMACIONES
3.5.1 SWISHMAX
• ¿QUÉ ES SWiSHmax?
SWiSHmax es una aplicación que permite crear animaciones increíbles con formato Flash™
sin tener que usar Flash. SWiSHmax es fácil de usar, con él es fácil producir complejas
animaciones y permite crear contenidos Flash, con texto, imágenes, gráficos y sonido en un
tiempo muy corto. Se puede usar esta aplicación para crear introducciones, anuncios, banners,
menús y hasta webs completas.
SWiSHmax tiene más de 150 efectos como Explosión, Vórtice, Giro 3D, Aparecer, Serpiente y
muchos más. Además tiene herramientas para crear líneas, rectángulos, elipses, curvas,
movimientos, botones animados y muchas formas con formato vectorial, todo en un sencillo
interfaz. SWiSHmax exporta el formato de archivos SWF usado por Macromedia Flash™, de
modo que la animación podrá ser vista en cualquier ordenador que tenga el reproductor de
Flash instalado. Las animaciones SWiSHmax pueden ser incorporadas a cualquier página web
o importadas en Flash™.
• BREVE DESCRIPCIÓN DE SUS ELEMENTOS
SWiSHmax posee una interfaz de usuario que consiste en un conjunto de "paneles". Cada
panel muestra una vista diferente de la película SWiSHmax o propiedades del objeto
seleccionado. Los paneles incluyen: Diseño, Esquema, Línea de Tiempo, Película, Escena,
Forma, Texto, Imagen, Transformación, Mezclador, Acciones, Contenidos y Exportación. Los
paneles pueden estar flotando en la pantalla o endosados a barras de herramientas. Tanto las
barras de herramientas como los menús son configurables por el usuario, y se pueden asignar
atajos de teclado (accesos directos por combinación de teclas) a cualquier comando de menú.
La animación creada es llamada Película. Todas las películas son conjuntos de Escenas. Cada
Escena tiene una Línea de Tiempo que consiste en múltiples Fotogramas.
SWiSHmax incluye comandos para reproducir película, reproducir escena y reproducir efecto,
denominados Controles de Reproducción.
56
Es posible dibujar líneas, rectángulos, rectángulos redondeados, elipses, círculos y curvas de
Bezier, con las Herramientas de Dibujo. Existen en SWiSHmax Puntos y Herramientas de
Edición que permiten editar los objetos de los que está compuesta la película.
Es posible agregar Efectos de Sonido, con los que se puede controlar el volumen general de los
sonidos y aplicar Efectos de desaparición sencillos.
Para la edición de los objetos, se utiliza la Rejilla de Alineación y Reglas, que consiste en una
opción en el Panel de 'Diseño' con la que se puede mostrar una rejilla de alineación. De ésta se
puede configurar el color y el espaciado. También es posible elegir mostrar una regla en los
filos de la Vista de 'Diseño' y seleccionar ajuste a rejilla u objetos para ayudar a alinear con
otros objetos.
• APLICACIÓN DE LA HERRAMIENTA EN EL DESARROLLO DEL CD
La aplicación SWiSHmax fue muy útil para el desarrollo rápido de varios tipos de
animaciones, que se aplicó en textos y botones, en formato Flash, para ser reproducidos dentro
de la aplicación principal como elementos que enlazan a otras pantallas o textos.
La mayoría de las animaciones utilizaron efectos sencillos como colocar, quitar, mover,
aparición, desaparición, entrar, salir, desenfoque, repetir fotogramas, etc. Aunque en algunas se
lograron efectos avanzados con relativa facilidad.
En los botones se aplicaron efectos 3D y efectos básicos, así como la asociación con sonidos y
el cambio de colores.
En la figura 3.4 se muestran cómo se utilizó SWiSHmax para elaborar un botón y en la figura
3.5 se muestra cómo se creó una película utilizada en una de las escenas que se incluyen en el
CD-ROM.
57
Figura 3.4: Muestra la creación de un botón en SwishMAX.
Figura 3.5: Muestra la creación de una película en SwishMAX.
58
.6 HERRAMIENTA UTILIZADA PARA DISEÑO GRÁFICO
• ¿QUÉ ES PHOTOSHOP?
are estándar de edición de imágenes profesional y el líder de
a más popular y completo para modificar y crear imágenes
• BREVE DESCRIPCIÓN DE SUS ELEMENTOS
aparece el área de trabajo. El área de
componentes en dicha área que se utilizan para crear y modificar las
El Lienzo (Drawing Canvas en inglés) es el área en que se crean y modifican las imágenes.
puede modificar el tamaño, minimizarla o maximizarla al gusto del usuario.
3
.6.1 PHOTOSHOP 3
Adobe Photoshop CS es el softw
la gama de productos de edición de imágenes digitales que aporta más de lo que se espera, es
una aplicación de diseño gráfico, ya que la combinación de sus herramientas y filtros puede dar
lugar a un sin fin de creaciones artísticas y publicitarias. Las innovadoras herramientas
creativas que posee, ayudan a conseguir resultados excepcionales. Una adaptabilidad sin
precedentes permite personalizar Photoshop de acuerdo con el método de trabajo del usuario.
Además, gracias a unos procesos de edición, tratamiento y gestión de archivos más eficaces se
puede trabajar con mayor rapidez.
Adobe Photoshop CS es el program
tanto para la Web como para cualquier presentación. Photoshop esta disponible para Mac,
Windows y Unix. Es considerado por muchos profesionales de la informática como el
programa más intuitivo, más completo y el que más referencias bibliográficas posee.
Cuando se ejecuta Photoshop CS, se carga, se inicializa y
trabajo consiste en una serie de componentes que se utilizan para la creación, edición y formato
de imágenes entre otros.
Generalmente, hay cuatro
imágenes. Estos componentes son: La barra de menú, el cuadro de herramientas, El lienzo y las
Paletas (por defecto hay 5 paletas).
-
Photoshop por defecto despliega al comenzar la aplicación un lienzo para comenzar a trabajar
en él, pero de no ser, esto es fácilmente accesible para el usuario con tan solo ir al menú de
archivo y seleccionar la opción “nuevo”. El lienzo es un área con una pequeña barra en la que
59
- El Cuadro de Herramientas de Photoshop CS contiene 22 herramientas, las cuales tienen
opciones adicionales, solamente se debe mantener por unos segundos el clic izquierdo sobre la
igitales, automatización de tareas y procesos automáticos, hasta la habilidad
de la
erramienta elegida. Por defecto presenta cinco paletas, las cuales controlan diferentes aspectos
mento de una imagen sin modificar los otros.
ebe pensarse en las capas como si fuesen hojas acetatos apiladas una encima de otra. Donde
a a una capa. Para
tilizarlos solamente se elige el comando deseado del menú filtro. Los filtros se aplican a la
herramientas, proporcionando de esta manera 34 herramientas adicionales que permiten pintar,
seleccionar, editar, navegar, etc. La utilización de las mismas se ve reflejada en el lienzo que se
esté utilizando.
Photoshop ofrece herramientas de gran calidad, con funciones y capacidades que van desde las
marcas de agua d
de aplicar funciones de transformación, guías, cuadrículas configurables y mucho más.
- Las Paletas son un componente esencial, debido a que ayudan a definir la actuación
h
de su diseño y encierran diferentes propiedades.
- Las Capas. Éstas permiten trabajar con un ele
D
no existan imágenes, es decir, donde la capa sea transparente, puede verse las capas inferiores.
Las capas permiten realizar cambios en una imagen sin modificar los datos de la imagen
original. Por ejemplo, puede almacenar fotografías o elementos en capas diferentes y a
continuación combinarlas en una imagen compuesta. En una imagen nueva en Photoshop CS
se le denomina capa de fondo y es análoga a la capa de base de una pintura. No es posible
cambiar la posición de la capa de fondo en el orden de apilamiento (ya que siempre se
encuentra situada en la parte inferior del apilado). La ventana de capas permite la
administración y el trabajo de cada capa por separado.
- El Filtro en Photoshop CS se define como el aplicar un efecto de galerí
u
capa activa, visible o a una selección. La mayoría de los filtros se pueden aplicar
acumulativamente usando la galería del filtro.
60
• APLICACIÓN DE LA HERRAMIENTA EN EL DESARROLLO DEL CD
Adobe Photoshop CS fue útil para corregir un mal enfoque o desenfocar una imagen para lograr
un mejor efecto de visualización, mezclar imágenes entre si, restaurar imágenes deterioradas,
cambiar el tamaño y resolución de las imágenes, transformando las fotografías de blanco y negro
a color o viceversa, estableciendo una correspondencia automática del esquema de color entre
una imagen y otra. Todo ello con el objeto de crear elementos que posteriormente se utilizan para
la creación de fondos u objetos animados a utilizarse en la aplicación.
En la siguiente figura se muestra cómo se utilizó Adobe Photoshop CS para elaborar una tira de
fotos incluidas en el CD-ROM.
Figura 3.6: Se muestra la elaboración de una tira de fotos creada en Photoshop CS.
61
3.7 HERRAMIENTA UTILIZADA PARA EDICIÓN DE AUDIO 3.7.1 GOLDWAVE
• ¿QUÉ ES GOLDWAVE?
GoldWave es un editor de sonidos, reproductor, grabador y convertidor. Considerado el
redactor de audio digital más avanzado y más completo. Comprensivo, fácil de utilizar,
convierte archivos de diversos formatos entre si, tales como WAV, MP3, OGG, AIFF, AU,
VOX, ESTERA, SND, VOC, datos binarios crudos, datos del texto y otros. Con más de diez
años de desarrollo y de uso extenso, tiene un expediente de pista excelente e incomparable.
Puede crear sonidos o editarlos. Incluye un conjunto completo de efectos y características de
edición, para lograr una producción de sonido de nivel profesional.
• BREVE DESCRIPCIÓN DE SUS ELEMENTOS
GoldWave inicialmente muestra tres tipos de ventanas, que forman su entorno de trabajo y
edición de audio:
- La Ventana Principal: Contiene una barra de menú, barras de herramientas, barras de
información y estado. Ésta ventana mantiene a todas las ventanas de Sonidos juntas. Es similar
a una clásica ventana de un procesador de palabras, donde se pueden abrir varios documentos
en varias ventanas a la vez. En GoldWave, se pueden abrir varios sonidos a la vez, para copiar
y pegar entre ellos.
- La Ventana de Control: Contiene visualizaciones de tiempo real y dispositivos de control de
Sonido. El visualizador muestra el sonido durante la reproducción o grabación. Los controles
determinan el volumen, el balance izquierda/derecha y la velocidad a la que el sonido es
reproducido. Un conjunto de botones estándar similares a los de un reproductor de cintas o
cassettes para reproducir o grabar sonidos, están contenidos dentro de ésta ventana.
- La ventana de Sonidos: Éstas son creadas cuando un archivo de sonido es abierto. Se
pueden abrir cuantos sonidos se deseen, dependiendo del espacio en almacenamiento y de
memoria disponibles, pero solamente un archivo puede ser editado o reproducido a la vez. La
ventana de sonidos muestra un gráfico del sonido. Los Sonidos monofónicos son mostrados
62
por medio de una simple gráfica verde. Los sonidos estéreo son mostrados usando una gráfica
verde para el canal izquierdo y una gráfica roja para el canal derecho.
• APLICACIÓN DE LA HERRAMIENTA EN EL DESARROLLO DEL CD
En la figura 3.7 se muestra una de las formas como se aplicó el editor de audio GoldWave para
el desarrollo del CD. Se muestra la capacidad de abrir varios archivos de sonido, para con
distintas secciones de cada uno de ellos, hacer una mezcla y utilizarla en una de las escenas del
CD, específicamente en la melodía que acompaña a la animación de la introducción del CD.
Figura 3.7: Muestra la realización de una mezcla en GoldWave, desde varias pistas de audio.
63
3.8 HERRAMIENTA UTILIZADA PARA LA EDICIÓN DE VIDEOS
3.8.1 ADOBE PREMIER
• ¿QUÉ ES ADOBE PREMIER?
Es una herramienta que permite la edición de videos provenientes de diferentes formatos u
orígenes digitales, como una cámara digital de vídeo, una cámara fotográfica que genere
archivos MPEG, o incluso una webcam. También se pueden generar videos a partir de
imágenes, audio y secciones de video ya existentes, que se ordenan para que aparezcan
individualmente o en conjunto, en determinados momentos durante la ejecución del video.
Adobe Premier permite importar diferentes tipos de archivo y diferentes tipos de formato:
- Formatos de Video: AVI, Quicktime (MOV) o MPEG.
- Formatos de Audio: AVI, MOV, AIFF, WAV, MP3, Macintosh Sound Format (Para Sistema
Operativo Mac), y Sound Designer I & II (Para Sistema Operativo Mac)
- Formatos de Gráficos e Imágenes: Archivos de Adobe PhotoShop (PSD), Archivos
Compuserve GIF y GIF animados, Mapa de Bits (BMP), Joint Photographics Experts Group
(JPG), Archivos con extensión PICT para Macintosh, Targa (TGA), TIFF, PCX, y otros.
Éstas posibilidades y características de Adobe Premier, lo hacen un programa adecuado para la
edición de los videos tomados a los personajes y que se quieren montar en el CD interactivo y
la aplicación final.
• BREVE DESCRIPCIÓN DE SUS ELEMENTOS
El área de trabajo de Adobe Premier consta de 3 ventanas principales (Ver figura 3.8):
- La ventana de Proyecto: En ésta ventana se importan, organizan y almacenan referencias a
los clips para los clips de video. En él se listan todas las fuentes del clip maestro en edición,
que se importan a un proyecto. Muestra información básica de cada elemento importado y se
pueden crear distintas carpetas de almacenamiento para organizar de una mejor forma los
archivos importados.
- La Ventana Monitor: En ella se puede visualizar el video clip individual que se está
editando, tal como quedará al final de la exportación. Además muestra información como la
posición actual del cabezal en la línea de tiempo, y la duración total del video clip.
64
- La Ventana Línea de Tiempo: Es una vista esquemática del programa, que incluye todos
los videos, audio, imágenes y videos entrelazados o unidos mediante transiciones. Al lado
izquierdo de la Ventana Línea de Tiempo, existen herramientas para poder cortar, seleccionar
secciones de la película, mover secciones, ampliar la magnificación o “zoom”, etc.
En la línea de tiempo se realiza básicamente toda la edición del video, en ella se cortan las
secciones no deseadas, se añade el audio de fondo o el fondo principal de la película, se
realizan las transiciones y en general se define la forma cómo el clip de video final será
exportado y generado. Para realizar dicha edición, Adobe Premier posee dos modos de
Edición: El Single-Track Editing, que es un modo de edición avanzado en una sola línea de
tiempo, y el modo de edición A/B, que es el más utilizado por su facilidad de uso (Ver Figura
3.9)
Figura 3.8: Ventanas principales del entorno de trabajo de Adobe Premier.
65
Figura 3.9: Adobe Premier en modo edición A/B. Se pueden realizar transiciones entre los dos
canales, de gráfico a video y viceversa, o de video a video.
• APLICACIÓN DE LA HERRAMIENTA EN EL DESARROLLO DEL CD
La herramienta fue útil para editar los videos tomados a los personajes destacados que aun a la
época se encuentran vivos y que amablemente nos concedieron unos instantes de su valioso
tiempo para hablarnos un poco de su trabajo, su vida, obra y proyectos.
Dichas entrevistas se dieron en distintos momentos y lugares, no todas fueron en las mejores
condiciones de iluminación y aislamiento de ruidos, por lo que existió la necesidad de cortar
aquellos ruidos indeseables que sucedieron durante la grabación del video. Además, sirvió para
añadir imágenes de títulos correspondientes a cada personaje, así como el logo de la
Universidad Francisco Gavidia y fondos musicales que acompañan a las palabras y mensajes
que hace cada uno de los personajes entrevistados. A continuación, se muestra una pantalla en
la cual, se muestra la edición de uno de los videos y como se realiza una transición de una
imagen a una sección de video.
66
Figura 3.10: Edición de un video donde se hace una transición de una imagen a un video.
