Generare un'app per gestire richieste di progettiGenerate an app to handle project requests

Nota

Questo articolo fa parte di una serie di esercitazioni sull'uso di PowerApps, Microsoft Flow e Power BI con SharePoint Online.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.

Dopo aver creato gli elenchi di SharePoint è possibile creare e personalizzare la prima app.Now that the SharePoint lists are in place, we can build and customize our first app. Dato che PowerApps è integrato in SharePoint, è semplice generare una semplice app a tre schermate direttamente da un elenco.PowerApps is integrated with SharePoint, so it's easy to generate a basic three screen app directly from a list. Questa app consente di visualizzare le informazioni di riepilogo e dettagliate per ogni elemento dell'elenco, aggiornare gli elementi dell'elenco esistenti e creare nuovi elementi di elenco.This app allows you to view summary and detailed information for each list item, update existing list items, and create new list items. Se si crea un'app direttamente da un elenco, questa viene visualizzata come un vista per tale elenco.If you create an app directly from a list, the app appears as a view for that list. Sarà quindi possibile eseguire l'app in un browser, nonché su un telefono cellulare.You can then run that app in a browser, as well as on a mobile phone.

Suggerimento

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

Passaggio 1: Generare un'app da un elenco di SharePointStep 1: Generate an app from a SharePoint list

  1. Nell'elenco Richieste di progetto creato in precedente, fare clic o toccare PowerApps, quindi Crea un'app.In the Project Requests list you created, click or tap PowerApps, then Create an app.

    Creare un'app

  2. Assegnare un nome all'app, ad esempio "App Richieste di progetto", quindi fare clic o toccare Crea.Give the app a name, like "Project Requests app", then click or tap Create. Quando l'app è pronta, viene aperta in PowerApps Studio per il Web.When the app is ready, it opens in PowerApps Studio for web.

    Specificare un nome per l'app

Passaggio 2: Esaminare l'app in PowerApps StudioStep 2: Review the app in PowerApps Studio

  1. In PowerApps Studio, per impostazione predefinita la barra di spostamento a sinistra mostra una visualizzazione gerarchica delle schermate e dei controlli dell'app.In PowerApps Studio, the left navigation bar by default shows a hierarchical view of the screens and controls in the app.

    PowerApps Studio con visualizzazione gerarchica

  2. Fare clic o toccare l'icona di anteprima per cambiare visualizzazione.Click or tap the thumbnail icon to switch views.

    Selezione di visualizzazione di PowerApps Studio

  3. Fare clic o toccare ogni schermata per visualizzarla nel riquadro centrale.Click or tap each screen to view it in the middle pane. Ci sono tre schermate:There are three screens:

    (a).(a). La schermata di esplorazione, in cui è possibile esplorare, ordinare e filtrare i dati estratti dall'elenco.The browse screen, where you browse, sort, and filter the data pulled in from the list.

    (b).(b). La schermata dei dettagli, in cui è possibile visualizzare altri dettagli su un elemento.The details screen, where you view more detail about an item.

    (c).(c). La schermata di creazione/modifica, in cui è possibile modificare un elemento esistente o crearne uno nuovo.The edit/create screen, where you edit an existing item or create a new one.

    PowerApps Studio con visualizzazione Anteprima

Passaggio 3: Personalizzare la schermata di esplorazione dell'appStep 3: Customize the app's browse screen

  1. Fare clic o toccare la schermata di esplorazione.Click or tap the browse screen.

    Questa schermata ha un layout che contiene un raccolta per mostrare gli elementi dell'elenco, nonché altri controlli, ad esempio una barra di ricerca e un pulsante di ordinamento.This screen has a layout that contains a gallery to show list items, as well as other controls, like a search bar and sort button.

  2. Selezionare la raccolta BrowseGallery1 facendo clic o toccando o qualsiasi record, ad eccezione del primo.Select the BrowseGallery1 gallery by clicking or tapping any record except the first one.

    Esplorare la raccolta

  3. Nel riquadro a destra, in Proprietà toccare o fare clic su Project Requests.In the right pane, under Properties, click or tap Project Requests.

  4. Aggiornare i campi in modo che corrispondano all'elenco seguente:Update the fields to match the following list:

    • DataRichiestaRequestDate

    • RichiedenteRequestor

    • TitoloTitle

      Campi della raccolta

  5. Con BrowseGallery1 ancora selezionato, selezionare la proprietà Items.With BrowseGallery1 still selected, select the Items property.

    Proprietà Items

  6. Modificare la formula in SortByColumns(Filter('Richieste di progetto', StartsWith(Title, TextSearchBox1.Text)), "Titolo", If(SortDescending1, Descending, Ascending)).Change the formula to SortByColumns(Filter('Project Requests', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).

    Barra della formula

    Ciò consente di ordinare e cercare il campo Titolo anziché il valore predefinito selezionato da PowerApps.This allows you to sort and search by the Title field, instead of the default that PowerApps picked. Per altre informazioni, vedere Approfondimento sulle formule.See Formula deep-dive for more information.

  7. Fare clic o toccare File, quindi Salva.Click or tap File, then Save. Fare clic o toccare l'icona Torna all'app per tornare all'app.Click or tap Back to app icon to go back to the app.

Passaggio 4: Rivedere la schermata dei dettagli e la schermata di modifica dell'appStep 4: Review the app's details screen and edit screen

  1. Fare clic o toccare la schermata dei dettagli.Click or tap the details screen.

    Questa schermata ha un layout diverso che contiene un modulo di visualizzazione per visualizzare i dettagli relativi a un elemento selezionato nella raccolta.This screen has a different layout that contains a display form to show the details for an item selected in the gallery. Include controlli per modificare ed eliminare gli elementi e per tornare alla schermata di esplorazione.It has controls to edit and delete items, and to go back to the browse screen.

    Modulo di visualizzazione dettagli

  2. Fare clic o toccare la schermata di modifica.Click or tap the edit screen.

    Questa schermata contiene un modulo di modifica per modificare l'elemento selezionato o crearne uno nuovo (se si proviene direttamente dalla schermata di esplorazione).This screen contains an edit form to edit the selected item, or create a new one (if you come here directly from the browse screen). Include controlli per salvare o annullare le modifiche.It has controls to save or discard changes.

    Modulo di modifica

Passaggio 5: Eseguire l'app dall'elencoStep 5: Run the app from the list

  1. Nell'elenco Richieste di progetto fare clic o toccare Tutti gli elementi, quindi App Richieste di progetto.In the Project Requests list, click or tap All Items, then Project Requests app.

    Visualizzare l'app Richieste di progetto

  2. Fare clic su Apri per aprire l'app in una nuova scheda del browser.Click Open, which opens the app in a new browser tab.

    Aprire l'app Richieste di progetto

  3. Nell'app, fare clic o toccareIn the app, click or tap l'icona Vai ai dettagli accanto al primo elemento nella raccolta di esplorazione.for the first item in the browse gallery.

    Primo elemento della raccolta

  4. Fare clic o toccareClick or tap l'icona di modifica a forma di matita per modificare l'elemento.to edit the item.

  5. Aggiornare il campo Descrizione cambiando l'ultima parola da "gruppo" in "team", quindi fare clic o toccare l'icona del segno di spuntaUpdate the Description field – change the last word from "group" to "team," then click or tap Check mark icon

    Aggiornare il campo Descrizione

  6. Chiudere la scheda del browser.Close the browser tab.

  7. Tornare all'elenco Richieste di progetto, fare clic o toccare App Richieste di progetto, quindi Tutti gli elementi.Go back to the Project Requests list, click or tap Project Requests app, then All Items.

    Visualizzare tutti gli elementi

  8. Verificare le modifiche apportate dall'app.Verify the change you made from the app.

    Verificare la modifica

Si tratta di un'app molto semplice, di cui sono state effettuate solo alcune personalizzazioni di base, ma come si può notare è possibile creare rapidamente qualcosa di interessante.This is a pretty simple app, and we only made a few basic customizations, but you can see it's possible to quickly build something interesting. Si passerà ora all'attività successiva, ma si consiglia di studiare ulteriormente l'app per comprendere in che modo i controlli e le formule interagiscono per poter creare il comportamento dell'app.We're going to move on to the next task, but look around the app a little more if you want, and see how the controls and formulas work together to drive app behavior.

Approfondimento sulle formuleFormula deep-dive

Questa sezione è facoltativa, ma aiuterà a comprendere meglio il funzionamento delle formule.This section is optional, but it will help you understand more about how formulas work. Nel passaggio 3 di questa attività, è stata modificata la formula per la proprietà Items di BrowseGallery1.In step 3 of this task, we modified the formula for the Items property of BrowseGallery1. In maniera specifica, sono stati modificati l'ordinamento e la ricerca in modo da usare il campo Titolo anziché il campo selezionato da PowerApps.Specifically, we changed the sort and search to use the Title field, instead of the field that PowerApps picked. Di seguito è riportata la formula modificata:Here's the modified formula:

SortByColumns ( Filter ( 'Richieste di progetto', StartsWith ( Title, TextSearchBox1.Text ) ), "Titolo", If ( SortDescending1, Descending, Ascending ) )SortByColumns ( Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text ) ), "Title", If ( SortDescending1, Descending, Ascending ) )

Lo scopo di questa formulaBut what does this formula do? è quello di determinare l'origine dati visualizzata nella raccolta, filtrare i dati in base all'eventuale testo inserito nella casella di ricerca e ordinare i risultati in base al pulsante di ordinamento nell'app.It determines the source of data that appears in the gallery, filters the data based on any text entered in the search box, and sorts the results based on the sort button in the app. La formula usa le funzioni per eseguire queste operazioni.The formula uses functions to do its work. Le funzioni usano i parametri (cioè gli input), eseguono un'operazione (ad esempio il filtro) e restituiscono un valore (cioè l'output):Functions take parameters (i.e. input), perform an operation (like filtering), and return a value (i.e. output):

  • La funzione SortByColumns ordina una tabella in base a una o più colonne.The SortByColumns function sorts a table based on one or more columns.
  • La funzione Filter trova i record in una tabella che soddisfano una formula specificata dall'utente.The Filter function finds the records in a table that satisfy a formula that you specify.
  • La funzione StartsWith verifica se una stringa di testo inizia con un'altra.The StartsWith function tests whether one text string begins with another.
  • La funzione If restituisce un valore se una condizione è true e restituisce un altro valore se la stessa condizione è false.The If function returns one value if a condition is true, and returns another value if the same condition is false.

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

  1. Se si immette del testo nella casella di ricerca, la funzione StartsWith confronta il testo all'inizio di ogni stringa nella colonna Titolo dell'elenco.If you enter text in the search box, the StartsWith function compares that text to the start of each string in the Title column of the list.

    StartsWith ( Title, TextSearchBox1.Text )StartsWith ( Title, TextSearchBox1.Text )

    Ad esempio, se si immette "de" nella casella di ricerca si otterranno quattro risultati, tra cui elementi che iniziano con "Desktop" e "Device" (dispositivo).For example, if you enter "de" in the search box, you see four results, including items that start with "Desktop" and "Device." Non saranno però visibili tutti gli elementi "Mobile devices" (Dispositivi mobili), perché non iniziano con "de".You won't see all the "Mobile devices" items because those don't start with "de."

  2. La funzione Filter restituisce le righe dalla tabella Richieste di progetto.The Filter function returns rows from the Project Requests table. Se nella casella di ricerca non è presente alcun testo da confrontare, Filter restituisce tutte le righe.If there is no text in the search box to compare, Filter returns all rows.

    Filter ( 'Richieste di progetto', StartsWith ( Title, TextSearchBox1.Text )Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text )

  3. La funzione If controlla se la variabile SortDescending1 è impostata su true o false (impostata dal pulsante di ordinamento nell'app).The If function looks at whether the variable SortDescending1 is set to true or false (the sort button in the app sets it). La funzione restituisce quindi un valore di decrescente o crescente.The function then returns a value of Descending or Ascending.

    If ( SortDescending1, Descending, Ascending )If ( SortDescending1, Descending, Ascending )

  4. A questo punto la funzione SortByColumns può ordinare la raccolta.Now the SortByColumns function can sort the gallery. In questo caso, l'ordinamento viene eseguito in base al campo Titolo, ma può trattarsi di un campo diverso da quello cercato.In this case, it sorts based on the Title field, but this can be a different field than the one you search on.

A questo punto l'utente dovrebbe aver compreso meglio il funzionamento di questa formula e come è possibile combinare le funzioni e altri elementi per determinare il comportamento delle proprie app.If you stuck with us up to this point, we hope you have a better sense of how this formula works, and how you can combine functions and other elements to drive the behavior your apps require. Per altre informazioni, vedere Informazioni di riferimento sulle funzioni in PowerApps.For more information, see Formula reference for PowerApps.

Passaggi successiviNext steps

Il passaggio successivo di questa serie di esercitazioni consiste nel creare un flusso per gestire le approvazioni dei progetti.The next step in this tutorial series is to Create a flow to manage project approvals.