Diseo y anlisis del proyecto

1. Anlisis
Anlisis de requerimientos

RF1:

Anlisis de usuarios

El presente sistema multimedia estar dirigido en su mayora a estudiantes de

secundaria de las escuelas pblicas y/o privadas, debido a que los mismos son los ms
adecuados para la utilizacin del sistema.

Anlisis de contenidos

Los contenidos sern los siguientes:

FOTOS: referidas a la II Guerra Mundial, estarn organizadas en una galera de

imgenes.
VIDEOS: referidos a la II Guerra Mundial, estarn organizados en una galera
de videos.
MAPAS: referidos a la II Guerra Mundial, sern de carcter interactivo.
DOCUMENTOS: referidos a la II Guerra Mundial, sern visualizados al
seleccionar un video, una foto, o una parte del mapa.
SONIDOS: referidos a la II Guerra Mundial, representaran una batalla o una
narracin.

Anlisis tecnolgico

Se utilizaran las siguientes herramientas para la estructuracin del programa:

Adobe Flash CS6

Adobe Photoshop CS6

2. Diseo
Metfora
Sinopsis de guiones multimedia
Diseo de interfaz y descripcin de pantallas

Pantalla 1
 FONDO DEL NODO: Compuesto en su totalidad por una imagen de que represente
una batalla de la II Guerra Mundial y una imagen referencial de un soldado en la
parte izquierda de la pantalla.

BOTON ENTRAR: Enlace que redirige (por defecto) al usuario a la primera seccin
del documental.

EFECTOS

Al deslizar el cursor sobre los botones estos se iluminarn.

El ttulo del documental tendr un efecto animado.
FUNCIONES

La pantalla presenta 5 enlaces representadas en botones:

El enlace MAPA: redirige al usuario a la pantalla 2, la misma que
contiene informacin cartogrfica de la II Guerra mundial.
El enlace GALERIA: redirige al usuario a la pantalla 3, la misma que
contiene una galera de imgenes ms representativas de la II Guerra
mundial.
El enlace VIDEOS: redirige al usuario a la pantalla 4, la misma que
contiene distintos videos de la II Guerra Mundial.
El enlace CREDITOS: redirige al usuario a la pantalla 5, la misma que
contiene la informacin sobre el equipo responsable del proyecto.
El enlace SALIR: redirige al usuario a la pantalla 1.
Pantalla 2

FONDO DE LA PANTALLA: compuesto en su totalidad de una imagen que

represente una batalla de la II Guerra Mundial.
LINEA DE BOTONES: compuesto por los siguientes botones:
MAPA: botn de enlace a la seccin mapa
GALERIA: botn de enlace a la seccin galera
VIDEOS: botn de enlace a la seccin videos
CREDITOS: botn de enlace a la seccin crditos

SECCION DEL MAPA: compuesto por un mapa interactivo de la II Guerra Mundial.

BOTON SALIR: botn enlace a la pantalla 1.

EFECTOS

Al deslizar el cursor sobre los botones estos se iluminarn.

Ciertas partes del mapa se superpondrn a las otras cuando se pase el cursor
encima de las mismas.
 FUNCIONES

La pantalla presenta 5 enlaces representadas en botones:

El enlace MAPA: redirige al usuario a la pantalla 2, la misma que
contiene informacin cartogrfica de la II Guerra mundial.
El enlace GALERIA: redirige al usuario a la pantalla 3, la misma que
contiene una galera de imgenes ms representativas de la II Guerra
mundial.
El enlace VIDEOS: redirige al usuario a la pantalla 4, la misma que
contiene distintos videos de la II Guerra Mundial.
El enlace CREDITOS: redirige al usuario a la pantalla 5, la misma que
contiene la informacin sobre el equipo responsable del proyecto.
El enlace SALIR: redirige al usuario a la pantalla 1.

Pantalla 3

FONDO DE LA PANTALLA: compuesto en su totalidad de una imagen que

represente una batalla de la II Guerra Mundial.
LINEA DE BOTONES: compuesto por los siguientes botones:
MAPA: botn de enlace a la seccin mapa
GALERIA: botn de enlace a la seccin galera
 VIDEOS: botn de enlace a la seccin videos
CREDITOS: botn de enlace a la seccin crditos

SECCION GALERIA DE FOTOS: compuesta por una galera de fotos representativas

de la II Guerra Mundial.
BOTON SALIR: botn enlace a la pantalla 1.

EFECTOS

Al deslizar el cursor sobre los botones estos se iluminarn.

Al deslizar el cursor sobre una foto de la seccin de galera de fotos la misma se
iluminara (si se selecciona el mismo deber permanecer iluminado).

FUNCIONES

La pantalla presenta 5 enlaces representadas en botones:

El enlace MAPA: redirige al usuario a la pantalla 2, la misma que
contiene informacin cartogrfica de la II Guerra mundial.
El enlace GALERIA: redirige al usuario a la pantalla 3, la misma que
contiene una galera de imgenes ms representativas de la II Guerra
mundial.
El enlace VIDEOS: redirige al usuario a la pantalla 4, la misma que
contiene distintos videos de la II Guerra Mundial.
El enlace CREDITOS: redirige al usuario a la pantalla 5, la misma que
contiene la informacin sobre el equipo responsable del proyecto.
El enlace SALIR: redirige al usuario a la pantalla 1.
Si selecciona una foto de la galera la descripcin de la misma deber desplegarse
en el rea de descripciones.

Pantalla 4
 FONDO DE LA PANTALLA: compuesto en su totalidad de una imagen que
represente una batalla de la II Guerra Mundial.
LINEA DE BOTONES: compuesto por los siguientes botones:
MAPA: botn de enlace a la seccin mapa
GALERIA: botn de enlace a la seccin galera
VIDEOS: botn de enlace a la seccin videos
CREDITOS: botn de enlace a la seccin crditos
SECCION DE CONTENIDOS: contendrn una galera de videos referentes a la II
Guerra Mundial.
AREA DE REPRODUCCION DEL VIDEO: aqu se reproducirn los videos que hayan
sido seleccionados en la seccin contenidos de la pantalla.
BOTON SALIR: enlace a la pantalla 1.

EFECTOS

Al deslizar el cursor sobre los botones estos se iluminarn.

Al deslizar el cursor sobre un video del rea de contenidos el mismo se iluminara
(si se selecciona el mismo deber permanecer iluminado).

FUNCIONES
 La pantalla presenta 5 enlaces representadas en botones:
El enlace MAPA: redirige al usuario a la pantalla 2, la misma que
contiene informacin cartogrfica de la II Guerra mundial.
El enlace GALERIA: redirige al usuario a la pantalla 3, la misma que
contiene una galera de imgenes ms representativas de la II Guerra
mundial.
El enlace VIDEOS: redirige al usuario a la pantalla 4, la misma que
contiene distintos videos de la II Guerra Mundial.
El enlace CREDITOS: redirige al usuario a la pantalla 5, la misma que
contiene la informacin sobre el equipo responsable del proyecto.
El enlace SALIR: redirige al usuario a la pantalla 1.
Si selecciona un video del rea de contenidos el mismo deber reproducirse en el
rea de reproduccin de videos.

Pantalla 5

FONDO DE LA PANTALLA: compuesto en su totalidad de una imagen que

represente una batalla de la II Guerra Mundial.
LINEA DE BOTONES: compuesto por los siguientes botones:
MAPA: botn de enlace a la seccin mapa
 GALERIA: botn de enlace a la seccin galera
VIDEOS: botn de enlace a la seccin videos
CREDITOS: botn de enlace a la seccin crditos
SECCION DE CREDITOS: contendr toda la informacin respecto al equipo de
trabajo que desarrollo el proyecto.
IMAGEN DEL AUTOR O LOGO DE LA EMPRESA: imagen representativa del autor (o
autores) o de la empresa a la que pertenecen.
BOTON SALIR: enlace a la pantalla 1.

EFECTOS

Al deslizar el cursor sobre los botones estos se iluminarn.

Los crditos se desplazarn de abajo hacia arriba a una velocidad moderada y con
una ligera iluminacin.

FUNCIONES

La pantalla presenta 5 enlaces representadas en botones:

El enlace MAPA: redirige al usuario a la pantalla 2, la misma que
contiene informacin cartogrfica de la II Guerra mundial.
El enlace GALERIA: redirige al usuario a la pantalla 3, la misma que
contiene una galera de imgenes ms representativas de la II Guerra
mundial.
El enlace VIDEOS: redirige al usuario a la pantalla 4, la misma que
contiene distintos videos de la II Guerra Mundial.
El enlace CREDITOS: redirige al usuario a la pantalla 5, la misma que
contiene la informacin sobre el equipo responsable del proyecto.
El enlace SALIR: redirige al usuario a la pantalla 1.
Si selecciona un video del rea de contenidos el mismo deber reproducirse en el
rea de reproduccin de videos.

Diagramas de sincronizacin
Diagrama de navegacin de pantallas