Interfaz grfica de usuario (GUI)

Una GUI es una interfaz grfica de usuario en la que una persona puede manipular e
intercambiar informacin digital a travs de un entorno grfico de una IDE
(Entorno de desarrollo integrado).
Las principales caractersticas de una GUI son:
Permite la interaccin del usuario con la mquina/aplicacin en cuestin.
Utiliza una serie de herramientas y tecnologas para mejorar los procesos de
generacin de informacin e impresin de resultados.
Logra que cualquier software sea entendible gracias a la diversidad de
lenguajes en que se pueden programar.
.
Para disear una interfaz grfica es necesario realizar tres pasos:
1. Es imprescindible hablar con el usuario final de la GUI. Es
importantsimo entender cules son las necesidades exactas
que tienen que ser cubiertas por la aplicacin
2. Planificacin desarrollo de la interfaz Test a un usuario final
3. Conclusin, anlisis de los datos, informe de resultados y
recomendaciones y buscar mejoras para futuras versiones

Con todos los pasos hechos conseguiremos ajustar las necesidades y acercarnos ms
a la meta deseada por el usuario.

COMO SE PROGRAMA UNA GUI?

Ejemplo con java
Ahora, hay varias formas de disear una GUI, a veces depende de la
complejidad que tenga la interfaz y la forma en que la hacemos.
Primero tenemos que disear la aplicacin, programarla y por ltimo los
eventos que se generan a medida que el usuario interacta con la Interfaz.
Los componentes son objetos de las clases que heredan de la clase base
componente como Button, List, TextField, TextArea, Label, etc.
En una GUI los componentes son contenidos en Contenedores o conteiner. Un
Container es un objeto cuya clase hereda de Conteiner (clase que a su vez es
subclase de Component) y tiene la responsabilidad de contener Componentes.
Casi siempre una GUI se monta sobre un Frame. Est ser el Container
principal que contendr a los componentes de la Interfaz Grfica, un Container
podra contener a otros containers.
Distribucin de componentes.
Los containers contienen componentes y estos son acomodados dentro del
espacio visual del container respetando una cierta distribucin que llamaremos
layout.

Distribuciones Relativas
Los layouts determinan el criterio con el que se van a distribuir los
componentes dentro del container
FlowLayout
BorderLayout
GridLayout
GridBagLayout
FlowLayout

Codigo:

La

clase Frame nos presenta una ventana de Windows, en el cdigo podemos ver que la
clase Ventana1 extiende a Frame por lo tanto Ventana1 es un Frame y hereda de sta
clase los mtodos setLayout, add, setSize y setVisible.
Y el resultado es: