cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Nickytvv
Frequent Visitor

Better Together: Part 2 - Use The Power Platform to Create a Scoring App with a Live Dashboard

In a previous blog series on getting some interactivity in your presentation, I already talked about the integration of Microsoft Forms, Power Automate and Power BI, you can read about that here:

In this new 2-part series I would like to show an example of how Power Apps, Power Automate and Power BI can work better together!

 

Let's start with the final goal in mind. Let's say for example, I want to have an interactive quiz during a presentation or workshop. An attendee will answer a question and be awarded points for the (partially) correct answer. I want to have a form/an app where I can enter the name of the attendee and the score after having received an answer.
Ideally I also want to show the results on the same screen so I don't have to switch between entering a score and showing the result.

 

In Part 1 of this blog series I already explained how to:

  • Create a Power BI streaming dataset
  • Create an instant Flow in Power Automate

In this post I will explain how to:

  • Create a Power App and attach it to the flow from part 1
    • Make the most basic App with 2 fields and a button
    • Enhance it a little so the fields are cleared and a text is displayed when the button is pressed
  • Create a Power BI report (and eventually a dashboard) on the streaming dataset and embed the Power App


Create the basic Power App

Let me first acknowledge that Power Apps is not my primary focus, so if you see me doing things that you can do better stupid things, please let me know 🙂

 

So, I'll start off with just a basic Power App. All I need for that is 2 text input fields and a button to save the data. That button will be tied to a Run event from the Power Automate flow I created in part 1. You can follow along with the video below. There's nothing super special about these steps I think.

 

 

One thing to keep in mind however, is the parameters we used in the flow, because they will return in the App when I call the BetterTogether.Run event. So if I also added the Date field from the streaming dataset, I would have 3 parameters to fill in the Power App. Because I chose this to be the current time, I decided to fill it already in the flow, so I wouldn't have to bother in the Power App.

3 Flow parameters.png

 

Extend the Power App

I would however like to add a few other features to the app that make it a little bit more fancy.
For that, I would like to:

  • Clear the text fields when I press the button
  • Show text when the button is pressed
  • Let the text disappear again when I enter new values

I recorded everything in the video below, and I'll point out a few things that you have to pay attention to.

 

As I said earlier, Power Apps is certainly not my primary focus, and I even managed to create the basic app without looking up anything 🙂 But now my Google (or Bing/DuckDuckGo/any search engine) skills come in handy, because I don't know how to handle these (extended) cases.

 

The first turned out to be fairly easy, the Reset function can clear a control and return it to its original state. So I extend the code in the OnSelect for the Button with:

Reset(Name);

Reset(Score);

 

Now comes the tricky part, because I will need to have a variable (that either hides or shows the text box), to update the visibility of the text box.

After searching a while for a solution, I came across this post on the Power Apps Community forum. It involves declaring a variable (on the fly) and setting it to true (or false) with UpdateContext.
I needed to update the following parts of my app:

  • OnSelect property of the Save button
  • Visible property of the ScoreSaved label
  • OnSelect property of the Name (and maybe also Score) text input

 

The only thing that didn't stuck at once was the fact that I had to reverse the IF-statement in the ScoreSaved label. Because variables have a default state of false, I had to set it to false to hide the label on initially opening the app.

 

Create a Power BI Report and Dashboard

Now that I have everything set up, I can finally glue it all together and create the Power BI report, embed the Power App, create a visual and publish it to the service.
And the best thing is: it's all integrated into the Power BI service where I don't have to switch to another page or refresh anything!

 

 

There's two things I'd like to mention here:

  • In case you made a mistake by entering a wrong number, you can also enter negative values.
  • Remember however, that when a name has 0 points, it will still be in the dataset, just with a score of zero. So you won't be able to remove names from the dataset, other than clearing the whole dataset.
  • The dashboard is key in getting a one-page app and visual together without having to refresh. This can't be done with the report only.


Better Together

In this 2-part series I showed how to create a live dashboard and create a one-page app and dashbaord by using Power Apps, Power Automate and Power BI together.
Do you think you can come up with other use cases for this scenario? Please let me know in the comments if you have any!

 

For the past few months I have been using Power Apps and Power Automate more and more. And while I'm still most experienced with Power BI, I dare say I'm getting more proficient in the other products too. And I really think it's a good thing to use more of the Power Platform products.
Because they are all powerful alone, but just Better Together!

Helpful resources

Announcements
MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

firstImage

New Ranks and Rank Icons released on April 21!

The time has come: We are finally able to share more details on the brand-new ranks coming to the Power Apps Community!

Top Kudoed Authors
Users online (8,357)