Actividades
Actividad 1: Introducción al diseño de interfaces
Explora los conceptos básicos del diseño de interfaces y su importancia en la experiencia del usuario.
En esta actividad, exploraremos los conceptos básicos del diseño de interfaces y su importancia en la experiencia del usuario. Usaremos en primera instancia los componentes básicos de Swing para crear una interfaz sencilla.
Objetivos
- Comprender los principios fundamentales del diseño de interfaces.
- Familiarizarse con los componentes básicos de Swing.
- Crear una interfaz gráfica simple utilizando Swing.
- Analizar la usabilidad de la interfaz creada.
- Reflexionar sobre la experiencia de usuario y posibles mejoras.
Instrucciones
- Crea un proyecto Java en tu entorno de desarrollo preferido (Eclipse, IntelliJ, NetBeans, etc.).
- Crea una ventana principal utilizando
JFramey el editor visual de tu IDE. - Añade los siguientes componentes básicos a la ventana:
- Tres pares de etiquetas (
JLabel) y campos de texto (JTextField) para "Nombre", "Apellido Paterno" y "Apellido Materno". - Un botón (
JButton) etiquetado como "Enviar". - Una etiqueta adicional (
JLabel) para mostrar mensajes resultante.
- Tres pares de etiquetas (
- Implementa la funcionalidad del botón "Enviar" para que, al hacer clic, se muestre un mensaje en la etiqueta de mensajes con el texto "Hola, Nombre Apellido Paterno Apellido Materno".
- Personaliza la apariencia de la interfaz utilizando diferentes fuentes, colores y tamaños para mejorar la usabilidad.
- Prueba la interfaz para asegurarte de que todos los componentes funcionan correctamente y que la experiencia de usuario es satisfactoria.
- Reflexiona sobre la experiencia de usuario y escribe un breve informe (200-300 palabras) sobre las siguientes preguntas:
- ¿Qué aspectos del diseño de la interfaz consideraste más importantes?
- ¿Cómo mejoraste la usabilidad de la interfaz?
- ¿Qué desafíos enfrentaste durante el diseño y cómo los superaste?
Entrega
En un solo documento PDF, incluye lo siguiente:
- Portada con título de la actividad, tu nombre, materia, grupo y fecha.
- Código fuente del proyecto Java.
- Capturas de pantalla de la interfaz creada y su funcionamiento.
- Informe de reflexión sobre la experiencia de usuario.
Ejemplo 10: Proceso FIFO (First In, First Out) con Semáforos y Swing
Implementación de un proceso FIFO utilizando semáforos para controlar el acceso a un recurso compartido, con una interfaz gráfica en Swing.
Actividad 2: Diseño de wireframes y prototipos
Aprende a crear wireframes y prototipos para el diseño de interfaces de usuario.