Classificação de incompatibilidades cross-browser em aplicações web com design responsivo com uso de redes neurais convolucionais
Autor(a) principal: | |
---|---|
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 |