MAQUETACIÓN DE LA INTERFAZ GRÁFICA EN XML - ANDROID GA5-220501095-AA1-EV08 APRENDIZ BRANDON MORALES ARIAS BRAYAN SOLER RUIZ REGIONAL NORTE DE SANTANDER CENTRO DE LA INDUSTRIA, LA EMPRESA Y LOS SERVICIOS TECNOLOGO 2024 Elaborar el prototipo navegable del software aplicando estándares de usabilidad y accesibilidad. Con base a lo aplicable en el prototipo navegable de Software, iniciaremos creando una aplicación sencilla de registro de usuario. Tendremos una pantalla de inicio con un formulario que pide el nombre del usuario, su correo electrónico y un botón para enviar la información. También implementaremos navegación entre pantallas, utilizando buenas prácticas de usabilidad y accesibilidad. Pantalla de Inicio (Formulario de Registro) La primera pantalla tendrá un formulario con los campos: Nombre, Correo Electrónico y un botón para enviar los datos. XML (layout) de la pantalla de inicio: Proceso del código Diseño sencillo y accesible: El formulario tiene solo dos campos principales (nombre y correo), con un botón grande y claramente etiquetado para enviar la información. Accesibilidad: He usado el atributo contentDescription en todos los elementos interactivos como EditText, Button, y TextView para que los usuarios con discapacidad visual puedan navegar a través del contenido utilizando un lector de pantalla (como TalkBack en Android). Contraste y legibilidad: Los colores son sencillos, asegurando que los textos sean fácilmente legibles (texto negro sobre fondo blanco). Uso adecuado del tamaño: Los campos de texto son suficientemente grandes, y los textos de los botones están en un tamaño adecuado para ser legibles. Errores visibles: Se muestra un mensaje de error cuando la validación falla, y se oculta si todo está bien. Pantalla de Confirmación Después de enviar el formulario, el usuario será dirigido a una pantalla de confirmación, donde verá un mensaje indicando que su registro ha sido exitoso. XML (layout) de la pantalla de confirmación: Proceso del código: Mensaje de éxito: Es un mensaje claro que indica al usuario que su registro ha sido completado correctamente. Utilizo un color verde brillante para resaltar el éxito. Navegación de vuelta: Un botón de "Volver al Inicio" que permite al usuario regresar a la pantalla principal para ingresar nuevos datos o salir. Navegación entre Pantallas (Activity) Para navegar entre las pantallas, utilizamos Intent en el código Java de Android: Java para la pantalla principal (MainActivity.java): Java para la pantalla de éxito (SuccessActivity.java): Pantalla de Registro: Interfaz sencilla con un formulario accesible para ingresar el nombre y correo. Pantalla de Confirmación: Mensaje claro que indica el éxito del registro. Navegación: Implementación de Intents en Java para cambiar entre las pantallas. Accesibilidad: Se aseguraron de utilizar atributos como contentDescription, buen contraste y controles de tamaño adecuado.
