8 Dise O Navegacional

8|
Diseño navegacional
8.1| Introducción
La primera generación de aplicaciones web fue pensada para realizar navegación a través del
espacio de información, utilizando un simple modelo de datos de hipermedia. Actualmente la
navegación es considerada un paso crítico en el diseño de aplicaciones. Un modelo
navegacional es construido como una vista sobre un diseño conceptual, admitiendo laconstrucción de modelos diferentes de acuerdo con los diferentes perfiles de usuarios. Cada
modelo navegacional provee una vista subjetiva del diseño conceptual.
A continuación se describe como es el despliegue de la aplicación, indicando la navegabilidad
que se les ofrecerá a los usuarios en la aplicación web. La aplicación se compone de estas
cuatro zonas bien diferenciadas:
Cabecera. Se mostraránaspectos básicos y relevantes de la aplicación.
Bloque principal. Representa la zona donde le usuario interactuará principalmente,
mostrándose todo tipo de información.
Botonera inferior. Contendrá los botones básicos para cada pantalla para que el usuario
pueda realizar las operaciones que se necesitan en cada momento
Pie de página. Contendrá información general sobre la aplicación.

Seguidamentedescribiremos cada uno de estos bloques, indicando su respectivo diagrama de
navegabilidad y un resumen de los accesos permitidos a cada tipo de usuario.

8.2| Cabecera
La zona de la cabecera, ubicada en la parte superior del navegador, contendrá información
básica de la aplicación tales como el nombre de la propia aplicación o el logo de esta.
Además, el usuario siempre podrá encontrar un botón delogout para poder salir de la
aplicación en cualquier momento cerrando su sesión.
El siguiente esquema muestra las partes que conforman la zona de la cabecera:

Nombre app. Zona asignada al nombre de la aplicación (Texto corporativo de la aplicación)
Logo app. Zona asignada a la imagen corporativa de la aplicación.
Logout usuarios. Espacio en el que los usuarios que se encuentren logados podrán usarpara
cerrar sus sesiones y salir de la aplicación.
La siguiente imagen muestra cómo vería el usuario la cabecera en un navegador al acceder a
la aplicación.

8.3| Bloque principal
El bloque principal es la zona más importante de la aplicación ya que es ahí donde el usuario
interactuará con el sistema. En este bloque cabe destacar los siguientes elementos en un
principio:

Se destaca la zona deContenido, la cual es la zona de la aplicación donde se mostrará la
información y los formularios en función de la opción seleccionada en los menús de la
aplicación. Es la parte con diferencia más variable e importante del sistema y es ahí donde se
centrará la atención del usuario, siendo por tanto la zona más crítica de la aplicación.
La siguiente imagen muestra cómo vería el usuario el citadocuerpo en un navegador al
acceder a la aplicación.

8.3.1 | Menú principal
El menú principal contendrá todas las posibles gestiones que se pueden realizar en el
sistema. Estas gestiones estarán o no disponibles al usuario dependiendo de su perfil,
eliminándose o añadiendo funcionalidades según el mismo.
Para hacernos una primera idea podemos ver la siguiente tabla donde se recoge en función
delperfil del usuario las zonas a las cuales se tiene acceso.
Submenús
Jugadores
Equipos
Colegiados
Usuarios
Competición
Sanciones
Estadísticas
Administración

Anónimo
NO
NO
NO
NO
NO
NO
NO
NO

Registrado
Consulta
Consulta
Consulta
NO
Consulta
Consulta
Todo
NO

Técnico Ayto.
Parcial
Parcial
Parcial
Parcial
Parcial
Parcial
Todo
Parcial

Administrador
Todo
Todo
Todo
Todo
Todo
Todo
Todo
Todo

Se puede verqué partes de la aplicación estarán disponibles en función del tipo de usuario.
Cómo es lógico, el administrador podrá controlar toda la aplicación mientras que los usuarios
no registrados (Anónimos) no podrán acceder a ninguna opción del sistema.
Hay que hacer una mención a la gestión de usuarios en la que todos los tipos de usuarios
registrados podrán gestionar su cuenta de usuario, mientras que...