Practice Lab 1 – Create a canvas app from data

In this lab you will design and build a canvas app from an existing data source.

What you will learn

  • How to create Power Apps canvas apps from data and with CoPilot
  • How to connect to Excel using OneDrive for Business as a data source

High-level lab steps

  • Create a canvas app from data
  • Test the app
  • Create a canvas app with CoPilot

Prerequisites

  • Must have completed Lab 0: Validate lab environment

Detailed steps

Exercise 1 – Get the data

Task 1.1 - Download the Excel spreadsheet

  1. In a web browser, navigate to CoffeeMachineData.xlsx at https://github.com/MicrosoftLearning/PL-7001-Create-and-manage-canvas-apps-with-Power-Apps/blob/master/Allfiles/Labs/CoffeeMachineData.xlsx.

  2. Select the Raw file button to download the Excel workbook.

    Screenshot of Raw download icon in GitHub.

Task 1.2 Upload to OneDrive for Business

  1. In the Power Apps maker portal select the App launcher in the top left of the browser window and then select OneDrive.

    Screenshot of OneDrive icon.

  2. If presented with a pop-up, select Your OneDrive is ready.

  3. Select + Create or upload and then select Files upload

    Screenshot of OneDrive file upload.

  4. Browse to the Downloads folder and select the CoffeeMachineData.xlsx file and select Open.

  5. Select My files and verify that CoffeeMachineData.xlsx has been uploaded.

Exercise 2 – Build a canvas app from data

Task 2.1 - Create the app

  1. Navigate to the Power Apps Maker portal https://make.powerapps.com.

  2. Make sure you are in the Dev One environment.

  3. Select the + Create tab from the left-side menu.

  4. Select the Start with data tile under Create your apps.

    Screenshot of Start from data tile.

  5. Select the Connect external data tile under Other ways to get started.

    Screenshot of Connect external data tile.

  6. Select the From Excel tile under Choose a data set to start.

    Screenshot of Start from Excel tile.

  7. An Excel Online (Business) connection will automatically be created after a short delay.

  8. Expand OneDrive for Business under Select the table.

  9. Expand OneDrive.

  10. Expand the CoffeeMachineData.xlsx Excel file.

  11. Select the CoffeeMachines table.

    Screenshot of CoffeeMachines table's identity column.

  12. Select Create app.

  13. If the Welcome to Power Apps Studio pop-up dialog is displayed, select Don’t show me this again and select Skip.

  14. Wait for the app to be built.

    Screenshot of the Main screen of the Coffee Machines app.

  15. Select Save in the top-right of the Power Apps Studio, enter Coffee Machines App, and select Save.

Task 2.2 - Test the app

  1. Select the Preview the app (F5) icon in the top-right of the Power Apps Studio.

  2. Select any machine in the gallery. This displays details of the machine in the form.

  3. Select the Edit icon at the top right of the app.

  4. Change the Machine Price and select the Tick icon at the top right of the app.

  5. Select the + New icon at the top left of the app.

  6. Enter abcde for Machine ID.

  7. Enter Demo Machine for Machine Name.

  8. Enter 999 for Machine Price.

  9. Select the Tick icon at the top right of the app.

  10. Select X in the upper right corner to stop the preview.

  11. If the Did you know? pop-up dialog is displayed, select Don’t show me this again and select Ok.

  12. Select the <- Back button from the top left of the command bar, and select Leave to exit the app.

Exercise 3 – Build a canvas app with Copilot

Task 3.1 - Create the app

  1. Navigate to the Power Apps Maker portal https://make.powerapps.com

  2. Make sure you are in the Dev One environment.

  3. Select the + Create tab from the left-side menu.

  4. Select the Start with Copilot tile under Create your apps.

  5. Under Get started with Copilot enter Assign coffee repairs to technicians per customer request.

    Screenshot of copilot prompt.

  6. Select the Table options icon and select One table..

    Screenshot of copilot table options.

  7. Select Generate.

    Copilot will begin to build a table structure to support your application.

    IMPORTANT: When using generative AI, you will not always get the same exact results. It is possible that your table will not exactly match the table created for another student.

  8. Select the Commands (…) next to the table and select View data.

    Screenshot of copilot table.

  9. Review the table

    Screenshot of copilot table.

  10. Once you are happy with your table, select the Save and open app button.

  11. If necessary, On the Done working? screen, select Don’t ask me again, and select the Save and open app button.

  12. Wait for the app to be built.

    Screenshot of app by by copilot.

  13. Select Save in the top-right of the Power Apps Studio, enter Coffee Machine Repairs App, and select Save.

  14. Select the <- Back button from the top left of the command bar, and select Leave to exit the app.

  15. Select the Apps tab from the left-side menu of the Power Apps maker portal.