AP3-AA7-EV8 - Mapa de navegación y acta de progreso

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Presentado por:

Diana del Pilar Cárdenas Castellanos

Leonardo Styvenson Carreño Rodríguez

Juan Camilo Gutiérrez Ríos

Yanett Martínez Londoño

Fichas:

1792966-67

Tecnología Producción de Multimedia

Modalidad virtual

SENA

Bogotá D.C. Colombia

Julio 2019
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

INTRODUCCIÓN

En el presente documento se presenta el mapa de navegación del proyecto multimedia

y el acta de progreso donde se muestra al cliente el avance que ha tenido dicho

proyecto, para que este lo apruebe y se puedan establecer acuerdos donde las dos

partes se encuentren satisfechas con el proceso.

MAPA DE NAVEGACIÓN

El mapa de navegación es la representación gráfica de la organización de la

información de la estructura del producto multimedia, en este caso del sitio web;
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

a continuación se presenta el mapa de navegación del sitio web Colectivo

Caronte:

ACTA DE PROGRESO Celer4Media

Reunión No: 1 (virtual)

Objetivo:
Abordar el
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

progreso
del
proyecto
multimedia
y
presentar
bocetos
de interfaz
gráfica
junto al
mapa de
navegació
n del sitio
web, para
aprobació
n por parte
del cliente
(Colectivo
Caronte).

F H H
e or or
c a a
h d d
a e e
y in fi
lu ic n
g io al
ar : iz
: 8: a
2 0 ci
7/ 0 ó
0 p n:
7/ m 8:
2 3
0 0
1 p
9 m
-
B
o
g
ot
á
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Participantes:
Asistencia
Nombres y apellidos Cargo
SI NO

Pedro Rivera Prieto Representante de la X

empresa Colectivo
Caronte.

Yanett Martínez Londoño Director de proyecto - X

Escritor o guionista

Leonardo Styvenson Carreño Rodríguez Director de arte y X

producción - Editor
audiovisual

Diana del Pilar Cárdenas Castellanos Diseñador X

Juan Camilo Gutiérrez Ríos Integrador Multimedia - X

Programador

Temas a tratar:
No Tema Responsables Duración

1 Avance global del proyecto Yanett Martínez y 10 minutos

Leonardo Carreño

2 Presentación de bocetos de interfaz Diana Cárdenas 8 minutos

gráfica

3 Presentación del mapa de navegación Juan Gutiérrez 7 minutos

del sitio web

4 Retroalimentación Pedro Rivera 5 minutos

Desarrollo:

1) Avance global del proyecto:

En primer lugar se ha observado que el desarrollo del proyecto no se ha realizado en

base al cronograma que se había planteado, esto se debe a que en el cronograma
original se había planeado todo al revés por así decirlo, dado que se había pensado
sobre todo en elementos animados 2D y 3D antes que en el análisis de la
construcción del sitio web y de los elementos que dicho sitio contendrá, además otro
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

elemento que influye mucho es el cronograma del programa de formación, aun así
Celer4Media piensa que el proceso va por buen camino.
Hasta el momento para el proyecto multimedia se han elaborado una serie de
documentos tales como la sinopsis, los guiones literario y técnico y los conceptos
básicos de interfaz gráfica del proyecto (sitio web Colectivo Caronte), dichos
documentos fueron construidos a partir de los requerimientos del cliente y en ellos se
justifican los elementos que serán usados para la elaboración del sitio web, tales
como colores, texturas, tipografías, entre otros.
Teniendo en cuenta lo desarrollado hasta el momento Celer4Media estima que se ha
hecho aproximadamente un 15% de todo el proyecto.

2) Presentación de bocetos de interfaz gráfica del sitio web:

Gracias a los elementos abordados en el anterior apartado y de las tendencias de

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

diseño para sitios web en el año 2019 tales como gigantismo, animaciones, entre
otras, se elaboran los primeros bocetos de interfaz gráfica los cuales se presentan a
continuación:

Boceto # 1 Realizado por Yanett

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Boceto #2 Realizado por Leonardo

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Boceto #3 Realizado por Juan

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Boceto#4 Realizado por Diana

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

3) Presentación del mapa de navegación del sitio web:

AP3-AA7-EV8 - Mapa de navegación y acta de progreso

A partir de lo planteado en el diagrama de flujo hecho en el guión literario del proyecto

se realiza un mapa de navegación del sitio web con algunos cambios mínimos para
una mejor organización del sitio web, tanto el diagrama de flujo como el mapa de
navegación son presentados a continuación:
Diagrama de flujo:
1. Inicio (Home)

- Banner con fotos, noticias, eventos

- Cuadrícula con algunos videos

- Enlaces a redes sociales

2. Quienes Somos

- Reseña del Colectivo Caronte

3. Multimedia - Galería

4. Relatos

- Asesinos

- Del más allá

- Monstruos

- Aliens

- Vampiros

- Otros

5. Tienda

- Revista

- Regala miedo (souvenirs)

- App Caronte

6. Blog
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

7. Contacto

Mapa de navegación:

4) Retroalimentación:

A partir de los 4 bocetos mostrados, el cliente sugiere que a nivel Gráfico se deben
establecer paletas de color uniformes, que se mantengan en las diversas pantallas,
obviamente dejando claro que él entiende que dependiendo lo que se quiere mostrar
en cada página se escogen los colores, además dichos colores deben hacer juego
con la tipografía, quizá le habría gustado que en todos los bocetos se manejara una
misma tipografía y colores de acuerdo a lo presentado en el guión literario y los
conceptos básicos de interfaz gráfica, para mostrar más uniformidad en cuanto a la
línea gráfica, además le gusta la idea de que en las páginas se pongan iconos, pero
debe haber coherencia y no sobresaturar. En general los bocetos están bien, pero se
sugiere que todos los integrantes del grupo traten de manejar un estilo similar.
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Por otra parte el cliente ya había visto el diagrama de fijo y le parece que el mapa de
navegación esta bien.

Acuerdos:
- Reelaborar el cronograma para tener más claridad acerca del desarrollo del
proyecto multimedia.
- Por decisión unánime del grupo Leonardo es el encargado de mantener
contacto constante con la empresa Colectivo Caronte.

Conclusiones:
- Celer4Media ha mantenido una eficiente comunicación con el cliente, a través
de uno de los integrantes del equipo.
- El equipo desarrollador continúa con el proceso de elaboración de los
contenidos del producto, adelantando lo relacionado con diseño de personajes.
- Celer4Media junto con el cliente han llegado a un par de acuerdos que esperan
cumplir y que serán evaluados en la próxima reunión.

Lista de referentes:
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Tendencias en diseño web 2019: lo que viene para quedarse. (2019). Recuperado el 27
de Julio de 2019, de: https://www.40defiebre.com/tendencias-diseno-web

Mapas de Navegación. (2019). Recuperado el 27 de Julio de 2019, de:

http://mapasdenavegacionap.blogspot.com/2017/08/mapas-de-navegacion.html

Los mundos de Coraline: Fotos y carteles - SensaCine.com. (2019). Recuperado el 27

de Julio de 2019, de:
www.sensacine.com › ... › Películas de Animación › Los mundos de Coraline

Link cronograma Actual: https://docs.google.com/spreadsheets/d/1SSeo-

KfboIJMi3jaEWKvm2lNczryimJL0aWzVOkqQVQ/edit?
usp=drive_open&ouid=115602264936882183398

Plantilla De Landing Page De Proceso Creativo | Descarga vectores gratis en Freepik.

(2019). Recuperado el 30 de Julio de 2019, de: https://www.freepik.es/vector-
gratis/plantilla-landing-page-proceso-creativo_4727219.htm

Colección Colorida De Botones Para Diseño Web Con Diseño Plano | Descarga
vectores gratis en Freepik. (2019). Recuperado el 30 de Julio de 2019, de:
https://www.freepik.es/vector-gratis/coleccion-colorida-botones-diseno-web-diseno-
plano_3099347.htm

Ahorra Tiempo y Mejora tus Notas con Cite This for Me, la Herramienta Para Citaciones
Automáticas Número 1. (2019). Recuperado el 30 de Julio de 2019, de:
http://www.citethisforme.com/es