Progressive web Apps: um novo paradigma de desenvolvimento Frontend

dc.contributor.advisor1Wolf, Alexandre Stürmer
dc.contributor.advisor1Latteshttp://lattes.cnpq.br/0591097928246945pt_BR
dc.creatorMaccali, Guilherme
dc.date.accessioned2022-05-27T17:14:17Z
dc.date.available2022-05-27T17:14:17Z
dc.date.issued2021-12
dc.date.submitted2021-12-06
dc.description.abstractNos dias atuais, a qualidade de software está sendo cada vez mais exigida tanto no desenvolvimento quanto na utilização do usuário final, além da diversidade de dispositivos e plataformas aumentando e a escassez de mão de obra qualificada na tecnologia intensificando. Desse modo, as Progressive Web Apps (PWA) têm-se tornado uma opção cada vez mais conveniente na produção de frontend, pois têm a capacidade de serem executadas nas mais diversas plataformas, alcançando qualquer dispositivo que tenha um navegador. Pensando nisso, o presente estudo apresentou a criação de um sistema de denúncias e demonstrou os recursos e benefícios existentes no processo de desenvolvimento PWA em três plataformas distintas – Windows, Android e iOS. Esta pesquisa explorou e descreveu os recursos utilizados na aplicação desenvolvida, comparando os resultados entre as plataformas e gerando métricas com a finalidade de testar a viabilidade do uso multiplataforma da abordagem PWA e da Trusted Web Activities (TWA) na plataforma Android. Dessa forma, concluiu-se que o uso da PWA e TWA mostrou-se eficiente, pois os recursos funcionaram de forma satisfatória em todas as plataformas testadas, confirmando as comparações realizadas pelos trabalhos relacionados, alcançando, por meio da ferramenta Google Lighthouse, 90% de performance, 97% de acessibilidade, 100% em boas práticas e 100% Search Engine Optimization (SEO), atendendo todos critérios verificados, assim como todos os parâmetros requeridos pela PWABuilder.pt_BR
dc.description.abstractNowadays, software quality is being increasingly demanded both in development and in the use of the end user, in addition to the diversity of devices and platforms increasing and the scarcity of qualified labor in the technology intensifying. Thus, Progressive Web Apps (PWA) have become a progressively more convenient option in frontend production, as they have the ability to run on the most diverse platforms, reaching any device that has a browser. With that in mind, this study presented the creation of a whistleblower system and demonstrated the resources and benefits that exist in the PWA development process on three different platforms – Windows, Android and iOS. This research explored and described the resources used in the developed application, comparing the results between platforms and generating metrics in order to test the feasibility of using the PWA approach and Trusted Web Activities (TWA) on the Android platform. Thus, it was concluded that the use of PWA and TWA proved to be efficient, as the resources worked satisfactorily on all tested platforms, confirming the comparisons made by the related works, reaching, through the Google Lighthouse tool, 90% of performance, 97% accessibility, 100% of best practices and 100% of Search Engine Optimization (SEO), meeting all verified criteria, as well as all parameters required by PWABuilder.pt_BR
dc.identifier.citationMACCALI, Guilherme. Progressive web Apps: um novo paradigma de desenvolvimento Frontend. 2021. Monografia (Graduação em Engenharia de Software) – Universidade do Vale do Taquari - Univates, Lajeado, 06 dez. 2021. Disponível em: http://hdl.handle.net/10737/3339. pt_BR
dc.identifier.urihttp://hdl.handle.net/10737/3339
dc.language.isopt_BRpt_BR
dc.rightsopenAccesspt_BR
dc.rights.urihttp://creativecommons.org/licenses/by/4.0/*
dc.subjectPWApt_BR
dc.subjectProgressive Web Appspt_BR
dc.subjectTWApt_BR
dc.subjectNextJSpt_BR
dc.subject.cnpqENGpt_BR
dc.titleProgressive web Apps: um novo paradigma de desenvolvimento Frontendpt_BR
dc.typebachelorThesispt_BR
Arquivos
Pacote original
Agora exibindo 1 - 1 de 1
Carregando...
Imagem em miniatura
Nome:
2021GuilhermeMaccali.pdf
Tamanho:
6.03 MB
Formato:
Adobe Portable Document Format
Descrição:
Pacote de licença
Agora exibindo 1 - 2 de 2
Carregando...
Imagem em miniatura
Nome:
license.txt
Tamanho:
4.46 KB
Formato:
Item-specific license agreed upon to submission
Descrição:
Carregando...
Imagem em miniatura
Nome:
Termo.pdf
Tamanho:
294.47 KB
Formato:
Adobe Portable Document Format
Descrição: