Guia para aplicativo de tela do Power Apps offline

Por Luiz Antonio Sgargeta
Guia para aplicativo de tela do Power Apps offline

Criar um aplicativo Power Apps para uso offline com dados do Canva envolve várias etapas. Aqui está um guia para ajudá-lo a construir um aplicativo Power Apps que possa funcionar offline e utilizar elementos de design do Canva.

1. Planejamento do Seu Aplicativo

Antes de começar a construir seu aplicativo Power Apps, considere o seguinte:

  • Requisitos de Dados: Quais dados serão necessários offline? Identifique e baixe quaisquer dados necessários com antecedência.
  • Funcionalidade do Aplicativo: Defina quais funções devem estar disponíveis offline (por exemplo, entrada de dados, visualização de informações).
  • Estratégia de Sincronização: Planeje como o aplicativo sincronizará os dados quando uma conexão com a internet estiver disponível.

2. Design com o Canva

Use o Canva para criar os elementos de design para o seu aplicativo Power Apps:

  • Criação de Ativos de Design: Desenhe quaisquer imagens, fundos, botões e ícones necessários para seu aplicativo no Canva.
  • Exportação de Ativos: Baixe seus designs do Canva em um formato adequado (por exemplo, PNG, JPEG).
  • Otimização de Imagens: Certifique-se de que as imagens estejam otimizadas para uso em dispositivos móveis para reduzir os tempos de carregamento e melhorar o desempenho.

3. Construção do Aplicativo Power Apps

Veja como criar um aplicativo Power Apps com capacidade offline:

A. Configuração dos Dados

  • Armazenamento Local de Dados: Use Coleções no Power Apps para armazenar dados localmente. Exemplo:

`ClearCollect(LocalCollection, YourDataSource)`

  • Armazenamento Local para Uso Offline: Utilize as funções `SaveData` e `LoadData` para persistir dados no dispositivo. Exemplo:
SaveData(LocalCollection, "LocalData")
     LoadData(LocalCollection, "LocalData", true)

B. Criação do Aplicativo

  • Abrir o Power Apps Studio: Inicie um novo aplicativo Canvas a partir do zero.
  • Adicionar uma Fonte de Dados: Adicione quaisquer fontes de dados necessárias, garantindo que estejam configuradas para uso offline.

C. Design da Interface do Aplicativo

  • Importar Ativos do Canva: Faça upload dos ativos de design que você criou no Canva.
  • Usar Controles: Coloque controles (por exemplo, botões, entradas de texto) e aplique seus designs do Canva como fundos ou imagens para esses controles.
  • Configurar o Modo Offline: Use a propriedade `OnStart` para carregar dados quando o aplicativo iniciar. Exemplo:
If(Connection.Connected,
        ClearCollect(LocalCollection, YourDataSource);
        SaveData(LocalCollection, "LocalData"),
        LoadData(LocalCollection, "LocalData", true)
     )
  • Gerenciar Entrada de Dados: Garanta que os dados inseridos offline sejam salvos localmente e enfileirados para upload quando uma conexão estiver disponível. Exemplo:

Exemplo para salvar dados:

Collect(LocalCollection, {Field1: TextInput1.Text, Field2: TextInput2.Text});
SaveData(LocalCollection, "LocalData")

Exemplo para sincronizar dados:

If(Connection.Connected,
        ForAll(LocalCollection, Patch(YourDataSource, Defaults(YourDataSource), ThisRecord));
        Clear(LocalCollection);
        SaveData(LocalCollection, "LocalData")
)

D. Teste e Implementação

  • Teste da Funcionalidade Offline: Teste o comportamento do aplicativo sem conexão com a internet para garantir que os dados carreguem e salvem corretamente.
  • Implementação do Seu Aplicativo: Compartilhe o aplicativo com os usuários e forneça instruções para uso offline.

Conclusão

Seguindo estas etapas, você pode criar um aplicativo Power Apps que funcione offline, utilizando o Canva para elementos de design. Manipular corretamente o armazenamento de dados, a sincronização e otimizar a interface do usuário com designs do Canva garantirá uma experiência offline suave para seus usuários.

Veja também nosso artigo sobre Benefícios do uso offline do Power Apps para empresas.

Ver mais artigos

Entre em Contato

Vamos juntos transformar sua dor
em solução!

#moveFast