Taller Sobre Construcción Del Prototipo Del Software de Acuerdo Al Análisis de Las Características Funcionales y de Calidad GA5-220501095-AA1-EV01.

GA5-220501095-AA1.
Elaborar el prototipo navegable del software aplicando estándares de

usabilidad y accesibilidad.
Taller sobre construcción del prototipo del software de acuerdo al análisis de las
características funcionales y de calidad GA5-220501095-AA1-EV01.
LUISA FERNANDA SALGADO MENESES
SEPTIEMBRE 2024
SENA
Sección 1 - Taller
Teniendo en cuenta las siguientes funcionalidades, elaborar el diagrama de la funcionalidad,

establecer colores
y componentes a utilizar:
● Se desea elaborar una pantalla que permita validar la autenticidad de un usuario.
● Se desea elaborar una pantalla que permita ingresar nombres, apellidos, cédula, fecha de
nacimiento de un usuario.
● Se desea dibujar una pantalla en donde se informe de posibles errores a un usuario.
● Proponer la paleta de colores de los componentes anteriores utilizando como máximo la

combinación de tres colores.
Respecto a los problemas planteados:
GFPI-F-135 V01
● Para precisar los elementos de entrada de cada una de las situaciones planteadas no
olvide tener en cuenta lo siguiente:
● Identificar categorías que se encuentran en los requerimientos.
● Organizar los componentes de las pantallas en orden lógico.
● Manejar componentes comunes en tamaños, tipos de letra y colores.
● ¿Qué información adicional hace falta para resolver el problema?
● Para precisar los resultados esperados se recomienda utilizar las preguntas guía:
● ¿Qué información están solicitando?
● ¿En qué formato se debe entregar esta información?
Funcionalidades y categorías
1. Pantalla de autenticación del usuario: Debe contener los siguientes componentes:
o Entrada de usuario: Campo de texto para el nombre de usuario o correo

electrónico.
o Entrada de contraseña: Campo de texto para la contraseña (en formato

oculto).
o Botón de acceso: Para validar la autenticidad del usuario.
o Opciones adicionales: Enlaces para "Recuperar contraseña" y "Registrarse"

en caso de ser nuevo usuario.
2. Pantalla de ingreso de datos del usuario: En esta pantalla se solicitarán los
siguientes datos:
o Nombres: Campo de texto.
o Apellidos: Campo de texto.
o Cédula: Campo de texto (con validación de formato).
o Fecha de nacimiento: Campo de fecha.
o Botón de guardar: Para almacenar los datos ingresados.
3. Pantalla de errores: Se debe informar al usuario cuando exista un error. Los

componentes incluyen:
o Mensaje de error: Texto que informe al usuario del problema, utilizando un

color que resalte, como rojo.
o Botón de regresar: Para que el usuario pueda corregir la información

ingresada.
Paleta de colores propuesta
Dado que se menciona la limitación a tres colores, sugiero los siguientes tonos:
• Color principal (Fondo general): Blanco (#FFFFFF), para proporcionar un fondo

limpio y claro.
• Color secundario (Botones y textos importantes): Azul oscuro (#003366), para los
botones de acción y el título de la aplicación, ya que es un color que denota
confianza.
• Color de alerta (Errores y mensajes de advertencia): Rojo (#FF0000), para

mensajes de error o advertencia, destacando los problemas que el usuario debe
corregir.
Diagrama conceptual (Desarrollo del esquema de las pantallas)
Voy a proceder con el diagrama de estas tres pantallas de interfaz de usuario y los
componentes descritos.
Información adicional para resolver el problema
1. Flujo de interacción: Es importante definir cómo se moverá el usuario entre las

pantallas. Por ejemplo, al fallar la autenticación, se redirige a la pantalla de errores, y
al completar el registro exitoso, se redirige a una pantalla de confirmación.
2. Tipos de validación: ¿Habrá validaciones adicionales? Por ejemplo, para la cédula, si

se desea que siga un formato específico.
3. Mensajes de error específicos: ¿Qué tipo de errores se mostrarán en la pantalla de

errores (campos vacíos, formato incorrecto, etc.)?
4. Formato de la información: ¿Cuál es el formato requerido para los datos como la
fecha de nacimiento? ¿Se utilizará un calendario desplegable o ingreso manual?
1.Pantalla de autenticación de usuario: Incluye los campos de nombre de usuario,

contraseña y el botón de "Iniciar sesión" en color azul oscuro sobre un fondo blanco. También
se han añadido los enlaces para "Olvidé mi contraseña" y "Registrarse".
2.Pantalla de ingreso de datos del usuario: Contiene campos para ingresar nombres,
apellidos, cédula y fecha de nacimiento. Un botón de "Guardar" en azul oscuro es visible al
final de los campos.
3.Pantalla de errores: Muestra un mensaje de error en rojo cuando hay un problema con los
datos ingresados, junto con un botón azul oscuro que permite al usuario regresar y corregir la
información.
Sección 2 - Taller
Elabore una investigación corta usando los materiales disponibles en la biblioteca o internet
respecto a los fundamentos de calidad de software seleccionando, al menos, tres fuentes
que le permitan resolver los siguientes conceptos:
● Definición de calidad de software.
● ¿Cuál es el concepto de usabilidad en software?
● ¿Cuáles son los estándares de calidad de software?
● ¿Qué tecnologías existen para implementar calidad?
Definición de calidad de software
La calidad de software se refiere a la medida en que un software cumple con los requisitos
funcionales y no funcionales que se esperan de él, tales como su capacidad de rendimiento,
seguridad y usabilidad. La calidad de software se evalúa en función de atributos como
funcionalidad, confiabilidad, eficiencia, mantenibilidad y portabilidad(Hiberus)
(NormasISO.org). En términos generales, un software de calidad es aquel que cumple su
propósito con el menor número de fallos posibles y con la mayor satisfacción del usuario
final.
Usabilidad en software
La usabilidad es un componente crucial de la calidad de software, que se refiere a la facilidad

con la que los usuarios pueden aprender a usar, interactuar y operar el software. Entre los
factores que influyen en la usabilidad están la operabilidad, el tiempo de aprendizaje, la
experiencia del usuario (UX/UI) y la accesibilidad. Un software con buena usabilidad no solo
es eficiente, sino que también minimiza los errores del usuario y proporciona una experiencia
satisfactoria(Testing IT)(NormasISO.org).
Estándares de calidad de software
Existen varios estándares internacionales que guían la evaluación y mejora de la calidad de

software. Algunos de los más importantes incluyen:
• ISO/IEC 25000 (SQuaRE): Conocido por su enfoque en evaluar la calidad de

productos de software, abarcando características como funcionalidad, usabilidad,
eficiencia y seguridadHiberus).
• ISO 9126: Esta norma fue reemplazada por ISO 25000, pero sigue siendo relevante
por su clasificación de la calidad en seis dimensiones clave: funcionalidad,
confiabilidad, usabilidad, eficiencia, mantenibilidad y portabilidad(NormasISO.org).
• IEEE 730: Define las mejores prácticas para asegurar la calidad del software a través
de planes específicos de aseguramiento de la calidad (SQA)(Hiberus).
Tecnologías para implementar calidad

Para garantizar la calidad del software, existen diversas tecnologías y metodologías. Algunas
de las más utilizadas incluyen:
• Automatización de pruebas: Herramientas como Selenium o JUnit permiten realizar

pruebas repetitivas y verificar el correcto funcionamiento del software de manera
continua(SafetyCulture).
• Pruebas de cobertura: Las pruebas de cobertura garantizan que el software ha sido

probado en la mayor cantidad de casos posibles, minimizando el riesgo de errores no
detectados(SafetyCulture).
• Sistemas de gestión de calidad: Herramientas como SafetyCulture o TestRail

facilitan la gestión y seguimiento de defectos, así como la documentación de las
pruebas(SafetyCulture).

Taller Sobre Construcción Del Prototipo Del Software de Acuerdo Al Análisis de Las Características Funcionales y de Calidad GA5-220501095-AA1-EV01.

Cargado por

Copyright:

Formatos disponibles

Taller Sobre Construcción Del Prototipo Del Software de Acuerdo Al Análisis de Las Características Funcionales y de Calidad GA5-220501095-AA1-EV01.

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Taller Sobre Construcción Del Prototipo Del Software de Acuerdo Al Análisis de Las Características Funcionales y de Calidad GA5-220501095-AA1-EV01.

Cargado por

Copyright:

Formatos disponibles

GA5-220501095-AA1.

Elaborar el prototipo navegable del software aplicando estándares de

LUISA FERNANDA SALGADO MENESES

Teniendo en cuenta las siguientes funcionalidades, elaborar el diagrama de la funcionalidad,

● Se desea elaborar una pantalla que permita validar la autenticidad de un usuario.

● Se desea dibujar una pantalla en donde se informe de posibles errores a un usuario.

● Proponer la paleta de colores de los componentes anteriores utilizando como máximo la

Respecto a los problemas planteados:

● Identificar categorías que se encuentran en los requerimientos.

● Organizar los componentes de las pantallas en orden lógico.

● Manejar componentes comunes en tamaños, tipos de letra y colores.

● ¿Qué información adicional hace falta para resolver el problema?

● ¿Qué información están solicitando?

● ¿En qué formato se debe entregar esta información?

1. Pantalla de autenticación del usuario: Debe contener los siguientes componentes:

o Entrada de usuario: Campo de texto para el nombre de usuario o correo

o Entrada de contraseña: Campo de texto para la contraseña (en formato

o Botón de acceso: Para validar la autenticidad del usuario.

o Opciones adicionales: Enlaces para "Recuperar contraseña" y "Registrarse"

o Nombres: Campo de texto.

o Apellidos: Campo de texto.

o Cédula: Campo de texto (con validación de formato).

o Fecha de nacimiento: Campo de fecha.

o Botón de guardar: Para almacenar los datos ingresados.

3. Pantalla de errores: Se debe informar al usuario cuando exista un error. Los

o Mensaje de error: Texto que informe al usuario del problema, utilizando un

o Botón de regresar: Para que el usuario pueda corregir la información

Paleta de colores propuesta

• Color principal (Fondo general): Blanco (#FFFFFF), para proporcionar un fondo

• Color de alerta (Errores y mensajes de advertencia): Rojo (#FF0000), para

Diagrama conceptual (Desarrollo del esquema de las pantallas)

Información adicional para resolver el problema

1. Flujo de interacción: Es importante definir cómo se moverá el usuario entre las

2. Tipos de validación: ¿Habrá validaciones adicionales? Por ejemplo, para la cédula, si

3. Mensajes de error específicos: ¿Qué tipo de errores se mostrarán en la pantalla de

1.Pantalla de autenticación de usuario: Incluye los campos de nombre de usuario,

Definición de calidad de software

La usabilidad es un componente crucial de la calidad de software, que se refiere a la facilidad

Estándares de calidad de software

Existen varios estándares internacionales que guían la evaluación y mejora de la calidad de

• ISO/IEC 25000 (SQuaRE): Conocido por su enfoque en evaluar la calidad de

Tecnologías para implementar calidad

• Automatización de pruebas: Herramientas como Selenium o JUnit permiten realizar

• Pruebas de cobertura: Las pruebas de cobertura garantizan que el software ha sido

• Sistemas de gestión de calidad: Herramientas como SafetyCulture o TestRail

También podría gustarte