Utilização do recurso PWA para dispositivos Mobile

CONTEÚDO

1. Visão Geral
2. Exemplo de utilização
   1. Desktop
3. Melhoria futura

01. VISÃO GERAL

A aplicação foi aprimorada com a tecnologia Progressive Web App (PWA) para oferecer uma experiência de uso semelhante a um aplicativo nativo, diretamente pelo navegador.

Construída sobre a plataforma Angular, a PWA utiliza um Service Worker para gerenciar o cache de recursos de forma inteligente. Isso permite que a aplicação seja "instalada" na tela inicial de qualquer dispositivo, garantindo acesso rápido, melhor desempenho em visitas futuras e capacidade de funcionamento básicos. O objetivo é fornecer um acesso mais rápido, confiável e integrado, sem a necessidade de uma loja de aplicativos.

02. EXEMPLO DE UTILIZAÇÃO

Desktop

Para facilitar a transição entre dispositivos, a versão para desktop do Portal do Beneficiário exibe um QR Code. Ao escaneá-lo com um dispositivo móvel, o usuário é redirecionado instantaneamente para a página de login, agilizando o acesso sem a necessidade de digitar o endereço manualmente.

IOS

Em dispositivos iOS, a instalação do PWA é feita manualmente. No Safari, toque no ícone de Compartilhar e, em seguida, selecione a opção "Adicionar à Tela de Início" para criar um atalho. Conforme instruções:

Android

Para usuários de Android, o processo é simples. Ao acessar o portal, um botão para "Instalar" será exibido. Basta clicar em sim para que o aplicativo seja adicionado automaticamente à sua tela de início.

Melhoria futura

Na versão atual, o alias da empresa não é salvo automaticamente no PWA após a instalação. Portanto, é necessário que o usuário o insira a cada acesso em seu dispositivo móvel.

Estamos trabalhando em uma melhoria futura que permitirá ao aplicativo memorizar o alias após o primeiro login. O objetivo é eliminar a necessidade de digitação repetitiva, tornando o acesso subsequente mais rápido, direto e a experiência de uso mais fluida.