Interfaz gráfica de usuario (GUI)Una GUI es una interfaz gráfica de usuario en la que una persona puede manipular e intercambiar información digital a través de un entorno gráfico de una IDE (Entorno de desarrollo integrado).Las principales características de una GUI son:

Permite la interacción del usuario con la máquina/aplicación en cuestión. Utiliza una serie de herramientas y tecnologías para mejorar los procesos de

generación de información e impresión de resultados. Logra que cualquier software sea entendible gracias a la diversidad de

lenguajes en que se pueden programar..

Para diseñar una interfaz gráfica es necesario realizar tres pasos:

1. Es imprescindible hablar con el usuario final de la GUI. Es importantísimo entender cuáles son las necesidades exactas que tienen que ser cubiertas por la aplicación

2. Planificación desarrollo de la interfaz Test a un usuario final

3. Conclusión, análisis 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 más a la meta deseada por el usuario.

¿COMO SE PROGRAMA UNA GUI?

Ejemplo con java

Ahora, hay varias formas de diseñar una GUI, a veces depende de la complejidad que tenga la interfaz y la forma en que la hacemos.Primero tenemos que diseñar la aplicación, programarla y por último los eventos que se generan a medida que el usuario interactúa 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 Gráfica, un Container podría contener a otros containers. Distribución de componentes. Los containers contienen componentes y estos son acomodados dentro del espacio visual del container respetando una cierta distribución 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 código podemos ver que la clase Ventana1 extiende a Frame por lo tanto Ventana1 es un Frame y hereda de ésta clase los métodos setLayout, add, setSize y setVisible.

Y el resultado es: