Estándares de interfaz gráfica

PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ

FACULTAD DE CIENCIAS E INGENIERÍA

SECCIÓN DE INGENIERÍA INFORMÁTICA

[ Grupo 03 ]

[ ALRAZ ]

[ Estándares de Interfaz Gráfica ]
Versión [ 1.0 ]

PROPUESTO POR: Manuel Tupia tupia.mf@pucp.edu.pe

ELABORADO POR:
Roddy Del Carmen Ríos Acosta 20000469
Karen Marlene Pancorbo Méndez 20017094
Marco Tulio Rodríguez Rojas 20027132Juan Carlos Guzmán Rodríguez 20037099
Carlos Eduardo Campos Vera 20042044
Dennis Alexander Risco Márquez 20042162
Yoshi Abel Vivanco Ortiz 20047213

REVISADO POR:
María del Carmen Elías maria.elias@pucp.edu.pe

Lima, 26 de noviembre del 2008

Historial de Revisiones

Historial de revisiones |
Ítem | Fecha | Versión | Descripción | Equipo |
1 | 10/04/2008 |1.0 | Versión inicial. | Grupo 03 |
2 | 26/11/2008 | 1.1 | Revisión y actualización | Grupo 03 |

Tabla de Contenido

1. Objetivos 4
2. Alcance 4
3. Principios Generales de la Interfaz 4
3.1. Esquema de la pantalla principal 4
3.2. Especificación de colores 4
3.3. Especificación de fuentes 5
4. Detalle de los estándares 5
4.1. Objetos gráficos disponibles 5
4.1.1.Swing Controls - Controles Comunes 5
4.1.1.1. JButton – Botón de Pulsación 5
4.1.1.2. JCheckBox - Casilla de Verificación 6
4.1.1.3. JComboBox - Lista de selección simple 6
4.1.1.4. JLabels - Etiquetas 7
4.1.1.5. JTextPane – Caja de Texto Multilínea 7
4.1.1.6. JTextField - Caja de Texto 8
4.1.1.7. JTextField Locked - Caja de Texto No Editable 8
4.1.2. Swing Containers –Contenedores 10
4.1.2.1. JPanel : Titled Border - Control de Marco 10
4.1.3. Menus&Toolbars 11
4.1.3.1. ToolStrip - Barra de Herramientas 11
4.1.4. Data - Datos 11
4.1.4.1. JTable - Vista de Datos 11
4.2. Objetos Compuestos 12
4.2.1.1. Formulario 12
4.2.1.2. Caja de Diálogo 13
5. Conclusiones 14
6. Datos adicionales 15

Estándares de Interfaz Gráfica
ObjetivosEl objetivo principal del presente documento es establecer estándares generales para el diseño de los componentes gráficos en la aplicación a desarrollar.

Todos los módulos en los que se ha dividido el proyecto trabajarán de acuerdo a los estándares establecidos en este documento, para de esta manera poder integrarlos fácilmente y de manera correcta. Cabe resaltar que en el producto final,algunos elementos pueden variar, más no las convenciones para nombres y tamaños además las imágenes mostradas son referenciales y no reflejan el producto final.

Finalmente, una vez cumplido todo lo anterior permitirá que el usuario final del sistema se familiarice muy fácilmente en un corto tiempo sin perjudicar su trabajo y por el contrario hacerlo más ligero.

Alcance

El presente documentonos servirá como referencia de estandarización de las interfaces gráficas para facilitar el desarrollo de la aplicación para simulación de cortes, en este sentido se trabajará de manera que se pueda uniformizar las formas y el uso de los nombres.

Las ilustraciones mostradas en el presente documento son referenciales y fueron hechas sobre MacOS X, los equivalentes en Windows y Ubuntu no sufrencambios considerables gracias al uso de innovadoras técnicas para mantener el mismo estilo visual en todas las plataformas.

Principios Generales de la Interfaz

A continuación se presentarán los estándares que se han definido para la Interfaz Gráfica de Usuario del Sistema de Simulación de Cortes ALRAZ.

Esquema de la pantalla principal

La ventana principal tendrá dos zonas: el área deBotones 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 siempre buscará presentarse de forma minimalista, solo mostrados las opciones que realmente son necesarias en ese momento.
* Las ventanas para funciones específicas no contendrán un área de menú, si no una barra de botones con íconos...