AP3- AA7- EV5 Mapa de navegación y acta de progreso.

GAES 3

Andrés Gabriel García vallejo

Stefania Holguín Quiroz

Yecid Andrés Muñoz Dorado

Lorena Alejandra Medina Higuera

Luis Carlos Montenegro Calle

Tutoras

Dilian Astrid Querubín Gonzalez

SENA

Centro para la industria de la Comunicación Gráfica Tecnólogo en Producción

Multimedia – ficha 1749940 Bogotá,

Abril de 2019
 Introducción

A continuación, se evidenciará la construcción del mapa de navegación web,

definiendo de forma concisa cómo los usuarios van a interactuar con la plataforma

web del gimnasio Universal Gym JAM, también se hace una breve explicación del

mapa de navegación y además se presenta un acta de validación de progreso del

proyecto aprobado por el cliente.

 Imagen explicativa

Explicación del mapa de navegación.

En el mapa se muestran unos números que señalan diferentes puntos, a

continuación, se hace una explicación de que es lo que se señala a través de ellos y

luego se define más detalladamente el mapa de navegación.

● Explicación de los números.

1. Icono de inicio de la página web.

2. Textos para aclarar sus funciones.

3. Icono de imágenes.
 4. Icono de flechas, este es un botón (slider) para pasar

imagen de izquierda a derecha.

5. Icono de submenús.

6. Líneas de navegación, éstas nos conectan de un lugar a

otro, por ejemplo: cuando damos clic en un submenú nos lleva a su

respectivo lugar.

7. Subpáginas.

8. Flechas de relación: son aquellas que dan a entender que

un menú u otros complementos están en el mismo submenú.

9. Icono de video.

10. Icono de texto.

11. Texto explicando los elementos que se encuentran en los

submenús.

12. Icono de ubicación.

13. Icono de teléfono.

14. Iconos de redes sociales.

15. Logo del gimnasio

16. URL de la página web

17. Icono de foto

18. Icono de correo

19. Nombre del gimnasio y su eslogan

 Mapa de navegación plataforma web Universal GYM JAM

El mapa de navegación de la plataforma web del gimnasio Universal Gym JAM,

cuenta con un inicio y seis submenús, los cuales se encuentran en un sistema de

navegación lineal, al dar clic en cada uno de los submenús nos lleva a su respectivo

apartado. El inicio tiene un cabezote el cual cuenta con el logo de gimnasio, su

nombre, su eslogan y la URL de la página web, también cuenta con cinco imágenes

las cuales tienen una transición horizontal, aunque también se pueden encontrar unas

flechas y un slider, las cuales sirven para devolver o cambiar de imagen y saber
cuántas imágenes hay respectivamente; también se puede observar en la parte

inferior derecha tres redes sociales del gimnasio: Facebook, Instagram y YouTube.

Como se decía antes, los seis submenús y el inicio se encuentran en una sola página.

Cada submenú tiene sus propiedades y elementos, el menú “nosotros” cuenta

con: un video mostrando las instalaciones del gimnasio, personas entrenando y un

texto describiendo la actividad principal del gimnasio; el menú “servicios” cuenta con:

un apartado de cinco imágenes con transición, el cual contiene flechas para avanzar

y retroceder, las imágenes muestran los diferentes servicios que ofrece el gimnasio

para sus usuarios; el menú “instructores” muestra: cuatro fotos de cada instructor y al

hacer clic en la foto de alguno de ellos muestra su información; el menú de “productos”

muestra: cinco imágenes con transición de los productos y cinco de las ofertas que

brinda el gimnasio; en el menú de “planes” se pueden observar: tres imágenes de

fondo y tres textos que muestran los precios de los planes mensuales que ofrece el

gimnasio a los usuarios. El menú “ubicación” muestra: la ubicación o dirección del

gimnasio desde Google Maps en tiempo real. El menú “contacto” en el cual también

se encuentra el pie de página cuenta con: el número de teléfono del gimnasio, el

correo electrónico de Gmail para que el usuario se pueda contactar con el gimnasio,

también se encuentra información sobre políticas de privacidad y datos legales del

mismo, por último, también se aprecian los iconos de las redes sociales donde podrán

acceder a más información del gimnasio universal GYM JAM.

Link de acceso a la Sabana de contenidos

https://drive.google.com/file/d/1xHy4xo1h39z7pjBCkyqUFJLe9ioXpOqz/view?usp=s

haring
 ACTA DE VALIDACIÓN DE PROGRESO DE LOS BOCETOS DEL MAPA DE

NAVEGACIÓN DE LA PLATAFORMA WEB DEL GIMNASIO UNIVERSAL GYM

JAM.

ACTA 2

Timbío, 2 de mayo de 2019

ASISTENTES.

Yecid Andrés Muñoz Dorado. Director del proyecto

Janneth Sánchez. Representante legal de Universal GYM JAM (Cliente)

INVITADOS AUSENTES. Ninguno

ORDEN DEL DIA.

1. Saludo

2. Socialización del Mapa de Navegación de la Plataforma Web para Universal GYM

JAM.

3. Explicación del progreso del proyecto.

4. Firma de acta de validación.

DESARROLLO.

1. Saludo, El director Yecid Andrés Muñoz Dorado, dio comienzo a la reunión al ser

verificado por la representante legal dentro del establecimiento.

2. Luego de socializar y concertar los detalles del Mapa de Navegación del proyecto

de la Plataforma Web del Gimnasio Universal GYM JAM, se determinan las siguientes

conclusiones:

La señora Janneth Sánchez, Representante legal de Universal GYM JAM, aprueba

satisfactoriamente el mapa de navegación del proyecto de la Plataforma Web del

Gimnasio Universal GYM JAM, además no presenta inconformidad alguna con el

mismo, durante la reunión se expone y aprueba: descripción de la plataforma web a

través del Mapa de Navegación, claridad en el sistema de navegación escogido,

facilidad de Navegación en la plataforma.

3. Como paso concluyente, el director de proyecto Yecid Andrés Muñoz Dorado

explica a El Cliente que en la próxima reunión se entregará la presentación del

Storyboard del proyecto como próximo paso a seguir en la entrega, según el

cronograma definido.

4. Firma del acta de validación. Se dio paso a la firma del acta de validación por parte

de la dirección del proyecto y Janneth Sánchez, Representante legal de Universal

GYM JAM y al que denominaremos El cliente.

CONVOCATORIA. 1 de mayo de 2019, 3:00 pm, instalaciones del Gimnasio

Universal GYM JAM.

Firma, nombre y cargo:

__________________________ ________________________
Yecid Andrés Muñoz Dorado Janneth Sánchez
Director del proyecto Representante legal
ElArtista.com Universal GYM JAM
 Conclusión

Se observó la importancia de diseñar el mapa de navegación de la plataforma

web a proyectar, pues a través de esta se puede informar al cliente a cerca del

sistema de navegación que los usuarios directos van a disfrutar.

El mapa de navegación sirve para tener en cuenta claramente cuál es el orden

lógico de la plataforma web a diseñar y los elementos que se encuentran en las

secciones de la misma.
 Referencias

Barrero, D. P. (2017). Blackboard SENA. Recuperado el Abril de 2019, de

https://senaintro.blackboard.com/bbcswebdav/institution/SENA/Tecnologia/228101/Conte
nido/OVA/AP3/Interactividad_aplicaciones_multimedia/docs/interactividad_aplicaciones.pd
f

Barrero, D. P. (2017). Blackboard SENA. Recuperado el Abril de 2019, de

https://senaintro.blackboard.com/bbcswebdav/institution/SENA/Tecnologia/228101/Conte
nido/OVA/AP3/Sistemas_navegacion_multimedia/docs/material-formacion-sistemas-de-
navegacion.pdf