Post on 16-Oct-2018
54
CAPÍTULO IV: DISEÑO Y PRODUCCIÓN
DEL CD INTERACTIVO
4.1 INTRODUCCIÓN
Un proyecto multimedia nace como una idea o como una necesidad, lo siguiente es
planificar cuales serán las herramientas de texto, imágenes, sonido y vídeo
necesarias para su elaboración. Pero como sistema informático, el proyecto
multimedia también debe ser definido a través del “Ciclo de Vida del Desarrollo de
Sistemas”, para que quede asentado cual será el proceso de elaboración del
aplicativo.
Luego, se debe elaborar el ambiente gráfico, el cual debe ser creativo y atractivo, se
debe también establecer la estructura y el sistema de navegación sobre el cual
tendrá poder el usuario final del aplicativo, el cual debe permitirle acceder a cualquier
parte del contenido del producto multimedia.
Después de haber finalizado las anteriores fases, ya puede comenzarse con la
elaboración de un prototipo, al cual se le deben aplicar los diseños y estructuras
antes definidos.
Para obtener resultados satisfactorios, además de aplicar todos los conceptos
anteriormente explicados, es muy común que se realicen modificaciones en el diseño
a lo largo del proceso de desarrollo del proyecto multimedia.
En multimedia, diseñar y construir son dos procesos que muchas veces pueden
darse de forma paralela, en definitiva, no se deja de diseñar hasta tener terminado el
aplicativo, sin embargo, no debe abusarse con demasiados cambios que terminen
con retrasar el proyecto y acabar con los recursos disponibles. Debe existir un
balance entre cambios realizados y su costo, para así evitar atrasos en la entrega del
producto final.
La elaboración y diseño del “CD DEL PANORAMA DE LA HISTORIA
SALVADOREÑA”, no ha sido ajeno a este tipo de estrategia, en las siguientes
55
páginas de este capítulo, se encuentran varios diseños de pantallas que se han ido
modificando a lo largo del desarrollo del proyecto.
Por otra parte, también se muestra el diseño del storyboard para las pantallas
principales, así como el diagrama de navegación que tendrá el CD.
4.2 CICLO DE VIDA DEL DESARROLLO DE SISTEMAS
El Ciclo de Vida del Desarrollo de Sistemas es un proceso por el cual los analistas de
sistemas y los usuarios finales elaboran una aplicación informática.
La forma de agrupar las actividades, los tipos de productos intermedios que se
generan y los objetivos de cada fase del proceso, pueden ser muy diferentes
dependiendo del tipo de producto o proceso a generar y de las tecnologías
empleadas.
En el caso particular del “CD Interactivo del Panorama de la Historia de El Salvador”,
se opto por utilizar el enfoque del Ciclo de Vida en Espiral, el cual consiste en definir
especificaciones iniciales para hacer un prototipo, es decir, un producto parcial que
no contenga funciones que se consideren triviales o suficientemente probadas. Dicho
prototipo será evaluado por el usuario final del aplicativo para que junto con el
desarrollador generen especificaciones más completas para el sistema.
En el enfoque de Ciclo de Vida en Espiral no basta con una sola evaluación del
prototipo para asegurar la desaparición de incertidumbres. El producto final es una
sucesión de prototipos que progresan hasta llegar a alcanzar el estado deseado. En
cada ciclo las especificaciones del producto se van resolviendo paulatinamente y
refinándolas iterativamente al ir comprendiendo el sistema el usuario y quien lo
desarrolla.
56
Figura 8. Esquema del Ciclo de Vida del desarrollo de sistemas en espiral.
Como puede observarse en la figura número 8, el esquema del ciclo de vida para
estos casos puede representarse por un bucle en espiral, donde los cuadrantes son,
las fases de planificación, toma de decisión, aplicación de las observaciones y la
evaluación.
En cada ciclo (en sentido horario), el proyecto se acerca más al estado deseado.
El modelo de desarrollo en espiral, es un modelo de proceso de software evolutivo
que conjuga la naturaleza iterativa de la construcción de prototipos con los aspectos
controlados y sistemáticos del modelo en cascada, lo cual ha permitido en este
proyecto de CD interactivo combinar ambas características; sin retomar aspectos
más predominantes de ambas estructuras; es decir, es muy raro que los proyectos
de CD interactivos sigan el flujo secuencias que propone el modelo en Cascada;
también, para el CD interactivo del Panorama de la Historia Salvadoreña fue
imposible que el cliente (Ministerio de Relaciones Exteriores) estableciera todos los
requisitos de manera explícita, lo cual es exigido por el mismo modelo; finalmente es
necesario mencionar que lo negativo del modelo de prototipos, es que el cliente
piensa que al ver lo presentado como primer prototipo, asegura que es el producto
final y que quizás solo necesita ciertos ajustes para aceptarlo sin considerar la
calidad de los estándares de todo Proyecto.
El modelo o ciclo de vida de desarrollo en espiral tiene dos características
importantes. Una es el enfoque cíclico para el crecimiento incremental del grado de
definición e implementación, esta característica es imprescindible para la producción
57
de un CD interactivo, debido que proporciona una retroalimentación en cada ciclo
que se avanza; es decir, en cada conjunto de tareas que se desarrollan. La segunda
característica son los puntos de fijación que aseguran el compromiso del usuario con
las soluciones; haciendo así, un proyecto factible y mutuamente satisfactorio.
Cuando se aplica el modelo en espiral en un proyecto de CD interactivo se hace
mediante etapas evolutivas. Durante las primeras iteraciones, la entrega talvez sea
sencillamente un documento o esbozos generales de diseños.
El riesgo es un factor considerado en todo proyecto que manejan revoluciones,
plasmándolo a lo largo de la ruta del espiral.
El modelo en espiral es un enfoque realista para el desarrollo del software y de
sistemas. Como el proyecto evoluciona conforme avanza el proceso, el desarrollador
y el cliente entiende y reaccionan de mejor manera ante los riesgos en cada etapa
evolutiva. El modelo en espiral emplea características de la construcción de
prototipos, mantiene el enfoque sistemático de los pasos que sugiere el ciclo de vida
en cascada; pero, lo incorpora al marco de trabajo iterativo que refleja de forma más
verídica el mundo real.
Las razones por las cuales se eligió este tipo de Ciclo de Vida para el desarrollo del
CD de historia de El Salvador se fundamentan a continuación.
El Ministerio de Relaciones Exteriores (cliente), aunque sabia en términos generales
lo que deseaba, no fue capaz de definirlo en todos sus aspectos. Era evidente que
en este caso, la evaluación del producto por parte del cliente no podía esperar a la
entrega final y era necesario repetirla varias veces.
Otro de los factores que se tomo en cuenta para la selección de este enfoque fue,
que en vista de que el proyecto se trataba de un sistema interactivo, era importante
realizar continuamente tanteos al aplicativo para determinar si la interfaz resultaba
amigable y fácilmente entendible para el usuario. Cada prueba realizada por el
usuario, permitía determinar de forma más especifica los requerimientos para el
sistema, los cuales fueron debidamente documentados, para su posterior aplicación.
La aplicación de este tipo de enfoque de sistemas, evitó, que los analistas, se vieran
en la necesidad de realizar suposiciones sobre los requerimientos de debería cumplir
el sistema. Por el contrario el aplicativo es el resultado del testeo de los prototipos
58
que fueron evolucionando a lo largo del desarrollo del proyecto, hasta que el cliente
(en este caso las autoridades del Ministerio de Relaciones Exteriores) quedo
satisfecho con las características que le fueron presentadas en el último prototipo del
aplicativo, convirtiéndose así, en el producto final.
4.3 GUÍA DE LA METODOLOGÍA PARA LA REALIZACIÓN DEL CD
Esta es una guía que explica en forma general lo que se debe hacer para elaborar un
CD interactivo similar al presentado en este trabajo de graduación. Un noventa por
ciento es escrito bajo los aspectos investigados de multimedia más la experiencia
acumulada en dicho proyecto.
El proyecto denominado “CD INTERACTIVO DEL PANORAMA DE LA HISTORIA
SALVADOREÑA”, esta diseñado bajo la conceptualización del Ciclo de vida en
Espiral, el cual fue adaptado a las diferentes fases y etapas de un Proyecto,
tomando en cuenta que seria un CD interactivo potenciado en su totalidad con
multimedia. El esquema siguiente es el resumen técnico de toda la producción del
mencionado proyecto.
Imagen 9. Esquema de las fases del proyecto.
59
Este esquema se realizó posterior a la reunión entre las autoridades de la
Universidad Francisco Gavidia, personas responsables de enlace del Ministerio de
Relaciones Exteriores (cliente) y los desarrolladores del proyecto.
Las fases que deben desarrollarse en todo proyecto son: la idea, el perfil, la pre
factibilidad, la factibilidad, el diseño, la ejecución y la operación.
Este CD interactivo fue realizado siguiendo las siete fases anteriores que todo
proyecto debe tener; así mismo, se acoplo a las fases de pre producción, producción
y post producción.
A continuación se explica la forma y fases en fue producido el proyecto denominado
“CD INTERACTIVO DEL PANORAMA DE LA HISTORIA SALVADOREÑA.
4.3.1 Fases del proyecto
1.- Idea.
En esta fase se debe formalizar el tema principal del proyecto y cuya denominación
fue para éste proyecto “CD INTERACTIVO DEL PANORAMA DE LA HISTORIA
SALVADOREÑA”. La idea nació por una necesidad insatisfecha de parte del
Ministerio de Relaciones Exteriores, debido que carecían de una herramienta que
permitiera dar a conocer la historia de El Salvador de forma agradable e interesante,
que motivara a querer aprender más sobre ella.
2.- Perfil.
En esta fase corresponde estudiar todos los antecedentes que permitan formar juicio
respecto a la conveniencia y factibilidad técnico–económica de llevar a cabo la idea
del proyecto.
3.- Pre factibilidad.
Para la pre factibilidad del proyecto del “CD INTERACTIVO DEL PANORAMA DE LA
HISTORIA SALVADOREÑA” se analizó en detalle los aspectos identificados en la
fase de perfil, especialmente los que inciden en la factibilidad. Entre estos aspectos
sobresalió la tecnología que se utilizaría, aquí fue que a petición del cliente y de las
investigación técnicas se tomó la decisión de utilizar como programa ensamblador a
Director (Macromedia), para retoque de imágenes y fondos a Photoshop (Adobe),
para creación de vectores Freehand (Macromedia), para animación a Flash
60
(Macromedia), para edición de Video Premiere (Adobe), animación de video After
Effect (Adobe), para editar audio Cool Edit Pro (Syntrilium) y para lectura de datos
Adobe Reader (Adobe) (Ver matrices pag. tal).
4.- Factibilidad.
En esta fase y después de haber realizado la pre factibilidad técnica se tomo la
decisión de establecer la participación de especialistas (historiador y traductores) a
fin de tener información confiable para garantizar la factibilidad del proyecto.
Hasta este momento se han abarcado cuatro fases de las siete que debe tener todo
proyecto, es decir la fase de la PRE PRODUCCIÓN, materializando las tareas
siguientes:
a.- Definición del tema principal.
b.- Guión del tema principal.
c.- Investigación de los temas del proyecto.
d.- Aprobación de cada tema redactado.
e.- Traducción de los temas al idioma ingles.
f.- Aprobación de las ideas de los artes.
g.- Aprobación de la navegación a utilizar.
h.- Aprobación del programa de montaje.
i.- Aprobación de plataforma a utilizar.
j.- Aprobación del medio en que se ejecutara.
k.- Aprobación de los clips de video para edición.
Las tareas mencionadas dentro de la pre producción, son actividades que deben
realizarse si se desea realizar un proyecto similar.
5.- Diseño.
Durante esta fase, se debe desarrollar el guión técnico–estructural y visual del CD.
61
Imagen 10. Esquemas técnico–estructural y visual del CD.
Aquí se deben definir los temas principales que contendrá el CD Interactivo; así
mismo, se inicia mediante storyboards el guión visual.
6.- Ejecución.
Es en este momento que se tiene claro lo que el cliente quiere por lo que es aquí
donde se inicia la producción en si.
Con el diseño y ejecución se da cumplimiento a la PRODUCCIÓN ejecutando las
tareas siguientes:
a.- Creación guión técnico-estructural y guión visual.
b.- Diseño de los artes.
c.- Creación de animaciones.
d.- Edición de videos.
e.- Grabación de locuciones.
f.- Limpieza de audios.
g.- Montaje de las Animaciones.
h.- Montaje de los videos.
i.- Montaje de los audios.
j.- Montaje de los artes.
k.- Montaje de las locuciones.
7.- Operación.
Aquí se pone en pruebas y en funcionamiento el CD listo para ser entregado.
62
Con la séptima y última fase, que es la de operación, se culmina también con la POS
PRODUCCIÓN; es decir, se da la validación y visto bueno del proyecto denominado
“CD Interactivo del Panorama de la Historia Salvadoreña”, por las personas
responsables del Ministerio de Relaciones Exteriores (usuario final).
El mantenimiento o actualización del CD interactivo podrá realizarse a partir de los
códigos fuentes que se entreguen al cliente/usuario final. Es necesario que la
institución que realice la actualización deben contar con personal profesional con
experiencia en el uso de los software mencionados en la pre factibilidad.
4.3.2 Aplicación de las fases en el ciclo de vida
Las siete fases de todo proyecto (idea, perfil, pre factibilidad, factibilidad, diseño,
ejecución y operación) y los procedimientos de pre producción, producción y pos
producción se han desarrollado bajo los parámetros del ciclo de vida en espiral, de la
siguiente manera:
Cada actividad se ha planificado antes de realizarla, posterior a la planificación se ha
tomado la decisión si es correcto lo planificado para continuar dicha actividad, si ha
sido positivo el resultado se evalúa y se da por terminado, si ha sido negativo se
realiza la retroalimentación, donde se hacen las correcciones necesarias, hasta este
momento se dice que dicha actividad ha ido madurando concluyendo en su
aprobación.
A continuación se explica poniendo como ejemplo los diseños de los artes de cada
fondo de pantalla, cual ha sido el proceso bajo los parámetros del ciclo de vida en
espiral para llevar acabo dicha actividad.
En cada arte, primeramente si hizo un sketch; es decir, un esbozo en papel, luego de
tener una idea general se paso a evaluación, de lo cual se hicieron correcciones y
modificación a lo que le hemos llamado retroalimentación dentro del ciclo de vida en
espiral, luego dicha actividad llegó a la maduración y se dio por finalizada.
El mismo proceso fue realizado en la redacción de los temas que conformaron el
contenido del proyecto del “CD INTERACTIVO DEL PANORAMA DE LA HISTORIA
SALVADOREÑA”; es decir, cada tema al iniciar el ciclo en espiral se baso en la
63
investigación, posteriormente se tomó la decisión de entregarlo al historiador
responsable para su aprobación o corrección, lo que conformaba la evaluación,
llegando finalmente a su aprobación cuando dicha tarea había madurado.
El siguiente esquema fue aplicado a todas las actividades que conforman este
proyecto.
Imagen 11. Imagen que representa la retroalimentación de las actividades.
64
4.4 MAPA ESTRUCTURAL DEL CD
Como se menciono en el capítulo 2, uno de los primeros pasos en la etapa de diseño
es la creación de un esquema con la estructura de navegación del proyecto. En la
siguiente figura se muestran los enlaces existentes entre las diferentes áreas del
contenido del “CD INTERACTIVO DEL PANORAMA DE LA HISTORIA
SALVADOREÑA”.
Figura 12. Mapa de navegación de CD de historia de El Salvador.
65
4.5 DISEÑO DEL STORYBOARD
A continuación se muestran los esquemas de las pantallas del CD interactivo. En
ellas se describen las especificaciones y notas del diseño que servirán luego para la
elaboración de las pantallas finales.
Figura 13. Estructura de la pantalla de selección de idioma.
Figura 14. Estructura de la pantalla de menú principal.
66
Figura 15. Storyboard de la pantalla de temas principales.
Figura 16. Diseño de la estructura para las pantallas de subtemas.
67
Figura 17. Estructura para la pantalla emergente del glosario interactivo.
4.6 MATRICES DE EVALUACIÓN DE OPCIONES DE SOFTWARE
A continuación se presentan las matrices de evaluación de cada uno de los
programas necesarios para la elaboración del CD interactivo Panorama de la
Historia Salvadoreña. En las tablas se muestra la comparación de las diferentes
calificaciones asignadas a cada software evaluado. Las calificaciones asignadas
están basadas en la información recopilada del trabajo de graduación “CD-ROM
Multimedia Sobre Una Guía Turística de El Salvador” y del sitio Web de softonic
(www.softonic.com), así como en la experiencia que poseen los desarrolladores en la
utilización de estas herramientas.
El sistema de evaluación se presenta en la siguiente tabla:
CONCEPTO EQUIVALENTE NUMÉRICO
Excelente 9 -10
Muy Bueno 7 - 8
Bueno 5 - 6
Regular 3 - 4
Malo 1 - 2 Tabla de calificación.
68
4.6.1 Matriz de software de creación multimedia.
La matriz demuestra que Macromedia Director es el que mejores características
posee para la elaboración de CD multimedia, además de que lo avala una amplia
trayectoria en el área. Es por estas razones que se opto por su utilización para la
elaboración del CD interactivo.
Características Calificación (1-10) Calificación (1-10) Calificación (1-10)Compatibilidad con otros programas
8 7 6
Bajos requerimientos de hardware
9 8 7
Importación elementos multimedia
10 9 6
Calidad de efectos visuales
8 9 8
Facilidad de uso 9 8 10
Tutoriales disponibles en web
10 9 5
Facilidad de obtener el software
10 10 5
Genera ejecutable 10 9 8
Lenguaje de programación
10 8 8
Asistente de ayuda 10 7 7
Uso para la creación de CD interactivos
10 5 8
Bibliotecas que incorpora 8 8 5
Total 112 97 83
ToolBookSoftware de creación
MultimediaDirector Flash
69
4.6.2 Matriz de software de diseño.
Es posible definir el diseño gráfico 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 determinados.
La matriz de características y la información recolectada sobre dichos programas de
diseño, da como resultado que Photoshop es el mejor software para la producción de
diseño gráfico, por la cantidad de herramientas y efectos que posee; así mismo, por
la versatilidad de trabajar con otros programas.
Características Calificación (1-10) Calificación (1-10) Calificación (1-10)Compatibilidad con otros programas
10 9 9
Experiencia de calidad en diseño grafico
10 9 8
Importación/exportación gráfico
10 9 8
Calidad de efectos 10 10 8
Facilidad de uso 9 8 10
Tutoriales disponibles en Web
10 9 9
Cursos disponibles presénciales en el país
10 10 9
Permite calibrar los monitores a colores reales para impresión profesional
10 10 7
Posee Histograma, Niveles, Curvas para redefinir colores
10 10 7
Posee escala de colores RGB, CMYK y gris
10 10 9
Compatibilidad con programas de edición de video
10 8 8
Compatibilidad con programas de animación para video
10 9 9
Total 119 111 101
Paint Shop Software de Diseño Adobe Photoshop Corel Draw
70
4.6.3 Matriz de software de edición de video.
La matriz de características y la información recolectada sobre dichos programas de
edición de video, nos da como resultado que Adobe Premiere es el mejor software
para la edición de video para una producción, hay que mencionar que Final Cup Pro
es un programa muy bueno como Premiere, pero su utilización es solamente para
plataformas Mac.
Características Calificación (1-10) Calificación (1-10) Calificación (1-10)Compatibilidad con otros programas
10 9 7
Experiencia de calidad en edición de video
10 10 7
Importación/exportación archivos de video
9 9 6
Calidad de efectos 9 9 5
Facilidad de uso 9 8 10
Tutoriales disponibles en Web
10 7 8
Cursos disponibles presénciales en el país
8 6 7
Permite calibrar los monitores a colores reales para producción
9 10 7
Calidad del size frame al exportar a 340x284
9 9 5
Calidad vrs. peso al exportar a 340x284
9 6 6
Depth al exportar 8 9 6
Trabajo de compresor al exportar
8 9 6
Facilidad de adquirirlo 8 6 9
Calidad de audio 8 9 7
Compatibilidad con programas de animación para video
9 9 7
Total 133 125 103
Software de Edición de video
Adobe Premiere Final Cup Pro Movie Maker
71
4.6.4 Matriz de software de animación para video.
La matriz de características y la información recolectada sobre dichos programas de
animación para video, nos da como resultado que After Effect es el mejor software
para animación de video para una producción, la compatibilidad de trabajar con
Adobe Photoshop y Premiere es increíble, lo que permite obtener mejores calidades
es menor tiempo.
Caracteristicas Calificacion (1-10) Calificacion (1-10) Calificacion (1-10)Compatibilidad con otros programas
10 9 8
Experiencia de calidad en animación para video
10 9 8
Importación/exportación gráfico
9 9 8
Calidad de efectos 10 10 9
Facilidad de uso 9 8 7
Tutoriales disponibles en web
9 9 9
Cursos disponibles presenciales en el pais
8 8 6
Permite calibrar los monitores a colores reales para producción.
10 9 8
Posee Histograma, Niveles, Curvas para redefinir colores
10 10 9
Posee escala de colores RGB, CMYK y gris
10 10 9
Compatibilidad con programas de edición de video
10 9 8
Compatibilidad con programas de animación para video
10 9 9
Total 115 109 98
Software de animacion para video
After Effect 3D MAX MAYA
72
4.6.5 Matriz de software de diseño vectorial.
La matriz de características y la información recolectada sobre dichos programas de
diseño, nos da como resultado que FreeHand es el mejor software para la
producción de diseño gráfico vectorial, por la cantidad de herramientas y efectos que
posee; así mismo, por la versatilidad de trabajar con otros programas. Es ideal para
combinar y crear artes gráficos en combinación con Photoshop.
Caracteristicas Calificacion (1-10) Calificacion (1-10) Calificacion (1-10)Compatibilidad con otros programas
10 9 8
Experiencia de calidad en diseño grafico
10 9 8
Importación/exportación gráfico
8 8 8
Calidad de efectos 10 10 8
Facilidad de uso 9 8 7
Tutoriales disponibles en web
9 9 9
Cursos disponibles presenciales en el pais
10 10 10
Permite calibrar los monitores a colores reales para impresión profesional
10 10 10
Posee Histograma, Niveles, Curvas para redefinir colores
10 10 9
Posee escala de colores RGB, CMYK y gris
10 10 9
Compatibilidad con programas de edición de video
10 9 7
Compatibilidad con programas de animación para video
10 9 9
Total 116 111 102
Software de Diseño vectorial
Free Hand Corel Draw AutoCAD
73
4.6.6 Matriz de software de edición de sonido.
La matriz de características y la información recolectada sobre dichos programas de
edición de audio, nos da como resultado que Cool Edit Pro es el mejor software para
la edición de audio para una producción. Cool Edit Pro es el software de edición de
audio más utilizado en áreas de producción, tanto de audio como de video.
Características Calificación (1-10) Calificación (1-10) Calificación (1-10)Compatibilidad con otros programas
9 8 7
Experiencia de calidad en edición de audio
9 6 7
Importación/exportación archivos de audio
9 7 6
Calidad de efectos 9 8 5
Facilidad de uso 9 8 9
Tutoriales disponibles en Web
7 7 8
Cursos disponibles presenciales en el pais
7 6 6
Calidad vrs. peso al exportar
9 8 8
Depth al exportar 8 9 6
Trabajo de compresor al exportar
8 9 6
Facilidad de adquirirlo 8 6 9
Calidad de audio 10 8 7
Compatibilidad con programas de video
9 8 7
Total 111 98 91
Software de Edición de audio
Cool Edit Pro Sonic Foundry AC music
74
4.6.7 Matriz de software de animación.
Flash es uno de los software de autoría más reconocidos en el mercado y los
resultados de la matriz muestran cuales son las razones de ello, por lo que
Macromedia Flash, es el software elegido para trabajar en el desarrollo de
animaciones para el CD interactivo.
Características Calificación (1-10) Calificación (1-10) Calificación (1-10)Compatibilidad con otros programas
9 7 6
Bajos requerimientos de hardware
9 9 9
Función drag-and-drop 10 9 10
Código de programación 10 8 0
Facilidad de uso 8 8 10
Versión en español 10 10 0
Facilidad de obtener el software
10 9 8
Precio accesible 7 8 10
Bibliotecas que incorpora 9 7 6
Apariencia (GUI) 9 8 9
Herramientas de dibujo 8 7 7
Importación elementos multimedia
9 8 8
Total 108 98 83
Sothink GlendaSoftware de animación
Macromedia Flash Swishmax
75
4.6.8 Matriz de software de lectura de archivos PDF.
Los resultados de los parámetros de evaluación demuestran que Adobe Reader es el
que mejores características presenta para la lectura de documentos pdf.
Características Calificación (1-10) Calificación (1-10) Calificación (1-10)Compatibilidad con otros programas
10 5 5
Bajos requerimientos de hardware
9 10 7
Tamaño del software 10 8 6
Velocidad de carga 8 9 8
Facilidad de uso 10 10 8
Versión en español 10 0 0
Facilidad de obtener el software
10 9 9
Precio accesible 10 10 10
Características de impresión
10 7 8
Apariencia (GUI) 9 8 7
Instalación 10 8 8
Estabilidad 9 9 5
Total 115 93 81
eXPert PDF ReaderSoftware de lectura
de archivos PDFAdobe Reader Foxit PDF Reader
76
4.7 HERRAMIENTAS PARA LA ELABORACIÓN DEL CD
En este apartado se describen las herramientas de software que han sido utilizadas
para la elaboración del aplicativo multimedia, así también se mencionan las
características que estos programas poseen y por las cuales fueron elegidas para el
desarrollo del CD multimedia.
4.7.1 Software de creación multimedia.
Como se mencionó anteriormente, Macromedia Director será la herramienta a utilizar
para elaborar el CD interactivo sobre un panorama de la historia de El Salvador, la
cual ha sido seleccionada por sobre otras herramientas en el mercado por presentar
las siguientes características:
� Características de edición: Director posee características para la edición de los
elementos multimedia que serán utilizados en el proyecto, sobre todo para
imágenes estáticas, ya que posee una herramienta de pintura muy completa, esta
permite crear imágenes de mapa de bits, se pueden crear degradados, mosaicos y
algunas transformaciones animadas.
� Características de organización: Macromedia Director tiene la característica de
poder crear una base de datos multimedia (cast), en la cual se colocan los
elementos miembros del proyecto, como por ejemplo textos, imágenes, sonidos,
paletas, en fin, acepta una gran diversidad de formatos multimedia e incluso tiene
la facultad de crear sus propios elementos multimedia.
� Características de multiplataforma: las dos plataformas más reconocidas y
utilizadas son Windows y Macintosh, por lo que es importante utilizar una
herramienta de creación multimedia que permita producir un aplicativo que pueda
ejecutarse en ambas plataformas. Si bien existe una versión diferente de Director
para cada plataforma, la intención es dejar abierta la posibilidad de que en un
futuro pueda crearse con facilidad una versión del CD para la plataforma Mac.
� Características de ajuste del rendimiento: en multimedia es muy importante la
sincronización exacta de eventos y sus respectivos efectos. Para lograr la
sincronización de los eventos y demás elementos, Director cuenta con la
77
característica del score, el cual es un secuenciador para visualizar, animar y
reproducir miembros del cast. El score esta compuesto de fotogramas en los
cuales se colocan los miembros del cast para que luego sean reproducidos a una
velocidad determinada, ofreciendo complejos efectos visuales, ajustes de paletas
de color y control de tiempo.
� Características de programación y de interactividad: la herramienta de creación
Director ofrece un entorno de código interpretado para el control de la navegación
y para permitir entradas de usuario. El código de programación de Director es
Lingo, un completo lenguaje orientado a objetos, el cual permite gran interactividad
y control programado. Lingo utiliza segmentos especiales de código llamados
Xtras, estos le permiten controlar dispositivos de sonido y sonido externos.
Es importante mencionar que Director es un software con futuro, ya que a pesar de la
reciente compra de Macromedia por parte de Adobe Systems valorada en 3,400
millones de dólares, Adobe conoce perfectamente que Director posee un mercado
sustancial de usuarios leales, por lo que tiene planeado lanzar en el segundo
semestre de 2007 la nueva versión de este programa, llevando el nombre de Adobe
Director, la cual incorporaría mayores características de compatibilidad entre los
productos Macromedia y Adobe Systems.
(http://www.adobe.com/products/director/special/crossproduct/faq.html)
Forma en que se aplico la herramienta:
En el caso particular del “CD INTERACTIVO DEL PANORAMA DE LA HISTORIA
SALVADOREÑA”, se ha utilizado el software Macromedia Director para cohesionar
todos los elementos multimedia, (entiéndase video, animaciones, texto, sonidos e
imágenes) en un solo proyecto.
En director se han montado los componentes necesarios para darle “vida” a la
interfaz de usuario.
En la figura 18 se muestra el cast del subtema “Presidentes” del proyecto que
abordamos, como puede verse el cast es el repositorio de todos los elementos a
utilizar dentro del proyecto, es decir archivos (video, audio, texto, imágenes,
animación flash etc.), elementos de biblioteca, figuras, recuadros, así como también
78
scripts, realizados mediante el lenguaje de programación nativo de Director Lingo,
con el cual, se puede obtener una mejor interactividad.
Pueden existir más de un archivo cast (*.cst) por cada archivo *.dir, la cantidad de
cast dependerá de cómo se ha organizado la distribución de los elementos a utilizar
en un archivo *.dir. También existe por defecto un archivo cast interno por cada
archivo *.dir del proyecto; en este cast interno encuentran los elementos de biblioteca
conocidos como (Behaviors), ejemplos de estos son: “rollover cursor”, “jump to
movie”, estos forman parte de una biblioteca predefinida interna de Director, además
de los que se programan en Lingo, los cuales son personalizados y orientados a
interactuar sobre un miembro o varios miembros del cast. Además se puede colocar
en este cast interno algunos script’s, escritos en Lingo, los cuales configuran las
características iniciales del stage, así como también las características de algunos
elementos del cast.
Por lo general existen dos cast, estos son: el cast interno (que se crea por defecto
por Director), y un cast externo el cual tiene una extensión (*.cst), al cual se le coloca
un nombre mnemotécnico de acuerdo al nombre del archivo *.dir, al que pertenecen.
Figura 18. Pantalla del cast del subtema presidentes.
La siguiente fase en el armado de las pantallas del aplicativo es colocar los
elementos del cast al Stage. La ventana “Stage” (figura 19), es el escenario en donde
se muestran los elementos (imágenes, audio, animación flash, video, texto), los
cuales interactuaran para formar pantallas, estáticas, o dinámicas (interactivas), de
acuerdo a la distribución y programación que se le haya dado al elemento del cast.
79
Para agregar los elementos del cast al stage, basta con arrastrar los elementos del
cast hacia el stage y ubicarlos en las coordenadas antes preestablecidas.
Figura 19. Stage para la pantalla de presidentes.
Luego en la ventana “Score” (figura 20), se define el flujo de la acción de los
elementos del stage, en lo referente a el momento en que se mostraran, también en
esta pantalla se pueden agregar “markers”, los cuales son marcas para un mejor
control del flujo de la acción a seguir para cada elemento después de cierto evento o
acción realizada. Así como también agregar behaviors a un elemento determinado.
Figura 20. Pantalla del Score del subtema presidentes.
80
4.7.2 Software de dibujo y pintura.
Este tipo de software es de los más importantes dentro de la caja de herramientas de
todo desarrollador multimedia, ya que con estos software se elabora el ambiente
gráfico del proyecto, lo que al final es lo que tiene mayor impacto sobre el usuario
final del aplicativo.
EL caso particular del proyecto “CD INTERACTIVO DEL PANORAMA DE LA
HISTORIA SALVADOREÑA”, se opto por utilizar el software de pintura Photoshop
CS2, el cual es una herramienta muy potente que permite manipular mapas de bits
hasta el más mínimo detalle, lo cual se traduce en conseguir efectos más
impactantes en los diseños.
Las características que presenta este paquete y por las cuales se decidió por
utilizarlo se enuncian a continuación:
� Posee una interfaz gráfica de usuario (GUI) muy intuitiva, con menús desplegables
y emergentes, además de que permite la manipulación de paletas y opciones de
selección rápida.
� Gran capacidad para manipular el tamaño, distorsionar y estirar mapas de bits.
� Permite crear herramientas geométricas como círculos, cuadrados o complejos
polígonos.
� Posee diferentes tamaños y formas de pincel.
� Soporte para diferentes fuentes de texto y sombras.
� Gran cantidad de niveles de deshacer.
� Tiene la posibilidad de manejar objetos y capas, lo que permite manipular
elementos específicos de forma independiente.
� Alto número de filtros para aplicar a los mapas de bits que permiten obtener
efectos especiales.
� Excelentes características para importar y exportar entre distintos formatos de
imagen, entre estos PCT, TIFF, PNG, GIF, PSD, JPG, BMP entre otros.
� Soporte para todas las profundidades de color habituales: color de 1, 4, 8, 16, 24 o
32 bits.
81
� Posibilidad de elegir rellenar con algún color, textura o degradado una zona
especifica de la imagen.
� Posibilidad de ampliación de la vista para poder editar los píxeles individuales.
� Posee herramientas de retoque, desenfoque, iluminación, oscurecimiento,
difumado y tintado.
� Cuenta con controles de balance, brillo, contraste y color de imagen.
Forma en que se aplico la herramienta:
Como se menciona en los párrafos anteriores, Adobe Photoshop CS2 es una potente
y muy completa herramienta de manejo de archivos de mapa de bits, por lo que los
fondos de cada pantalla del aplicativo multimedia, así como los botones que
componen los menús, fueron elaborados completamente utilizando esta herramienta
para que luego fueran incorporados al software multimedia correspondiente para
armar la interfaz de usuario del aplicativo.
Las características de zoom y trabajo en capas permitieron trabajar detalladamente
los botones que serian utilizados en los menús de control y navegación (figura 21).
Figura 21. Los botones de los menús fueron elaborados en Photoshop CS2.
Las herramientas de difumado, transparencias, sombras y opciones de fusión que
posee Photoshop, fueron aprovechadas para la creación de los fondos de las
pantallas del CD interactivo. El uso de estas herramientas y la adecuada selección
de imágenes sobre historia salvadoreña permitieron que se obtuvieran imágenes
como la que se muestra a continuación.
82
Figura 22. Fondo para el tema principal Conquista y Colonia, el cual fue creado en Photoshop.
4.7.3 Software de animación.
Las animaciones son escenas gráficas de mapa de bits, que se reproducen
rápidamente con lo que se crea la ilusión de movimiento.
Para la producción del presente proyecto se opto por la utilización de una
herramienta basada en fotogramas y línea de tiempo. Este software es Macromedia
Flash, el cual tiene todas las características necesarias para el desarrollo del CD
interactivo de historia de El Salvador. Las características que posee este aplicativo y
que cumplen con los requerimientos de desarrollo del proyecto multimedia son:
� Es un programa estándar para la creación de animaciones y gráficos vectoriales.
� Posee una interfaz de trabajo amigable y compacta.
� Permite crear animaciones sorprendentes sin la necesidad de utilizar ningún
script.
� Soporte para la carga dinámica de imágenes y sonidos.
� Posee herramientas de diseño gráfico y mezcladores de color.
� Incluye componentes prefabricados que simplifican y ahorran tiempo en el
desarrollo de interfaces de usuario.
� Su lenguaje de programación, ActionScript, es muy amplio y orientado a objetos,
lo que permite la elaboración de animaciones de alta calidad y vistosidad.
83
� Permite crear animaciones complejas: aumentar y reducir elementos de la
animación, mover de posición los objetos, entre otras cosas, sin que la animación
ocupe mucho espacio en memoria.
� Es un aplicativo fácil de encontrar en el marcado de software de El Salvador.
� Es un software altamente versátil a la hora de crear animaciones, pero también
facilita el diseño de elementos altamente interactivos. Esto permite generar
multimedia interactiva.
� Permite la realización de herramientas de navegación (lo que se conoce por
menú) dinámicas no se limitan a un simple enriquecimiento decorativo, también
posibilitan una participación más activa del usuario en la navegación, que se
convierte para el espectador en una experiencia lúdica, de entretenimiento.
Forma en que se aplico la herramienta:
Macromedia Flash versión 2004, específicamente se utilizo para la elaboración del
menú que permitirá navegar entre los temas principales del CD (Época Pre-
hispánica, Conquista y Colonia, Época Republicana, Siglo XX, Personajes históricos,
Desastres Naturales, Símbolos Patrios y Cultivos Históricos), y para la creación del
menú de control del CD (Menú Principal, Idioma, Sonido, Créditos, Atrás, Ayuda y
Salir).
Luego de haber creado una primera versión de la apariencia de los botones en
Photoshop, se importan a Flash para comenzar con la elaboración del menú de
control. Un botón en Flash normalmente tiene tres estados:
Reposo: Es la apariencia que tendrá el botón cuando el puntero del mouse este fuera
de él, es decir, fuera de su zona activa.
Sobre: Muestra la apariencia que tendrá el botón cuando el puntero del mouse se
encuentra sobre él (sobre su zona activa).
Presionado: Es la apariencia del botón cuando se haga clic sobre él (clic sobre su
zona activa).
La zona activa de un botón no es mas que el área que se define para que el botón
funcione en los diferentes eventos del mouse.
84
Figura 23. Primera versión del menú de control, en el estado “Sobre” de cada botón se coloco una imagen igual a la del estado “Reposo” pero con cierto grado de transparencia. En la figura número 24 se muestra el escenario de Flash donde se editan los
diferentes estados de los botones y el lugar donde se define la zona activa para cada
uno de ellos. En la figura número 25 se presentan los menús de control y navegación
de temas principales en su versión número 4.
Figura 24. Escenario de edición de los botones del menú de control.
Figura 25. Menús de navegación en su última versión.
85
4.7.4 Software de edición de video.
El video es uno de los elementos más cautivantes que puede tener un producto
multimedia, pero al mismo tiempo, es entre todos los elementos de la multimedia, sin
duda alguna el que mayor cantidad de recursos necesita para ser reproducido en una
computadora. Por esta razón un video que será reproducido dentro de en un
aplicativo multimedia debe estar cuidadosamente planificado y bien producido. Para
lograr obtener un vídeo que tenga las características adecuadas para ser
reproducido dentro del CD interactivo de historia de El Salvador, se ha determinado
utilizar el software editor de vídeo Adobe Premier, el cual tiene las características
necesarias para la edición de los videos que contendrá el aplicativo:
� Es un estándar en el mundo de la edición de vídeo digital.
� Soporta la edición en tiempo real, es decir, que permite visualizar en el monitor los
cambios que se van haciendo en sonido, introducción de títulos y efectos al mismo
tiempo que se esta editando sin necesidad de renderizar.
� Posee amplias posibilidades de exportación e importación de archivos de video,
entre estos, AVI, MPEG, MOF, DV, etc., también tiene soporte para manejo de
archivos de imagen como, JPG, PSD. Además maneja los archivos más comunes
como WAV, MP3, entre otros.
� Su interfaz de trabajo se puede personalizar, así como atajos de teclado por lo que
se facilita la forma de trabajar.
� Posee amplio soporte para hardware.
� Permite crear transiciones entre diferentes vídeos, uniéndolos en uno solo.
� Adobe Premier permite la utilización de filtros para la corrección de color y el
procesado YUV de imagen.
� Posee un poderoso editor de titulaciones, incluye varios tipos de títulos y texturas,
para ser utilizados, como también la posibilidad de personalizar propias
titulaciones, subtitulaciones, y créditos cambiando el tamaño, el color, los efectos,
y la animación de textos y logotipos.
Forma en que se aplico la herramienta:
86
El video introductorio del CD interactivo fue elaborado a partir de varios otros que
fueron recopilados por los investigadores desde que se inicio el proyecto.
Para el proceso de edición se eligió el conocido software Adobe Premiere. Los vídeo
clips recopilados se encontraban en una gran gama de formatos (MOV, AVI, MPEG,
etc.), pero el amplio soporte de Premier para archivos permitió trabajar con la
mayoría de ellos.
Figura 26. Momento de edición en Premier del vídeo introductorio del CD.
El soporte que este programa posee para poder visualizar los cambios que se
realizan en tiempo real, evito que se tuviera que renderizar la imagen para constatar
los cambios. Esto permitió un gran ahorro de tiempo en la edición.
Otras de las herramientas que resultaron muy útiles para la realización del vídeo
fueron las transiciones y el editor de títulos. Con estas herramientas se pudo lograr
un acabado profesional entre las transiciones de vídeo y colocar los títulos
principales de los temas del CD a que hacen referencia las imágenes que se
muestran en el vídeo.
87
Figura 27. Imagen del vídeo con un titulo agregado a través de Premier.
4.8 PRESENTACIÓN DE LAS PANTALLAS PRINCIPALES
Figura 28. Pantalla del menú principal.
88
Figura 29. Pantalla principal del tema Época Republicana.
Figura 30. Pantalla del subtema Presidentes.
89
Figura 31. Pantalla del Subtema Próceres.
Figura 32. Pantalla emergente para el glosario interactivo.
90
4.9 CONSIDERACIONES ESPECIALES
Este apartado pretende aclarar aspectos generales, pero importantes, sobre el CD
Interactivo del Panorama de la Historia Salvadoreña.
1- Como su nombre lo indica el CD Interactivo del Panorama de la Historia
Salvadoreña, es una investigación general de algunos de los hechos y
personajes más sobresalientes de la historia salvadoreña, específicamente se
estudiaran las épocas Prehispánica, Colonial y Republicana, esta última hasta
el año 2001.
2- Queda en manos del Ministerio de Relaciones Exteriores la forma de cómo
difundir la información que el CD interactivo contenga, es decir que será esta
entidad la responsable de diseñar y aplicar un plan de distribución del CD
interactivo entre los usuarios que consideren pertinentes.
3- La implementación de la información contenida en el CD en un sitio de la Web,
podría ser el objetivo de un proyecto completamente nuevo, si es que el
Ministerio de Relaciones exteriores decidiera poner on-line el contenido
multimedia del CD de historia de El Salvador.
4- Las fuentes del proyecto serán entregadas a las entidades correspondientes,
por lo que si en determinado momento se deseara realizar una actualización o
modificación que se considere conveniente del contenido del CD Interactivo
del Panorama de la Historia Salvadoreña, puedan hacer uso de ellas.
Además, se recomienda que se haga referencia al capitulo número cuatro del
presente documento, el cual muestra la forma en que se ha desarrollado el CD
interactivo, asimismo se describen las herramientas que fueron utilizadas para
su elaboración y como fueron empleadas en el proyecto, convirtiéndose así en
un completo manual técnico de la elaboración del CD multimedia. Por lo que
también representa una guía muy útil, que servirá de base para la elaboración
de nuevos proyectos similares para expertos y principiantes en el uso de las
herramientas multimedia especificadas en ese capitulo.
91
4.10 CONCLUSIÓN
Al iniciar el proyecto el equipo de desarrolladores del CD Interactivo del Panorama de
la Historia Salvadoreña encontró que el país carecía de una herramienta que
mostrara de una forma interesante, veraz y entretenida la historia de El Salvador en
sus diferentes periodos, este aspecto ocasiona que los salvadoreños tengan poco
interés por conocer aspectos fundamentales sobre la historia de su país, lo que a la
postre puede producir una perdida de identidad cultural por parte de estos.
Con el propósito de ayudar a solventar esta problemática, se ha desarrollado el CD
interactivo de la historia de El Salvador, cuya información sirve de base para
contribuir a solventar la falta de conocimiento sobre la historia del país. En el CD se
abarcan temas de forma general, los cuales, mediante las estrategias multimedia
utilizadas serán presentados de forma interactiva e interesante.
Los temas que se presentan en el aplicativo son: Época Pre Hispánica, Conquista y
Colonia, Época Republicana, Siglo XX, Personajes de la Historia Salvadoreña,
Desastres que cambiaron la Historia, Símbolos Patrios y Cultivos Históricos.
El conocer la historia es muy importante para los hombres y mujeres, ya que evita
que se cometan errores del pasado y se retome lo que ha sido beneficioso para la
sociedad. Por lo tanto, es importante que se tomen con firmeza las decisiones de
apoyar proyectos similares, con el fin de ser garantes del desarrollo del país.
Utilizando las herramientas de hardware y software más adecuadas se ha elaborado
este importante instrumento para promocionar, en el mundo, la historia y cultura de
El Salvador. Para lograr esto, el seguimiento de los asesores ha sido fundamental; es
decir, la supervisión estuvo presente en cada cambio, innovación, idea; y
principalmente en la revisión continua del proyecto.
Con todo el esfuerzo y dedicación depositados en este proyecto, fue posible llegar a
la culminación del CD interactivo del Panorama de la Historia Salvadoreña.