8 diseño navegacional

5/17/2018 8 Dise o Navegacional - slidepdf.com

http://slidepdf.com/reader/full/8-diseno-navegacional 1/19

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 la

construcció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án aspectos 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.

Seguidamente describiremos 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 de logout 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 usar para

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 de Contenido, 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 citado cuerpo 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

del perfil del usuario las zonas a las cuales se tiene acceso.

Submenús Anónimo Registrado Técnico Ayto. Administrador

Jugadores NO Consulta Parcial Todo

Equipos NO Consulta Parcial Todo

Colegiados NO Consulta Parcial Todo

Usuarios NO NO Parcial Todo

Competición NO Consulta Parcial Todo

Sanciones NO Consulta Parcial Todo

Estadísticas NO Todo Todo Todo

Administración NO NO Parcial Todo

Se puede ver qué 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 el administrador podrá

acceder a todas las cuentas y gestionarlas.

En la siguiente imagen se muestra el menú principal en un navegador al acceder a la

aplicación con cualquiera de los perfiles (a excepción del menú administración que estaría

deshabilitado para los perfiles de usuario registrado y técnico del ayuntamiento).



8.3.2 | Gestión de jugadores

Este submenú del menú principal ofrecerá acceso a todas las opciones para la gestión íntegra

de los jugadores participantes en el campeonato.

Siempre que se acceda a una de las pantallas siguientes: Eliminar, Alta, Baja, Editar o

Consultar, se accederá primeramente a la pantalla de Búsqueda de jugador, que servirá de

unión entre todas estas pantallas. A través de esta se podrá posteriormente acceder a la

pantalla de los datos del jugador siempre y cuando se proceda de las opciones Nuevo, Editar

o Consultar.

Los enlaces mencionados anteriormente se describen a continuación.

Nuevo. Este enlace mostrará directamente la pantalla de jugador que contendrá el

formulario para introducir los datos del nuevo jugador y poder darlo de alta en el sistema.



Eliminar. Este enlace como se ha descrito anteriormente, nos llevará a la pantalla de

Búsqueda de jugador en donde nos encontraremos con las opciones pertinentes para poder

eliminar un jugador del sistema.

Alta. Como en la anterior opción de eliminar, este enlace también nos llevará a la pantalla de

Búsqueda de jugador y nos mostrará las opciones necesarias para dar de alta a un jugador

para que esté disponible para jugar en la competición.

Baja. Igual que la opción de alta pero mostrando opciones para poder dar de baja a un

jugador y que no puede seguir participando en competiciones.

Editar. Este enlace también nos llevará a la pantalla de Búsqueda de jugador pero

posteriormente nos dará acceso a la pantalla de los datos del jugador que deseemos editar.

Consultar. Exactamente igual que el enlace de Edición, tendremos acceso a la búsqueda de

jugador y posteriormente a la pantalla de jugador.

Búsqueda de jugador. Este enlace nos mostrará un formulario con datos básicos para labúsqueda de jugadores en el sistema y las opciones existentes según el tipo de opción elegida

con anterioridad.

Jugador. Es esta una el enlace más importante de este submenú ya que en él nos mostrarán

el formulario con los datos del jugador en cuestión para poder editarlo o consultarlo. Se

accede a él a través de las opciones de Nuevo o de búsqueda de jugador.

Tal y como se hizo para el menú principal, se muestra a continuación los accesos y sus

permisos para cada tipo de usuario:


Nuevo NO NO Todo Todo

Eliminar NO NO Todo Todo

Alta NO NO Todo Todo

Baja NO NO Todo Todo

Editar NO NO Todo Todo

Consultar NO SI Todo Todo

Búsqueda de

jugador

NO Parcial Todo Todo

Jugador NO Consulta Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de jugadores en un navegador

al acceder a la aplicación con los perfiles técnico de Ayto. o administrador (se eligen estos

perfiles ya que son ellos los que engloban todas las opciones para que se puedan ver).



8.3.3 | Gestión de equipos


de los equipos participantes en el campeonato.


Consultar, se accederá primeramente a la pantalla de Búsqueda de equipo, que servirá de


pantalla de los datos del equipo siempre y cuando se proceda de las opciones Nuevo, Editar o

Consultar.


Nuevo. Este enlace mostrará directamente la pantalla de equipo que contendrá el formulario

para introducir los datos del nuevo equipo y poder darlo de alta en el sistema.




Búsqueda de equipo en donde nos encontraremos con las opciones pertinentes para poder

eliminar un equipo del sistema.


Búsqueda de equipo y nos mostrará las opciones necesarias para dar de alta a un equipo para

que esté disponible para jugar en la competición.

Baja. Igual que la opción de alta pero mostrando opciones para poder dar de baja a un equipo

y que no puede seguir participando en competiciones.

Editar. Este enlace también nos llevará a la pantalla de Búsqueda de equipos pero

posteriormente nos dará acceso a la pantalla de los datos del equipo que deseemos editar.


equipo y posteriormente a la pantalla de equipo.

Búsqueda de equipo. Este enlace nos mostrará un formulario con datos básicos para labúsqueda de equipos en el sistema y las opciones existentes según el tipo de opción elegida

con anterioridad.

Equipo. Es esta una el enlace más importante de este submenú ya que en él nos mostrarán el

formulario con los datos del equipo en cuestión para poder editarlo o consultarlo. Se accede

a él a través de las opciones de Nuevo o de búsqueda de equipo.










Búsqueda de

equipo

NO Parcial Todo Todo

Equipo NO Consulta Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de equipos en un navegador al

acceder a la aplicación con los perfiles técnico de Ayto. o administrador (se eligen estos




8.3.4 | Gestión de colegiados


de los colegiados participantes en el campeonato.


Consultar, se accederá primeramente a la pantalla de Búsqueda de colegiado, que servirá de


pantalla de los datos del colegiado siempre y cuando se proceda de las opciones Nuevo,

Editar o Consultar.


Nuevo. Este enlace mostrará directamente la pantalla de equipo que contendrá el formulariopara introducir los datos del nuevo colegiado y poder darlo de alta en el sistema.




Búsqueda de colegiado en donde nos encontraremos con las opciones pertinentes para poder

eliminar un colegiado del sistema.


Búsqueda de colegiado y nos mostrará las opciones necesarias para dar de alta a un colegiado

para que esté disponible para jugar en la competición.

Baja. Igual que la opción de alta pero mostrando opciones para poder dar de baja a un

colegiado y que no puede seguir participando en competiciones.

Editar. Este enlace también nos llevará a la pantalla de Búsqueda de colegiados pero

posteriormente nos dará acceso a la pantalla de los datos del colegiado que deseemos editar.


colegiado y posteriormente a la pantalla de colegiado.

Búsqueda de colegiado. Este enlace nos mostrará un formulario con datos básicos para la

búsqueda de colegiados en el sistema y las opciones existentes según el tipo de opción

elegida con anterioridad.

Colegiado. Es esta una el enlace más importante de este submenú ya que en él nos

mostrarán el formulario con los datos del colegiado en cuestión para poder editarlo o

consultarlo. Se accede a él a través de las opciones de Nuevo o de búsqueda de colegiado.



Submenús Anónimo Registrado Técnico Ayto. AdministradorNuevo NO NO Todo Todo






Búsqueda de colegiado NO Parcial Todo Todo

Colegiado NO Consulta Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de colegiados en un navegador

al acceder a la aplicación con los perfiles técnico de Ayto. o administrador (se eligen estos




8.3.5 | Gestión de usuarios


de los usuarios registrados en el sistema.

Siempre que se acceda a una de las pantallas siguientes: Eliminar, Editar o Consultar, se

accederá primeramente a la pantalla de Búsqueda de usuario, que servirá de unión entre

todas estas pantallas. A través de esta se podrá posteriormente acceder a la pantalla de los

datos del usuario siempre y cuando se proceda de las opciones Nuevo, Editar o Consultar.




Nuevo. Este enlace mostrará directamente la pantalla de usuario que contendrá el formulario

para introducir los datos del nuevo usuario y poder darlo de alta en el sistema.


Búsqueda de usuario en donde nos encontraremos con las opciones pertinentes para poder

eliminar un usuario del sistema.

Editar. Este enlace también nos llevará a la pantalla de Búsqueda de usuarios pero

posteriormente nos dará acceso a la pantalla de los datos del usuario que deseemos editar.


usuario y posteriormente a la pantalla de usuario.

Búsqueda de usuario. Este enlace nos mostrará un formulario con datos básicos para la

búsqueda de usuarios en el sistema y las opciones existentes según el tipo de opción elegida

con anterioridad.

Usuario. Es esta una el enlace más importante de este submenú ya que en él nos mostrarán

el formulario con los datos del usuario en cuestión para poder editarlo o consultarlo. Se

accede a él a través de las opciones de Nuevo o de búsqueda de usuario.






Editar NO Parcial Todo Todo

Consultar NO Parcial Todo Todo

Búsqueda de usuario NO NO Todo Todo

Usuario NO Parcial Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de usuarios en un navegador al

acceder a la aplicación con los perfiles técnico de Ayto. o administrador (se eligen estos




8.3.5 | Gestión de competición


de la competición en el sistema.


Alta temporada. Este enlace directamente la pantalla del alta de una temporada que

mostrará el formulario necesario para poder introducir los datos necesarios.

Editar temporada. Este enlace nos mostrará la opción primera de seleccionar una temporada

para su edición. Posteriormente se muestra la pantalla de edición de la temporada con losformularios necesarios para la edición de esta.

Baja temporada. Este enlace también nos mostrará la opción de seleccionar una temporada

para poder darla de baja. Una vez seleccionada se podrá dar de baja a la temporada.

Cerrar temporada. Exactamente igual que el enlace de Baja de temporada, se seleccionará

una temporada para poder cerrarla.

Crear calendario. Este enlace nos muestra directamente un formulario donde se muestran

los datos básicos y necesarios para poder crear un calendario para un campeonato.

Consultar calendario. Este enlace es otro de los que se accede antes a la selección de latemporada para posteriormente ir a la pantalla de consulta del calendario.



Consultar partidos. Al igual que en consultar calendario, se debe seleccionar una temporada

para que se muestra el calendario y posteriormente seleccionar un partido para su consulta.




Alta temporada NO NO Todo Todo

Editar temporada NO NO Todo Todo

Baja temporada NO NO Todo Todo

Cerrar temporada NO NO Todo Todo

Crear calendario NO NO Todo Todo

Consultar calendario NO Si Todo Todo

Consultar partidos NO Parcial Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de la competición en un

navegador al acceder a la aplicación con los perfiles técnico de Ayto. o administrador (se

eligen estos perfiles ya que son ellos los que engloban todas las opciones para que se puedan

ver).



8.3.6 | Gestión de sanciones


de las sanciones en el sistema.

Siempre que se acceda a una de las pantallas siguientes: Editar, Levantar o Consultar, se

accederá primeramente a la pantalla de Búsqueda de sanción, que servirá de unión entre

todas estas pantallas. A través de esta se podrá posteriormente acceder a la pantalla de los

datos de la sanción siempre y cuando se proceda de las opciones Editar o Consultar.


Sancionar. Este enlace nos llevará en un primer momento a una pantalla de búsqueda de

amonestados.

Búsqueda de amonestados. Esta pantalla nos enlazará una vez seleccionado un amonestado

a la pantalla de Sanción.

Editar. Este enlace mostrará la opción primera de búsqueda de sanción para su edición.

Posteriormente se muestra la pantalla de edición de la sanción con los formularios necesarios

para la edición de esta.

Levantar. Este enlace también nos mostrará la opción de búsqueda de sanción para poder

levantar y que quede sin efecto. Una vez seleccionada se podrá levantar la sanción.



Consulta. Exactamente igual que el enlace de Edición, se buscará la sanción y posteriormente

se consultarán sus datos.

Búsqueda sanción. Este enlace nos muestra directamente un formulario a través del cual

poder buscar sanciones almacenadas en el sistema.

Sanción. Es esta una el enlace más importante de este submenú ya que en él nos mostrarán

el formulario con los datos de la sanción para poder editarla o consultarla. Se accede a él a

través de las opciones de Sancionar/Búsqueda amonestados o de búsqueda de sanción.




Sancionar NO NO Todo Todo


Levantar NO NO Todo Todo

Consulta NO Si Todo Todo

Búsqueda

amonestados

NO NO Todo Todo

Búsqueda sanción NO Si Todo Todo

Sanción NO Parcial Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de las sanciones en un

navegador al acceder a la aplicación con los perfiles técnico de Ayto. o administrador (se

eligen estos perfiles ya que son ellos los que engloban todas las opciones para que se puedan

ver).



8.3.7 | Gestión de estadísticas


de las estadísticas de la competición.


Jugadores. Este enlace nos llevará a la pantalla de consulta de estadísticas de jugadores.

Equipos. Este enlace nos llevará a la pantalla de consulta de estadísticas de equipos.

Colegiados. A través de este enlace se podrá acceder a la pantalla de consulta de estadísticas

por colegiados.

Temporada. Este enlace nos mostrará la pantalla de estadísticas de la temporada.

Generales. Nos mostrará la pantalla de estadísticas generales de la competición.




Jugadores NO Todo Todo Todo

Equipos NO Todo Todo Todo

Colegiados NO Todo Todo Todo

Temporada NO Todo Todo TodoGenerales NO Todo Todo Todo

En la siguiente imagen se muestra el submenú para la gestión de las estadísticas en un

navegador al acceder a la aplicación sin distinción del perfil ya que todos los perfiles tienen

acceso a esta parte de la aplicación.



8.4| Botonera inferior

La zona de la botonera inferior, ubicada en la parte inferior de la aplicación, contendrá los

botones de acción necesarios para cada pantalla. Dependiendo de la pantalla en la que nos

encontremos se dispondrán de unos botones u otros

En las siguientes imágenes se puede ver un ejemplo de cómo quedaría esta zona en la

aplicación.

Botonera para la pantalla nuevo jugador.

Botonera para la pantalla edición de partido

8.5| Píe de página

Esta sección está dedicada a información general de la aplicación, tales como información del

campeonato, información del cliente o versión de la aplicación.



La siguiente imagen muestra cómo quedaría esta sección en la aplicación.

8 diseño navegacional

Documents