Talvez você já tenha trabalhado com manipulação de imagens antes, mas quando se trata de enviar um arquivo, seja uma foto ou outro tipo de arquivo, sabemos que isso não é tão simples assim. Você pode precisar enviar o arquivo original ou usar o código base64. Se você nunca trabalhou com imagens no Power Apps, não se preocupe, este guia é para você.
Veja nesse guia definitivo em vídeo, gravado durante uma palestra que dei para a Microsoft durante o Bootcamp Global da Microsoft. Vou compartilhar com vocês tudo o que aprendi durante essa palestra.
Vamos abordar os diferentes métodos de manipulação de imagens, incluindo controles de câmera e controles internos do Power. Também falaremos sobre base64 e como enviar imagens para o SharePoint.
E, por fim, vamos explorar a parte de inteligência artificial, que pode parecer complicada, mas vamos mostrar como é fácil enviar imagens usando a rede Wi-Fi. Vamos começar falando sobre a entrada de câmera.
O que são imagens em Base64 e por que usá-las
As imagens em Base64 são representações de imagens binárias em formato de texto ASCII. Essa conversão é realizada com o objetivo de possibilitar a exibição de imagens em plataformas que só permitem a exibição de texto, como é o caso do Power Apps.
Existem diversas vantagens em utilizar imagens em Base64 no Power Apps, como por exemplo a possibilidade de armazenar e exibir imagens em bancos de dados, sem a necessidade de hospedar essas imagens em um servidor externo.
Como codificar e decodificar imagens em Base64 no Power Apps?
Codificar e decodificar imagens em Base64 no Power Apps é uma tarefa relativamente simples e pode ser feita utilizando algumas fórmulas nativas do aplicativo.
Para codificar uma imagem em Base64, basta utilizar a fórmula “base64Encode()” e informar o caminho da imagem que se deseja codificar. Essa fórmula irá retornar uma cadeia de caracteres em formato Base64, que pode ser armazenada em uma variável ou em uma tabela do aplicativo.
Para decodificar uma imagem em Base64, pode-se utilizar o componente “Image” do Power Apps. Basta informar a cadeia de caracteres em Base64 como valor da propriedade “Image” do componente.
Exemplos práticos de uso de imagens em Base64
Há diversas possibilidades de uso de imagens em Base64 no Power Apps, como por exemplo:
- Armazenamento de imagens em um banco de dados: em vez de armazenar as imagens em um sistema externo, é possível armazená-las diretamente em uma tabela do Power Apps em formato Base64. Isso pode ser útil, por exemplo, para evitar problemas de conexão ou sincronização com um sistema externo.
- Exibição de imagens em um aplicativo: é possível utilizar as imagens em Base64 para exibi-las diretamente em um aplicativo do Power Apps. Por exemplo, pode-se utilizar um componente “Image” para exibir o logotipo de uma empresa ou a foto de um usuário.
- Envio de imagens por e-mail: ao enviar um e-mail através do Power Apps, pode-se utilizar imagens em Base64 como anexos. Dessa forma, as imagens são incluídas diretamente no corpo do e-mail e não precisam ser baixadas por quem receber a mensagem.
- Integração com sistemas externos: muitos sistemas externos utilizam imagens em formato Base64 para troca de informações. Ao utilizar imagens em Base64 no Power Apps, é possível integrar-se a esses sistemas de forma mais simples e eficiente.
Imagens em Fluxo (Flow)
A seguir, discutiremos como integrar fluxos de trabalho (flows) com imagens no Power Apps. Também abordaremos exemplos práticos de uso de fluxos para gerenciar imagens em aplicativos.
- Integrando fluxos de trabalho com imagens: explicaremos como é possível integrar fluxos de trabalho (flows) com imagens no Power Apps. Isso permite uma variedade de ações, como enviar imagens por email, salvar imagens em um armazenamento na nuvem, entre outras possibilidades.
- Exemplos de uso de fluxos para gerenciar imagens: apresentaremos exemplos práticos de como utilizar fluxos para gerenciar imagens em aplicativos. Por exemplo, é possível criar um fluxo para redimensionar automaticamente imagens enviadas pelos usuários em um formulário, para garantir que as imagens estejam sempre no tamanho correto e não ocupem muito espaço no armazenamento.
Fotos e Câmera
Veja como capturar fotos em tempo real com a câmera do dispositivo e armazená-las no Power Apps. Também veremos como exibir essas imagens capturadas em formulários e telas do aplicativo.
- Capturando fotos em tempo real com a câmera do dispositivo: explicaremos como é possível utilizar a câmera do dispositivo para capturar fotos em tempo real dentro do Power Apps. Essa funcionalidade pode ser útil em muitos casos, como para adicionar fotos de um produto em um catálogo ou para registrar uma ocorrência em uma inspeção de segurança.
- Armazenando imagens capturadas na galeria do aplicativo: veremos como é possível armazenar as imagens capturadas com a câmera na galeria do aplicativo. Isso permite que o usuário possa acessar essas imagens posteriormente e utilizá-las em outros formulários e telas.
- Exibindo imagens capturadas em formulários e telas: mostraremos como exibir as imagens capturadas com a câmera em formulários e telas do aplicativo. Isso pode ser feito utilizando controles de imagem e outras funcionalidades do Power Apps.
Entrada de Mídia
- Como permitir que os usuários enviem imagens para o aplicativo?: Para permitir que os usuários enviem imagens para o seu aplicativo Power Apps, você pode usar a funcionalidade de Entrada de Mídia. Essa funcionalidade permite que os usuários selecionem ou tirem fotos com suas câmeras e enviem para o aplicativo.
Para adicionar a funcionalidade de Entrada de Mídia ao seu aplicativo, basta arrastar e soltar o controle “Entrada de Mídia” na tela de design do seu aplicativo. Depois, você pode personalizar o controle, definindo o tamanho, formato e outras propriedades, conforme necessário.
Quando um usuário seleciona uma imagem ou tira uma foto usando a Entrada de Mídia, o aplicativo armazena a imagem em formato Base64. Você pode então processar e armazenar a imagem em um armazenamento de dados, como um banco de dados ou um serviço de armazenamento em nuvem.
- Como armazenar e gerenciar imagens enviadas pelos usuários?: Existem várias maneiras de armazenar e gerenciar imagens enviadas pelos usuários em um aplicativo Power Apps. Uma opção é usar o SharePoint, que permite criar uma lista com um campo de tipo imagem, onde os usuários podem enviar suas imagens.
Outra opção é usar serviços de armazenamento em nuvem, como o OneDrive ou o Dropbox, para salvar as imagens enviadas pelos usuários.
Além disso, é possível configurar o aplicativo para que, ao receber uma nova imagem, ela seja redimensionada ou otimizada para economizar espaço de armazenamento.
Também é importante definir as permissões corretas para que apenas usuários autorizados possam visualizar e gerenciar as imagens enviadas.
Exemplos de uso de Entrada de Mídia para coletar imagens dos usuários
A entrada de mídia é uma ferramenta poderosa que permite aos usuários enviar imagens para o seu aplicativo. Aqui estão alguns exemplos de como você pode usar a entrada de mídia para coletar imagens dos usuários:
- Em um aplicativo de formulário de inscrição, você pode usar a entrada de mídia para coletar uma foto do usuário para uso em seu perfil.
- Em um aplicativo de vistoria, você pode permitir que os usuários tirem fotos de itens que precisam ser reparados.
- Em um aplicativo de gerenciamento de projetos, você pode permitir que os usuários enviem capturas de tela de problemas ou erros que encontram.
- Em um aplicativo de marketplace, você pode permitir que os usuários enviem fotos dos itens que desejam vender.
Esperamos que você possa criar aplicativos mais ricos em conteúdo visual e oferecer uma experiência mais envolvente para seus usuários.
O que são imagens em Base64 e por que usá-las
As imagens em Base64 são representações de imagens binárias em formato de texto ASCII. Essa conversão é realizada com o objetivo de possibilitar a exibição de imagens em plataformas que só permitem a exibição de texto, como é o caso do Power Apps.
Existem diversas vantagens em utilizar imagens em Base64 no Power Apps, como por exemplo a possibilidade de armazenar e exibir imagens em bancos de dados, sem a necessidade de hospedar essas imagens em um servidor externo.
Isso pode melhorar significativamente o desempenho do aplicativo e simplificar o processo de desenvolvimento.
Em um aplicativo de pesquisa, você pode permitir que os usuários enviem fotos de exemplos de produtos ou situações para ajudar a entender melhor seus hábitos de compra.
Dicas avançadas e solução de problemas
Ao lidar com imagens em aplicativos Power Apps, é importante seguir algumas melhores práticas para garantir a melhor experiência do usuário e o desempenho ideal do aplicativo.
Isso inclui otimizar o tamanho das imagens para minimizar o tempo de carregamento, armazenar imagens em um local adequado e seguro, e utilizar técnicas de cache para reduzir a quantidade de dados necessários para recuperar imagens repetidamente.
Além disso, é importante considerar a qualidade e a resolução das imagens para garantir que elas sejam nítidas e claras em todos os dispositivos
Conclusão
Para resumir, neste artigo exploramos várias maneiras de lidar com imagens em aplicativos Power Apps, desde imagens em Base64 até a captura de imagens em tempo real usando a câmera do dispositivo e a entrada de mídia para coletar imagens dos usuários.
Também discutimos algumas melhores práticas para lidar com imagens e solução de problemas comuns relacionados a imagens.
Além disso, as imagens em Base64 podem ser facilmente manipuladas em fluxos de trabalho (Flows) do Power Automate, permitindo a criação de soluções automatizadas que envolvem o envio e recebimento de imagens.
Se você deseja aprofundar ainda mais o seu conhecimento em imagens no Power Apps, lhe convido pra fazer parte da nossa Formação Power Apps Disruptivo! Com mais de 1.500 alunos e mais de 300 aulas práticas, nossa formação oferece uma experiência de aprendizado completa e envolvente.
Além disso, nossos alunos têm acesso a uma comunidade vibrante e a oportunidades de emprego exclusivas. Não perca a chance de se tornar um especialista em Power Apps e transformar sua carreira! Clique no botão abaixo, e se Inscreva-se agora mesmo.
[elementor-template id=”5515″]