Criar uma aplicação para gerir projetosCreate an app to manage projects

Nota: este artigo faz parte de uma série de tutoriais sobre a utilização do PowerApps, do Microsoft Flow e do Power BI com o SharePoint Online.Note: This article is part of a tutorial series on using PowerApps, Microsoft Flow, and Power BI with SharePoint Online. Certifique-se de que lê a introdução da série para obter uma noção da visão geral, bem como as transferências relacionadas.Make sure you read the series introduction to get a sense of the big picture, as well as related downloads.

Nesta tarefa, vai criar uma aplicação do zero.In this task, we'll build an app from scratch. Esta aplicação permite que um utilizador atribua um gestor a projetos e atualize os detalhes dos mesmos.This app allows a user to assign a manager to projects and to update project details. Verá alguns dos mesmos controlos e fórmulas que viu na primeira aplicação, mas desta vez o processo de criação da mesma passa mais por si.You will see some of the same controls and formulas you saw in the first app, but you will build more of the app yourself this time. O processo é mais complexo, mas vai aprender mais, pelo que achamos que é uma troca justa.The process is more complex, but you'll learn more, so we think it's a fair trade-off.

Sugestão: o pacote de transferência para este cenário inclui uma versão concluída desta aplicação: project-details-app.msapp.Tip: The download package for this scenario includes a finished version of this app: project-details-app.msapp.

Revisão rápida do PowerApps StudioQuick review of PowerApps Studio

Utilizou PowerApps Studio para a Web na última tarefa, mas queremos ter a certeza de que compreende todas as partes antes de avançarmos.You used PowerApps Studio for web in the last task, but we want to make sure you understand all the parts before we move on. Pode continuar a trabalhar no PowerApps Studio para a Web ou utilizar o PowerApps Studio para Windows.You can continue to work in PowerApps Studio for web, or you can use PowerApps Studio for Windows.

O PowerApps Studio tem três painéis e um friso que fazem com que a criação de aplicações seja semelhante à criação de um conjunto de diapositivos no PowerPoint:PowerApps Studio has three panes and a ribbon that make app creation feel like building a slide deck in PowerPoint:

  1. Barra de navegação do lado esquerdo, que mostra uma vista hierárquica de todos os ecrãs e controlos da aplicação, bem como miniaturas dos ecrãsLeft navigation bar, which shows a hierarchical view of all the app's screens and controls, as well as thumbnails of the screens
  2. Painel central, que contém o ecrã da aplicação em que está a trabalharMiddle pane, which contains the app screen you are working on
  3. Painel do lado direito, onde define opções como o esquema e as origens de dadosRight-hand pane, where you set options like layout and data sources
  4. Lista pendente Propriedade, onde pode selecionar as propriedades a que as fórmulas se aplicamProperty drop-down list, where you select the properties that formulas apply to
  5. Barra de fórmulas, onde adiciona fórmulas (como no Excel), que definem o comportamento das aplicaçõesFormula bar, where you add formulas (like in Excel) that define app behavior
  6. Friso, onde pode adicionar controlos e personalizar elementos de estruturaRibbon, where you add controls and customize design elements

PowerApps Studio

Passo 1: Criar os ecrãsStep 1: Create screens

Concluída esta revisão, vamos começar a criar uma aplicação.With that review out of the way, let's start building an app.

Criar e guardar a aplicaçãoCreate and save the app

  1. No PowerApps Studio, clique ou toque em New (Novo), em Blank app (Aplicação em branco) clique ou toque em Phone Layout (Esquema de telemóvel).In PowerApps Studio, click or tap New, then under Blank app, click or tap Phone Layout.

    Aplicação em branco - esquema de telemóvel

  2. Clique ou toque em File (Ficheiro), que é aberto num separador App settings (Definições da aplicação). Introduza o nome "Project Management app”.Click or tap File, which opens to an App settings tab. Enter the name "Project Management app".

    Nome da aplicação

  3. Clique ou toque em Save as (Guardar como), confirme que a aplicação vai ser guardada na cloud e clique em Save (Guardar), no canto inferior direito.Click or tap Save as, verify that the app will save to the cloud, then click Save in the lower right corner.

    Guardar na cloud

  4. Clicar ou tocarClick or tap Ícone de regresso à aplicação para voltar para a aplicação.to go back to the app.

Adicionar quatro ecrãs à aplicaçãoAdd four screens to the app

Neste passo, vamos criar quatro ecrãs em branco para a aplicação.In this step, we'll create four blank screens for the app. Utilizaremos esquemas de ecrã diferentes, consoante o objetivo do ecrã.We'll use different screen layouts, depending on the screen's purpose. Adicionaremos estes ecrãs em passos posteriores.We'll add to these screens in later steps.

EcrãScreen ObjetivoPurpose
SelectTaskSelectTask Ecrã de abertura; navegar para outros ecrãsOpening screen; navigate to other screens
AssignManagerAssignManager Atribuir um gestor a um projeto aprovadoAssign a manager to an approved project
ViewProjectsViewProjects Ver uma lista de projetos, com as informações de resumoView a list of projects, with summary information
UpdateDetailsUpdateDetails Ver e atualizar os detalhes de um projetoView and update the details for a project
  1. No separador Home (Base), clique ou toque em NewScreen (Novo Ecrã) e em Scrollable screen (Ecrã deslocável).On the Home tab, click or tap NewScreen, then Scrollable screen.

    Ecrã deslocável

  2. Mude o nome do ecrã para SelectTask.Rename the screen to SelectTask.

    Mudar o nome do ecrã

  3. Crie e mude o nome de ecrãs adicionais:Create and rename additional screens:

    1. Clique ou toque em NewScreen e em Scrollable screen.Click or tap NewScreen, then Scrollable screen. Mude o nome do ecrã para AssignManager.Rename the screen to AssignManager.
    2. Clique ou toque em NewScreen e em List screen (Ecrã de lista).Click or tap NewScreen, then List screen. Mude o nome do ecrã para ViewProjects.Rename the screen to ViewProjects.
    3. Clique ou toque em NewScreen e em Form screen (Ecrã de fórmula).Click or tap NewScreen, then Form screen. Mude o nome do ecrã para UpdateDetails.Rename the screen to UpdateDetails.
  4. Selecione as reticências (...) junto a Screen1 e clique ou toque em Delete (Eliminar).Select the ellipsis (. . .) next to Screen1, then click or tap Delete.

    Eliminar ecrã

A aplicação deverá agora parecer como a imagem seguinte.The app should now look like the following image.

Todos os ecrãs da aplicação

Passo 2: Ligar a uma lista do SharePointStep 2: Connect to a SharePoint list

Neste passo, vamos ligar à lista do SharePoint Product Details.In this step, we'll connect to the Product Details SharePoint list. Nesta aplicação, só utilizamos uma lista, mas pode ligar facilmente a ambas, se quiser ampliar a aplicação.We only use one list in this app, but you could easily connect to both if you want to extend the app.

  1. Na barra de navegação do lado esquerdo, clique ou toque no ecrã SelectTask.In the left navigation bar, click or tap the SelectTask screen.
  2. No painel do lado direito, clique ou toque em Add data source (Adicionar origem de dados).In the right pane, click or tap Add data source.

    Ligar a dados

  3. Clique ou toque em Nova ligação.Click or tap New connection.

    Nova ligação

  4. Clique ou toque em SharePoint.Click or tap SharePoint.

    Ligação ao SharePoint

  5. Selecione Connect directly (cloud services) (Ligar diretamente [serviços cloud]) e clique ou toque em Create (Criar).Select Connect directly (cloud services), then click or tap Create.

    Ligar diretamente (serviços cloud)

  6. Introduza um URL do SharePoint e clique ou toque em Go (Ir).Enter a SharePoint URL, then click or tap Go.

    URL do SharePoint para a ligação

  7. Selecione a lista Detalhes do Projeto e clique ou toque em Ligar.Select the Project Details list, then click or tap Connect.

    Selecionar a lista Project Details

    O separador Data sources (Origens de dados) no painel direito mostra agora a ligação que criou.The Data sources tab in the right pane now shows the connection that you have created.

    Separador Origens de dados

Passo 3: Criar o ecrã SelectTaskStep 3: Build the SelectTask screen

Neste passo, vamos disponibilizar uma forma de navegar para os outros ecrãs da aplicação, trabalhando com alguns dos controlos, fórmulas e opções de formatação que o PowerApps proporciona.In this step, we'll provide a way to navigate to the other screens in the app - working with some of the controls, formulas, and formatting options that PowerApps provides.

Atualizar o título e inserir o texto introdutórioUpdate the title and insert introductory text

  1. Na barra de navegação do lado esquerdo, selecione o ecrã SelectTask.In the left navigation bar, select the SelectTask screen.
  2. No painel central, selecione [Title] [Título] predefinido e, na barra de fórmulas, atualize a propriedade Text (Texto) para "Contoso Project Management".In the middle pane, select the default [Title], then in the formula bar, update the Text property to "Contoso Project Management".

    Propriedade de texto na barra de fórmulas

  3. No separador Insert (Inserir), clique ou toque em Label (Etiqueta) e arraste a etiqueta para baixo da faixa superior.On the Insert tab, click or tap Label, then drag the label down below the top banner.

    Adicionar etiqueta

  4. Na barra de fórmulas, defina as propriedades seguintes para a etiqueta:In the formula bar, set the following properties for the label:

    • Propriedade Color = DarkGrayColor property = DarkGray
    • Propriedade Size = 18Size property = 18
    • Propriedade Text (Texto) = "Click or tap a task to continue..."Text property = "Click or tap a task to continue..."

      Atualizar o texto da etiqueta

Adicionar dois botões de navegaçãoAdd two navigation buttons

  1. No separador Insert, clique ou toque em Button (Botão) e arraste o botão para baixo da etiqueta.On the Insert tab, click or tap Button, then drag the button below the label.

    Botão Adicionar

  2. Na barra de fórmulas, defina as propriedades seguintes para o botão:In the formula bar, set the following properties for the button:

    • Propriedade OnSelect = Navigate(AssignManager, Fade).OnSelect property = Navigate(AssignManager, Fade). Quando executa a aplicação e clica neste botão, navega para o segundo ecrã da aplicação, com uma transição de desvanecimento entre os ecrãs.When you run the app and click this button, you navigate to the second screen in the app, with a fade transition between the screens.
    • Propriedade Text = "Assign Manager"Text property = "Assign Manager"
  3. Redimensione o botão para acomodar o texto.Resize the button to accommodate the text.

    Atualizar o texto do botão

  4. Insira outro botão com as propriedades seguintes:Insert another button with the following properties:

    • Propriedade OnSelect = Navigate(ViewProjects, Fade) .OnSelect property = Navigate(ViewProjects, Fade).
    • Propriedade Text = "Update Details"Text property = "Update Details"

      Atualizar o texto do botão

      Nota: o nome do botão é Update Details, mas navegamos primeiro para o ecrã ViewProjects para selecionar um projeto a atualizar.Note: The button is labeled Update Details, but we first navigate to the ViewProjects screen to select a project to update.

Executar a aplicaçãoRun the app

A aplicação ainda não faz muito, mas pode executá-la se quiser;The app doesn't do a lot yet, but you can run it if you like:

  1. Clique ou toque no ecrã SelectTask (a aplicação é sempre iniciada a partir do ecrã selecionado no Modo de pré-visualização no PowerApps Studio).Click or tap the SelectTask screen (the app always starts from the selected screen in Preview mode in PowerApps Studio).
  2. Clique ou toque emClick or tap ícone Executar aplicação no canto superior direito para executar a aplicação.in the upper right corner to run the app.
  3. Clique ou toque num dos botões para navegar para outra ecrã.Click or tap one of the buttons to navigate to another screen.
  4. Clique ou toque emClick or tap Ícone para fechar pré-visualização da aplicação no canto superior direito para fechar a aplicação.in the upper right corner to close the app.

Passo 4: Criar o ecrã AssignManagerStep 4: Build the AssignManager screen

Neste passo, vamos utilizar uma galeria para apresentar todos os projetos que foram aprovados, mas que ainda não têm gestor.In this step, we'll use a gallery to display all projects that have been approved but don't yet have a manager. Vamos adicionar outros controlos, de modo a podermos atribuir o gestor.We'll add other controls, so you can assign a manager.

Nota: mais adiante, vamos criar uma página na aplicação que lhe permite editar todos os campos de um projeto (incluindo o campo de gestor), mas achámos que também seria interessante criar um ecrã destes.Note: We'll build a page later in the app that allows you to edit all fields for a project (including the manager field), but we thought it would be cool to build a screen like this one as well.

  1. Guarde as alterações feitas até agora.Save the changes you've made so far.
  2. Na barra de navegação do lado esquerdo, clique ou toque no ecrã AssignManager.In the left navigation bar, click or tap the AssignManager screen.

Atualizar o título e inserir o texto introdutórioUpdate the title and insert introductory text

  1. Altere [Title] para Assign Manager.Change [Title] to Assign Manager.
  2. Adicione uma etiqueta com as seguintes propriedades:Add a label with the following properties:

    • Propriedade Color = DarkGrayColor property = DarkGray
    • Propriedade Size = 18Size property = 18
    • Propriedade Text = "Select a project, then assign a manager"Text property = "Select a project, then assign a manager"

      Esquema Assign manager

Adicionar uma seta para trás para voltar ao ecrã SelectTaskAdd a back arrow to return to the SelectTask screen

  1. Clique ou toque na barra azul, junto à parte superior do ecrã.Click or tap the blue bar at the top of the screen.
  2. No separador Insert, clique ou toque em Icons (Ícones) e, em seguida, clique ou toque em Left (Esquerda).On the Insert tab, click or tap Icons, then click or tap Left.

    Inserir seta para a esquerda

  3. Mova a seta para o lado esquerdo da barra azul e defina as propriedades seguintes:Move the arrow to the left side of the blue bar, and set the following properties:

    • Propriedade Color = WhiteColor property = White
    • Propriedade Height (Altura) = 40Height property = 40
    • Propriedade OnSelect = Navigate(SelectTask, Fade)OnSelect property = Navigate(SelectTask, Fade)
    • Propriedade Width (Largura) = 40Width property = 40

      Adicionar botão de retrocesso

  1. No separador Insert, clique ou toque em Gallery (Galeria) e em Vertical.On the Insert tab, click or tap Gallery, then Vertical.

    Adicionar uma galeria vertical

  2. Selecione Title, subtitle, and body a partir do menu Layout (Esquema), no painel do lado direito.Select Title, subtitle, and body from the Layout menu in the right pane.

    Alterar o esquema da galeria

    A galeria tem agora o esquema da direita, mas ainda tem o texto de exemplo predefinido.The gallery now has the right layout, but it still has the default sample text. Vamos corrigir isto de seguida.We'll fix that next.

    Galeria com o texto predefinido

  3. Defina as propriedades seguintes para a galeria:Set the following properties for the gallery:

    • Propriedade BorderThickness (EspessuraDoLimite) = 1BorderThickness property = 1
    • Propriedade BorderStyle (EstiloDoLimite) = DottedBorderStyle property = Dotted
    • Propriedade Items (Itens) = Filter('Project Details', PMAssigned="Unassigned")Items property = Filter('Project Details', PMAssigned="Unassigned"). Só são incluídos na galeria os projetos que não têm gestor atribuído.Only projects with no manager assigned are included in the gallery.

      Galeria com texto da lista

  4. No painel do lado direito, atualize os campos para que correspondam à lista seguinte:In the right pane, update the fields to match the following list:

    • ApprovedDate (DataDeAprovação)ApprovedDate
    • Status (Estado)Status
    • Title (Título)Title

      Campos da galeria

  5. Redimensione as etiquetas da galeria conforme adequado e remova a seta do primeiro item da galeria (não precisamos de navegar para lado nenhum a partir desta galeria).Resize labels in the gallery as appropriate, and remove the arrow from the first gallery item (we don't need to navigate anywhere from this gallery).

    Remover o ícone de seta

    O ecrã deverá agora ser semelhante à imagem seguinte.The screen should now look like the following image.

    Galeria formatada

Alterar a cor de um item, se estiver selecionadoChange the color of an item if it's selected

  1. Selecione a galeria, defina a propriedade TemplateFill (PreenchimentoDoModelo) como If (ThisItem.IsSelected=true, Orange, White).Select the gallery, then set the TemplateFill property to If (ThisItem.IsSelected=true, Orange, White).
  2. Selecione um item na galeria.Select an item in the gallery. O ecrã deverá agora ser semelhante à imagem seguinte.The screen should now look like the following image.

    Galeria com o item selecionado

Adicionar uma etiqueta, uma entrada de texto e o botão OK para submeter atribuições de gestoresAdd a label, text input, and OK button to submit manager assignments

  1. Clique ou toque fora da galeria em que estava a trabalhar.Click or tap outside the gallery you've been working on.
  2. No separador Insert, clique ou toque em Label.On the Insert tab, click or tap Label. Arraste a etiqueta para baixo da galeria, à esquerda.Drag the label below the gallery, to the left. Defina as propriedades seguintes para a etiqueta:Set the following properties for the label:

    • Propriedade Size = 20Size property = 20
    • Propriedade Text = "Manager:"Text property = "Manager:"

    Adicionar etiqueta Manager

  3. No separador Insert, clique ou toque em Text e, em seguida, clique ou toque em Text input (Entrada de texto).On the Insert tab, click or tap Text, then Text input. Arraste a entrada de texto para baixo da galeria, ao centro.Drag the text input below the gallery, in the center. Defina as propriedades seguintes para o menu pendente:Set the following properties for the drop down:

    • Propriedade Default (Predefinição) = ""Default property = ""
    • Propriedade Height = 60Height property = 60
    • Propriedade Size = 20Size property = 20
    • Propriedade Width = 250Width property = 250

    Adicionar entrada de texto

  4. No separador Insert, clique ou toque em Button (Botão).On the Insert tab, click or tap Button. Arraste o botão para baixo da galeria, à direita.Drag the button below the gallery, to the right. Defina as propriedades seguintes para o botão:Set the following properties for the button:

    • Propriedade Height = 60Height property = 60
    • Propriedade OnSelect = Patch('Project Details', LookUp('Project Details', ID = Gallery1.Selected.ID), {PMAssigned: TextInput1.Text}).OnSelect property = Patch('Project Details', LookUp('Project Details', ID = Gallery1.Selected.ID), {PMAssigned: TextInput1.Text}). Para obter mais informações, veja Descrição aprofundada das fórmulas.For more information, see Formula deep-dive.
    • Esta fórmula atualiza a lista Project Details, definindo um valor para o campo PMAssigned.This formula updates the Project Details list, setting a value for the PMAssigned field.
    • Propriedade Size = 20Size property = 20
    • Propriedade Text = "OK"Text property = "OK"
    • Propriedade Width = 80Width property = 80

    Adicionar botão OK

O ecrã concluído deverá agora ser semelhante à imagem seguinte.The completed screen should now look like the following image.

Ecrã Concluir Atribuição de Gestor

Passo 5: Criar o ecrã ViewProjectsStep 5: Build the ViewProjects screen

Neste passo, vamos alterar as propriedades da galeria no ecrã ViewProjects.In this step, we'll change properties for the gallery on the ViewProjects screen. Esta galeria mostra os itens da lista Project Details.This gallery displays items from the Project Details list. Selecione um item neste ecrã e edite os detalhes no ecrã UpdateDetails.You select an item on this screen, then you edit the details on the UpdateDetails screen.

  1. Na barra de navegação do lado esquerdo, clique ou toque no ecrã ViewProjects.In the left navigation bar, click or tap the ViewProjects screen.
  2. Altere [Title] para "View Projects" (“Ver Projetos”).Change [Title] to "View Projects".
  3. Na barra de navegação do lado esquerdo, clique ou toque em BrowserGallery1, em ViewProjects.In the left navigation bar, click or tap BrowserGallery1 under ViewProjects.
  4. Selecione Title, subtitle, and body a partir do menu Layout (Esquema), no painel do lado direito.Select Title, subtitle, and body from the Layout menu in the right pane.

    Alterar o esquema da galeria

    A galeria tem agora o esquema certo, com o texto de exemplo predefinido.The gallery now has the right layout, with the default sample text.

    Galeria com o texto predefinido

  5. Selecione o botão de atualização Ícone de atualização e defina a respetiva propriedade OnSelect como Refresh('Project Details').Select the refresh button Refresh icon, and set its OnSelect property to Refresh('Project Details').
  6. Selecione o botão de item novo Ícone de adicionar novo e defina a respetiva propriedade OnSelect como NewForm(EditForm1); Navigate(UpdateDetails, ScreenTransition.None).Select the new item button Add new icon, and set its OnSelect property to NewForm(EditForm1); Navigate(UpdateDetails, ScreenTransition.None).

Adicionar uma seta para trás para voltar ao ecrã SelectTaskAdd a back arrow to return to the SelectTask screen

  1. Na barra de navegação do lado esquerdo, clique ou toque no ecrã AssignManager.In the left navigation bar, click or tap the AssignManager screen.
  2. Selecione a seta para atrás que adicionou aí e copie-a.Select the back arrow you added there, and copy it.
  3. Cole a seta no ecrã ViewProjects e posicione-a à esquerda do botão de atualização.Paste the arrow into the ViewProjects screen and position it to the left of the refresh button.

    Botão para trás

    Todas as propriedades do botão vêm incorporadas com o mesmo, incluindo a propriedade OnSelect de Navigate(SelectTask, Fade).All its properties come along with it, including the OnSelect property of Navigate(SelectTask, Fade).

  1. Selecione a galeria BrowseGallery1 e defina a propriedade Items da mesma como SortByColumns(Filter('Project Details', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).Select the BrowseGallery1 gallery, and set the Items property of the gallery to SortByColumns(Filter('Project Details', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).

    Isto define a lista Project Details como aorigem de dados da galeria e utiliza o campo Title para pesquisa e ordenação.This sets the data source of the gallery to the Project Details list, and uses the Title field for search and sort.

  2. Selecione o Ícone de seta de detalhes, no primeiro item da galeria, e defina a propriedade OnSelect como Navigate(UpdateDetails, None).Select the Details arrow icon in the first gallery item, and set the OnSelect property to Navigate(UpdateDetails, None).

     <span data-ttu-id="ad3d0-322">Galeria View Projects - primeiro item selecionado</span><span class="sxs-lookup"><span data-stu-id="ad3d0-322">View Projects gallery - first item selected</span></span>

  3. No painel do lado direito, atualize os campos para que correspondam à lista seguinte:In the right pane, update the fields to match the following list:

    • StatusStatus
    • PMAssignedPMAssigned
    • TitleTitle

      Campos da galeria

      O ecrã concluído deverá agora ser semelhante à imagem seguinte.The completed screen should now look like the following image.

      Ecrã View Project concluído

Passo 6: Criar o ecrã UpdateDetailsStep 6: Build the UpdateDetails screen

Neste passo, vamos ligar o formulário de edição no ecrã UpdateDetails à origem de dados e fazer alterações a algumas propriedades e campos.In this step, we'll connect the edit form on the UpdateDetails screen to our data source, and we'll make some property and field changes. Neste ecrã, vai editar os detalhes de um projeto que selecionou no ecrã View Projects.On this screen, you edit details for a project that you selected on the View Projects screen.

  1. Na barra de navegação do lado esquerdo, clique ou toque no ecrã UpdateDetails.In the left navigation bar, click or tap the UpdateDetails screen.
  2. Altere [Title] para "Update Details".Change [Title] to "Update Details".
  3. Na barra de navegação do lado esquerdo, clique ou toque em EditForm1, em UpdateDetails.In the left navigation bar, click or tap EditForm1 under UpdateDetails.
  4. Defina as propriedades seguintes para o formulário:Set the following properties for the form:

    • Propriedade DataSource (Origem de dados) = 'Project Details'DataSource property = 'Project Details'
    • Propriedade Item = BrowseGallery1.SelectedItem property = BrowseGallery1.Selected
  5. Com o formulário ainda aberto, no painel do lado direito, clique ou toque nas caixas de verificação relativas aos campos abaixo, pela ordem apresentada:With the form still selected, in the right pane click or tap the checkbox for the following fields, in the order shown:

    • TitleTitle
    • PMAssignedPMAssigned
    • StatusStatus
    • ProjectedStartDateProjectedStartDate
    • ProjectedEndDateProjectedEndDate
    • ProjectedDaysProjectedDays
    • ActualDaysActualDays

      Editar os campos do formulário

  6. Selecione o botão de cancelar Ícone de cancelar e defina a respetiva propriedade OnSelect como ResetForm(EditForm1); Back().Select the cancel button Cancel icon, and set its OnSelect property to ResetForm(EditForm1); Back().
  7. Selecione o botão de guardar Ícone de verificação de guardar e anule a seleção da fórmula OnSelect - SubmitForm(EditForm1).Select the save button Checkmark save icon and check out the OnSelect formula - SubmitForm(EditForm1). Uma vez que estamos a utilizar o controlo de edição de formulário, podemos utilizar Submit() em vez de Patch(), como fizemos anteriormente.Because we're using the edit form control, we can use Submit(), instead of using Patch() like we did earlier.

O ecrã concluído deverá estar parecido com a imagem seguinte (se os campos estiverem em branco, selecione um item no ecrã View Projects).The completed screen should now look like the following image (if the fields are blank, make sure you select an item on the View Projects screen).

Ecrã Update Details concluído

Passo 7: Executar a aplicaçãoStep 7: Run the app

Agora que a aplicação está concluída, vamos executá-la para ver como funciona.Now that the app is complete, let's run it to see how it works. Vamos adicionar uma ligação no site SharePoint para a aplicação.We'll add a link on the SharePoint site to the app. Poderá executá-la no browser, mas se calhar tem de a partilhar para que as outras pessoas a executem.You will be able to run the app in the browser, but you might need to share the app for other people to run it. Para obter mais informações, veja Partilhar as suas aplicações.For more information, see Share your apps.

  1. No iniciador de aplicações do Office 365, clique ou toque em PowerApps.In the Office 365 app launcher, click or tap PowerApps.

    PowerApps no iniciador de aplicações do Office 365

  2. No PowerApps, clique ou toque nas reticências (... ) da aplicação Project Management e em Open (Abrir).In PowerApps, click or tap the ellipsis (. . .) for Project Management app, then Open.

    Selecionar a aplicação Project Management

  3. Copie o endereço (URL) da aplicação no browser.Copy the address (URL) for the app in the browser.

    Copiar o URL da aplicação

  4. No SharePoint, clique ou toque em EDIT LINKS (EDITAR LIGAÇÕES).In SharePoint, click or tap EDIT LINKS.

    Editar ligações de site SharePoint

  5. Clique ou toque em (+) link [(+) ligar].Click or tap (+) link.

    Adicionar ligação da aplicação ao site SharePoint

  6. Introduza "Aplicação Project Management" e cole o endereço da aplicação.Enter "Project Management app", and paste in the address for the app.

    Editar as propriedades da ligação

  7. Clique ou toque em OK e em SAve.Click or tap OK, then Save.

    Guardar as alterações da ligação

Atribuir um gestor a um projetoAssign a manager to a project

Agora que a aplicação já está no nosso site SharePoint, vamos assumir a função de aprovador do projeto. Vamos procurar projetos que ainda não tenham um gestor atribuído e atribuímos-lhe um.Now that we have the app in our SharePoint site, we'll assume the role of the project approver - we'll look for any projects that don't have a manager assigned, and assign a manager to one of the projects. Depois, assumimos a função do gestor de projeto e adicionamos algumas informações sobre o projeto que nos foi atribuído.Then we'll assume the role of the project manager, and add some information about a project that is assigned to us.

  1. Em primeiro lugar, vamos observar a lista Detalhes do Projeto no SharePoint.First, let's look at the Project Details list in SharePoint. Há dois projetos com o valor Unassigned (Não atribuído) na coluna PMAssigned.Two projects have a value of Unassigned in the PMAssigned column. Vamos vê-los na aplicação.We will see these in the app.

    Projetos não atribuídos na lista do SharePoint

  2. Clique ou toque na ligação que criou para a aplicação.Click or tap the link that you created to the app.
  3. No primeiro ecrã, clique ou toque em Assign Manager (Atribuir Gestor).On the first screen, click or tap Assign Manager.

    Ecrã de introdução da aplicação

  4. No ecrã Assign Manager (Atribuir Gestor), verá os dois projetos não atribuídos na lista.On the Assign Manager screen, you see the two unassigned projects from the list. Selecione o projeto New BI software .Select the New BI software project.

    Galeria com o item selecionado

  5. Na introdução de texto Gestor, introduza "Joni Sherman" e clique em OK.In the Manager text input, enter "Joni Sherman", then click OK.

    A alteração é aplicada à lista e a galeria é atualizada de modo a apresentar apenas o projeto não atribuído restante.The change is applied to the list, and the gallery refreshes so only the remaining unassigned project is displayed.

    Atribuir gestor ao projeto

  6. Regresse à lista do SharePoint e atualize a página.Go back to the SharePoint list and refresh the page. Verá que a entrada de projeto está agora atualizada com o nome do gestor do projeto.You'll see that the project entry is now updated with the project manager name.

    Gestor de projeto atribuído na lista do SharePoint

Atualizar os detalhes do projetoUpdate details for the project

  1. Clique ou toque no ícone Voltar para regressar ao primeiro ecrã e, em seguida, clique ou toque em Atualizar Detalhes.Click or tap Back icon to go back to the first screen, then click or tap Update Details.

    Ecrã de introdução da aplicação

  2. No ecrã View Projects (Ver Projetos) , introduza "New" (Novo) na caixa de pesquisa.On the View Projects screen, enter "New" in the search box.

    Procurar na galeria da aplicação

  3. Clique em Ícone de seta de detalhes no item New BI software.Click Details arrow icon for the New BI software item.

    Item da galeria selecionado

  4. No ecrã Atualizar Detalhes, defina os seguintes valores:On the Update Details screen, set the following values:

    • O campo ProjectedStartDate = "3/6/2017"The ProjectedStartDate field = "3/6/2017"
    • O campo ProjectedEndDate = "3/24/2017"The ProjectedEndDate field = "3/24/2017"
    • O campo ProjectedDays = "15"The ProjectedDays field = "15"

    Atualizar detalhes do item

  5. Clique ou toque emClick or tap Ícone de marca de verificação para aplicar a alteração à lista do SharePoint.to apply the change to the SharePoint list.
  6. Feche a aplicação e regresse à lista.Close the app, and go back to the list. Verá que a entrada do projeto está agora atualizada com as alterações de data e dia.You see that the project entry is now updated with the date and day changes.

    Atualizar lista do SharePoint

Descrição aprofundada das fórmulasFormula deep-dive

Esta é a segunda secção opcional sobre as fórmulas do PowerApps.This is the second optional section on PowerApps formulas. Na primeira descrição aprofundada, analisámos uma das fórmulas que o PowerApps gera para a galeria de procura numa aplicação com três ecrãs.In the first deep-dive, we looked at one of the formulas that PowerApps generates for the browse gallery in a three-screen app. Nesta descrição aprofundada, vamos ver uma fórmula utilizada para o ecrã AssignManager da nossa segunda aplicação.In this deep-dive, we'll look at a formula that we use for the AssignManager screen of our second app. A fórmula é esta:Here's the formula:

Patch ( 'Project Details', LookUp ( 'Project Details', ID = Gallery1.Selected.ID ), {PMAssigned: TextInput1.Text} )Patch ( 'Project Details', LookUp ( 'Project Details', ID = Gallery1.Selected.ID ), {PMAssigned: TextInput1.Text} )

O que é que esta fórmula faz?What does this formula do? Quando seleciona um item na galeria e clica no botão OK, a fórmula atualiza a lista Project Details, definindo a coluna PMAssigned como o valor que especificar na entrada de texto.When you select an item in the gallery and click the OK button, the formula updates the Project Details list, setting the PMAssigned column to the value that you specify in the text input. A fórmula utiliza funções para realizar o seu trabalho:The formula uses functions to do its work:

  • A função Patch modifica um ou mais registos de uma origem de dados.The Patch function modifies one or more records of a data source.
  • A função LookUp localiza o primeiro registo numa tabela que satisfaz uma fórmula.The LookUp function finds the first record in a table that satisfies a formula.

Ao juntar as funções na fórmula, eis o que acontece:When you put the functions together in the formula, here's what happens:

  1. Quando clica no botão OK, a função Patch é chamada para atualizar a lista Project Details.When you click the OK button, the Patch function is called to update the Project Details list.
  2. Dentro da função Patch, a função LookUp identifica a linha da lista Project Details que vai ser atualizada.Within the Patch function, the LookUp function identifies which row of the Project Details list to update. Fá-lo ao comparar o ID do item da galeria selecionado com o ID na lista.It does this by comparing the ID of the selected gallery item to the ID in the list. Por exemplo, o ID 12 significa que a entrada para New BI software deve ser atualizada.For example, an ID of 12 means that the entry for New BI software should be updated.
  3. Agora que a função Patch tem o ID correto, atualiza o campo PMAssigned com o valor em TextInput1.Text.Now that the Patch function has the right ID, it updates the PMAssigned field to the value in TextInput1.Text.

Passos seguintesNext steps

O passo seguinte nesta série de tutoriais está disponível em create a Power BI report to analyze project (Criar um relatório do Power BI para analisar projetos).The next step in this tutorial series is to create a Power BI report to analyze projects.