PROGRESSIVE WEB APPS: avaliar uma aplicação em diferentes navegadores e sistemas operacionais

Fernando Tiosso; Brian Kazuyoshi  Izaki; Helena Macedo Reis

doi:10.31510/infa.v18i1.1154

Autores

Fernando Tiosso Faculdade de Tecnologia de Taquaritinga – Taquaritinga – São Paulo - Brasil https://orcid.org/0000-0002-9344-0747
Brian Kazuyoshi Izaki Faculdade de Tecnologia de Taquaritinga – Taquaritinga – São Paulo - Brasil https://orcid.org/0000-0001-6246-743X
Helena Macedo Reis Universidade Federal do Paraná (UFPR) – Jandaia do Sul – PR – Brasil https://orcid.org/0000-0001-9339-873X

DOI:

https://doi.org/10.31510/infa.v18i1.1154

Palavras-chave:

PWA, Avaliações, Navegadores, SOs, Mobile

Resumo

Este trabalho tem como objetivo avaliar a compatibilidade de uma Progressive Web Application (PWA) com relação ao seu suporte para uma experiência de aplicação nativa nos Sistemas Operacionais (SOs) Android e iOS utilizando os navegadores Chrome, Firefox, Samsung Internet e Safari. Por meio de pesquisas bibliográficas em livros, documentações e sites de fabricantes, observou-se quais as características mais relevantes que poderiam ser utilizadas durante a análise da aplicação para dispositivos mobiles até o presente momento, proporcionando o desenvolvimento e a análise de uma PWA devidamente auditada e reconhecida pelo aplicativo Lighthouse. Assim, por meio das avaliações realizadas, constatou-se que o sistema operacional Android e o navegador Chrome ofereceram maior suporte para uma experiência de aplicação nativa utilizando a abordagem progressiva.

Downloads

Não há dados estatísticos.

Métricas

Carregando Métricas ...

Referências

ADOBE. Adobe XD. Adobe, 16 abr. 2021. Disponível em: <https://www.adobe.com/br/products/xd.html>. Acesso em: 16 abr. 2021.

ANDRADE, A. P. Os principais frameworks CSS. TreinaWeb blog, 25 out. 2018. Disponível em: < https://www.treinaweb.com.br/blog/os-principais-frameworks-css>. Acesso em: 1 nov. 2020.

DEVELOPERS android. Visão geral das notificações Toast. Developers Android, 27 jan. 2021. Disponível em: <https://developer.android.com/guide/topics/ui/notifiers/toasts?hl=pt-br>. Acesso em: 20 fev. 2021.

GOOGLE developers. Auditar apps da Web com o Lighthouse. Google Developers, 26 set. 2017. Disponível em: <https://developers.google.com/web/tools/lighthouse>. Acesso em: 1 nov. 2020.

LEPAGE, P.; RICHARD, S. What are Progressive Web Apps? Web.dev, 6 jan. 2020. Disponível em: <https://web.dev/what-are-pwas>. Acesso em: 19 jun. 2020.

LIEBEL, C. Making the web more powerful with project fugu. International JavaScript Conference, 31 mar. 2020. Disponível em: <https://javascript-conference.com/blog/making-the-web-more-powerful-with-project-fugu>. Acesso em: 31 mai. 2020.

PIZZANI, L.; SILVA, R. C. da; BELLO, S. F.; HAYASHI, M. C. P. I. A arte da pesquisa bibliográfica na busca do conhecimento. RDBCI: Revista Digital de Biblioteconomia e Ciência da Informação, Campinas, SP, v. 10, n. 2, p. 53-66, 2012. DOI: 10.20396/rdbci.v10i1.1896. Disponível em: https://periodicos.sbu.unicamp.br/ojs/index.php/rdbci/article/view/1896. Acesso em: 4 nov. 2020. DOI: https://doi.org/10.20396/rdbci.v10i1.1896

PNAD contínua. Acesso à internet e à televisão e posse de telefone móvel celular para uso pessoal 2018. Rio de Janeiro: IBGE, 2020. 12 p.

PONTES, G. Progressive Web Apps: Construa aplicações progressivas com React. Vila Maria São Paulo: Casa do código, 2018. 443 p.

REACT. Crie um novo React App. React, 1 nov. 2020a. Disponível em: <https://pt-br.reactjs.org/docs/create-a-new-react-app.html>. Acesso em: 1 nov. 2020.

______. React – Uma biblioteca JavaScript para criar interfaces de usuário. React, 1 nov. 2020b. Disponível em: < https://pt-br.reactjs.org>. Acesso em: 1 nov. 2020.

SOMMERVILLE, I. Engenharia de Software. 9.ed. São Paulo: Pearson Prentice Hall, 2011.

STATCOUNTER globalstats. Mobile Browser Market Share Brasil. Statcounter GlobalStats, out. 2020. Disponível em: <https://gs.statcounter.com/browser-market-share/mobile/brazil>. Acesso em: 16 nov. 2020.