Sena

Realización de pruebas de funcionalidad del software

Deivid Enrique Triviño Lozada

Instructor

Sindi Caterine Rojas Ruge

Aprendiz

Análisis y desarrollo de software

Ficha 2721440

Centro de diseño y metrología

 Introducción

El objetivo de este informe es profundizar en las pruebas funcionales de los sitios web publicados en Internet.
En particular, se abordarán aspectos clave relacionados con la configuración del dominio, visualización en
diferentes navegadores, compatibilidad móvil y elementos básicos que deben evaluarse en una aplicación web.

PRUEBAS DE RESPONSIVIDAD
Se trata de la capacidad de una página web para adaptarse y mostrarse correctamente en diferentes dispositivos
y tamaños de pantalla, esto significa que los elementos de la página se reorganizan y redimensionan
automáticamente para adaptarse al espacio disponible. Los textos son legibles, las imágenes se ajustan
adecuadamente y los menús son accesibles.

1. Diseño fluido:
El diseño fluido es una técnica que permite que los elementos de la página se ajusten de forma proporcionada
al tamaño de la pantalla, garantizando una experiencia visual uniforme y agradable para el usuario.

2. Uso de Media Queries:

Las Media Queries son reglas CSS que permiten adaptar el estilo de la página según las características del
dispositivo, como el ancho de la pantalla o la resolución, facilitando la creación de diseños responsivos.

3. Grid Layouts:
Utilizar sistemas de rejilla como CSS Grid o Bootstrap facilita la organización y distribución de los elementos
en la página, asegurando una disposición coherente y flexible en distintos dispositivos.

4. Imágenes flexibles:
Emplear imágenes flexibles con unidades relativas como porcentajes o `em` en lugar de valores absolutos ayuda
a que estas se redimensionen adecuadamente según el tamaño de la pantalla, evitando distorsiones o cortes
indeseados.

5. Menús hamburguesa:
Los menús hamburguesa son una solución eficaz para optimizar el espacio en pantallas pequeñas, ya que
permiten mostrar y ocultar opciones de navegación de forma compacta y accesible.

6. Tipografía adaptable:
Utilizar unidades relativas para definir el tamaño y espaciado del texto garantiza que este se ajuste
automáticamente al dispositivo, manteniendo la legibilidad y coherencia visual del contenido.

7. Pruebas multi-dispositivo:
Realizar pruebas exhaustivas en diferentes dispositivos y tamaños de pantalla es fundamental para verificar que
el diseño responde correctamente a cada contexto, corrigiendo posibles fallos y asegurando una experiencia
consistente.
 APLICACIONES

Google Chrome DevTools:

La primera herramienta de nuestra lista es Google Chrome DevTools, una suite de herramientas de desarrollo
web integrada en el navegador Google Chrome. DevTools ofrece una amplia gama de funcionalidades, incluida
la posibilidad de simular diferentes dispositivos y resoluciones de pantalla, lo que facilita la comprobación de
la responsividad de tu diseño.
Para utilizar esta herramienta, simplemente abre tu sitio web en Google Chrome, haz clic derecho en cualquier
parte de la página y selecciona «Inspeccionar». Luego, haz clic en el icono de «Dispositivo» en la barra de
herramientas para activar el modo de dispositivo y elegir el dispositivo y la resolución que deseas probar.

Responsinator: la responsividad en un instante

Responsinator es una herramienta en línea gratuita que te permite verificar rápidamente cómo se ve tu sitio web
en diferentes dispositivos y orientaciones. Simplemente ingresa la URL de tu sitio web y Responsinator generará
una vista previa de tu diseño en varios dispositivos populares, como iPhone, iPad y dispositivos Android.

BrowserStack: pruebas en navegadores reales

BrowserStack es una herramienta de prueba en la nube que te permite probar la responsividad de tu diseño en
más de 2000 dispositivos y navegadores reales. Esto es particularmente útil para detectar problemas de
compatibilidad entre navegadores y garantizar que tu diseño funcione correctamente en todas las plataformas.

PRUEBAS DE FUNCIONALIDAD DE FORMULARIOS

Las pruebas son un paso importante en el ciclo de desarrollo del software, ya que garantizan que el producto
final no llegue a los usuarios finales con defectos. Existen dos grandes categorías de pruebas: pruebas
funcionales y no funcionales. Las pruebas no funcionales analizan la usabilidad o los comportamientos bajo una
gran carga/volumen. Por otro lado, las pruebas funcionales comprueban la funcionalidad de una aplicación y si
cumple los requisitos.

Por ejemplo, si tenemos un formulario de inicio de sesión, las pruebas funcionales pueden analizar lo siguiente;

¿Pueden los usuarios iniciar sesión con éxito utilizando una combinación válida de correo electrónico y
contraseña?
¿Pueden iniciar sesión los usuarios que introducen contraseñas y nombres de usuario incorrectos?
¿Existe alguna limitación en el número de caracteres que se pueden utilizar en una contraseña/nombre de
usuario?

¿A dónde lleva el formulario de inicio de sesión al usuario tras un inicio de sesión satisfactorio?

APLICACIONES

Selenium
Selenium es la herramienta de automatización de pruebas de código abierto más popular para aplicaciones web.
La herramienta permite a los usuarios interactuar y manipular elementos HTML, ajustar y escribir pruebas que
se adapten a sus necesidades.

Testim
Testim es una plataforma de pruebas automatizadas que permite a los usuarios escribir y ejecutar pruebas
funcionales impulsadas por IA.

PRUEBAS DE RENDIMIENTO
Las pruebas de rendimiento pueden servir para diferentes propósitos en. Pueden área sistemas demostrar que el
sistema cumpla los criterios de rendimiento. Pueden comparar dos sistemas para encontrar cuál de ellos funciona
mejor. O pueden medir que partes del sistema o de carga de trabajo provocan que el conjunto rinda mal. Para su
diagnóstico, los ingenieros de software utilizan herramientas como pueden ser monitorizaciones que midan qué
partes de un dispositivo o software contribuyen más al mal rendimiento o para establecer niveles (y umbrales)
del mismo que mantenga un tiempo de respuesta aceptable.
Es fundamental para alcanzar un buen nivel de rendimiento de un nuevo sistema, que los esfuerzos en estas
pruebas comiencen en el inicio del proyecto de desarrollo y se amplie durante su construcción. Cuanto más se
tarde en detectar un defecto de rendimiento, mayor es el coste de la solución. Esto es cierto en el caso de las
pruebas funcionales, pero mucho más en las pruebas de rendimiento, debido a que su ámbito de aplicación es
de principio a fin.
 APLICACIONES

Google Lighthouse
Performance: Es lo que respecta a el ámbito del rendimiento, Google Lighthouse analiza la velocidad de la
página web o la aplicación web y comprueba que los elementos que se han cargado se visualizan correctamente.
Accessibility: Es lo referente a el ámbito de la accesibilidad, Google Lighthouse comprueba si la página o la
aplicación es fácil de usar para personas con limitaciones físicas. De forma más concreta, se comprueba si los
elementos importantes, como los botones y los enlaces, se describen de forma clara.
Best Practices: Hace alusión a el área de mejores prácticas, Google Lighthouse analiza principalmente los
aspectos de seguridad de la página web o la PWA, la herramienta comprueba si se han usado tecnologías de
codificación como TLS, si los recursos integrados de la página web provienen de fuentes seguras o si las
bibliotecas JavaScript se pueden catalogar como seguras.
SEO: Google Lighthouse analiza, mediante distintas pruebas, el nivel de visibilidad de la aplicación o la página
web en diferentes buscadores midiendo principalmente el posicionamiento.

Página principal Artículos Guía WebpageTest: analiza la velocidad y el rendimiento del sitio web

WebpageTest
Análisis de rendimiento en tiempo real: le permite ejecutar diferentes pruebas sobre el rendimiento de su sitio
web en tiempo real, generar informes y brindar información sobre los tiempos de carga y la representación de
la página.
Informes detallados: le proporciona un informe completo que contiene un análisis detallado de varias métricas
de rendimiento, lo que le ayuda a comprender las áreas de mejora.
De uso gratuito: dado que WebPage tiene una licencia de código abierto, está disponible para su uso de forma
gratuita sin cargos ocultos ni planes basados en suscripción, lo que lo hace fácilmente accesible para todos.
Funcionalidad API: también permite la funcionalidad API a través de la cual los desarrolladores pueden habilitar
la automatización con fines de prueba y monitoreo.
Compatibilidad con varios navegadores: es compatible con todos los navegadores principales: Chrome, Safari,
Firefox, lo que sea.

Métricas avanzadas: se incluyen índice de velocidad, FCP y TTFP.

Opciones de personalización: tendrá diferentes opciones para personalizar y ejecutar parámetros de prueba
según sus requisitos.
PRUEBAS DE SEGURIDAD
Es un tipo de prueba de software que descubre vulnerabilidades, amenazas y riesgos en una aplicación de
software y evita ataques maliciosos de intrusos. El objetivo de las pruebas de seguridad es identificar todas las
posibles lagunas y debilidades del sistema de software que podrían provocar una pérdida de información,
ingresos y reputación a manos de los empleados o personas externas a la organización.

APLICACIONES

OWASP ZAP
OWASP ZAP (Zed Attack Proxy). A modo de ejemplo se llevará a cabo el análisis de dos aplicaciones web
intencionalmente vulnerables: Damn Vulnerable Web Application (DVWA) y OWASP Juice Shop.
El análisis dinámico permitirá identificar posibles vulnerabilidades en estas aplicaciones, evaluar su resistencia
a ataques comunes y proporcionar recomendaciones para mejorar su seguridad. Además, se destacan las
capacidades de OWASP ZAP como una herramienta esencial para cualquier persona interesada en la seguridad
de aplicaciones web.
Netsparker
Le permite escalar la seguridad, con una combinación única de características empresariales, incluido el
descubrimiento de activos, escaneo, verificación automática Proof-Based Scanning, integración completa de
SDLC y un amplio soporte de colaboración.

PRUEBAS DE CONTENIDO
La prueba de contenido o content testing, es una forma clara de medir cómo funcionan los contenidos y construir
una estrategia general de contenido para avanzar. Esta prueba es similar a lo que puede ver en el campo de
investigación de experiencia de usuario (UX).

Hemingway Editor
La aplicación Hemingway es una aplicación web fácil de usar cuyo objetivo es hacer que escribir sea más fácil
y mejor. Esta herramienta analiza tu texto y te da recomendaciones sobre cómo hacerlo más legible, reducir la
complejidad innecesaria y crear contenidos que cautiven a tu audiencia.
Mejorar la legibilidad
La capacidad de la aplicación Hemingway para evaluar la legibilidad de tu texto es una de sus características
clave.

-Señala las frases potencialmente excesivamente largas o complejas

-Ofrece sustitutos más cortos
-Proporciona una puntuación de legibilidad que indica el nivel de grado probable necesario para comprender el
contenido.
La aplicación Hemingway se asegura de que tus escritos sean comprensibles e interesantes para un público
amplio, maximizando la legibilidad.
Eliminar la palabrería y la voz pasiva
Puedes identificar y eliminar la palabrería de tus escritos con la ayuda de la aplicación Hemingway.
Llama la atención sobre:
-Adverbios extraños
-Palabras repetidas
-Frases confusas
Grammarly
Grammarly es un asistente de escritura versátil que ha ganado una popularidad significativa en los últimos
años. Combina la verificación gramatical, la corrección de pruebas, la detección de plagio y la revisión
ortográfica en una herramienta integral. Diseñada para escritores de contenido, autores, estudiantes y
blogueros, Grammarly tiene como objetivo mejorar la calidad de la escritura y ayudar a los usuarios a
comprender las complejas reglas gramaticales con facilidad. Esta revisión se basa en tres años de experiencia
personal con la plataforma.

PRUEBAS DE ACCESIBILIDAD
la accesibilidad es un concepto fundamental que busca garantizar que todas las personas, independientemente
de sus capacidades, puedan acceder y usar un sitio web de manera efectiva. El Accessibility Testing, o pruebas
de accesibilidad, se enfoca en evaluar la capacidad de un sitio web para ser utilizado por personas con
discapacidades, como la visual o la auditiva.
Algunas de estas prácticas incluyen el uso adecuado de etiquetas semánticas en el código HTML para facilitar
la navegación con lectores de pantalla, asegurar que todos los elementos interactivos sean operables mediante
el teclado, proporcionar alternativas textuales para contenido multimedia y garantizar un buen contraste entre el
texto y el fondo para una fácil legibilidad.

APLICACIONES

All in One Accessibility

All in One Accessibility es una solución de accesibilidad impulsada por inteligencia artificial que permite que
los sitios web sean accesibles para personas con discapacidades auditivas o visuales, motrices, daltónicas,
dislexia, discapacidades cognitivas y de aprendizaje, convulsiones y epilepsia, y problemas de TDAH. Gestiona
la interfaz de usuario del sitio web y las mejoras relacionadas con el diseño como interfaz de accesibilidad.

UserWay
El Widget de accesibilidad potenciado por IA de UserWay es un popular y potente complemento que encuentra
y corrige automáticamente decenas de infracciones de accesibilidad web. El Widget de UserWay trabaja 24
horas al día, 7 días a la semana, para mejorar el cumplimiento de la accesibilidad web mediante la supervisión
y la corrección de las infracciones de la ADA y las WCAG entre bastidores. El Widget se ha relacionado con un
mayor rendimiento del sitio web, como el aumento de las ganancias por clic, los clics, las conversiones y la
reducción de las tasas de rebote.

PRUEBA DE COMPATIBILIDAD DE NAVEGADORES

La parte más importante de una lista de verificación de prueba de un sitio web es la función de orientación. Por
supuesto, el diseño y la visualización también son importantes. Sin embargo, es vital asegurarse de que todos
los enlaces, formularios y bases de datos funcionen correctamente, sin errores. Para llegar a ese punto, debe
agregar requisitos funcionales como:

Hacer clic en los botones y enlaces para comprobar si se abre la página adecuada

Comprobando que ningún enlace lleve a una página vacía

Asegurarse de que la página 404 esté activa en caso de que algunas páginas se eliminen o ya no estén disponibles

PRUEBAS DE INTERACCION CON EL USUARIO UX)

Las pruebas de usuario consisten en evaluar cómo interactúan los usuarios reales con un prototipo o producto
ya desarrollado. A través de este proceso, se obtienen valiosas perspectivas sobre el comportamiento del
usuario, lo que permite a los equipos de diseño identificar las fortalezas y debilidades del producto.

APLICACIONES

Google Analytics
Más adelante te diremos para qué sirve G. A. específicamente, pero aquí queremos destacar que es una
herramienta para optimizar tus estrategias digitales.
Con Google Analytics puedes fortalecer las campañas de marketing, comunicación y ventas; podrás crear una
mejor identidad de marca, conectar a un nivel más profundo con tu audiencia, fidelizar a tus clientes y saber qué
contenidos generar para cada punto de contacto en tu recorrido del comprador. También te ayuda a detectar
errores y corregir el rumbo, impulsar un mejor emprendimiento o potenciar tu negocio. Y además identificarás
comportamientos de consumo. En algún momento, tendrás que usar toda la analítica que tengas a la mano, así
que con esta herramienta te acostumbrarás a tomar decisiones con base en el análisis de datos.
Crazy Egg

Crazzy Egg te ayudará a estudiar el uso y tráfico diario de tu portal web o de la landing page que tu decidas y
te brinda la oportunidad de resumirte todas las actividades que suceden en la página, con una gran ventaja
distintiva en sus servicios al mostrar los resultados por medio de un mapa de calor sobre la web.

Crazy Egg es una estupenda herramienta que te suministrará información sobre los gustos reales de tus
usuarios. De este modo, podrás saber qué cosas debes reforzar o reiterar y qué aspectos debes cambiar porque
no son del interés de tus clientes, teniendo la opción de reforzar cualquier debilidad.

PRUEBAS DE INTEGRACION CON SERVICIOS EXTERNOS

Las pruebas de integración son un método de prueba de software donde los componentes o unidades individuales
de una aplicación se combinan y se prueban como grupo. El objetivo principal de las pruebas de integración es
detectar defectos que surgen de conflictos o incompatibilidades entre componentes integrados.
Un módulo es un término común utilizado en las pruebas de software para describir una unidad individual. Por
lo general, cada módulo es construido por un desarrollador de software individual, cuya comprensión y lógica
de programación pueden diferir de los desarrolladores de otros módulos. Las pruebas de integración se vuelven
necesarias para verificar que los módulos de software funcionen de manera conjunta.

APLICACIONES

Postman
Es una popular herramienta cliente de API que facilita a los equipos de desarrollo la creación, el uso compartido,
la prueba y la documentación de las API. Proporciona una experiencia de usuario perfecta que ayuda a llegar a
los puntos finales de la API al crear rápidamente solicitudes según la especificación de la API y diseccionar los
diversos parámetros de respuesta, como el código de estado, los encabezados y el cuerpo de respuesta real.
Podemos aprovechar estas características para realizar pruebas continuas y automatizadas.
Se utiliza como una herramienta complementaria para desarrollar, documentar y probar contra una API y
proporciona una interfaz de usuario para realizar solicitudes de servidor de API REST (Representational State
Transfer) y muestra la respuesta de los servidores. Postman es una herramienta de desarrollo de API utilizada
en el ciclo de vida del desarrollo de software:
Desarrollo de API
Pruebas de API
Documentación de la API
Desde características como la API de Postman y los controles de flujo de trabajo hasta monitores integrados
para pruebas de regresión, la herramienta tiene cubiertas las pruebas de API. Sin embargo, en un nivel alto hay
un puñado de características principales que cada probador de API necesitará. Echemos un vistazo más de cerca
a estas características.

PRUEBA DE COMPATIBILIDAD DE NAVEGADORES

La parte más importante de una lista de verificación de prueba de un sitio web es la función de orientación. Por
supuesto, el diseño y la visualización también son importantes. Sin embargo, es vital asegurarse de que todos
los enlaces, formularios y bases de datos funcionen correctamente, sin errores. Para llegar a ese punto, debe
agregar requisitos funcionales como:

Hacer clic en los botones y enlaces para comprobar si se abre la página adecuada

Comprobando que ningún enlace lleve a una página vacía

Asegurarse de que la página 404 esté activa en caso de que algunas páginas se eliminen o ya no estén disponibles

CONCLUSION

En resumen, al abordar estos aspectos críticos en el desarrollo y lanzamiento de un sitio web o aplicación,
aseguramos que los usuarios tengan una experiencia positiva y sin problemas. La verificación de la
configuración del dominio, la compatibilidad entre navegadores, la visualización en dispositivos móviles y la
prueba exhaustiva de elementos clave son pasos esenciales para garantizar la calidad y confiabilidad de nuestro
producto digital. Al seguir estas mejores prácticas, creamos una base sólida para el éxito y la satisfacción de los
usuarios.

BIBLIOGRAFIA

Las 6 mejores herramientas de pruebas entre navegadores y cómo utilizarlas (semrush.com)

Wikipedia
Prueba de contenido como probar y validar su contenido para publicidad nativa - FasterCapital