Interfaz Gráfica

Estándares de Interfaz Gráfica
Objetivos

El objetivo principal del presente documento es establecer estándares generales para el diseño de los componentes gráficos del sistema.

Cada módulo en el que se ha dividido el proyecto respetará y cumplirá los estándares establecidos en este documento. Es importante mencionar que en el producto final, algunos elementos pueden variar. Las imágenesmostradas son referenciales, pueden no reflejar el diseño del producto final.

Alcance

El presente documento servirá como referencia para estandarizar las interfaces gráficas, lo cual facilitará el desarrollo del sistema de decisión de inversión, uniformizando las formas y el uso de los nombres.

Las ilustraciones mostradas en el presente documento son referenciales y fueron hechas sobreWindows 7.
*
Principios Generales de la Interfaz

A continuación se presentarán los estándares definidos.

Esquema de la pantalla principal

La ventana principal tendrá dos zonas: el área de Botones Gráficos y el área de Cliente.

* En el área de Botones Gráficos irán los botones de las principales funcionalidades del sistema.
* El área Cliente solo mostrará acciones que puedanser realizadas por el.
* Las ventanas en donde se realicen tareas específicas tendrán barra de botones con íconos.

Especificación de colores

Los colores que se utilizarán en las ventanas estarán basados en el siguiente esquema:

Especificación de Colores |
Característica | Estándar |
Color de fondo de ventanas | RGB (255,255,255) |
Color de fuentes | RGB (30, 144, 255) |Especificación de fuentes

Las fuentes que se utilizarán serán Calibri tamaño de 11,12 y 14 puntos además de Centaur en estilo normal tamaño 12 puntos.



Detalle de los estándares

Objetos gráficos disponibles
A continuación se detallarán los controles gráficos proporcionados por la herramienta de programación ASL, de la misma forma y orden como se muestran en ella.

Controles estándar1.1.1.1. Button – Botón de Pulsación

Permite la interacción con el usuario, siendo muy útil al decidir las acciones a realizar.



Button |
Característica | Estándar |
Nombre del objeto | butNombre |
Alto | Predeterminado |
Ancho | Depende del texto en el botón. |
Alineación | MiddleCenter |
Imagen de Fondo | but[nombreBoton].JPG |
Borde | Ninguno |Ubicación:

* Su ubicación dependerá del diseño de pantalla, y deberán estar alineados al medio con respecto a la ventana.

* El botón Aceptar/Guardar tendrá la tecla Enter como tecla por defecto, seguidamente ejecutara la acción determinada. Ordenará el grabado o registro de uno o más datos especificados.
* El botón Cancelar tendrá la tecla Esc como tecla por defecto, retornará a lapantalla anterior o ejecuta la instrucción de salida.
* El botón Buscar, ejecutará la búsqueda de uno o más datos.
* El botón Limpiar, será usado en las ventanas de mantenimiento de información. Borrará todos los datos digitados en la ventana activa.
* El botón Sí que confirmara una petición del usuario o del sistema.
* El botón No que representara la negación hacia una petición.
*El botón Continuar, conducirá a otra página cuyo contenido está relacionado a la de la página anterior.

*

1.1.1.2. CheckBox - Casilla de Verificación

Estos componentes estarán agrupados dentro marco de control de dimensión variable o pueden estar dispersos en forma simple de selección.

Se podrá realizar una selección múltiple o simple mediante un clic del botónizquierdo del mouse.

Casilla de Verificación |
Característica | Estándar |
Nombre del objeto | chbNombre |
Alto | Predeterminado |
Ancho | Predeterminado |
Alineación | MiddleLeft |
Color de fondo | RGB[255,255,255] |
Color de letra | RGB[0,153,255] |
Estilo de letra | Normal |
Fuente de letra | Calibri |
Tamaño de letra | 11 |

1.1.1.3. ComboBox - Lista de...