Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais

Detalhes bibliográficos
Autor(a) principal: Santos, Danilo Alves dos
Data de Publicação: 2022
Tipo de documento: Dissertação
Idioma: por
Título da fonte: Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
Texto Completo: http://repositorio.utfpr.edu.br/jspui/handle/1/30193
Resumo: A variedade de browsers disponíveis para os usuários, que permitem acessar e executar aplicações web, abre margem para a ocorrência de incompatibilidades de exibição ou execução de componentes presentes nas páginas web devido às diferentes configurações entre os motores de renderização existentes. Mesmo com o avanço das tecnologias para desenvolvimento de páginas responsivas, às incompatibilidades de renderização ainda se fazem presentes. Quando essas incompatibilidades ocorrem devido à execução em diferentes browsers são conhecidas como Incompatibilidades Cross-Browser, ou XBI. Para os desenvolvedores isso representa um maior tempo gasto com a realização de inspeções manuais para detecção e correção dessas incompatibilidades. Considerando os avanços significativos no uso de redes neurais profundas associado à classificação de objetos por meio de visão computacional, este trabalho utilizou essa abordagem no cenário de classificação de incompatibilidades internas de layout em aplicações web responsivas. Para isso foram conduzidos experimentos com uso de classificadores baseados em Redes Neurais Convolucionais. Foram analisadas diferentes configurações para identificar a arquitetura que melhor se adequasse ao classificador proposto. Para treinamento da rede foram utilizados como dados de entrada conjuntos de pixels gerados a partir de screenshots provenientes de dataset de trabalhos anteriores. Para quantificar a eficácia do classificador com a abordagem proposta foi utilizado o método 10-Fold-Cross-Validation, combinado com as métricas Precision, Recall e F-Score, onde foi verificado que o modelo proposto apresentou resultados superiores de Precision e Recall em relação à estratégia Browserbite, porém não foi capaz de alcançar resultados similares às estratégias Crosscheck e Watanabe et al. (2019), utilizados para contrapor o modelo implementado. Por meio do experimento conduzido, pode-se afirmar que o principal fator que influenciou a baixa eficácia do classificador foi o desbalanceamento do dataset disponível.
id UTFPR-12_ab89ac40bf13479c0c63a15d1f314602
oai_identifier_str oai:repositorio.utfpr.edu.br:1/30193
network_acronym_str UTFPR-12
network_name_str Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
repository_id_str
spelling 2022-11-28T21:02:15Z2022-11-28T21:02:15Z2022-08-18SANTOS, Danilo Alves dos. Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais. 2022. Dissertação (Mestrado em Informática) - Universidade Tecnológica Federal do Paraná, Cornélio Procópio, 2022.http://repositorio.utfpr.edu.br/jspui/handle/1/30193A variedade de browsers disponíveis para os usuários, que permitem acessar e executar aplicações web, abre margem para a ocorrência de incompatibilidades de exibição ou execução de componentes presentes nas páginas web devido às diferentes configurações entre os motores de renderização existentes. Mesmo com o avanço das tecnologias para desenvolvimento de páginas responsivas, às incompatibilidades de renderização ainda se fazem presentes. Quando essas incompatibilidades ocorrem devido à execução em diferentes browsers são conhecidas como Incompatibilidades Cross-Browser, ou XBI. Para os desenvolvedores isso representa um maior tempo gasto com a realização de inspeções manuais para detecção e correção dessas incompatibilidades. Considerando os avanços significativos no uso de redes neurais profundas associado à classificação de objetos por meio de visão computacional, este trabalho utilizou essa abordagem no cenário de classificação de incompatibilidades internas de layout em aplicações web responsivas. Para isso foram conduzidos experimentos com uso de classificadores baseados em Redes Neurais Convolucionais. Foram analisadas diferentes configurações para identificar a arquitetura que melhor se adequasse ao classificador proposto. Para treinamento da rede foram utilizados como dados de entrada conjuntos de pixels gerados a partir de screenshots provenientes de dataset de trabalhos anteriores. Para quantificar a eficácia do classificador com a abordagem proposta foi utilizado o método 10-Fold-Cross-Validation, combinado com as métricas Precision, Recall e F-Score, onde foi verificado que o modelo proposto apresentou resultados superiores de Precision e Recall em relação à estratégia Browserbite, porém não foi capaz de alcançar resultados similares às estratégias Crosscheck e Watanabe et al. (2019), utilizados para contrapor o modelo implementado. Por meio do experimento conduzido, pode-se afirmar que o principal fator que influenciou a baixa eficácia do classificador foi o desbalanceamento do dataset disponível.The variety of browsers available to users, which allow accessing and executing web applications, leaves room for the occurrence of display incompatibilities or execution of components present in web pages due to the different configurations between the existing rendering engines. Even with the advancement of technologies for developing responsive pages, rendering incompatibilities are still present. When these incompatibilities occur due to running in different browsers they are known as Cross-Browser Incompatibilities, or XBI. For developers, this means more time spent performing manual inspections to detect and correct these incompatibilities. Report the advances in the use of deep neural networks associated with object classification through computer vision, this work used this approach in the classification scenario of internal layout incompatibilities in responsive web applications. For this, experiments were conducted using classifiers based on Convolutional Neural Networks. Different configurations were analyzed to identify the architecture that best suited the proposed classifier. For network training, pixels generated from screenshots from datasets from previous works were used as input data. To quantify the effectiveness of the classifier with the proposed approach, 10-Fold-Cross-Validation method was used, combined with Precision, Recall and F-Score metrics, where it was verified that the proposed model presented better results of Precision and Recall in relation to to the Browserbite strategy, but it was not able to achieve similar results to the Crosscheck and Watanabe et al. (2019) strategies, used to oppose the implemented model. Through the experiment conducted, it can be said that the main factor that influenced the low efficiency of the classifier was the unbalance of the available dataset.porUniversidade Tecnológica Federal do ParanáCornelio ProcopioPrograma de Pós-Graduação em InformáticaUTFPRBrasilCNPQ::CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAOCiência da ComputaçãoSoftware de aplicaçãoAplicações WebRedes Neurais (Computação)Application softwareWeb applicationsNeural networks (Computer science)Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionaisCross-browser incompatibilities classification in web applications with responsive design using convolucional neural networksinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisCornélio ProcópioWatanabe, Willian Massamihttps://orcid.org/0000-0001-6910-5730http://lattes.cnpq.br/8946276875418151Endo, Andre Takeshihttp://lattes.cnpq.br/4221336619791961Oliveira, Claiton dehttp://lattes.cnpq.br/8851289265109891Bugatti, Pedro Henriquehttp://lattes.cnpq.br/2177467029991118Watanabe, Willian Massamihttp://lattes.cnpq.br/8946276875418151https://orcid.org/0000-0002-2029-2333http://lattes.cnpq.br/7205360306859927Santos, Danilo Alves dosinfo:eu-repo/semantics/openAccessreponame:Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))instname:Universidade Tecnológica Federal do Paraná (UTFPR)instacron:UTFPRORIGINALclassificaocaoincompatibilidadesredesconvolucionais.pdfapplication/pdf7434952http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/30193/1/classificaocaoincompatibilidadesredesconvolucionais.pdffda99e74e5df8783d24f6e71de2d6257MD51TEXTclassificaocaoincompatibilidadesredesconvolucionais.pdf.txtclassificaocaoincompatibilidadesredesconvolucionais.pdf.txtExtracted texttext/plain87406http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/30193/2/classificaocaoincompatibilidadesredesconvolucionais.pdf.txt64b9c9339535defc7082ef6939ede92dMD52THUMBNAILclassificaocaoincompatibilidadesredesconvolucionais.pdf.jpgclassificaocaoincompatibilidadesredesconvolucionais.pdf.jpgGenerated Thumbnailimage/jpeg1626http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/30193/3/classificaocaoincompatibilidadesredesconvolucionais.pdf.jpgd3a20b5a542e79ece8a788d0d0ae247fMD531/301932022-11-29 04:07:14.108oai:repositorio.utfpr.edu.br:1/30193Repositório de PublicaçõesPUBhttp://repositorio.utfpr.edu.br:8080/oai/requestopendoar:2022-11-29T06:07:14Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT)) - Universidade Tecnológica Federal do Paraná (UTFPR)false
dc.title.pt_BR.fl_str_mv Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
dc.title.alternative.pt_BR.fl_str_mv Cross-browser incompatibilities classification in web applications with responsive design using convolucional neural networks
title Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
spellingShingle Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
Santos, Danilo Alves dos
CNPQ::CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO
Software de aplicação
Aplicações Web
Redes Neurais (Computação)
Application software
Web applications
Neural networks (Computer science)
Ciência da Computação
title_short Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
title_full Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
title_fullStr Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
title_full_unstemmed Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
title_sort Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
author Santos, Danilo Alves dos
author_facet Santos, Danilo Alves dos
author_role author
dc.contributor.advisor1.fl_str_mv Watanabe, Willian Massami
dc.contributor.advisor1ID.fl_str_mv https://orcid.org/0000-0001-6910-5730
dc.contributor.advisor1Lattes.fl_str_mv http://lattes.cnpq.br/8946276875418151
dc.contributor.referee1.fl_str_mv Endo, Andre Takeshi
dc.contributor.referee1Lattes.fl_str_mv http://lattes.cnpq.br/4221336619791961
dc.contributor.referee2.fl_str_mv Oliveira, Claiton de
dc.contributor.referee2Lattes.fl_str_mv http://lattes.cnpq.br/8851289265109891
dc.contributor.referee3.fl_str_mv Bugatti, Pedro Henrique
dc.contributor.referee3Lattes.fl_str_mv http://lattes.cnpq.br/2177467029991118
dc.contributor.referee4.fl_str_mv Watanabe, Willian Massami
dc.contributor.referee4Lattes.fl_str_mv http://lattes.cnpq.br/8946276875418151
dc.contributor.authorID.fl_str_mv https://orcid.org/0000-0002-2029-2333
dc.contributor.authorLattes.fl_str_mv http://lattes.cnpq.br/7205360306859927
dc.contributor.author.fl_str_mv Santos, Danilo Alves dos
contributor_str_mv Watanabe, Willian Massami
Endo, Andre Takeshi
Oliveira, Claiton de
Bugatti, Pedro Henrique
Watanabe, Willian Massami
dc.subject.cnpq.fl_str_mv CNPQ::CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO
topic CNPQ::CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO
Software de aplicação
Aplicações Web
Redes Neurais (Computação)
Application software
Web applications
Neural networks (Computer science)
Ciência da Computação
dc.subject.por.fl_str_mv Software de aplicação
Aplicações Web
Redes Neurais (Computação)
Application software
Web applications
Neural networks (Computer science)
dc.subject.capes.pt_BR.fl_str_mv Ciência da Computação
description A variedade de browsers disponíveis para os usuários, que permitem acessar e executar aplicações web, abre margem para a ocorrência de incompatibilidades de exibição ou execução de componentes presentes nas páginas web devido às diferentes configurações entre os motores de renderização existentes. Mesmo com o avanço das tecnologias para desenvolvimento de páginas responsivas, às incompatibilidades de renderização ainda se fazem presentes. Quando essas incompatibilidades ocorrem devido à execução em diferentes browsers são conhecidas como Incompatibilidades Cross-Browser, ou XBI. Para os desenvolvedores isso representa um maior tempo gasto com a realização de inspeções manuais para detecção e correção dessas incompatibilidades. Considerando os avanços significativos no uso de redes neurais profundas associado à classificação de objetos por meio de visão computacional, este trabalho utilizou essa abordagem no cenário de classificação de incompatibilidades internas de layout em aplicações web responsivas. Para isso foram conduzidos experimentos com uso de classificadores baseados em Redes Neurais Convolucionais. Foram analisadas diferentes configurações para identificar a arquitetura que melhor se adequasse ao classificador proposto. Para treinamento da rede foram utilizados como dados de entrada conjuntos de pixels gerados a partir de screenshots provenientes de dataset de trabalhos anteriores. Para quantificar a eficácia do classificador com a abordagem proposta foi utilizado o método 10-Fold-Cross-Validation, combinado com as métricas Precision, Recall e F-Score, onde foi verificado que o modelo proposto apresentou resultados superiores de Precision e Recall em relação à estratégia Browserbite, porém não foi capaz de alcançar resultados similares às estratégias Crosscheck e Watanabe et al. (2019), utilizados para contrapor o modelo implementado. Por meio do experimento conduzido, pode-se afirmar que o principal fator que influenciou a baixa eficácia do classificador foi o desbalanceamento do dataset disponível.
publishDate 2022
dc.date.accessioned.fl_str_mv 2022-11-28T21:02:15Z
dc.date.available.fl_str_mv 2022-11-28T21:02:15Z
dc.date.issued.fl_str_mv 2022-08-18
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/masterThesis
format masterThesis
status_str publishedVersion
dc.identifier.citation.fl_str_mv SANTOS, Danilo Alves dos. Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais. 2022. Dissertação (Mestrado em Informática) - Universidade Tecnológica Federal do Paraná, Cornélio Procópio, 2022.
dc.identifier.uri.fl_str_mv http://repositorio.utfpr.edu.br/jspui/handle/1/30193
identifier_str_mv SANTOS, Danilo Alves dos. Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais. 2022. Dissertação (Mestrado em Informática) - Universidade Tecnológica Federal do Paraná, Cornélio Procópio, 2022.
url http://repositorio.utfpr.edu.br/jspui/handle/1/30193
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.publisher.none.fl_str_mv Universidade Tecnológica Federal do Paraná
Cornelio Procopio
dc.publisher.program.fl_str_mv Programa de Pós-Graduação em Informática
dc.publisher.initials.fl_str_mv UTFPR
dc.publisher.country.fl_str_mv Brasil
publisher.none.fl_str_mv Universidade Tecnológica Federal do Paraná
Cornelio Procopio
dc.source.none.fl_str_mv reponame:Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
instname:Universidade Tecnológica Federal do Paraná (UTFPR)
instacron:UTFPR
instname_str Universidade Tecnológica Federal do Paraná (UTFPR)
instacron_str UTFPR
institution UTFPR
reponame_str Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
collection Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT))
bitstream.url.fl_str_mv http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/30193/1/classificaocaoincompatibilidadesredesconvolucionais.pdf
http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/30193/2/classificaocaoincompatibilidadesredesconvolucionais.pdf.txt
http://repositorio.utfpr.edu.br:8080/jspui/bitstream/1/30193/3/classificaocaoincompatibilidadesredesconvolucionais.pdf.jpg
bitstream.checksum.fl_str_mv fda99e74e5df8783d24f6e71de2d6257
64b9c9339535defc7082ef6939ede92d
d3a20b5a542e79ece8a788d0d0ae247f
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
repository.name.fl_str_mv Repositório Institucional da UTFPR (da Universidade Tecnológica Federal do Paraná (RIUT)) - Universidade Tecnológica Federal do Paraná (UTFPR)
repository.mail.fl_str_mv
_version_ 1805923196154675200