Mapa de Navegacion Ga5-220501095-Aa1-Ev05

+-
Aplicación web para la

gestión de las monitorias
académicas de la
Universidad Pedagógica
Nacional de Colombia
Versión del documento
Fecha Versión Autor Organización Descripción

Febreri-2024 01 Grupo 4 Ficha 2721458 MAPA DE NAVEGACION
Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Proyecto Aplicación Web para la gestión de las monitorias académicas de la Universidad Pedagógica nacional de Colombia
Cliente Universidad Pedagógica nacional de Colombia

Patrocinador Principal Servicio Nacional de Aprendizaje SENA-Centro Industrial del Diseño y la Manufactura
Mapa de navegacion
Julián Andrés Bolaños

Ligia Esperanza Forero Ríos
Ronald Rodríguez Cendales
Jorge Andres Soto
Análisis Y Desarrollo De Software.

Ficha:2721458
Servicio Nacional de Aprendizaje SENA

Centro Industrial Del Diseño Y La Manufactura
Febrero
2024



Mapa de Navegaciòn
Julián Andrés Bolaños

Ligia Esperanza Forero Ríos
Ronald Rodríguez Cendales
Jorge Andres Soto
Evidencia: GA5-220501095-AA1-EV05.
Instructor- Jeimmy Cristina Perea Barrios
Análisis Y Desarrollo De Software.

Ficha:2721458
Servicio Nacional de Aprendizaje SENA

Centro Industrial Del Diseño Y La Manufactura
Febrero
2024



TABLA DE CONTENIDO
Contenido
INTRODUCCION ..................................................................................................................................................... 5
MAPA DE NAVEGACION APLICACIÓN WEB PARA LA GESTIÓN DE LAS MONITORIAS
ACADÉMICAS. ................................................................................................................................................. 6
REGISTRO ESTUDIANTE ....................................................................................... ¡Error! Marcador no definido.
ROL ESTUDIANTE ................................................................................................................................................ 8
ROL ADMINISTARDOR-VAC ............................................................................................................................. 9
ROL CONCEJO FACULTAD ............................................................................................................................. 10
CONCLUSIONES ................................................................................................................................................... 11



INTRODUCCION
Un mapa de navegación es una representación visual de la estructura y la

arquitectura de una aplicación web o sitio web. Sirve como guía para los usuarios,
mostrando las diferentes secciones, páginas y funcionalidades disponibles, así
como las relaciones entre ellas. La introducción de un mapa de navegación es
crucial para comprender cómo los usuarios interactúan con la aplicación y cómo
pueden encontrar y acceder a la información que necesitan.
En un mapa de navegación típico, se presentan las diferentes páginas o secciones

de la aplicación en forma de nodos, conectados por líneas que representan los
enlaces entre ellas. Esto permite visualizar claramente la jerarquía de la
información y la forma en que los usuarios pueden moverse a través de la
aplicación.
El propósito principal de un mapa de navegación es proporcionar una vista general

de la estructura de la aplicación y facilitar la planificación y el diseño de la
experiencia del usuario. Permite identificar rápidamente las rutas de navegación
principales, los puntos de acceso clave y cualquier área que pueda necesitar
mejoras o ajustes en términos de usabilidad y accesibilidad.
En resumen, un mapa de navegación es una herramienta esencial en el proceso

de diseño y desarrollo de aplicaciones web, ya que ayuda a garantizar una
navegación intuitiva y eficiente para los usuarios, lo que a su vez mejora la
experiencia general del usuario y aumenta la efectividad de la aplicación.



MAPA DE NAVEGACION APLICACIÓN WEB PARA LA GESTIÓN DE LAS
MONITORIAS ACADÉMICAS.
Un mapa de navegación para un proceso de gestión de monitorías es una

representación visual de las diferentes secciones, funcionalidades y la estructura
de navegación de una aplicación web diseñada para administrar el proceso de
monitorías académicas. Esta herramienta es fundamental para comprender cómo
los usuarios interactúan con la aplicación y cómo pueden moverse entre las
diferentes partes de la misma.
La introducción de un mapa de navegación para este proceso proporciona una

visión general clara de la arquitectura y el flujo de la aplicación, lo que facilita la
comprensión de su estructura y la identificación de posibles áreas de mejora.
Además, ayuda a garantizar que la aplicación sea intuitiva y fácil de usar para
todos los usuarios, desde los administradores de la Vicerrectoría Académica hasta
los estudiantes interesados en inscribirse como monitores.
Al diseñar un mapa de navegación para un proceso de gestión de monitorías, es

importante tener en cuenta las necesidades específicas de los diferentes tipos de
usuarios y garantizar que la navegación sea coherente y eficiente. Esto significa
agrupar las funcionalidades relacionadas en secciones lógicas, proporcionar una
forma clara y fácil de acceder a cada sección y garantizar que los usuarios puedan
moverse de manera fluida entre las diferentes partes de la aplicación.
En resumen, un mapa de navegación para un proceso de gestión de monitorías es

una herramienta esencial para el diseño y desarrollo de una aplicación web efectiva
y centrada en el usuario. Proporciona una guía visual clara de la estructura y el
flujo de la aplicación, lo que facilita la comprensión y la navegación para todos los
usuarios involucrados en el proceso de monitorías académicas.



REGISTRO ESTUDIANTE



MONITORIAS ACADEMICAS
Pagina de inicio de sesion Dashboard Gestión de Convocatorias Gestión de Estudiantes Formulario de Inscripción Perfil de Usuario Cerrar Sesión
Funcionalidad URL Funcionalidad URL Funcionalidad URL Funcionalidad URL Funcionalidad URL Funcionalidad URL
Listar Estudiantes Inscritos

Autenticación de usuarios para acceder al sistema. /login Panel principal después de iniciar sesión, proporciona una /dashboard Permite a los usuarios de la Vicerrectoría Académica definir el /convocatorias Permite a los usuarios de los Departamentos y Programas Permite a los estudiantes inscribirse como aspirantes a /formulario-inscripcion /perfil
visión general de las actividades y notificaciones relevantes. cronograma y el número de plazas para las convocatorias de evaluar, seleccionar y designar monitores. monitores.
monitorías.
Evaluar Estudiantes
Crear Convocatoria Editar Perfil
Seleccionar Monitores
Modificar Convocatoria Cambiar Contraseña
Designar Monitores
Eliminar Convocatoria
Visualizar Convocatorias Anteriores

ROL ESTUDIANTE



ROL ADMINISTARDOR-VAC



ROL CONCEJO FACULTAD



CONCLUSIONES
La elaboración de un mapa de navegación para una aplicación web o sitio web es una
tarea fundamental en el proceso de diseño y desarrollo. Aquí hay algunas conclusiones
clave sobre por qué es importante realizar un mapa de navegación:
Claridad en la estructura: El mapa de navegación proporciona una visión clara y

organizada de la estructura de la aplicación, lo que facilita la comprensión de cómo se
organizan las diferentes secciones y páginas.
Facilita la planificación: Ayuda a los diseñadores y desarrolladores a planificar la

arquitectura de la información y la navegación de la aplicación de manera más eficiente,
identificando las relaciones entre las diferentes partes y estableciendo rutas de
navegación lógicas.
Mejora la experiencia del usuario: Al asegurar una navegación intuitiva y coherente,

el mapa de navegación contribuye a una mejor experiencia del usuario, permitiendo que
los usuarios encuentren fácilmente la información que están buscando y realicen las
acciones deseadas.
Identifica áreas de mejora: Al visualizar la estructura de la aplicación de manera

clara, el mapa de navegación permite identificar áreas que pueden necesitar mejoras en
términos de usabilidad, accesibilidad o flujo de navegación, lo que facilita la optimización
de la aplicación.
Comunicación efectiva: Sirve como una herramienta de comunicación efectiva entre

los miembros del equipo de diseño y desarrollo, así como con los interesados en el
proyecto, al proporcionar una representación visual compartida de la arquitectura y el
flujo de la aplicación.
En resumen, realizar un mapa de navegación es una práctica esencial para garantizar el

éxito de una aplicación web o sitio web, ya que contribuye a una estructura clara y
coherente, mejora la experiencia del usuario y facilita la comunicación y colaboración
entre los miembros del equipo.




Mapa de Navegacion Ga5-220501095-Aa1-Ev05

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Mapa de Navegacion Ga5-220501095-Aa1-Ev05

Cargado por

Copyright:

Formatos disponibles

+-

Aplicación web para la

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Julián Andrés Bolaños

Análisis Y Desarrollo De Software.

Servicio Nacional de Aprendizaje SENA

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Julián Andrés Bolaños

Instructor- Jeimmy Cristina Perea Barrios

Análisis Y Desarrollo De Software.

Servicio Nacional de Aprendizaje SENA

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Un mapa de navegación es una representación visual de la estructura y la

En un mapa de navegación típico, se presentan las diferentes páginas o secciones

El propósito principal de un mapa de navegación es proporcionar una vista general

En resumen, un mapa de navegación es una herramienta esencial en el proceso

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Un mapa de navegación para un proceso de gestión de monitorías es una

La introducción de un mapa de navegación para este proceso proporciona una

Al diseñar un mapa de navegación para un proceso de gestión de monitorías, es

En resumen, un mapa de navegación para un proceso de gestión de monitorías es

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Listar Estudiantes Inscritos

Visualizar Convocatorias Anteriores

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Versión del documento

Fecha Versión Autor Organización Descripción

Empresa /Organización Grupo de trabajo No 4 ficha 27211458

Cliente Universidad Pedagógica nacional de Colombia

Claridad en la estructura: El mapa de navegación proporciona una visión clara y

Facilita la planificación: Ayuda a los diseñadores y desarrolladores a planificar la

Mejora la experiencia del usuario: Al asegurar una navegación intuitiva y coherente,

Identifica áreas de mejora: Al visualizar la estructura de la aplicación de manera

Comunicación efectiva: Sirve como una herramienta de comunicación efectiva entre