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
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

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;
a continuación se presenta el mapa de navegación del sitio web Colectivo
Caronte:
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

ACTA DE PROGRESO

Celer4Media

Reunión No: 1 (virtual)

F H H
e or or
c a a
h d d
a e e
y in fi
lu ic n
g io ali
ar : za
: 8: ci
2 0 ó
7/ 0 n:
0 p 8:
7/ m 30
2 p
0 m
1
9
-
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 -

Escritor o guionista
X

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

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

Diana del Pilar Cárdenas Castellanos Diseñador

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

Diana Cárdenas

2 Presentación de bocetos de interfaz 8 minutos

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

Juan Gutiérrez

3 Presentación del mapa de navegación 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
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
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

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:

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

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

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
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

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

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
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

- Aliens

- Vampiros

- Otros

5. Tienda

- Revista

- Regala miedo (souvenirs)

- App Caronte

6. Blog

7. Contacto

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

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.
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:
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

- 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.
AP3-AA7-EV8 - Mapa de navegación y acta de progreso

Lista de referentes:

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