Creare un'app per gestire progettiCreate an app to manage projects

Nota: questo articolo fa parte di una serie di esercitazioni sull'uso di PowerApps, Microsoft Flow e Power BI con SharePoint Online.Note: This article is part of a tutorial series on using PowerApps, Microsoft Flow, and Power BI with SharePoint Online. Assicurarsi di leggere l'introduzione alla serie per farsi un'idea del quadro generale, nonché dei download correlati.Make sure you read the series introduction to get a sense of the big picture, as well as related downloads.

In quest'attività verrà creata da zero un'appIn this task, we'll build an app from scratch. che permette a un utente di assegnare un responsabile ai progetti e di aggiornare i relativi dettagli.This app allows a user to assign a manager to projects and to update project details. Saranno riproposti qui alcuni dei controlli e delle formule già visti nella prima app, ma stavolta gran parte della procedura di creazione dell'app toccherà all'utente.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. La procedura è certamente più complessa, ma l'utente apprenderà di più, dunque questo sembra un giusto compromesso.The process is more complex, but you'll learn more, so we think it's a fair trade-off.

Suggerimento: il pacchetto di download per questo scenario include una versione completa di questa app: project-details-app.msapp.Tip: The download package for this scenario includes a finished version of this app: project-details-app.msapp.

Analisi rapida di PowerApps StudioQuick review of PowerApps Studio

Nell'ultima attività è stato usato PowerApps Studio per il Web, ma prima di continuare sarà opportuno verificare di averne compreso tutte le parti.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. È possibile continuare a lavorare in PowerApps Studio per il Web oppure usare PowerApps Studio per Windows.You can continue to work in PowerApps Studio for web, or you can use PowerApps Studio for Windows.

PowerApps Studio include tre riquadri e una barra multifunzione che consentono di creare app in modo simile a una presentazione di PowerPoint:PowerApps Studio has three panes and a ribbon that make app creation feel like building a slide deck in PowerPoint:

  1. La barra di spostamento a sinistra, che mostra una visualizzazione gerarchica delle schermate e dei controlli dell'app, nonché le anteprime delle schermateLeft navigation bar, which shows a hierarchical view of all the app's screens and controls, as well as thumbnails of the screens
  2. Il riquadro centrale, contenente la schermata dell'app che si sta modificandoMiddle pane, which contains the app screen you are working on
  3. Il riquadro destro, in cui si impostano le opzioni, come le origini dati e i layoutRight-hand pane, where you set options like layout and data sources
  4. L'elenco a discesa Proprietà, in cui si selezionano le proprietà a cui vengono applicate le formuleProperty drop-down list, where you select the properties that formulas apply to
  5. La barra della formula, in cui si aggiungono le formule (come in Excel) che definiscono il comportamento dell'appFormula bar, where you add formulas (like in Excel) that define app behavior
  6. La barra multifunzione, in cui si aggiungono controlli e si personalizzano gli elementi di progettazioneRibbon, where you add controls and customize design elements

PowerApps Studio

Passaggio 1: Creare schermateStep 1: Create screens

Terminata questa panoramica, si inizierà con la creazione di un'app.With that review out of the way, let's start building an app.

Creare e salvare l'appCreate and save the app

  1. In PowerApps Studio, fare clic o toccare Nuova, quindi in App vuota, fare clic o toccare Layout Telefono.In PowerApps Studio, click or tap New, then under Blank app, click or tap Phone Layout.

    App vuota - layout telefono

  2. Fare clic o toccare File, che viene aperto in una scheda Impostazioni app. Immettere il nome "App di gestione progetto".Click or tap File, which opens to an App settings tab. Enter the name "Project Management app".

    Nome app

  3. Fare clic o toccare Salva con nome, verificare che l'app venga salvata nel cloud, quindi fare clic su Salva nell'angolo inferiore destro.Click or tap Save as, verify that the app will save to the cloud, then click Save in the lower right corner.

    Salvare nel cloud

  4. Fare clic o toccareClick or tap l'icona Torna all'app per tornare all'app.to go back to the app.

Aggiungere quattro schermate all'appAdd four screens to the app

In questo passaggio si creeranno quattro schermate vuote per l'app.In this step, we'll create four blank screens for the app. Si useranno diversi layout di schermata, a seconda dello scopo della schermataWe'll use different screen layouts, depending on the screen's purpose. (di cui si parlerà più diffusamente più avanti).We'll add to these screens in later steps.

SchermataScreen ScopoPurpose
SelezionaAttivitàSelectTask Schermata iniziale; passare alle altre schermateOpening screen; navigate to other screens
AssegnaManagerAssignManager Assegnare un responsabile a un progetto approvatoAssign a manager to an approved project
VisualizzaProgettiViewProjects Visualizzare un elenco di progetti, con le informazioni di riepilogoView a list of projects, with summary information
AggiornaDettagliUpdateDetails Visualizzare e aggiornare i dettagli per un progettoView and update the details for a project
  1. Nella scheda Home fare clic o toccare Nuova schermata, quindi Schermata scorrevole.On the Home tab, click or tap NewScreen, then Scrollable screen.

    Schermata scorrevole

  2. Rinominare la schermata SelezionaAttività.Rename the screen to SelectTask.

    Rinominare la schermata

  3. Creare e rinominare schermate aggiuntive:Create and rename additional screens:

    1. Fare clic o toccare Nuova schermata, quindi Schermata scorrevole.Click or tap NewScreen, then Scrollable screen. Rinominare la schermata in AssegnaManager.Rename the screen to AssignManager.
    2. Fare clic o toccare Nuova schermata, quindi Schermata Elenco.Click or tap NewScreen, then List screen. Rinominare la schermata VisualizzaProgetti.Rename the screen to ViewProjects.
    3. Fare clic o toccare Nuova schermata, quindi Schermata Modulo.Click or tap NewScreen, then Form screen. Rinominare la schermata AggiornaDettagli.Rename the screen to UpdateDetails.
  4. Selezionare i puntini di sospensione (... ) accanto a Schermata1, quindi fare clic o toccare Elimina.Select the ellipsis (. . .) next to Screen1, then click or tap Delete.

    Eliminare una schermata

L'app deve ora apparire come nell'immagine seguente.The app should now look like the following image.

Tutte le schermate dell'app

Passaggio 2: Connettersi a un elenco di SharePointStep 2: Connect to a SharePoint list

In questo passaggio, verrà effettuata la connessione all'elenco di SharePoint Dettagli progetto.In this step, we'll connect to the Product Details SharePoint list. In quest'app verrà usato un solo elenco, ma è possibile connettersi facilmente a entrambi qualora si volesse estendere l'app.We only use one list in this app, but you could easily connect to both if you want to extend the app.

  1. Nella barra di spostamento di sinistra fare clic o toccare la schermata SelezionaAttività.In the left navigation bar, click or tap the SelectTask screen.
  2. Nel riquadro destro fare clic o toccare Aggiungi origine dati.In the right pane, click or tap Add data source.

    Connettersi ai dati

  3. Toccare o fare clic su Nuova connessione.Click or tap New connection.

    Nuova connessione

  4. Fare clic o toccare SharePoint.Click or tap SharePoint.

    Connessione a SharePoint

  5. Selezionare Connetti direttamente (servizi cloud) e quindi fare clic o toccare Crea.Select Connect directly (cloud services), then click or tap Create.

    Connessione diretta (servizi cloud)

  6. Immettere un URL di SharePoint, quindi fare clic o toccare Vai.Enter a SharePoint URL, then click or tap Go.

    URL di SharePoint per la connessione

  7. Selezionare l'elenco Dettagli progetto e quindi fare clic o toccare Connetti.Select the Project Details list, then click or tap Connect.

    Selezionare l'elenco Dettagli progetto

    La scheda Origini dati nel riquadro destro mostra ora la connessione appena creta.The Data sources tab in the right pane now shows the connection that you have created.

    Scheda Origini dati

Passaggio 3: Creare la schermata SelezionaAttivitàStep 3: Build the SelectTask screen

In questo passaggio, verrà suggerito un modo per esplorare le altre schermate nell'app, con alcuni dei controlli, formule e opzioni di formattazione forniti da PowerApps.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.

Aggiornare il titolo e inserire un testo introduttivoUpdate the title and insert introductory text

  1. Nella barra di spostamento di sinistra selezionare la schermata SelezionaAttività.In the left navigation bar, select the SelectTask screen.
  2. Nel riquadro centrale, selezionare il valore predefinito [Titolo], quindi, nella barra della formula, aggiornare la proprietà Testo in"Gestione dei progetti Contoso".In the middle pane, select the default [Title], then in the formula bar, update the Text property to "Contoso Project Management".

    Proprietà Testo nella barra della formula

  3. Nella scheda Inserisci fare clic o toccare Etichetta, quindi trascinare l'etichetta in basso, sotto il banner principale.On the Insert tab, click or tap Label, then drag the label down below the top banner.

    Aggiungere etichetta

  4. Nella barra della formula, impostare le proprietà seguenti per l'etichetta:In the formula bar, set the following properties for the label:

    • Proprietà Colore = GrigioScuroColor property = DarkGray
    • Proprietà Dimensione = 18Size property = 18
    • Proprietà Testo = "Fare clic o toccare un'attività per continuare..."Text property = "Click or tap a task to continue..."

      Aggiornare il testo dell'etichetta

Aggiungere due pulsanti di navigazioneAdd two navigation buttons

  1. Nella scheda Inserisci fare clic o toccare Pulsante, quindi trascinare il pulsante in basso, sotto l'etichetta.On the Insert tab, click or tap Button, then drag the button below the label.

    Pulsante Aggiungi

  2. Nella barra della formula, impostare le proprietà seguenti per il pulsante:In the formula bar, set the following properties for the button:

    • Proprietà DopoSelezione = Navigate(AssegnaManager, Dissolvenza).OnSelect property = Navigate(AssignManager, Fade). Quando si esegue l'app e si fa clic su questo pulsante, è possibile passare alla seconda schermata nell'app, con una transizione di dissolvenza tra le schermate.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.
    • Proprietà Testo = "Assegna manager"Text property = "Assign Manager"
  3. Ridimensionare il pulsante per adattarlo al testo.Resize the button to accommodate the text.

    Testo del pulsante di aggiornamento

  4. Inserire un altro pulsante con le proprietà seguenti:Insert another button with the following properties:

    • Proprietà DopoSelezione = Navigate(VisualizzaProgetti, Dissolvenza).OnSelect property = Navigate(ViewProjects, Fade).
    • Proprietà Testo = "Aggiorna dettagli"Text property = "Update Details"

      Testo del pulsante di aggiornamento

      Nota: il pulsante viene denominato Aggiorna dettagli, ma prima si passerà alla schermata VisualizzaProgetti per selezionare un progetto da aggiornare.Note: The button is labeled Update Details, but we first navigate to the ViewProjects screen to select a project to update.

Eseguire l'appRun the app

L'app non esegue ancora molte operazioni, ma è possibile eseguirla se si vuole:The app doesn't do a lot yet, but you can run it if you like:

  1. Fare clic o toccare la schermata SelezionaAttività (l'app inizia sempre dalla schermata selezionata in modalità anteprima in PowerApps Studio).Click or tap the SelectTask screen (the app always starts from the selected screen in Preview mode in PowerApps Studio).
  2. Fare clic o toccareClick or tap icona Esegui app nell'angolo in alto a destra per eseguire l'app.in the upper right corner to run the app.
  3. Fare clic o toccare uno dei pulsanti per passare a un'altra schermata.Click or tap one of the buttons to navigate to another screen.
  4. Fare clic o toccareClick or tap Icona di anteprima Chiudi app nell'angolo in alto a destra per chiudere l'app.in the upper right corner to close the app.

Passaggio 4: Creare la schermata AssegnaManagerStep 4: Build the AssignManager screen

In questo passaggio, verrà usata una raccolta per visualizzare tutti i progetti che sono stati approvati ma che non hanno ancora un manager.In this step, we'll use a gallery to display all projects that have been approved but don't yet have a manager. Verranno aggiunti altri controlli, così da poter assegnare un manager.We'll add other controls, so you can assign a manager.

Nota: in seguito, nell'app verrà creata una pagina che consente di modificare tutti i campi per un progetto (incluso il campo relativo al manager), ma può essere interessante creare anche una schermata simile a questa.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. Salvare le modifiche apportate finora.Save the changes you've made so far.
  2. Nella barra di spostamento di sinistra fare clic o toccare la schermata AssegnaManager.In the left navigation bar, click or tap the AssignManager screen.

Aggiornare il titolo e inserire un testo introduttivoUpdate the title and insert introductory text

  1. Modificare [Titolo] in Assegna manager.Change [Title] to Assign Manager.
  2. Aggiungere un'etichetta con le proprietà seguenti:Add a label with the following properties:

    • Proprietà Colore = GrigioScuroColor property = DarkGray
    • Proprietà Dimensione = 18Size property = 18
    • Proprietà Testo = "Selezionare un progetto, quindi assegnare un manager"Text property = "Select a project, then assign a manager"

      Layout Assegna manager

Aggiungere una freccia Indietro per tornare alla schermata SelezionaAttivitàAdd a back arrow to return to the SelectTask screen

  1. Fare clic o toccare la barra blu nella parte superiore della schermata.Click or tap the blue bar at the top of the screen.
  2. Nella scheda Inserisci fare clic o toccare Icone e quindi fare clic o toccare Sinistra.On the Insert tab, click or tap Icons, then click or tap Left.

    Inserire freccia sinistra

  3. Spostare la freccia a sinistra della barra blu e impostare le proprietà seguenti:Move the arrow to the left side of the blue bar, and set the following properties:

    • Proprietà Colore = BiancoColor property = White
    • Proprietà Altezza = 40Height property = 40
    • Proprietà DopoSelezione = Navigate(SelezionaAttività, Dissolvenza)OnSelect property = Navigate(SelectTask, Fade)
    • Proprietà Larghezza = 40Width property = 40

      Aggiungere pulsante Indietro

  1. Nella scheda Inserisci scegliere o toccare Raccolta, quindi Verticale.On the Insert tab, click or tap Gallery, then Vertical.

    Aggiungere una raccolta verticale

  2. Selezionare Titolo, sottotitolo e corpo dal menu Layout nel riquadro destro.Select Title, subtitle, and body from the Layout menu in the right pane.

    Modificare il layout raccolta

    La raccolta include ora il layout giusto, ma contiene ancora il testo di esempio predefinito,The gallery now has the right layout, but it still has the default sample text. che verrà modificato in seguito.We'll fix that next.

    Raccolta con testo predefinito

  3. Impostare le proprietà seguenti per la raccolta:Set the following properties for the gallery:

    • Proprietà BorderThickness = 1BorderThickness property = 1
    • Proprietà BorderStyle = PunteggiatoBorderStyle property = Dotted
    • Proprietà Items = Filter('Dettagli progetto', AssegnatoPM="Non assegnato").Items property = Filter('Project Details', PMAssigned="Unassigned"). Solo i progetti senza alcun manager assegnato sono inclusi nella raccolta.Only projects with no manager assigned are included in the gallery.

      Raccolta con il testo dall'elenco

  4. Nel riquadro destro, aggiornare i campi in modo che corrispondano all'elenco seguente:In the right pane, update the fields to match the following list:

    • ApprovedDateApprovedDate
    • StatoStatus
    • TitoloTitle

      Campi della raccolta

  5. Ridimensionare le etichette nella raccolta come appropriato e rimuovere la freccia del primo elemento della raccolta (non è necessario spostarsi da questa raccolta).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).

    Rimuovere l'icona a forma di freccia

    La schermata deve ora apparire come nell'immagine seguente.The screen should now look like the following image.

    Raccolta formattata

Modificare il colore di un elemento, se è selezionatoChange the color of an item if it's selected

  1. Selezionare la raccolta, quindi impostare la proprietà TemplateFill If (ThisItem.IsSelected=true, Orange, White).Select the gallery, then set the TemplateFill property to If (ThisItem.IsSelected=true, Orange, White).
  2. Selezionare un elemento nella raccolta.Select an item in the gallery. La schermata deve ora apparire come nell'immagine seguente.The screen should now look like the following image.

    Raccolta con l'elemento selezionato

Aggiungere un'etichetta, input di testo e il pulsante OK per inviare le assegnazioni del managerAdd a label, text input, and OK button to submit manager assignments

  1. Fare clic o toccare fuori dalla raccolta che è stata modificata.Click or tap outside the gallery you've been working on.
  2. Nella scheda Inserisci fare clic o toccare Etichetta.On the Insert tab, click or tap Label. Trascinare l'etichetta sotto la raccolta, a sinistra.Drag the label below the gallery, to the left. Impostare le proprietà seguenti per l'etichetta:Set the following properties for the label:

    • Proprietà Dimensione = 20Size property = 20
    • Proprietà Testo = "Manager:"Text property = "Manager:"

    Aggiungere etichetta Manager

  3. Nella scheda Inserisci fare clic o toccare Testo e quindi Input di testo.On the Insert tab, click or tap Text, then Text input. Trascinare l'input di testo sotto la raccolta, al centro.Drag the text input below the gallery, in the center. Impostare le proprietà seguenti per l'elenco a discesa:Set the following properties for the drop down:

    • Proprietà Predefinita = ""Default property = ""
    • Proprietà Altezza = 60Height property = 60
    • Proprietà Dimensione = 20Size property = 20
    • Proprietà Larghezza = 250Width property = 250

    Aggiungere un input di testo

  4. Nella scheda Inserisci fare clic o toccare Pulsante.On the Insert tab, click or tap Button. Trascinare il pulsante sotto la raccolta, a sinistra.Drag the button below the gallery, to the right. Impostare le proprietà seguenti per il pulsante:Set the following properties for the button:

    • Proprietà Altezza = 60Height property = 60
    • Proprietà DopoSelezione = Patch('Dettagli progetto', LookUp('Dettagli progetto', ID = Gallery1.Selected.ID), {AssegnatoPM: TextInput1.Text}).OnSelect property = Patch('Project Details', LookUp('Project Details', ID = Gallery1.Selected.ID), {PMAssigned: TextInput1.Text}). Per altre informazioni, vedere Approfondimento sulle formule.For more information, see Formula deep-dive.
    • Questa formula aggiorna l'elenco Dettagli progetto, impostando un valore per il campo AssegnatoPM.This formula updates the Project Details list, setting a value for the PMAssigned field.
    • Proprietà Dimensione = 20Size property = 20
    • Proprietà Testo = "OK"Text property = "OK"
    • Proprietà Larghezza = 80Width property = 80

    Aggiungere un pulsante OK

La schermata completata deve ora apparire come nell'immagine seguente.The completed screen should now look like the following image.

Schermata Assegna manager completata

Passaggio 5: Creare la schermata VisualizzaProgettiStep 5: Build the ViewProjects screen

In questo passaggio verranno modificate le proprietà per la raccolta nella schermata VisualizzaProgetti.In this step, we'll change properties for the gallery on the ViewProjects screen. Questa raccolta mostra gli elementi d'elenco Dettagli progetto.This gallery displays items from the Project Details list. Selezionare un elemento in questa schermata, quindi modificare i dettagli nella schermata AggiornaDettagli.You select an item on this screen, then you edit the details on the UpdateDetails screen.

  1. Nella barra di spostamento di sinistra fare clic o toccare la schermata VisualizzaProgetti.In the left navigation bar, click or tap the ViewProjects screen.
  2. Modificare [Titolo] in "Visualizza progetti".Change [Title] to "View Projects".
  3. Nella barra di spostamento di sinistra toccare o fare clic BrowserGallery1 sotto VisualizzaProgetti.In the left navigation bar, click or tap BrowserGallery1 under ViewProjects.
  4. Selezionare Titolo, sottotitolo e corpo dal menu Layout nel riquadro destro.Select Title, subtitle, and body from the Layout menu in the right pane.

    Modificare il layout raccolta

    La raccolta include ora il layout giusto, con il testo di esempio predefinito.The gallery now has the right layout, with the default sample text.

    Raccolta con testo predefinito

  5. Selezionare il pulsante di aggiornamento icona di aggiornamento e impostare la relativa proprietà DopoSelezione su Refresh('Dettagli progetto').Select the refresh button Refresh icon, and set its OnSelect property to Refresh('Project Details').
  6. Selezionare il pulsante di nuovo elemento Icona Aggiungi nuovo e impostare la relativa proprietà DopoSelezione su NewForm(EditForm1); Navigate(AggiornaDettagli, ScreenTransition.None).Select the new item button Add new icon, and set its OnSelect property to NewForm(EditForm1); Navigate(UpdateDetails, ScreenTransition.None).

Aggiungere una freccia Indietro per tornare alla schermata SelezionaAttivitàAdd a back arrow to return to the SelectTask screen

  1. Nella barra di spostamento di sinistra fare clic o toccare la schermata AssegnaManager.In the left navigation bar, click or tap the AssignManager screen.
  2. Selezionare la freccia indietro ivi aggiunta e copiarla.Select the back arrow you added there, and copy it.
  3. Incollare la freccia nella schermata VisualizzaProgetti e posizionarla a sinistra del pulsante di aggiornamento.Paste the arrow into the ViewProjects screen and position it to the left of the refresh button.

    Pulsante Indietro

    Tutte le relative proprietà saranno incluse, tra cui la proprietà DopoSelezione di Navigate(SelezionaAttività, Dissolvenza).All its properties come along with it, including the OnSelect property of Navigate(SelectTask, Fade).

  1. Selezionare la raccolta BrowseGallery1, quindi impostare la proprietà Elementi della raccolta su SortByColumns(Filter('Dettagli progetto', StartsWith(Title, TextSearchBox1.Text)), "Titolo", 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)).

    In questo modo, l'origine dati della raccolta viene impostata sull'elenco Dettagli progetto e viene usato il campo Titolo per la ricerca e l'ordinamento.This sets the data source of the gallery to the Project Details list, and uses the Title field for search and sort.

  2. Selezionare l'icona freccia Dettagli nel primo elemento della raccolta e impostare la proprietà DopoSelezione su Navigate(AggiornaDettagli, None).Select the Details arrow icon in the first gallery item, and set the OnSelect property to Navigate(UpdateDetails, None).

     <span data-ttu-id="85e89-322">Raccolta Visualizza progetti - primo elemento selezionato</span><span class="sxs-lookup"><span data-stu-id="85e89-322">View Projects gallery - first item selected</span></span>

  3. Nel riquadro destro, aggiornare i campi in modo che corrispondano all'elenco seguente:In the right pane, update the fields to match the following list:

    • StatoStatus
    • AssegnatoPMPMAssigned
    • TitoloTitle

      Campi della raccolta

      La schermata completata deve ora apparire come nell'immagine seguente.The completed screen should now look like the following image.

      Schermata Visualizza progetti completata

Passaggio 6: Creare la schermata AggiornaDettagliStep 6: Build the UpdateDetails screen

In questo passaggio, verrà effettuata la connessione del modulo di modifica nella schermata AggiornaDettagli all'origine dati, quindi verranno apportate alcune modifiche a proprietà e campi.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. In questa schermata modificare i dettagli per un progetto selezionato nella schermata Visualizza progetti.On this screen, you edit details for a project that you selected on the View Projects screen.

  1. Nella barra di spostamento di sinistra fare clic o toccare la schermata AggiornaDettagli.In the left navigation bar, click or tap the UpdateDetails screen.
  2. Modificare [Titolo] in "Aggiorna dettagli".Change [Title] to "Update Details".
  3. Nella barra di spostamento di sinistra fare clic o toccare EditForm1 sotto AggiornaDettagli.In the left navigation bar, click or tap EditForm1 under UpdateDetails.
  4. Impostare le proprietà seguenti per il modulo:Set the following properties for the form:

    • Proprietà OrigineDati = 'Dettagli progetto'DataSource property = 'Project Details'
    • Proprietà Elemento = BrowseGallery1.SelectedItem property = BrowseGallery1.Selected
  5. Con il modulo ancora selezionato, nel riquadro destro fare clic o toccare la casella di controllo per i campi seguenti, nell'ordine indicato:With the form still selected, in the right pane click or tap the checkbox for the following fields, in the order shown:

    • TitoloTitle
    • AssegnatoPMPMAssigned
    • StatoStatus
    • ProjectedStartDateProjectedStartDate
    • ProjectedEndDateProjectedEndDate
    • ProjectedDaysProjectedDays
    • GiorniEffettiviActualDays

      Campi modulo di modifica

  6. Selezionare il pulsante di annullamento icona Annulla e impostare la relativa proprietà DopoSelezione su ResetForm(EditForm1); Back().Select the cancel button Cancel icon, and set its OnSelect property to ResetForm(EditForm1); Back().
  7. Selezionare il pulsante di salvataggio icona segno di spunta e controllare la formula DopoSelezione: SubmitForm(EditForm1).Select the save button Checkmark save icon and check out the OnSelect formula - SubmitForm(EditForm1). Dato che si sta usando il controllo di modulo di modifica, è possibile usare Submit(), anziché Patch() come in precedenza.Because we're using the edit form control, we can use Submit(), instead of using Patch() like we did earlier.

La schermata completata dovrebbe apparire come nell'immagine seguente (se i campi sono vuoti, assicurarsi di selezionare un elemento nella schermata Visualizza progetti).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).

Schermata Aggiorna dettagli completata

Passaggio 7: Eseguire l'appStep 7: Run the app

Ora che l'app è stata completata, verrà eseguita per verificarne il funzionamento.Now that the app is complete, let's run it to see how it works. Nel sito di SharePoint verrà aggiunto un collegamento all'app.We'll add a link on the SharePoint site to the app. Sarà possibile eseguire l'app nel browser, ma potrebbe essere necessario condividerla con altri utenti perché possano eseguirla.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. Per altre informazioni, vedere Condividere le app.For more information, see Share your apps.

  1. Nell'utilità di avvio delle app di Office 365, fare clic o toccare PowerApps.In the Office 365 app launcher, click or tap PowerApps.

    PowerApps nell'utilità di avvio delle app di Office 365

  2. In PowerApps, fare clic o toccare i puntini di sospensione (... ) per App di gestione progetto, quindi Apri.In PowerApps, click or tap the ellipsis (. . .) for Project Management app, then Open.

    Selezionare App di gestione progetto

  3. Copiare l'indirizzo (URL) per l'app nel browser.Copy the address (URL) for the app in the browser.

    Copiare l'URL dell'app

  4. In SharePoint, fare clic o toccare MODIFICA COLLEGAMENTI.In SharePoint, click or tap EDIT LINKS.

    Modificare i collegamenti del sito di SharePoint

  5. Fare clic o toccare (+) collegamento.Click or tap (+) link.

    Aggiungere il collegamento all'app al sito di SharePoint

  6. Immettere "App di gestione progetto" e incollare l'indirizzo dell'app.Enter "Project Management app", and paste in the address for the app.

    Modificare le proprietà del collegamento

  7. Fare clic o toccare OK, quindi Salva.Click or tap OK, then Save.

    Salvare le modifiche del collegamento

Assegnare un manager a un progettoAssign a manager to a project

Ora che l'app è disponibile nel sito di SharePoint, si supporrà il ruolo del revisore del progetto (verranno esaminati tutti i progetti a cui non è stato assegnato un manager) e verrà assegnato un manager a uno dei progetti.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. Quindi, si supporrà il ruolo del project manager e verranno aggiunte alcune informazioni su un progetto assegnatoci.Then we'll assume the role of the project manager, and add some information about a project that is assigned to us.

  1. Prima di tutto, si esaminerà l'elenco Dettagli progetto in SharePoint.First, let's look at the Project Details list in SharePoint. Due progetti hanno un valore Non assegnato nella colonna AssegnatoPM.Two projects have a value of Unassigned in the PMAssigned column. Saranno visualizzati in seguito nell'app.We will see these in the app.

    Progetti non assegnati nell'elenco di SharePoint

  2. Fare clic o toccare il collegamento all'app creato.Click or tap the link that you created to the app.
  3. Nella prima schermata, fare clic o toccare Assegna manager.On the first screen, click or tap Assign Manager.

    Schermata di introduzione all'app

  4. Nella schermata Assegna manager saranno visualizzati i due progetti non assegnati dall'elenco.On the Assign Manager screen, you see the two unassigned projects from the list. Selezionare il progetto Nuovo software BI.Select the New BI software project.

    Raccolta con elemento selezionato

  5. Nell'input di testo Manager immettere "Fiamma Greco", quindi fare clic su OK.In the Manager text input, enter "Joni Sherman", then click OK.

    La modifica viene applicata all'elenco e la raccolta viene aggiornata in modo da visualizzare solo il progetto non assegnato rimanente.The change is applied to the list, and the gallery refreshes so only the remaining unassigned project is displayed.

    Assegnare il manager al progetto

  6. Tornare all'elenco di SharePoint e aggiornare la pagina.Go back to the SharePoint list and refresh the page. Si noterà che la voce di progetto è ora aggiornata con il nome del project manager.You'll see that the project entry is now updated with the project manager name.

    Project manager assegnato nell'elenco di SharePoint

Aggiornare i dettagli per il progettoUpdate details for the project

  1. Fare clic o toccare l'icona Indietro per tornare alla prima schermata, quindi fare clic o toccare Aggiorna dettagli.Click or tap Back icon to go back to the first screen, then click or tap Update Details.

    Schermata di introduzione all'app

  2. Nella schermata Visualizza progetti immettere "Nuovo" nella casella di ricerca.On the View Projects screen, enter "New" in the search box.

    Eseguire la ricerca nella raccolta di app

  3. Fare clic sull'icona a forma di freccia Dettagli per l'elemento Nuovo software BI.Click Details arrow icon for the New BI software item.

    Elemento della raccolta selezionato

  4. Nella schermata Aggiorna dettagli impostare i seguenti valori:On the Update Details screen, set the following values:

    • Campo DataInizioPrevista = "6/3/2017"The ProjectedStartDate field = "3/6/2017"
    • Campo DataFinePrevista = "24/3/2017"The ProjectedEndDate field = "3/24/2017"
    • Campo GiorniPrevisti = "15"The ProjectedDays field = "15"

    Aggiornare i dettagli dell'elemento

  5. Fare clic o toccareClick or tap l'icona del segno di spunta, per applicare la modifica all'elenco di SharePoint.to apply the change to the SharePoint list.
  6. Chiudere l'app e tornare all'elenco.Close the app, and go back to the list. Si noterà che la voce di progetto è ora aggiornata con le modifiche apportata a date e giorni.You see that the project entry is now updated with the date and day changes.

    Elenco SharePoint aggiornato

Approfondimento sulle formuleFormula deep-dive

Questa è la seconda sezione facoltativa sulle formule di PowerApps.This is the second optional section on PowerApps formulas. Nel primo approfondimento, è stata esaminata una delle formule generata da PowerApps per la raccolta di esplorazione in un'app a tre schermate.In the first deep-dive, we looked at one of the formulas that PowerApps generates for the browse gallery in a three-screen app. In questo approfondimento, verrà esaminata la formula usata per la schermata AssegnaManager della seconda app.In this deep-dive, we'll look at a formula that we use for the AssignManager screen of our second app. La formula è:Here's the formula:

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

Lo scopo di questa formula,What does this formula do? quando si seleziona un elemento nella raccolta e si fa clic sul pulsante OK, è quello di aggiornare l'elenco Dettagli progetto e impostare la colonna AssegnatoPM sul valore specificato nell'input di testo.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. La formula usa le funzioni per eseguire queste operazioni:The formula uses functions to do its work:

  • La funzione Patch modifica uno o più record di un'origine dati.The Patch function modifies one or more records of a data source.
  • La funzione LookUp trova il primo record in una tabella che soddisfa una formula.The LookUp function finds the first record in a table that satisfies a formula.

Quando si uniscono le funzioni nella formula, ecco cosa succede:When you put the functions together in the formula, here's what happens:

  1. Quando si fa clic sul pulsante OK, la funzione Patch viene chiamata per aggiornare l'elenco Dettagli progetto.When you click the OK button, the Patch function is called to update the Project Details list.
  2. All'interno della funzione Patch, la funzione LookUp identifica quale riga dell'elenco Dettagli progetto occorre aggiornare.Within the Patch function, the LookUp function identifies which row of the Project Details list to update. A tale scopo, confronta l'ID dell'elemento della raccolta selezionato con l'ID nell'elenco.It does this by comparing the ID of the selected gallery item to the ID in the list. Ad esempio, un ID pari a 12 significa che la voce per Nuovo software BI deve essere aggiornata.For example, an ID of 12 means that the entry for New BI software should be updated.
  3. Ora che la funzione Patch ha ottenuto l'ID corretto, aggiornerà il campo AssegnatoPM con il valore contenuto in TextInput1.Text.Now that the Patch function has the right ID, it updates the PMAssigned field to the value in TextInput1.Text.

Passaggi successiviNext steps

Il passaggio successivo di questa serie di esercitazioni consiste nel creare un report di Power BI per analizzare i progetti.The next step in this tutorial series is to create a Power BI report to analyze projects.