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

Authors

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

Keywords:

PWA, Evaluations, Browsers, OS, Mobile

Abstract

This work aims to evaluate the compatibility of a Progressive Web Application (PWA) in relation to its support for a native application experience on Android and iOS Operating Systems (OSes) using Chrome, Firefox, Samsung Internet and Safari browsers. Through bibliographic searches in books, documentation and manufacturers websites, it was observed which are the most relevant characteristics that could be used during the analysis of the application for mobile devices until the present moment, providing the development and analysis of a properly audited PWA and recognized by the Lighthouse app. Thus, through the evaluations carried out, it was found that the Android operating system and the Chrome browser offered greater support for a native application experience using the progressive approach.

Downloads

Download data is not yet available.

Metrics

Metrics Loading ...

References

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.