The next step we're going to do now is go take a look at the open source project called Grafana. We're going to visit the Grafana website by pointing our browsers to grafana.com. So, if we point to the grafana.com website, there's a nice login section here. If you haven't logged in before, you can sign up, and basically, you just provide your email address that you're using. For me that's wenlockca@gmail.com, and I'll do a sign up for free. That'll take a little bit of time to get the email and registrations and then just pick a user id here that makes sense for you. For me that's wenlockCA and then a password, great and agree to your account, and such, okay, I'm going to create my account. All right, great. We can do things like install plugins and things like that. However, I don't need to do that just yet. So, let's go to the Grafana. So, I'm going to my personal profile. Now, notice over here on the left-hand side there's a Hosted Grafana service. Grafana allows you to create a free host for doing the web visualization and it's as easy as clicking on Create, so we can confirm that now. So, we're going to get an email and then we need to basically approve that email. So, let me pause the video here and go to that real quick. Okay. If you confirm your email you'll get a message like this, that your email was successfully confirmed. Then you can place your username details here and update your account, great. We can go back to our org profile, look at the Hosted Grafana service, Create a Grafana Instance. We're going to use the free plan, it adds to five dashboards, we only need one dashboard for now. Make sure that you remember the URL that you set up for the grafana.net. We don't need that. It's going to launch an instance in about one minute, so we'll come right back to this. Okay. So, our Grafana Instance is up and running. We can go to our URL to look at the Grafana Instance, and that'll give us a little Grafana is starting webpage here. This is great and let's just pause the video here and then we'll come right back to this. Okay. So, our Grafana Instance is up and running and we can see a few things here on the left, the dashboard navigation, the alerts navigation and the settings. We can also see there's no dashboards currently set up. We're going to need an add a data source, add data source is Prometheus. So, if you remember that Prometheus URL, make sure that you copy this host name, because we're going to need this host name to configure the data source. So, if we go to the Prometheus URL and copy that URL and then come back to our Prometheus server that we set up, we can proceed with the add data source option and add data source is Prometheus. So, click on the Prometheus logo and we have our Prometheus server being hosted at an HTTPS URL, so we can place the HTTPS URL here. So, that starts with HTTPS colon and then your host name, and we can remove the craft portion here and we're not including a port number because the port number is dictated by 443 or HTTPS here. Then we can give this a name and I'll just call this R. Now, we don't need that whitelist cookies, no. So, this looks fine. There's no authentication setup if this were a production environment, it might be a good idea to go through the TLS configuration for your Prometheus server. However, in this case, we don't need to do that, we'll save and test this. Okay. Now, it should be saved and you should get a green indicator here that, that is working. So, in the configuration settings we should now see that we have a good default data source for Prometheus, and we should be able to create dashboards with that default data source. Okay. So, we have our data source and we need to import a new dashboard using a new dashboard option here. So, a new dashboard, we can actually import a new dashboard by going to the navigation here and choosing Manage, and then we can choose the import option. Now, Prometheus gives us in our repository on ucdavis/WEB1066-prom. I provided template dashboard that we can use. It's in the config directory under grafana_travis_dashboard.json. If you click on this configuration file and you'll see a large JSON blob here, that has a travis dashboard that we're going to use in this exercise. Click on the raw button and then choose the command a to select all or you can do edit select all from Safari, or you can just highlight the whole JSON blob, choose the copy button to copy that text, go back to the dashboard and paste in the JSON into the JSON text here and then choose the Load button. It'll give you a name for the dashboard, we can call it Travis Build Stats and choose the Import button and this will import this dashboard into your Grafana server. Now, there's a lot of no data points available here and that's okay, basically we'll be getting this data from Prometheus, once Prometheus is getting it from our probot app which is collecting the metrics and we'll be able to see things here like total builds, percent failures, how long probots spin up or the uptime for probot, our build duration, average build duration, and when we see the builds executing and then also our build successful percentage rate as well. So, that completes the Grafana section.
