Hello. So now let's start for developing dashboards Everything is ready for us we created all model views which we need to build the dashboard. So, the first thing you will do you will both will you you will design your visually out. So, as I said here I need to split this page to one left hand side with statistic on the right hand side will be the graphs. So, I will use binary splitter here. So, first I would add it if Benedict splitter component, I think you should know it which will split the page into part one and two and the split size will be 200 by default, we can make it 300.

Okay to display the four graphs here in the second hundred The second hand left hand right. So we can add something called banding dashboard. In the band dashboard here we will add a four panel box. Each pendant books will have the graph Okay, just we'll give this books number of column we need only two columns and the row height, we can say it is 50% because we'll be to once a bitch Toros it's a bitch to be 50% Okay, the first panel group we can play. First one will be number of student class can see See you then in verse rule he can see teach teachers and give us true we can see here average bus tudents last year here student in great not just like title here Okay, so this is we will drag the video view as a graph we create a graph here, here in this left hand side I will add here we can add like banner group, we can open the group.

And inside this pennant group we will add statistics legs account which for each for count for each statistics which we have here. So let's keep this in the in the last let's now start for creating the graph. So, creating a graph component graph is easy The main thing is the query and how to build the query and the queries of your object. This will be easy. So a student in classroom you will go to the student in classroom. This is number of students in class and you will drag this to you here And you can select here short.

From the short you can select what type of graph you want here, it says displays this as a bar graph like this. and here if you want to display some information in the right hand side or no need for information just displayed like bar graph like this to keep some space or don't use our 40 space you can use it like this. So I will select this as a bar graph. Here he will ask you for the x and y so we can say is a classroom maybe can be x and the bar will be like this. So you can see for each classroom number of students for each classroom or you can select make it like this. So you can have here the count for depending on what you what you wanted x and what you want and why.

So actually x should have our classroom and y should have account so just make it like this. Okay, and press OK. So now let's go to the dashboard. Here you will find our bar short bar graph. As you can see, here, there are some animation if you want to make some animation. His appearance is gonna animation indicator all or none okay is titled behavior there are some things if you want to do for initial tune if you want to make selection listener okay or trigger if you want to make a washer trigger there are some information here if you want to have a look on this all what I needed to do is I will make just as if is rich with okay this is what was on teacher classroom we can make this like a bar graph so, this is drag this teacher here as a short and they will select the boy like this.

Here here's a Why will be the count and the Classroom will be like this okay sorry if this rich with ticket Coby so this is the average boss of students so we can add as a coach here to be like, watch like this. Okay, so here our variable minimum variable was B zero maximum was b 100 you'd like to use storage with And last one is student in great numbers. So we can see student in grid here. I will select it and select chart, maybe I want to make something, maybe a line can create like a line graph, just to see how it will work. So the grid number will be our x and the line will be account B like this. And release Okay.

Here we go. Okay. As I told you in the bundle books, you're an option. You can either you can't show maximize should be always so it has to do one by one in case if you want to maximize the graph let's have a look how this now will looks like. If we run the dashboard now, we should see some graph some data in the graph okay so now we can see some patterns or graph coming in. You can just if you want to watch this, this board will have the we will have the statistics here, here to come point average boss.

Here's the line, Felicia grade grade one has five grade three For one, so this is as a line graph. This is the tissue in each classroom so you can see here value four or nine, two and so on for each classroom here classroom Yes, ready he won for you here nine. This is to teach classroom you can just maximize if you want to maximize it like this, so it looks okay so in this video now we just develop this bar so next video we can go and work in the statistics part. So see you next tivity