Offline First Progressive Web Apps : Um Estudo de Ferramentas para Armazenamento e Sincronização de Dados

Daniel Nicolau Saito | daniel_nicolau_saito@yahoo.com.br

Marcelo Felipe Guarani Fernandes | guaranimarcelo@gmail.com

Anubis Graciela de Moraes rossetto | anubis.rossetto@passofundo.ifsul.edu.br

[ORIENTADOR]

 

Campus: Passo Fundo

Nível: Ensino Superior

Área: Ciências Exatas e da Terra

 

Resumo

Progressive Web Apps (PWAs) são um conjunto de técnicas para desenvolver aplicações web direcionadas para dispositivos móveis, rodando num navegador, sem a necessidade de serem instaladas. Uma das principais características da PWA é a capacidade da aplicação operar independente de conectividade, possibilitando a sincronização de dados com servidores em segundo plano. Este projeto de pesquisa fez um estudo de duas tecnologias para armazenamento e sincronização de dados off-line para posteriormente uma delas ser aplicada ao desenvolvimento de uma PWA para o 1º Batalhão Rodoviário da Brigada Militar (BRBM). As duas tecnologias selecionadas para o estudo foram: Firebase Firestore e PouchDB/CouchDB. Com o intuito de melhor conhecer e avaliar as duas ferramentas, foram desenvolvidos protótipos da aplicação em cada uma delas. No comparativo realizado diversos critérios foram considerados, quais sejam: processo de instalação e configuração, mecanismos de autenticação, controle de acesso aos dados, mecanismo de sincronização, documentação e custos. Após a avaliação desses critérios definiu-se por empregar a plataforma Firestore para o desenvolvimento. A arquitetura proposta para a solução está organizada de forma a ter duas aplicações: BRBM App e Veículos BRBM App. A BRBM App gerencia os dados dos recursos humanos e seus dados são armazenados no PostgreSQL. Já a Veículos BRBM App é uma PWA que persiste os dados no Firestore e integra os dados duas vezes ao dia com a base PostgreSQL por meio de uma API desenvolvida em PHP. No sentido de avaliar a aplicação PWA utilizou-se a ferramenta Lighthouse, verificando desempenho, boas práticas, acessibilidade e otimização de mecanismos de busca, obtendo destaque para a categoria PWA onde atendeu todos os requisitos. Além disso, com base nos testes feitos usando o Lighthouse, a aplicação desenvolvida obteve resultados satisfatórios.

 

Palavras-chave

Progressive Web App; CouchDB; Firebase