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

Autores
Sabaren, Leandro Nicolás
Año de publicación
2018
Idioma
español castellano
Tipo de recurso
documento de conferencia
Estado
versión publicada
Descripción
Fil: Sabaren, Leandro Nicolás. Universidad Nacional del Nordeste. Facultad de Ciencias Exactas y Naturales y Agrimensura; Argentina.
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.
Materia
Aplicación web
Prueba de software
Compatibilidad web
Nivel de accesibilidad
acceso abierto
Condiciones de uso
http://creativecommons.org/licenses/by-nc-nd/2.5/ar/
Repositorio
Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)
Institución
Universidad Nacional del Nordeste
OAI Identificador
oai:repositorio.unne.edu.ar:123456789/52140

id RIUNNE_97d7ee6cf68b2618985260162bc3a327
oai_identifier_str oai:repositorio.unne.edu.ar:123456789/52140
network_acronym_str RIUNNE
repository_id_str 4871
network_name_str Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)
spelling Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenesSabaren, Leandro NicolásAplicación webPrueba de softwareCompatibilidad webFil: Sabaren, Leandro Nicolás. Universidad Nacional del Nordeste. Facultad de Ciencias Exactas y Naturales y Agrimensura; Argentina.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.Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica2018info:eu-repo/semantics/conferenceObjectinfo:eu-repo/semantics/publishedVersionhttp://purl.org/coar/resource_type/c_5794info:ar-repo/semantics/documentoDeConferenciaapplication/pdfp. 1-2application/pdfSabaren, 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/52140spaUNNE/PI/13F010/AR. Corrientes/Métodos y herramientas para la calidad del softwareinfo:eu-repo/semantics/openAccesshttp://creativecommons.org/licenses/by-nc-nd/2.5/ar/Atribución-NoComercial-SinDerivadas 2.5 Argentinareponame:Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)instname:Universidad Nacional del Nordeste2025-09-04T11:14:11Zoai:repositorio.unne.edu.ar:123456789/52140instacron:UNNEInstitucionalhttp://repositorio.unne.edu.ar/Universidad públicaNo correspondehttp://repositorio.unne.edu.ar/oaiososa@bib.unne.edu.ar;sergio.alegria@unne.edu.arArgentinaNo correspondeNo correspondeNo correspondeopendoar:48712025-09-04 11:14:12.111Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE) - Universidad Nacional del Nordestefalse
dc.title.none.fl_str_mv Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
title Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
spellingShingle Software para pruebas cruzadas de navegador mediante procesamiento digital de imágenes
Sabaren, Leandro Nicolás
Aplicación web
Prueba de software
Compatibilidad web
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
dc.creator.none.fl_str_mv Sabaren, Leandro Nicolás
author Sabaren, Leandro Nicolás
author_facet Sabaren, Leandro Nicolás
author_role author
dc.subject.none.fl_str_mv Aplicación web
Prueba de software
Compatibilidad web
topic Aplicación web
Prueba de software
Compatibilidad web
dc.description.none.fl_txt_mv Fil: Sabaren, Leandro Nicolás. Universidad Nacional del Nordeste. Facultad de Ciencias Exactas y Naturales y Agrimensura; Argentina.
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.
description Fil: Sabaren, Leandro Nicolás. Universidad Nacional del Nordeste. Facultad de Ciencias Exactas y Naturales y Agrimensura; Argentina.
publishDate 2018
dc.date.none.fl_str_mv 2018
dc.type.none.fl_str_mv info:eu-repo/semantics/conferenceObject
info:eu-repo/semantics/publishedVersion
http://purl.org/coar/resource_type/c_5794
info:ar-repo/semantics/documentoDeConferencia
format conferenceObject
status_str publishedVersion
dc.identifier.none.fl_str_mv 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
identifier_str_mv 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.
url http://repositorio.unne.edu.ar/handle/123456789/52140
dc.language.none.fl_str_mv spa
language spa
dc.relation.none.fl_str_mv UNNE/PI/13F010/AR. Corrientes/Métodos y herramientas para la calidad del software
dc.rights.none.fl_str_mv info:eu-repo/semantics/openAccess
http://creativecommons.org/licenses/by-nc-nd/2.5/ar/
Atribución-NoComercial-SinDerivadas 2.5 Argentina
eu_rights_str_mv openAccess
rights_invalid_str_mv http://creativecommons.org/licenses/by-nc-nd/2.5/ar/
Atribución-NoComercial-SinDerivadas 2.5 Argentina
dc.format.none.fl_str_mv application/pdf
p. 1-2
application/pdf
dc.publisher.none.fl_str_mv Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica
publisher.none.fl_str_mv Universidad Nacional del Nordeste. Secretaría General de Ciencia y Técnica
dc.source.none.fl_str_mv reponame:Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)
instname:Universidad Nacional del Nordeste
reponame_str Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)
collection Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE)
instname_str Universidad Nacional del Nordeste
repository.name.fl_str_mv Repositorio Institucional de la Universidad Nacional del Nordeste (UNNE) - Universidad Nacional del Nordeste
repository.mail.fl_str_mv ososa@bib.unne.edu.ar;sergio.alegria@unne.edu.ar
_version_ 1842344216189992960
score 12.623145