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 resida.

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: Contas de Aprendizagem

    Editor: [selecione um no menu suspenso]

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

  5. Assim que sua solução for mostrada, você verá uma lista de Objetos com um número entre parênteses indicando quantos de cada tipo de objeto fazem parte da solução. Na barra de comandos, selecione Adicionar existente>Tabela.

  6. Encontre e selecione a tabela Conta.

  7. A tela fará a transição para as Tabelas selecionadas; marque a caixa Incluir todos os objetos. Em seguida, selecione o botão Adicionar na parte inferior da tela.

Após um momento, a tabela Conta será exibida como um objeto para sua solução. Você verá a tabela mostrada na lista de objetos.

Criar um aplicativo baseado em modelo

  1. Ainda no menu Objetos da Solução, acesse a barra de comandos e selecione Novo>Aplicativo>Aplicativo baseado em modelo.

  2. Nomeie o aplicativo como "Contas de Aprendizagem" e selecione Criar

O novo aplicativo é exibido no Designer de Aplicativo e agora você pode adicionar componentes a ele.

Adicionar uma página ao aplicativo

Você pode adicionar páginas ao aplicativo no Designer de Aplicativo.

  1. Selecione Adicionar Página.

    Captura de tela da exibição Designer do Mapa do Site.

  2. Na janela pop-up Nova página, verifique se a Tabela do Dataverse está selecionada (padrão) e selecione Avançar. Depois, selecione Conta e Adicionar.

    Observação

    Se Conta não for uma opção como tabela, 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.

Salve o aplicativo e publique-o (botões no canto superior direito da barra de comandos).

Editar seu formulário

Quando criamos o aplicativo, o Power Apps criou formulários automaticamente para nosso aplicativo. Vamos fazer algumas modificações no formulário principal. O Power Apps tem guias de navegação na extremidade esquerda da tela, neste ponto mostrando Páginas como o selecionado e um painel Páginas à direita dele. No momento, o aplicativo tem uma página. A Navegação mostra a Exibição de contas e, quando expandida, mostra o formulário Contas.

  1. Em Navegação, selecione o formulário Contas. O formulário será exibido na tela do Power Apps conforme mostrado no aplicativo.

  2. Selecione Editar formulário.

  3. Há muitos itens nesse formulário pré-configurado; não se preocupe. Vamos fazer algumas alterações simples para que você possa ver como é fácil modificar um formulário. Vá para o painel Informações da conta e selecione Símbolo de Ação.

  4. Selecione Excluir na barra de comandos para removê-lo do formulário. Ao excluir esse item do formulário, você não exclui essa coluna dos dados, simplesmente 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.

  5. Observe o painel Colunas da tabela no lado esquerdo da tela. Essa é uma lista de todas as colunas da tabela Contas. Se você quiser encontrar a coluna do Símbolo de contador que excluímos, digite “contador” no campo de pesquisa.

  6. Clicar em qualquer coluna da tabela adiciona-a à parte do formulário sob o cursor. O cursor deve estar no momento no painel Informações da conta. Selecione o Símbolo de ação no painel Colunas da tabela. Viu como é fácil adicioná-lo novamente ao formulário?

  7. Nesse ponto, se tiver feito alguma alteração que deseje manter, você poderá selecionar Salvar e publicar no canto superior direito da barra de comandos.

  8. Assim que o Power Apps terminar de republicar o formulário, selecione Voltar no canto superior direito da barra de comandos para sair do editor de formulários.

Editar exibições

Ao criar esse aplicativo, o Power Apps fez algumas exibições para acompanhá-lo. No menu de Navegação do painel Páginas, você pode ver todas as visualizações que já fazem parte do aplicativo. A exibição atual que a tela mostra é intitulada Exibição de contas; a tela mostra "Minhas Contas Ativas" e tem um menu suspenso à direita do título.

  1. Selecione a exibição Contas na lista de Navegação. Observe que um painel é exibido no lado direito da tela mostrando a tabela Contas e uma lista com guias abaixo dela, mostrando no momento Exibições e Minhas Contas Ativas. Essa é a exibição Padrão do aplicativo.

  2. Nessa lista de Exibições, você pode editar qualquer uma dessas exibições, mas vamos simplificar e modificar a exibição de Minhas Contas Ativas. Você pode selecionar Editar exibição na barra de comandos para ir para o Editor de exibição.

  3. De forma semelhante a como editamos o formulário no Editor de formulários, você vê uma tela no centro mostrando as colunas exibidas. Vamos adicionar Estado/Província à exibição. Encontre "Endereço 1: Estado/Província" na lista de Colunas da tabela (você pode inserir "estado" no campo de pesquisa) e 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. Arraste-a e solte-a na parte superior da coluna Endereço 1: Estado/Província.

    Captura de tela da exibição de edição do Mapa do Site.

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

  6. Após alguns momentos, quando o Power Apps terminar de publicar as alterações, você poderá selecionar o botão Voltar na barra de comandos para fechar o Editor de exibição. Observe como agora Estado/Província está na tela de exibição.

Exibir um gráfico

O Power Apps inclui alguns exemplos de gráficos interativos com os dados de exemplo incluídos na tabela Contas. Vamos explorar um exemplo disso.

  1. Na tela de visualização, selecione o botão Mostrar Gráfico na barra de comandos do aplicativo.

  2. O painel do gráfico é exibido abaixo do título. Selecionando o menu suspenso na parte superior do painel do gráfico, você pode alterar a exibição do gráfico. Tente alternar a exibição entre diversas opções, inclusive: Contas por setor, Contas por proprietário e Novas Contas por Mês para ver alguns exemplos.

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

Abaixo está um exemplo de painel de sistema chamado Desafio de Inovação, que inclui vários gráficos para dar uma ideia do que é possível.

Captura de tela da exibição do desafio de inovação.

Você pode criar um gráfico com base em qualquer tabela, mas isso está fora do escopo desta unidade.

Em seguida, criamos alguns direitos de acesso para as pessoas que usam esse aplicativo.