Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{scrollbar}
----

La aplicación web provee dos mecanismos de ayuda en la navegación: 

# [O3SOL:Pestañas|#pestanas]
# [O3SOL:Traza de la navegación entre elementos del simulador|#traza]

h2. {anchor:pestanas}Pestañas

Las pestañas se encuentran en la *zona de pestañas* de la [aplicación web|Vista de la Aplicación Web]. *Las pestañas son generadas únicamente por la propia aplicación web* al seleccionar los items ofrecidos en la zona de menú. Se trata de un mecanismo de organización del contenido que está siendo accedido. Cada *pestaña* tiene un contenido asociado correspondiente a la acción solicitada. Sólo una pestaña está activa en un momento dado y su contenido es desplegado en la *zona de de resultados*.

h3. Selección directa del contenido de una pestaña

La selección mediante un *click sobre el nombre de la pestaña* en la zona de pestañas, despliega su contenido en la *zona de de resultados*. En la siguiente figura se ha seleccionado la pestaña "O3Planner" en la zona de pestañas y se ha obtenido su contenido actual que es visualizado en la zona de resultados.

!sel_directa_pestana.png|align=center!

h3. Administración de las pestañas

Los *iconos* !iconos_pestanas.png! ubicados en la zona de pestañas permiten manipular las pestañas generadas por la aplicación.  

El icono !cerrar.png! permite *cerrar la pestaña activa*.

El icono !cerraryelegir.png! permite *seleccionar una pestaña en particular o cerrar pestañas*. Al presionar dicho icono se activa una *ventana* como la que se muestra en la figura más abajo. 

El *seleccionar una pestaña* mediante esta ventana se comporta de igual forma que la selección directa de la misma. *Resulta de particular utilidad cuando se cuenta con un cantidad tal de pestañas generadas que hace que  no sean todas visibles en un momento dado*. 

En la figura siguiente, se ha presionando directamente sobre el nombre de una pestaña ("O3Planner"). Su efecto será la visualización del contenido de la misma en la zona de resultados y además transformarse en la pestaña activa.

!seleccion_pestana.png|align=center!

Una ventana seleccionada con el icono !cerraryelegir.png! también permite *cerrar pestañas*. El procedimiento general consiste en:
# Elegir las pestañas a cerrar marcando con un "tic" sobre la opción que aparece a la izquierda del nombre de las pestañas
# Presionar sobre la cruz que se encuentra en la última línea.

Para *cerrar todas las pestañas* se cuenta con la facilidad de marcar con un "tic" sobre la opción que aparece en primer lugar (única opción que no tiene un nombre de pestaña asociado). Esta acción marcará automáticamente todas las pestañas restando aplicar el segundo paso arriba mencionado.

En cualquier momento, *el cierre de la ventana tiene como efecto la cancelación de las opciones*.

La siguientes figuras ejemplifican, respectivamente, las 2 formas de cerrar pestañas: elección individual y elección de todas.

!cerrar_una_pestana.png|hspace=60! !cerrar_todas_pestanas.png|hspace=60!


{info:title=Importante}
La primer pestaña de más a la izquierda *nunca es cerrada por la aplicación*. Ella conserva el contenido de lo último elegido a través de la zona de menú explicada más abajo. Este comportamiento se mantiene aún si el usuario solicita explicitamente que se cierre.
{info}

h2. {anchor:traza}Traza de la navegación entre elementos del simulador

La traza de la navegación consiste de una lista ordenada de vínculos según el acceso de los elementos del simulador. Esta lista se presenta de forma horizontal y al final de la zona de resultados. 

Las siguientes figuras ilustran el efecto de seleccionar un vínculo de la traza.

!camino1.png|align=center!  

!camino2.png|align=center, vspace=20!


La traza no está disponible en los items de menú correspondiente a los formularios que permiten el ingreso y edición de datos. Usando las figuras anteriores, la traza no está disponible para los items del menú que se encuentran bajo "Catálogos y Fuentes de Datos". 

----
{children}

{scrollbar}