Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes

Al desarrollar una aplicación web, uno de los principales objetivos es que sea visualizada correctamente por la mayor cantidad de usuarios posible. Debido a la naturaleza de la distribución de las aplicaciones web, basadas en una arquitectura cliente servidor, los usuarios pueden acceder a la pági...

Descripción completa

Detalles Bibliográficos
Autor principal:	Sabaren, Leandro Nicolás
Formato:	Reunión
Lenguaje:	Español
Publicado:	Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica 2023
Materias:	Aplicación web Prueba de software Compatibilidad web
Acceso en línea:	http://repositorio.unne.edu.ar/handle/123456789/52140
Aporte de:	RIUNNE - Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE) de Universidad Nacional del Nordeste

id	I48-R184-123456789-52140
record_format	dspace
institution	Universidad Nacional del Nordeste
institution_str	I-48
repository_str	R-184
collection	RIUNNE - Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)
language	Español
topic	Aplicación web Prueba de software Compatibilidad web
spellingShingle	Aplicación web Prueba de software Compatibilidad web Sabaren, Leandro Nicolás Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
topic_facet	Aplicación web Prueba de software Compatibilidad web
description	Al desarrollar una aplicación web, uno de los principales objetivos es que sea visualizada correctamente por la mayor cantidad de usuarios posible. Debido a la naturaleza de la distribución de las aplicaciones web, basadas en una arquitectura cliente servidor, los usuarios pueden acceder a la página web desde una gran variedad de navegadores, en dispositivos y plataformas distintas. Las diferencias entre los navegadores y su interpretación del código de la página web pueden causar defectos de incompatibilidad, que afectan negativamente la experiencia de usuario. De esta manera, es tarea del desarrollador el proveer una experiencia de usuario aceptable, aun cuando ésta no sea exactamente la misma para todos. La compatibilidad web es la característica de una página web que permite que la aplicación funcione correctamente en un número aceptable de navegadores web. Habrá compatibilidad web si las funcionalidades de la página pueden ser utilizadas correctamente en múltiples navegadores. Resulta imposible probar el funcionamiento de la aplicación para el 100% de navegadores, en todas las plataformas. El sitio web será compatible si se logra la compatibilidad según los requerimientos. En este trabajo se propone el desarrollo de una herramienta para realizar pruebas cruzadas de navegador en aplicaciones web, que determinan si existe compatibilidad web. Las actividades realizadas para alcanzar los objetivos definidos en este trabajo son: Objetivo 1: Estudiar en profundidad los conceptos relacionados con compatibilidad web. Para lograr este objetivo se elaboró una Revisión Sistemática de la Literatura (RSL), a fin de analizar trabajos académicos relacionados al tema, haciendo énfasis en las técnicas y herramientas propuestas. Se siguió la metodología propuesta por Kitchenham y Charters. Los resultados obtenidos con la RSL fueron publicados en los Anales del XXIII Congreso Argentino de Ciencias de la Computación. Objetivo 2: analizar las herramientas y técnicas existentes en el mercado para realizar pruebas de compatibilidad de sitios web. Según los hallazgos de la RSL, la técnica más seleccionada para realizar pruebas de compatibilidad en aplicaciones web es el análisis visual. Análisis visual: consiste en realizar comparaciones de imágenes que son obtenidas mediante capturas de pantalla de la aplicación. En general, se comparan de a pares. Una imagen se considera una representación correcta de la página web, la segunda captura será tomada en una configuración distinta en la que se quiere probar la compatibilidad. Otras técnicas de prueba son: análisis de modelos DOM, análisis de modelos de navegación, grabación/reproducción, análisis estático, comparación de atributos y evaluación heurística. Objetivo 3: Diseñar una solución a la problemática de la compatibilidad web en base a las técnicas y herramientas estudiadas. A partir de los conceptos hallados con la RSL, se eligió una de las técnicas para pruebas de compatibilidad para diseñar e implementar el software de pruebas. Se seleccionó la técnica de análisis visual. Para implementar la técnica, se realizan comparaciones entre imágenes. Las imágenes se obtendrán realizando capturas de pantalla del renderizado de la página en un navegador web determinado. Las comparaciones se realizarán de a pares. Una de estas imágenes se considerará como “correcta”, partiendo de que el navegador en que se obtuvo la captura corresponde al navegador seleccionado como “base” por el equipo de desarrollo. La segunda captura en la comparación se obtiene en una configuración diferente, para el que se desea probar la compatibilidad de la página. El algoritmo de comparación consiste en cotejar las imágenes verificando los pixeles que forman cada imagen. Se realiza la comparación de pixeles de a pares. Se toma como referencia la ubicación del pixel en la primera imagen y se obtiene el pixel posicionado en la misma coordenada en la segunda imagen. Finalmente, se realiza la comparación. Se trabaja de forma iterativa hasta cubrir todos los pixeles de la imagen uno (y por consecuencia, todos los pixeles de la imagen dos). Se incluye además un componente de procesamiento digital que separa los valores de canales RGB de los pixeles, que compara los valores individuales de cada canal. Objetivo 4: Desarrollo de un software que permita realizar pruebas de compatibilidad web. Se desarrolló un plugin para el entorno de desarrollo eclipse, que permite realizar el análisis visual mediante comparación de imágenes, de manera automatizada. Para el desarrollo del software se utilizaron como herramientas: el entorno de desarrollo Eclipse, Java, los framework Selenium y TestNG. Objetivo general: aportar una herramienta que contribuya a la mejora de la calidad del software en el área de pruebas de compatibilidad web. Los resultados obtenidos con el software permiten considerar que el objetivo fue alcanzado. El método aplicado mejora los resultados obtenidos de pruebas con comparación de pixeles.
format	Reunión
author	Sabaren, Leandro Nicolás
author_facet	Sabaren, Leandro Nicolás
author_sort	Sabaren, Leandro Nicolás
title	Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
title_short	Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
title_full	Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
title_fullStr	Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
title_full_unstemmed	Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
title_sort	software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
publisher	Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica
publishDate	2023
url	http://repositorio.unne.edu.ar/handle/123456789/52140
work_keys_str_mv	AT sabarenleandronicolas softwareparapruebascruzadasdenavegadormedianteprocesamientodigitaldeimagenes
_version_	1832345330304155648
spelling	I48-R184-123456789-521402025-03-06T11:38:14Z Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes Sabaren, Leandro Nicolás Aplicación web Prueba de software Compatibilidad web Al desarrollar una aplicación web, uno de los principales objetivos es que sea visualizada correctamente por la mayor cantidad de usuarios posible. Debido a la naturaleza de la distribución de las aplicaciones web, basadas en una arquitectura cliente servidor, los usuarios pueden acceder a la página web desde una gran variedad de navegadores, en dispositivos y plataformas distintas. Las diferencias entre los navegadores y su interpretación del código de la página web pueden causar defectos de incompatibilidad, que afectan negativamente la experiencia de usuario. De esta manera, es tarea del desarrollador el proveer una experiencia de usuario aceptable, aun cuando ésta no sea exactamente la misma para todos. La compatibilidad web es la característica de una página web que permite que la aplicación funcione correctamente en un número aceptable de navegadores web. Habrá compatibilidad web si las funcionalidades de la página pueden ser utilizadas correctamente en múltiples navegadores. Resulta imposible probar el funcionamiento de la aplicación para el 100% de navegadores, en todas las plataformas. El sitio web será compatible si se logra la compatibilidad según los requerimientos. En este trabajo se propone el desarrollo de una herramienta para realizar pruebas cruzadas de navegador en aplicaciones web, que determinan si existe compatibilidad web. Las actividades realizadas para alcanzar los objetivos definidos en este trabajo son: Objetivo 1: Estudiar en profundidad los conceptos relacionados con compatibilidad web. Para lograr este objetivo se elaboró una Revisión Sistemática de la Literatura (RSL), a fin de analizar trabajos académicos relacionados al tema, haciendo énfasis en las técnicas y herramientas propuestas. Se siguió la metodología propuesta por Kitchenham y Charters. Los resultados obtenidos con la RSL fueron publicados en los Anales del XXIII Congreso Argentino de Ciencias de la Computación. Objetivo 2: analizar las herramientas y técnicas existentes en el mercado para realizar pruebas de compatibilidad de sitios web. Según los hallazgos de la RSL, la técnica más seleccionada para realizar pruebas de compatibilidad en aplicaciones web es el análisis visual. Análisis visual: consiste en realizar comparaciones de imágenes que son obtenidas mediante capturas de pantalla de la aplicación. En general, se comparan de a pares. Una imagen se considera una representación correcta de la página web, la segunda captura será tomada en una configuración distinta en la que se quiere probar la compatibilidad. Otras técnicas de prueba son: análisis de modelos DOM, análisis de modelos de navegación, grabación/reproducción, análisis estático, comparación de atributos y evaluación heurística. Objetivo 3: Diseñar una solución a la problemática de la compatibilidad web en base a las técnicas y herramientas estudiadas. A partir de los conceptos hallados con la RSL, se eligió una de las técnicas para pruebas de compatibilidad para diseñar e implementar el software de pruebas. Se seleccionó la técnica de análisis visual. Para implementar la técnica, se realizan comparaciones entre imágenes. Las imágenes se obtendrán realizando capturas de pantalla del renderizado de la página en un navegador web determinado. Las comparaciones se realizarán de a pares. Una de estas imágenes se considerará como “correcta”, partiendo de que el navegador en que se obtuvo la captura corresponde al navegador seleccionado como “base” por el equipo de desarrollo. La segunda captura en la comparación se obtiene en una configuración diferente, para el que se desea probar la compatibilidad de la página. El algoritmo de comparación consiste en cotejar las imágenes verificando los pixeles que forman cada imagen. Se realiza la comparación de pixeles de a pares. Se toma como referencia la ubicación del pixel en la primera imagen y se obtiene el pixel posicionado en la misma coordenada en la segunda imagen. Finalmente, se realiza la comparación. Se trabaja de forma iterativa hasta cubrir todos los pixeles de la imagen uno (y por consecuencia, todos los pixeles de la imagen dos). Se incluye además un componente de procesamiento digital que separa los valores de canales RGB de los pixeles, que compara los valores individuales de cada canal. Objetivo 4: Desarrollo de un software que permita realizar pruebas de compatibilidad web. Se desarrolló un plugin para el entorno de desarrollo eclipse, que permite realizar el análisis visual mediante comparación de imágenes, de manera automatizada. Para el desarrollo del software se utilizaron como herramientas: el entorno de desarrollo Eclipse, Java, los framework Selenium y TestNG. Objetivo general: aportar una herramienta que contribuya a la mejora de la calidad del software en el área de pruebas de compatibilidad web. Los resultados obtenidos con el software permiten considerar que el objetivo fue alcanzado. El método aplicado mejora los resultados obtenidos de pruebas con comparación de pixeles. 2023-08-22T16:00:00Z 2023-08-22T16:00:00Z 2018 Reunión Sabaren, Leandro Nicolás, 2018. Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes. En: XXIV Comunicaciones Científicas y Tecnológicas. Corrientes: Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica, p. 1-2. http://repositorio.unne.edu.ar/handle/123456789/52140 spa UNNE/PI/13F010/AR. Corrientes/Métodos y herramientas para la calidad del software openAccess http://creativecommons.org/licenses/by-nc-nd/2.5/ar/ application/pdf p. 1-2 application/pdf Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica

Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes

Ejemplares similares