Exercício

Concluído

Nesta unidade, você criará um aplicativo baseado em modelo usando uma das tabelas padrão disponíveis no ambiente do Microsoft Power Apps. Antes de criar um aplicativo baseado em modelo, você deve primeiro criar uma Solução na qual o aplicativo residirá.

Criar uma solução e adicionar uma tabela de dados existente

  1. Na página inicial do Power Apps, selecione Soluções (talvez seja necessário selecionar Mais no painel de navegação esquerdo, e você poderá encontrar Soluções).

  2. Selecione Nova solução na barra de comandos.

  3. No painel Nova solução que é exibido no lado direito da tela, insira o seguinte:

    Nome de exibição: Learning Account

    Editor: [selecione um no menu suspenso]

  4. Selecione o botão Criar na parte inferior do painel.

  5. Quando a Solução for exibida, você verá uma lista de Objetos no painel esquerdo. Cada Objeto é seguido por um número entre parênteses que indica quantos itens desse tipo de objeto fazem parte da solução. Por exemplo, Agentes(0) indica que não há agentes nesta solução. Na barra de comandos na parte superior da tela, selecione Adicionar existente>Tabela.

  6. Encontre e selecione a tabela Account. Em seguida, selecione Avançar.

  7. As Tabelas selecionadas serão abertas. Selecione a caixa Incluir todos os objetos. Em seguida, selecione o botão Adicionar na parte inferior da tela.

Após um momento, a tabela Account será exibida como um objeto para sua solução. Na lista de objetos à esquerda, ela agora mostra Tabelas (1), indicando que agora é um objeto de tabela em sua solução.

Criar um aplicativo baseado em modelo

  1. Enquanto ainda estiver no menu Objetos da Solução, acesse a barra de comandos na parte superior da tela e selecione Novo>Aplicativo>Aplicativo baseado em modelo.

  2. Nomeie o aplicativo como "Learning Accounts" e selecione Criar

O novo aplicativo abrirá no Designer de Aplicativo e você pode adicionar componentes a ele.

Adicionar uma página ao aplicativo

No Designer de Aplicativo, você pode adicionar páginas ao aplicativo.

  1. Selecione Adicionar Página na barra de comandos na parte superior da tela.

  2. Na janela pop-up Adicionar página, selecione Tabela do Dataverse. Em seguida, selecione a tabela Account e clique no botão Adicionar.

    Observação

    Se a tabela Account não estiver sendo mostrada como uma opção, talvez você não tenha dados de exemplo no seu ambiente. Consulte este exercício sobre como criar aplicativos e dados de exemplo. Se os dados de exemplo não aparecerem, consulte esta documentação para adicionar dados de exemplo.

Publique seu aplicativo usando o botão no lado superior direito da barra de comandos. Publicar salvará/publicará automaticamente seu app.

Editar seu formulário

Quando criamos o aplicativo, o Power Apps criou formulários automaticamente para nosso aplicativo. Vamos modificar o formulário principal da tabela Accounts. Na extremidade esquerda da tela, há um painel de navegação que lista Páginas, Dados e Automação. Selecione Páginas, se ainda não estiver selecionado. Quando você selecionar Páginas, o painel de páginas será aberto logo à direita desse painel. Na seção Navegação do painel de páginas, você pode ver que seu aplicativo tem atualmente uma página, a exibição de Accounts. Expandindo a exibição de Accounts, você encontrará o formulário Contas.

  1. Selecione o formulário de Accounts. Quando selecionado, o formulário será exibido na tela do Power Apps da mesma forma que aparece no aplicativo de seus usuários.

  2. Selecione o lápis à direita do nome do formulário de Accounts para editar o formulário.

  3. Há muitas opções de personalização nesse formulário pré-configurado. Vamos fazer algumas alterações simples para que você possa ver como é fácil modificar um formulário. Há um painel Colunas de tabela à esquerda da sua tela. Percorra essa lista de opções nesse painel e selecione Símbolo de Ação. Observe que a coluna Símbolo de Ação foi adicionada ao formulário.

  4. Não precisamos de um símbolo de ação no formulário, portanto, vamos excluí-lo. Com o Símbolo de Ação ainda selecionado, selecione Excluir na barra de comandos (ou o pressione o botão delete no teclado) para removê-lo. Ao excluir esse item, você não exclui essa coluna dos dados, apenas a remove do formulário. Se você exclui acidentalmente uma coluna, o Power Apps tem um prático botão Desfazer na barra de comandos, logo à direita do botão Voltar.

  5. Nesse ponto, se tiver feito alguma alteração que deseje manter, selecione Salvar e publicar no canto superior direito da barra de comandos.

  6. Assim que o Power Apps terminar de republicar o formulário, selecione Voltar na parte superior esquerda da barra de comandos para sair do editor de formulários e voltar ao editor de aplicativos.

Editar exibições

Quando você criou esse aplicativo, o Power Apps também criou exibições para a tabela Accounts. No painel de páginas em Navegação, você pode ver todas as exibições que já fazem parte do aplicativo. Aqui, você pode ver uma exibição de Accounts que foi criada e sua tela mostra a exibição Minhas Contas Ativas. A lista suspensa à direita do título Minhas Contas Ativas permite que selecionar outra exibição. Clique na lista suspensa para ver as outras exibições disponíveis. Vamos editar uma exibição.

  1. Selecione a exibição de Accounts no menu Navegação do painel de páginas. Observe que um painel aparece no lado direito da tela. Esse painel mostra todas as exibições na tabela Accounts (a mesma lista que você pode ver quando clica na lista suspensa ao lado de Minhas Contas Ativas na tela). A lista de exibições nesse painel também mostra o tipo de exibição (pública ou privada). Aqui, você também pode ver que Minhas Contas Ativas é a exibição Padrão do aplicativo.

  2. Vamos modificar a exibição Minhas Contas Ativas. Primeiro, verifique se essa é a exibição selecionada. (A tela ainda deve mostrar o título Minhas Contas Ativas. Se isso não acontecer, selecione Minhas Contas Ativas da lista de exibições no painel lateral direito.) Agora, selecione Editar exibição na barra de comandos na parte superior para abrir o Editor de exibição.

  3. O Editor de exibição é semelhante ao Editor de formulários que acabamos de usar. Uma tela no centro exibe colunas que serão mostradas na Exibição para seus usuários. Vamos adicionar Estado/Província à exibição. Encontre Endereço 1: Estado/Província na lista de Colunas de tabela. (Você pode usar o campo de pesquisa acima da lista.) Selecione-o para adicioná-lo à exibição.

  4. O Power Apps permite reposicionar colunas facilmente. Vamos mover a coluna Telefone Principal para a extremidade direita da exibição. Selecione com o botão esquerdo e segure o cabeçalho da coluna Telefone Principal na tela central, depois arraste-o e solte-o à direita da coluna Endereço 1: Estado/Província.

  5. Para salvar suas alterações, selecione Salvar e publicar no canto superior direito da barra de comandos.

  6. Quando o Power Apps terminar de publicar as alterações, selecione o botão Voltar para fechar o Editor de exibição. Observe que a tela de visualização agora inclui a coluna Estado/Província.

Exibir um gráfico

O Power Apps inclui alguns gráficos interativos, criados com os dados de exemplo, na tabela Accounts. Vamos explorá-los.

  1. Na tela de visualização, selecione o botão Mostrar Gráfico na barra de comandos do aplicativo (a barra na parte superior da tela de visualização do usuário, no meio da tela).

  2. O painel do gráfico é exibido abaixo do título. Selecione a lista suspensa ao lado do título Contas por Indústria para alterar a exibição do gráfico. Tente alternar a exibição entre diversas opções, inclusive: Contas por indústria, Contas por proprietário e Novas Contas por Mês para ver alguns exemplos.

Observe que há diferentes maneiras de apresentar dados em uma exibição.

Para você ter uma ideia do que é possível fazer com gráficos, veja abaixo um exemplo de um painel de sistema chamado Innovation Challenge. Se tiver aplicativos e dados de exemplo no ambiente do Dataverse, você poderá encontrar esse aplicativo na lista de aplicativos. Esse aplicativo inclui três exibições e uma tela Painel (ilustrada abaixo).

Em seguida, você aprenderá a criar direitos de acesso para os usuários do aplicativo.