Fontes de dados do Power Apps: conectando seu aplicativo a várias fontes

Neste tutorial, falaremos sobre como conectar nosso aplicativo a várias fontes de dados do Power Apps.

Já aprendemos como conectar uma única fonte de dados ao nosso aplicativo em um tutorial anterior e usamos essa mesma fonte ao criar nosso próprio aplicativo do zero. Mas, na maioria dos casos, você precisará de dados de várias fontes. Se você se inscrever em nossa , por exemplo, verá que existem vários arquivos Excel lá que serão usados ​​como fontes.

Índice

• Configurando sua fonte de dados
• Conectando fontes de dados do Power Apps
• Trabalhando com tabelas de dados
• Personalizando Tabelas de Dados
• Adicionando navegação para tabelas de dados
• Conclusão

Configurando sua fonte de dados

Quando começamos a criar o aplicativo que usaremos hoje em nosso exemplo, vinculamos imediatamente uma fonte de dados de nosso OneDrive . Agora, vamos adicionar outra fonte de dados em cima disso.

Digamos que nossa nova fonte seja uma pasta de trabalho do Excel no OneDrive. Ele contém dados sobre nossos agentes.

Por padrão, o Power Apps procura tabelas para usar quando vinculamos uma fonte de dados. Destacaremos os dados com os quais estamos trabalhando e clicaremos no botão Formatar como tabela. Não importa qual tema escolhemos aqui, pois vamos usá-lo apenas como fonte de dados, então podemos clicar em qualquer tema aqui.

Como nossa tabela tem cabeçalhos, vamos marcar a caixa aqui antes de clicar em OK.

Assim que fizermos isso, você verá que nossa tabela agora foi formatada como uma tabela.

Para confirmar que fizemos corretamente, deve aparecer Tabela no canto superior esquerdo quando destacamos as linhas incluídas na tabela.

Agora que configuramos nossa fonte de dados, é hora de vinculá-la ao nosso aplicativo de tela. Certifique-se de fechar o arquivo antes de tentar conectá-lo ao Power Apps .

Conectando fontes de dados do Power Apps

Podemos adicionar fontes de dados do Power Apps por meio deste ícone de cilindro no painel esquerdo. Clicar nele mostrará as fontes de dados com as quais estamos trabalhando e nos permitirá adicionar mais.

Atualmente, mostra que já conectamos Table1 ao nosso aplicativo. Esta tabela vem do OneDrive.

Agora, vamos importar a nova fonte de dados na qual trabalhamos anteriormente. Como salvamos isso no OneDrive, vamos escolher OneDrive aqui em Conectores.

Isso abrirá uma janela onde mostra as contas do OneDrive das quais podemos obter nossos dados. Observe que também é possível importar dados de outros locais, como Planilhas Google ou SQL. Tudo o que você precisa fazer é clicar em Adicionar uma conexão, caso o local correto não apareça na lista.

Depois de clicar no OneDrive, ele nos pedirá para escolher um arquivo. Ele também mostrará todas as pastas ou subpastas que temos no drive, caso o arquivo que precisamos esteja dentro de uma dessas pastas.

A fonte de dados existente chamada Tabela1 que vimos anteriormente vem do arquivo do Excel aqui denominado Clientes. Como os novos dados que queremos usar vêm do arquivo chamado Agents , vamos clicar nele.

Isso nos mostrará as tabelas que podemos usar dentro desse arquivo. Neste caso, temos apenas a Tabela1, que é a tabela que criamos anteriormente. Clique em Conectar assim que a mesa certa for escolhida.

Como já temos uma Table1 existente como fonte, a nova que conectamos ao nosso aplicativo é automaticamente denominada Table1_1 .

Para outros usuários, isso pode ser confuso. Portanto, certifique-se de que, ao nomear suas tabelas no Excel, evite usar o sistema de nomenclatura padrão e dê nomes específicos a cada tabela. Podemos fazer isso destacando a tabela em questão e alterando o nome na parte superior esquerda.

Trabalhando com tabelas de dados

Agora que conectamos uma nova fonte de dados em nosso aplicativo, vamos usar os dados nela criando uma tabela de dados. Uma tabela de dados é como qualquer outra tabela com colunas e linhas.

Na tela inicial do app que estamos trabalhando, já temos botões funcionais para visualizar e adicionar novos clientes. Nós trabalhamos neles em tutoriais anteriores . No entanto, este botão que diz “Ver Agentes” ainda não está funcionando. É aqui que usaremos nossos novos dados.

Vamos começar criando uma nova tela. Iremos duplicar nossa tela principal, que serve como modelo para todas as telas deste aplicativo.

Chamaremos essa tela de AgentScreen.

Também mudaremos o texto em nosso cabeçalho para a Tela do Agente.

Em seguida, vamos adicionar uma tabela de dados. Isso pode ser encontrado na faixa de opções Inserir.

Uma tabela de dados exibe informações apenas para o usuário final. Ao contrário dos formulários que permitem aos usuários finais editar alguns dos dados, as tabelas só podem ser visualizadas.

As tabelas de dados podem ser redimensionadas arrastando qualquer um dos pontos de guia. Nesse caso, queremos que nossa tabela de dados ocupe toda a tela.

Agora, vamos adicionar uma fonte de dados à nossa tabela. Podemos fazer isso clicando no menu suspenso ao lado da fonte de dados no painel Propriedades à direita.

Vamos escolher Table1_1.

Em seguida, clicaremos em Editar campos para que possamos começar a adicionar os campos que queremos que apareçam em nossa tabela.

Vamos precisar tanto do AgentName quanto do AgentPhoneNumber, então vamos escolher os dois e adicioná-los à nossa tabela.

Depois de escolhermos nossos campos, os dados preencherão automaticamente a tabela.

Como você pode ver, as tabelas de dados são como qualquer outra tabela que fazemos no Excel ou no Planilhas Google. A única diferença aqui é que os usuários finais não poderão alterar nada e poderão apenas visualizar os dados exibidos.

Personalizando Tabelas de Dados

As tabelas de dados podem ser personalizadas de várias maneiras. Por exemplo, podemos mudar as cores para que fiquem mais sincronizadas com o tema geral do app.

Também podemos alterar o formato dos dados exibidos em cada campo. Em AgentPhoneNumber, por exemplo, podemos alterar o tipo de controle para Phone Column para que os dados exibidos sejam tratados como números de telefone.

Podemos alterar o tamanho da fonte e aumentar as letras para facilitar a leitura das informações fornecidas pelos usuários.

Além das opções de personalização para toda a tabela, também é possível destacar apenas uma coluna e alterar suas configurações. Por exemplo, podemos clicar na coluna AgentName e alterar sua visibilidade.

Também temos a função de crescimento, que determina se a coluna ajustará sua largura se uma entrada for maior que o espaço alocado ou se permanecer como está.

Há também uma alternância aqui que nos permite adicionar hiperlinks.

Também podemos alterar os nomes dos cabeçalhos. Nesse caso, por exemplo, nossos cabeçalhos não têm espaço, dificultando um pouco a leitura. Portanto, vamos criar a primeira coluna Agent Name em vez de AgentName.

Em seguida, vamos alterar a segunda coluna de AgentPhoneNumber para apenas Phone Number.

Agora que fizemos todas as alterações, é assim que nossa tabela de dados se parece.

Adicionando navegação para tabelas de dados

Queremos garantir que os usuários finais possam acessar a tela do agente a partir da página inicial e retornar à tela inicial a partir da tela do agente, conforme necessário. Então, vamos adicionar alguma navegação para permitir isso.

Primeiro, adicionaremos o ícone de seta para a esquerda aqui para servir como nosso botão Voltar. Em seguida, definiremos sua propriedade OnSelect como Back(). Isso significa que os usuários que clicarem no ícone serão levados de volta à tela de onde vieram antes de chegarem a essa tela.

Então, vamos configurar a navegação para o nosso botão Ver Agentes aqui na tela inicial.

Com o botão em destaque, usaremos a função Navigate da propriedade OnSelect do botão e referenciaremos a AgentScreen. Vamos também adicionar uma transição de tela para adicionar um efeito de cobertura quando alternarmos as telas daqui.

Introdução ao Power Apps: Definição, recursos, funções e importância
Ambientes do Power Apps: Configurando os elementos do aplicativo corretamente
Funções e fórmulas do PowerApps | Uma introdução

Com a navegação instalada, os usuários finais agora podem visualizar facilmente a tabela contendo as informações dos agentes clicando neste botão na página inicial.

Conclusão

Trabalhar com várias fontes de dados do Power Apps é inevitável, especialmente se você fizer parte de uma grande organização em que lida com clientes e agentes em locais diferentes. É bom que o Power Apps tenha sido projetado para ser fácil de usar. Vendo todo o processo neste tutorial, provamos mais uma vez que adicionar várias fontes leva apenas um ou dois minutos.

Também vimos como as tabelas de dados são úteis para exibir todos os dados que extraímos dessas fontes. Agora é só escolher entre tabelas de dados ou galerias na hora de exibir as informações. Basicamente, as tabelas de dados são boas para registros que você deseja apenas exibir, mas galerias e formulários seriam mais úteis se você deseja que os usuários finais tenham a capacidade de editar informações.

Tudo de bom,

henrique