PASO 1 I

Paso 1 - Actividad de Reconocimiento

Evaluación de Software

Entregado por:

Johana Alexandra Salcedo Cortés - Código: 1033743672

Luis Carlos Rodríguez Cruz - Código: 1.095.919.835

Raúl Andrés Jiménez - Código: 80220672

Sneider Alexander Tovar Campos - Código: 1.010.237.739

Grupo: 301569_1

Presentado a:

Tutor: Geovanni Catalán

Universidad Nacional Abierta y a Distancia

Escuela de Ciencias Básicas, Tecnología e Ingeniería

11 de febrero de 2020
 PASO 1 II

Contenido

Introducción .................................................................................................................................... 1
Objetivos ......................................................................................................................................... 2
Objetivo general ...................................................................................................................... 2
Objetivos específicos ............................................................................................................... 2
Informes individuales...................................................................................................................... 3
Estudiante 1 ................................................................................................................................. 3
Desarrollo de diseño de interfaces e interacción ..................................................................... 3
Estudiante 2 ................................................................................................................................. 4
Desarrollo de diseño de interfaces e interacción ..................................................................... 4
Calidad de software ................................................................................................................. 7
Estudiante 3 ................................................................................................................................. 9
Desarrollo de diseño de interfaces e interacción ..................................................................... 9
Calidad del software .............................................................................................................. 10
Estudiante 4 ............................................................................................................................... 12
Desarrollo de diseño de interfaces e interacción ................................................................... 12
Calidad de software ............................................................................................................... 16
Resumen: Informe de construcción grupal ................................................................................... 19
Desarrollo de diseño de interfaces e interacción ....................................................................... 19
Diseño .................................................................................................................................... 19
Interacción ............................................................................................................................. 20
La implementación de formularios ........................................................................................ 21
Calidad de software ................................................................................................................... 22
Conclusiones ................................................................................................................................. 25
Bibliografía ................................................................................................................................... 26
 PASO 1 1

Introducción

En el siguiente trabajo escrito se quiere dar a conocer los dos informes realizados por cada

uno de los estudiantes, en el primer informe se presentaran los diferentes conceptos relacionados

con el diseño de interfaces y la interacción con el usuario en entornos web, para tal fin se

analizarán los estándares que se deben tener en cuenta al momento de diseñar interfaces gráficas,

identificando los componentes estructurales con los que debe contar un sitio web y el

ordenamiento que deben tener estos componentes dentro de dicha interfaz. También se

identificarán los estándares que se deben cumplir para asegurar que la interacción con el usuario

final sea la adecuada, asegurando de esta manera la correcta transferencia de información al

usuario.

En el segundo informe se presentará todos los conceptos relacionados con la calidad de

software, para tal fin se definirá el concepto de cálida de software, identificando sus

características, etapas, metodologías y estándares. También se describirá de manera detallada los

criterios establecidos en la norma ISO 9126, con el objetivo de comprender los estándares de

calidad que se deben tener en cuenta al momento de evaluar la calidad de un software.

La calidad de software es un tema de gran importancia, debido a que es uno de los factores

más importantes que se deben tener en cuanta al momento de desarrollar e implementar

soluciones digitales, este proceso de evaluación se puede desarrollar mediante diferentes

metodologías, técnicas, estándares y prácticas. Las cuales permiten comprobar de manera

eficiente la calidad de un software, permitiendo establecer el cumplimiento de los siguientes

estándares: funcionalidad, usabilidad, eficiencia, mantenimiento, seguridad y portabilidad.

 PASO 1 2

Objetivos

Objetivo general

Identificar los conceptos básicos de calidad de software, diseño de interfaces gráficas e

interacción con usuarios.

Objetivos específicos

➢ Analizar características, componentes y estándares establecidos para el diseño de

interfaces graficas.

➢ Comprender los conceptos y aspectos fundamentales que están presentes en la

interacción con los usuarios.

➢ Analizar el concepto de calidad de software y sus principales características.

 PASO 1 3

Informes individuales

Estudiante 1: Johana Alexandra Salcedo Cortés

Desarrollo de diseño de interfaces e interacción

Como muestra la página de ejemplo, una página web que contiene diseño de interfaces e

interacción requiere de imaginación y creatividad, pues además de tener conocimientos técnicos

se requiere de habilidades para diseñar incorporando la normatividad vigente con el fin de

permitir una un contacto directo y amigable con usuarios que navegan diariamente en diferentes

páginas web además de tener la capacidad de poder cumplir estándares internacionales.

Dentro del control de calidad que implementan los sitios web encontramos que varios son los

responsables de dicha calidad como lo son el diseñador, el desarrollador front end, el editor de

contenidos, el desarrollador backend, el arquitecto de información, las personas de QA o control

de calidad, los jefes de área y de proyecto y por ultimo pero no por ello menos importante el

gestor de redes sociales, cada uno de ellos desempeña un rol importante dentro de desarrollo de

una página web, pues además de implementar en el desarrollo las normas vigentes, realizan un

diseño de interfaces que es capaz de permitir la interacción con los usuarios de forma amigable y

sencilla, esto también basados en los estándares web con el fin de cumplir buenas prácticas.

Es pertinente que el sitio web desarrollado tenga gran capacidad de ser encontrado en los

buscadores, esto se puede realizar con la calidad de su código para que su contenido sea

indexado y sea mostrado adecuadamente a través del browser o navegador que se utilice, esto

también se debe administrar desde la planificación y organización del proyecto pues allí se

consolidan tareas para cada uno de los integrantes del equipo de trabajo, se realiza levantamiento
 PASO 1 4

de información, gestión de resolución de dudas funcionales o técnicas, además de instrumentos

para el desarrollo efectivo de la página web.

Estudiante 2: Luis Carlos Rodríguez Cruz

Desarrollo de diseño de interfaces e interacción

El éxito de un sitio web es en brindar una buena presentación de la información a los

visitantes, implementando las diferentes tecnologías para la publicación de contenidos desde el

servidor para hacer un entorno amigable con los usuarios.

El diseño web son todos los elementos para un proyecto determinado, entre ellos el sitio web

en donde se realizan tareas para el logro de tener un excelente diseño gráfico, de igual forma, se

brindan recomendaciones con el fin de adoptarlas e implementarlas adentro de una organización.

Los sitios web son la carta de presentación de una empresa o institución a nivel tecnológico,

debido a como se transmita la información y los archivos multimedia que sean empleados.

La interfaz es el conjunto de elementos que permiten al visitante o usuario hacer una

interacción con el sitio web, empleando cada uno de los servicios proporcionados para el mismo.

Jakob Nielsen destaca que los elementos más importantes para la presentación de un sitio web

son:

❖ Dejar claro el propósito del sitio web.

❖ Ayudar a los usuarios a encontrar lo que necesitan.

❖ Demostrar el contenido del sitio web.

❖ Usar diseño visual para mejorar y no para definir la interacción del sitio web.
 PASO 1 5

Los elementos de una interfaz tienen que ver con la identificación, navegación, de los

contenidos y la acción de estos.

Los aspectos que se deben tener en cuenta en los elementos de una interfaz son:

❖ Uso de logotipos.

❖ Sistema de navegación.

❖ Áreas de contenidos.

❖ Áreas de interacción.

❖ Experiencia de usuario.

La norma no define un estándar específico para el uso de logotipos, por lo que en los sitios

web se encuentran de diversas formas, acuerdo el protocolo y la creatividad del diseñador web.

El sistema de navegación es el conjunto de elementos que permiten al usuario explorar por las

diferentes secciones sin que el usuario se pierda en el sitio web.

El sistema de navegación debe contar con los siguientes elementos así:

❖ Menú de secciones.

❖ Menú de rastros.

❖ Identificación de secciones.

❖ Botones de acción.

❖ Pie de página.

Las áreas de contenido son las zonas en las que se entrega la información en cada página web

sin que pueda importar los medios o el formato utilizado.

 PASO 1 6

Las áreas de interacción son las zonas en las que los usuarios o visitantes tienen acción en el

sitio web.

La experiencia de usuarios es la experiencia de como se ha sentido al realizar la visita a

determinado sitio web, los usuarios por lo general necesitan confirmaciones de los contenidos

explorados.

Los botones son utilizados para que los usuarios acepten o rechacen su exploración por el sitio

web.

Los enlaces son utilizados por los visitantes para redireccionarlos a contenido dentro del sitio

web o por fuera del mismo.

Los elementos esenciales para los enlaces son los siguientes así:

❖ Deben ser diferentes al texto.

❖ Su estado debe ser visual.

❖ Enlace sin visitar.

❖ Enlace destacado.

❖ Enlace activo.

❖ Enlace visitado.

❖ Su contenido debe ser explicativo.

Actualmente los desafíos de nuevas tecnologías es la implementación del uso de Flash y Ajax

en un sitio web.

En la actualidad se recomienda que los sitios web cuenten con los estándares HTML 4.01 o

XHTML 1.0 validos por W3C.

 PASO 1 7

Los diagramas de interacción son los que representan gráficamente las posibilidades, de

acción que tiene un usuario en la toma de decisiones en un sitio web.

Ciclo de vida de los sitios web acuerdo su interactividad así:

❖ Presencia.

❖ Interacción.

❖ Transacción.

❖ Transformación.

Las etapas que enmarcan el avance de un sitio web son los siguientes:

❖ Comunicaciones

❖ Trámites.

❖ Compras y Pagos.

Calidad de software

La calidad del software es directamente proporcional a sus características, funcionamiento,

licenciamiento, actualización y soporte técnico.

En la actualidad, la calidad de software es evidenciado en los requerimientos que se deben

cumplir al momento de adquirir el mismo.

El software para que tenga un grado de calidad alto, debe estar diseñado para usarse en

diferentes sistemas operativos y tener un entorno grafico amigable para los usuarios que utilicen

el software.
 PASO 1 8

Las pruebas de calidad de un software se deben realizar antes de que el mismo salga a

producción, con el fin de corregir todos los problemas que se detecten en cuento a rendimiento,

funcionamiento, seguridad y disponibilidad.

La seguridad es de vital importancia para un software, por tal motivo se debe realizar un

análisis al código fuente de este, con el fin de corregir los bugs de seguridad que sean detectados

y de esta manera garantizar y preservar los datos.

Los desarrolladores de software deben estar alineados a los estándares de calidad establecidos

para este tipo de actividades, con ello dar estricto cumplimiento a la normatividad y ha un

desarrollo enmarcado en la legalidad.

En la mayoría de los casos la calidad de software brindado mediante la realización de algún

tipo de licencia es mejor que los conocidos como software libre u open source.

Los grupos o equipos de desarrollo tienen como objetivo principal, desarrollar y producir

software de alta calidad, agradable para los usuarios.

Las recomendaciones de los expertos en informática es que se utilice software licenciado,

debido a que es el software que cuenta con todos los estándares de calidad.

Un software de alta calidad debe permitir interactuar con los usuarios y de esta manera

brindar una mejora continua siempre con la finalidad de tener al usuario satisfecho.
 PASO 1 9

Estudiante 3: Raúl Andrés Jiménez

Desarrollo de diseño de interfaces e interacción

Este documento web se aborda de forma muy completa, la norma actualizada para sitios web

generado por el gobierno de Chile incluyendo nuevos contenidos adicionales a la información

publicada en las ediciones anteriores de la Guía Web (2003 y 2008).

Dentro de este documento encontramos un módulo llamado “Diseño de interfaces e

interacción”, en el cual podemos encontrar un guía para definir cuáles serán los objetivos

centrales que deberá tener el Sitio Web y establecer la forma de cumplirlos" partiendo desde la

visión y misión del organismo, para establecer "un objetivo central y luego definir varios

objetivos secundarios". Esta planificación es fundamental para lograr definir los contenidos y

funcionalidades pertinentes al sitio web en desarrollo.

En este documento también encontramos una definición de que es diseño de un sitio web, que

se entiende como conjunto de actividades que permiten avanzar desde el concepto que se defina

para el Sitio Web hasta su realización, por lo que no sólo está referido a las tareas relacionadas

con el diseño gráfico, sino que también aborda otras como las definiciones relativas a usabilidad,

interacción, y también a todas las que están relacionadas con los contenidos propiamente tales.

Dentro de este documento se realiza la definición clara de estos dos conceptos importantes:

➢ Interfaz: Conjunto de elementos de la pantalla que permiten al usuario realizar acciones

sobre el Sitio Web que está visitando. Por lo mismo, se considera parte de la interfaz a
 PASO 1 10

sus elementos de identificación, de navegación, de contenidos y de acción. Los aspectos

más relevantes para tener en consideración en una interfaz son los siguientes:

❖ Uso de logotipos

❖ Sistema de navegación

❖ Áreas de contenidos

❖ Áreas de interacción

❖ Experiencia de usuario

➢ Interacciones: Se entiende por "áreas de interacción" a las zonas en la que se ofrece

realización de acciones por parte de los usuarios del Sitio Web, a través de las cuales

pueden utilizar los servicios de la institución que pone en marcha el espacio digital. La

interacción, en este sentido, va desde acciones menores que pueden ser enlaces para

mayor información o suscripción a servicios informativos periódicos, hasta la realización

de trámites complejos como la obtención de certificados o el pago de obligaciones.

Uno de los elementos que se debe tener en cuenta en este aspecto es que el usuario

normalmente entiende que las zonas de contenidos son para leer y revisar información y las

zonas de interacción son las que muestran botones y en ellas no se lee, sino que se ingresa

información y se desarrolla la actividad que el sitio ofrece llevar a cabo.

Calidad del software

El término de calidad de software entiendo que puede ser subjetivo según los ojos del auditor o

desarrollador que evalúe el tema porque, ya que la calidad depende de quien la observa y/o

verifica. En mi concepto pienso que es necesario definir el concepto con total transparencia, ya

que, si la calidad no puede ser dada de forma concisa, mucho menos podrá ser medida ni

controlada en ningún aspecto. Para trabajar sobre un esquema consistente y evitar ambigüedades,
 PASO 1 11

a continuación, se ofrece la definición de calidad ofrecida por la organización ISO, siendo esta

La totalidad de características de un producto, proceso o servicio que cuenta con la habilidad de

satisfacer necesidades explícitas o implícitas.

Para complementar la definición, dado que el concepto calidad puede ser subjetiva y debido a

que las necesidades explícitas o implícitas varían de organización en organización o de usuario

en usuario [20], es esencial identificar dichas necesidades para el usuario o para la organización

[23].

Dentro del contexto de Ingeniería de Software, se tomará la definición de calidad en el software

propuesta por la organización internacional de estándares (ISO/IEC DEC 9126): La totalidad de

características de un producto de software que tienen como habilidad, satisfacer necesidades

explícitas o implícitas. Otra definición bastante completa de calidad en el software es la que se

presenta más adelante.

Se puede decir que el software tiene calidad si cumple o excede las expectativas del usuario en

cuanto a:

❖ Funcionalidad (que sirva un propósito),

❖ Ejecución (que sea práctico),
❖ Confiabilidad (que haga lo que debe),
❖ Disponibilidad (que funcione bajo cualquier circunstancia) y
❖ Apoyo, a un costo menor o igual al que el usuario está dispuesto a pagar.
 PASO 1 12

Estudiante 4: Sneider Alexander Tovar Campos

Desarrollo de diseño de interfaces e interacción

Con el crecimiento exponencial de la tecnología han surgido nuevas formas de comunicación

de la información, entre estas sobresalen los sitios web, los cuales son el resultado de la

implementación de diversas tecnologías como HTML, CSS, PHP, entre otras. Las cuales

permiten la transmisión de contenidos digitales entre clientes y servidores a través de la internet.

Para que esta transmisión de contenido se pueda llevar a cabo es fundamental cumplir con una

serie de estándares referentes al diseño y la interacción.

Diseño

Para llevar a cabo de desarrollo de interfaces gráficas, se debe establecer un estilo grafico

acorde a la visión e imagen de la empresa o entidad a la que pertenezca dicho sitio web, todas las

interfaces deben contener un estilo grafico homogéneo y coherente, permitiéndole al usuario

final comprender el contexto del sitio y la naturaleza de su contenido.

Es de gran importancia preseleccionar el contenido y funciones con las que contara el sitio

web que se desea desarrollar, esto con el objetivo de ordenar y presentar la información de

manera correcta para que pueda ser comprendida con facilidad por parte del usuario final,

también es importante centrarse en el diseño, funcionalidad y adaptabilidad de cada una de las

pestañas con las que contara el sitio web, puesto que el diseño del sitio web debe ser responsivo,

para que este pueda adaptarse correctamente a los formatos de resolución que ofrecen los

diferentes dispositivos tecnológicos, manteniendo de esta manera su funcionalidad y presentando

la información de manera sencilla a los usuarios.

 PASO 1 13

En el diseño de un sitio web es fundamental establecer un sistema de navegación, el cual debe

contar con una estructura ordenada que le permite al usuario final navegar por las diferentes

pestañas o secciones del sitio web con gran facilidad. Para tal fin es indispensable que el sistema

de navegación cuente con una serie de elementos, entre los cuales se encuentran: el menú de

secciones, el menú de rastros, la identificación de secciones, los botones de acción y el pie de

página.

Al momento de diseñar interfaces para sitios web debe prestarse gran importancia a las áreas

de contenido, puesto que estas áreas presentaran la información al usuario final. Las áreas de

contenido deben contar con un título principal, títulos secundarios de acuerdo al orden

jerárquico, resumen del contenido de la página y el contenido principal de dicha página o

sección, toda esta estructura debe estar ordenada de acuerdo a las etiquetas HTML.

Interacción

Al contar con una correcta estructura de etiquetas HTML, el sitio web estará optimizado

correctamente para que las personas que tienen algún tipo o grado de discapacidad puedan

navegar e interactuar con el entorno de manera eficiente, esto es posible mediante la

implantación de herramientas de terceros como ChromeVox, el cual permite realizar narraciones

de audio en tiempo real para las imágenes y los textos, de igual manera se debe incorporar

subtítulos para los videos o contenidos multimedia. Todos estos ajustes son importantes porque

ayudan a que el sitio web sea más inclusivo, permitiendo todas las personas puedan navegar a

través de las páginas con gran facilidad.

Dentro de la estructura del sitio web es importante definir las áreas de interacción, en estas

áreas se posicionarán diferentes herramientas como: hipervínculos, botones interactivos,

 PASO 1 14

contenido multimedia o herramientas más complejas como formularios y generadores de

documentos. Las áreas de interacción deben ser exclusivamente para captar las acciones

generadas por el usuario, por lo tanto, se debe evitar la presencia de contenidos extensos de

lectura en estas áreas, debido dificultan la interacción y generan confusión.

La experiencia de usuario es uno de los principales factores que se debe tener en cuenta al

momento de implementar los actores de interacción, puesto que el usuario debe recibir un

feedback visual de los componentes que se encuentran en el sitio web y de las acciones que

puede realizar con dichos componentes. Por ejemplo, los botones deben presentar una feedback

ante la interacción con el puntero del mouse, tanto cuando el usuario pasa el puntero sobre estos,

como cuando da clic sobre ellos, este feedback se puede representar con cambios de color en el

botón.

La implementación de formularios

Como se ha mencionado anteriormente los formularios son una potente herramienta en la

interacción con los usuarios, debido a que permiten que el usuario realice el ingreso y envió de

datos al servidor para su procesamiento. Para tal fin los formularios están conformados por un

conjunto de controles que cumplen diferentes funciones, entre los cuales se destacan los

siguientes: botones, cajas de texto, casillas de verificación, botones radio, listas desplegables,

etc.

Para permitir que los datos puedan ser ingresados correctamente por el usuario, es importante

que el diseño del formulario presente una estructura ordenada, lógica y homogénea. A

continuación, se presenta una serie de ítems que se deben tener en cuenta al momento de diseñar

formularios:
PASO 1 15

➢ Las cajas de texto deben estar correctamente alineadas junto con sus respetivas

etiquetas.

➢ Las etiquetas deben ser un texto corto que indique de manera clara el contenido del

campo, esto con el objetivo de que los datos puedan ser ingresados correctamente y se

evite cualquier tipo de confusión en su ingreso.

➢ Los diferentes componentes del formulario deben guardar un espacio considerable con

las márgenes exteriores de la página.

➢ En los formularios de ingreso de datos, solo se debe pedir la información necesaria,

minimizando el uso de campos innecesarios.

➢ En los formularios en los que se ofrece información a consultar, solo debe presentarse la

información relevante.

➢ El espacio ocupado por el texto y demás componentes gráficos no debe sobrepasar el

40% del total del formulario.

➢ Se deben agrupar los controles relacionados y separar los grupos para clasificar las

diferencias, estos grupos deben estar ordenados de manera lógica.

➢ Lo recomendable es colocar en primer lugar los datos de tipo obligatorio, los campos

obligatorios deben identificarse con el atributo “required”.

➢ La tonalidad de los botones debe diferenciarse del fondo del formulario y la etiqueta del

botón debe expresar de manera clara su función.

➢ Las cajas de texto que reciban datos específicos deben tener asignado el atributo “type”

y el tipo dato que recibirá, por ejemplo, el campo de contraseña debe especificarse como

<input type="password"> o el campo de fecha debe especificarse como <input

type="date">
 PASO 1 16

Calidad de software

En la actualidad el desarrollo de software presenta un incremento exponencial, debido al

rápido avance de la tecnología, por tal razón se requiere desarrollar softwares más robustos,

complejos y eficientes, para tal fin es importante desarrollar software de calidad que permita

cumplir con todas las expectativas del mercado actual.

La calidad de un software se mide teniendo en cuenta el desempeño de las características

específicas con las que debe contar el software durante su ciclo de vida, debido a que esto

garantizara que el software se desempeñara correctamente, otorgando de esta manera un alto

grado de confiabilidad, funcionalidad y rendimiento.

La calidad de software se establece a partir de la capacidad que tiene el software específico

para cumplir con los requisitos funcionales y no funcionales establecidos en la etapa de análisis,

al igual que la capacidad que tiene para satisfacer a cabalidad las necesidades y expectativas del

usuario final. Es importante resaltar que la calidad de software puede presentar variaciones de

acuerdo al campo de aplicación, es decir la calidad de software es proporcional al sistema o

programa que se esté desarrollando.

La calidad de software debe ser probada durante el desarrollo del producto, tomando como base

de evaluación el cumplimiento de los requisitos establecidos y el mantenimiento de los

estándares mínimos de calidad, de esta manera se minimiza al máximo la aparición de errores o

el fracaso del proyecto en general.

 PASO 1 17

Un software de calidad debe cumplir los estándares de calidad exigidos en todas las etapas de

su ciclo de vida, cumpliendo con todos los estandartes de evaluación de software establecidos en

la norma ISO 9126, la cual establece que un software de calidad debe cumplir los siguientes

criterios:

➢ Funcionalidad: El software debe contar con una interfaz gráfica homogénea, eficiente y

amigable al usuario. Al igual que el software debe permitir generar reportes, informes y

estadísticas, también debe contar con una fuerte estructura de seguridad donde la

información de los usuarios se encuentre protegida.

➢ Confiabilidad: El software debe estar en un alto grado de desarrollo donde presente una

tolerancia ante posibles fallas y ofrezca métodos de recuperación.

➢ Usabilidad: El software debe presentar la información de manera entendible y debe

facilitar su operación al usuario final.

➢ Eficiencia: El software debe logar los objetivos propuestos en el menor tiempo posible,

haciendo uso de los recursos de manera eficiente.

➢ Capacidad de mantenimiento: El software debe contar con una estructura ordenada que

facilite su análisis, mantenimiento y la realización de pruebas de desempeño y

estabilidad, con el objetivo de encontrar y corregir posibles errores.

➢ Portabilidad: El software debe contar con una fácil instalación, siendo compatible con

múltiples sistemas operativos, adaptando sus funciones y características al entorno que lo

rodea y coexistiendo con otros programas sin generar errores.

 PASO 1 18

Durante el transcurso de los años se han establecido y perfeccionado diferentes metodologías,

técnicas, estándares y prácticas de evaluación, las cuales permiten comprobar de manera

eficiente la calidad de un software. Pero muchas de estas herramientas de evaluación de calidad

no son aplicadas correctamente, permitiendo que se generen proyectos “zombis” los cuales

presentan múltiples fallas tanto en su desarrollo como aplicación, teniendo que ser necesario

desembolsar una gran cantidad de recursos para corregir estos errores o tener que reconstruir por

completo todo el proyecto. Estos errores pueden ser evitados si se implementan correctamente

las herramientas de calidad durante el siclo de vida del software.

Es importante llevar a cabo la evaluación de calidad durante el siclo de vida del software,

debido a que este inicia desde el momento de la creación y concepción del software hasta el

momento en que es desechado, por lo tanto, es posible evaluar todo el proceso en cada uno de los

procedimientos, los cuales se dividen de la siguiente manera: Definición de objetivos, diseño

general, diseño específico, programación, prueba de unidad, integración, prueba beta,

documentación, implementación y mantenimiento.

En la actualidad es importante garantizar la calidad del software, pues esto garantiza la

funcionalidad, confiabilidad y eficiencia del software a lo largo de su ciclo de vida. Para llevar a

cabo dicha evaluación es necesario implementar modelos de calidad que faciliten la

administración de atributos durante el proceso de desarrollo, garantizando el cumplimiento de los

requisitos bajo los estándares de calidad establecidos.

 PASO 1 19

Resumen: Informe de construcción grupal

Desarrollo de diseño de interfaces e interacción

Con el crecimiento exponencial de la tecnología han surgido nuevas formas de comunicación

de la información, entre estas sobresalen los sitios web, los cuales son el resultado de la

implementación de diversas tecnologías como HTML, CSS, PHP, entre otras. Las cuales

permiten la transmisión de contenidos digitales entre clientes y servidores a través de la internet.

Para que esta transmisión de contenido se pueda llevar a cabo es fundamental cumplir con una

serie de estándares referentes al diseño y la interacción.

Diseño

Para llevar a cabo de desarrollo de interfaces gráficas, se debe establecer un estilo grafico

acorde a la visión e imagen de la empresa o entidad a la que pertenezca dicho sitio web, todas las

interfaces deben contener un estilo grafico homogéneo y coherente, permitiéndole al usuario

final comprender el contexto del sitio y la naturaleza de su contenido. De acuerdo con Jakob

Nielsen los elementos más importantes para la presentación de un sitio web son:

❖ Dejar claro el propósito del sitio web

❖ Ayudar a los usuarios a encontrar lo que necesitan

❖ Demostrar el contenido del sitio web

❖ Usar diseño visual para mejorar

❖ No para definir la interacción del sitio web.

En el diseño de un sitio web es fundamental establecer un sistema de navegación, el cual debe

contar con una estructura ordenada que le permite al usuario final navegar por las diferentes

pestañas o secciones del sitio web con gran facilidad. Para tal fin es indispensable que el sistema
 PASO 1 20

de navegación cuente debe contar con: menú de secciones, menú de rastros, identificación de

secciones, botones de acción y pie de página.

Es de gran importancia preseleccionar el contenido y funciones con las que contara el sitio

web que se desea desarrollar, esto con el objetivo de ordenar y presentar la información de

manera correcta para que pueda ser comprendida con facilidad por parte del usuario final,

también es importante centrarse en el diseño, funcionalidad y adaptabilidad de cada una de las

pestañas.

Es pertinente que el sitio web desarrollado tenga gran capacidad de ser encontrado en los

buscadores, esto se puede realizar con la calidad de su código para que su contenido sea

indexado y sea mostrado adecuadamente a través del browser o navegador que se utilice, esto

también se debe administrar desde la planificación y organización del proyecto pues allí se

consolidan tareas para cada uno de los integrantes del equipo de trabajo, se realiza levantamiento

de información, gestión de resolución de dudas funcionales o técnicas, además de instrumentos

para el desarrollo efectivo de la página web.

Al momento de diseñar interfaces para sitios web debe prestarse gran importancia a las áreas

de contenido, puesto que estas áreas presentaran la información al usuario final. Las áreas de

contenido deben contar con un título principal, títulos secundarios de acuerdo al orden

jerárquico, resumen del contenido de la página y el contenido principal de dicha página o

sección.

Interacción

Dentro de la estructura del sitio web es importante definir las áreas de interacción, en estas

áreas se posicionarán diferentes herramientas como: hipervínculos, botones interactivos,

 PASO 1 21

contenido multimedia o herramientas más complejas como formularios y generadores de

documentos. Es importante que el sitio web este optimizado correctamente para que las personas

que tienen algún tipo o grado de discapacidad puedan navegar e interactuar con el entorno de

manera eficiente, se debe generar narraciones de audio en tiempo real para las imágenes y los

textos, de igual manera se debe incorporar subtítulos para los videos o contenidos multimedia.

La experiencia de usuario es uno de los principales factores que se debe tener en cuenta al

momento de implementar los actores de interacción, puesto que el usuario debe recibir un

feedback visual de los componentes que se encuentran en el sitio web y de las acciones que

puede realizar con dichos componentes.

La implementación de formularios

Como se ha mencionado anteriormente los formularios son una potente herramienta en la

interacción con los usuarios, debido a que permiten que el usuario realice el ingreso y envió de

datos al servidor para su procesamiento. Para permitir que los datos puedan ser ingresados

correctamente por el usuario, es importante que el diseño del formulario presente una estructura

ordenada, lógica y homogénea. A continuación, se presenta una serie de ítems que se deben tener

en cuenta al momento de diseñar formularios:

➢ Las cajas de texto deben estar correctamente alineadas junto con sus respetivas etiquetas,
estas etiquetas deben ser un texto corto que indique de manera clara el contenido del
campo.
➢ Los diferentes componentes del formulario deben guardar un espacio considerable con las
márgenes exteriores de la página y su contenido no debe sobrepasar el 40% del
formulario.
➢ Se deben agrupar los controles relacionados y separar los grupos para clasificar las
diferencias, estos grupos deben estar ordenados de manera lógica.
➢ La tonalidad de los botones debe diferenciarse del fondo del formulario y la etiqueta del
botón debe expresar de manera clara su función.
 PASO 1 22

➢ Lo recomendable es colocar en primer lugar los datos de tipo obligatorio, los campos
obligatorios deben identificarse con el atributo “required”.
➢ Las cajas de texto que reciban datos específicos deben tener asignado el atributo “type” y
el tipo dato que recibirá, por ejemplo, el campo de contraseña debe especificarse como
<input type="password"> o el campo de fecha debe especificarse como <input
type="date">

Calidad de software

En la actualidad el desarrollo de software presenta un incremento exponencial, debido al

rápido avance de la tecnología, por tal razón se requiere desarrollar softwares más robustos,

complejos y eficientes, para tal fin es importante desarrollar software de calidad que permita

cumplir con todas las expectativas del mercado actual.

La calidad de un software se mide teniendo en cuenta el desempeño de las características

específicas con las que debe contar el software durante su ciclo de vida, debido a que esto

garantizara que el software se desempeñara correctamente, otorgando de esta manera un alto

grado de confiabilidad, funcionalidad y rendimiento.

La calidad de software se establece a partir de la capacidad que tiene el software específico

para cumplir con los requisitos funcionales y no funcionales establecidos en la etapa de análisis,

al igual que la capacidad que tiene para satisfacer a cabalidad las necesidades y expectativas del

usuario final. Es importante resaltar que la calidad de software puede presentar variaciones de

acuerdo al campo de aplicación, es decir la calidad de software es proporcional al sistema o

programa que se esté desarrollando.

La calidad de software debe ser probada durante el desarrollo del producto, tomando como

base de evaluación el cumplimiento de los requisitos establecidos y el mantenimiento de los

estándares mínimos de calidad, de esta manera se minimiza al máximo la aparición de problemas

 PASO 1 23

en cuento a rendimiento, funcionamiento, seguridad y disponibilidad. Por ejemplo, la seguridad

es de vital importancia para un software, por tal motivo se debe realizar un análisis preventivo al

código fuente de este, con el fin de corregir los bugs de seguridad que sean detectados y de esta

manera garantizar y preservar los datos.

Un software de calidad debe cumplir los estándares de calidad exigidos en todas las etapas de

su ciclo de vida, cumpliendo con todos los estandartes de evaluación de software establecidos en

la norma ISO 9126, la cual establece que un software de calidad debe cumplir los siguientes

criterios:

➢ Funcionalidad: El software debe contar con una interfaz gráfica homogénea, eficiente y

amigable al usuario. Al igual que el software debe permitir generar reportes, informes y

estadísticas, también debe contar con una fuerte estructura de seguridad donde la

información de los usuarios se encuentre protegida.

➢ Confiabilidad: El software debe estar en un alto grado de desarrollo donde presente una

tolerancia ante posibles fallas y ofrezca métodos de recuperación.

➢ Usabilidad: El software debe presentar la información de manera entendible y debe

facilitar su operación al usuario final.

➢ Eficiencia: El software debe logar los objetivos propuestos en el menor tiempo posible,

haciendo uso de los recursos de manera eficiente.

➢ Capacidad de mantenimiento: El software debe contar con una estructura ordenada que

facilite su análisis, mantenimiento y la realización de pruebas de desempeño y

estabilidad, con el objetivo de encontrar y corregir posibles errores.

 PASO 1 24

➢ Portabilidad: El software debe contar con una fácil instalación, siendo compatible con

múltiples sistemas operativos, adaptando sus funciones y características al entorno que lo

rodea y coexistiendo con otros programas sin generar errores.

Durante el transcurso de los años se han establecido y perfeccionado diferentes metodologías,

técnicas, estándares y prácticas de evaluación, las cuales permiten comprobar de manera

eficiente la calidad de un software. Pero muchas de estas herramientas de evaluación de calidad

no son aplicadas correctamente, permitiendo que se generen proyectos “zombis” los cuales

presentan múltiples fallas tanto en su desarrollo como aplicación, teniendo que ser necesario

desembolsar una gran cantidad de recursos para corregir estos errores o tener que reconstruir por

completo todo el proyecto. Estos errores pueden ser evitados si se implementan correctamente

las herramientas de calidad durante el siclo de vida del software.

Es importante llevar a cabo la evaluación de calidad durante el siclo de vida del software,

debido a que este inicia desde el momento de la creación y concepción del software hasta el

momento en que es desechado, por lo tanto, es posible evaluar todo el proceso en cada uno de los

procedimientos, los cuales se dividen de la siguiente manera: Definición de objetivos, diseño

general, diseño específico, programación, prueba de unidad, integración, prueba beta,

documentación, implementación y mantenimiento.

En la actualidad es importante garantizar la calidad del software, pues esto garantiza la

funcionalidad, confiabilidad y eficiencia del software a lo largo de su ciclo de vida. Para llevar a

cabo dicha evaluación es necesario implementar modelos de calidad que faciliten la

administración de atributos durante el proceso de desarrollo, garantizando el cumplimiento de los

requisitos bajo los estándares de calidad establecidos.

PASO 1 25

Conclusiones

➢ El desarrollo de la actividad permitió identificar de manera detallada los diferentes

conceptos relacionados con el diseño de interfaces, interacción con el usuario y el

concepto de calidad de software, analizando de esta manera los estándares que se deben

tener en cuenta al momento de diseñar interfaces gráficas, los parámetros interacción y

los estándares de calidad de software que se deben cumplir para obtener un software

eficiente.

➢ La experiencia de usuario es uno de los factores más importantes que se deben tener en

cuenta al momento de evaluar la interacción de un sitio web, los usuarios deben percibir

un entorno visual que este en constante interacción, permitiendo generar una

retroalimentación visual en respuesta a las acciones generadas por el usuario.

➢ El diseño las interfaces graficas debe contar con un estilo grafico acorde a la visión e

imagen que la empresa quiere comunicar a sus usuarios, de igual manera se debe ordenar

los sistemas de navegación, el contenido y las funciones con las que contara el sitio web,

con el objetivo de ordenar y presentar la información de manera correcta.

➢ La consideración de un mecanismo para realizar la gestión del riesgo hace parte de los

principios técnicos para el desarrollo de proyectos de ingeniería. A nivel de la Ingeniería

de software y del modelo planteado, la gestión actúa como instrumento para el control de

calidad y como guía para conocer las limitaciones y características del ciclo de vida.

➢ La calidad del software implica utilizar metodologías o procedimientos para realizar el

análisis, diseño, programación y prueba del software, permitiendo lograr de esta manera

confiabilidad, mantenibilidad y facilidad de prueba, incrementando con ello la

productividad y desarrollo para el control de calidad del software.

 PASO 1 26

Bibliografía

Calero, C., & Velthuis, M. G. P. (2010). Calidad del producto y proceso software.
Castro, J.L. (2008). Calidad del software. Recuperado de
https://senastage.blackboard.com/bbcswebdav/courses/150752/Calidad%20del%20Softw
are.pdf.
Catalan, G. (2020). Calidad del software en el ciclo de vida del mismo. Recuperado de:
https://campus117.unad.edu.co/ecbti64/mod/forum/discuss.php?d=32
Darwin, S. [Darwin Skinver] (2014). Proceso de Calidad del Software. [Video]. Recuperado de:
https://youtu.be/sTOOnZjJI8c
Bartolomé, S. (2020). Formularios. Recuperado de:
https://www.mclibre.org/consultar/htmlcss/html/html-formularios.html
Casanovas, J (2005). Diseño de formularios - Composición visual. Recuperado de:
https://www.alzado.org/articulo.php?id_art=408
Guía Digital. (2003). Guía web-Diseño de Interfaces e Interacción. Recuperado de:
http://www.guiadigital.gob.cl/guia-web.html
Macías, R. Y., Guzmán, S. M. V., & Martínez, S. Y. (2010). Modelo de evaluación para
software que emplean indicadores métricos en la vigilancia científico tecnológica.
Recuperado de:
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?ppg=16&docID=1036
5934&tm=1481390861203
Marthalu. (2009) El ciclo de vida del software. Recuperado de
https://es.scribd.com/doc/18286706/El-Ciclo-de-Vida-Del-Software
Mauro C.C, Andrea Catherine A.A, Ana María A.C. (2017). Modelos de calidad del software, un
estado del arte. Recuperado de http://www.scielo.org.co/pdf/entra/v13n1/1900-3803-
entra-13-01-00236.pdf
Mascheroni, M. A., Greiner, C. L., Petris, R. H., Dapozo, G. N., & Estayno, M. G. (2012).
Calidad de software e ingeniería de usabilidad. In XIV Workshop de Investigadores en
Ciencias de la Computación.