...
| Wiki Markup |
|---|
{scrollbar} |
...
Vista de la Aplicación Web
La Aplicación Web de un simulador se presenta en el navegador web como una página dividida en 3 zonas:
| Anchor | ||||
|---|---|---|---|---|
|
La zona de las pestañas es la zona de más arriba de la página. En primera fila posee 2 vínculos en el ángulo superior derecho. En la segunda fila aparece en primer lugar un conjunto de pestañas (en la figura, aparece sólo una con el nombre "O3 Planner Components") y por último se despliegan 2 iconos que permiten administrar las pestañas.
El vínculo Inicio permite regresar a la página inicial del O3 Portal. Por su parte, el vínculo Salir permite desactivar el O3 Portal para el usuario corriente, desplegando la página que lo habilita a reiniciar nuevamente solicitando el ingreso del nombre de usuario y su correspondiente contraseña.
Cada pestaña tiene un contenido asociado. Al activar una pestaña (mediante un click sobre su nombre), su contenido es desplegado en la zona de abajo a la derecha (llamada zona de resultados y que se describe más abajo). Sólo una pestaña está activa en un momento dado.
Los iconos
permiten manipular las pestañas. El icono permite cerrar la pestaña activa.
El icono 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 siguiente. El seleccionar una pestaña mediante esta ventana se comporta de igual forma que la mencionada más arriba. Resulta de particular utilidad cuando las pestañas exceden el tamaño de la ventana del navegador. 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.
Una ventana seleccionada con el icono 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.
| Info | ||
|---|---|---|
| ||
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. |
En Ayudas en la navegación se describe la administración y uso de las pestañas.
| Anchor | ||||
|---|---|---|---|---|
|
La zona de menú es la zona de abajo a la izquierda de la página. El resultado de la selección de las opciones ofrecidas en él, se despliegan en la zona de resultados.
| Info | ||
|---|---|---|
| ||
En toda situación en la que el menú no refleje lo esperado se debe presionar el vínculo Actualizar Menú ubicado al fondo de esta zona. Esta acción obliga al navegador a refrescar los datos afines a los items del menú con respecto al estado del servidor. |
| Anchor | ||||
|---|---|---|---|---|
|
La zona de resultados es la zona de abajo a la derecha de la página. Estos resultados son presentados a su vez como páginas conteniendo vínculos que brindan mayor detalle.
...
| Child pages (Children Display) |
|---|
| Wiki Markup |
|---|
{scrollbar} |