 Next up, we have David, who's going to talk more about V-Boards, making web dashboards in 3D and VR, right? You have 15 minutes, the stage is yours. Okay, thank you. Well, first of all, thanks for coming. I'm David Moreno. I am a front developer and a researcher of Viterja, the company that I belong. I'm going to talk about V-Boards, that is a web application, 100% open source, as you know. It allows to use to create dashboards and visualization in 3D and virtual reality. There is a QR there that will redirect you to the web page of the project. I'm going to show you the web page. This is the web page that you can find information. And there is also available the slides in order to follow the QR, the query mesh that I put in the slides. So, what's this? This is a common dashboard, a common dashboard of Kibana. If you know Kibana, you know that it's a tool in order to visualize data from a nasty set. But you can see that it's quite boring. I mean, it's just the same visualization. We have bubbles, we have pipes, we have tables, we have heat maps. Sorry. And we have clouds. So, I think we are used to using this kind of visualizations. But why don't we take the step to another environment? I mean, for instance, the 3D environment. I don't know if you can see. Well, this is the aim of Bboard, to make visualizations, to make dashboards in 3D, and the possibility to get inside with virtual reality. And, well, it's not the perfect image, but I think you can see it. Well, I know that there are tools that allow to make visualizations in 3D, but the biggest problem of this kind of tools is that almost all of them are property, right? So, Bboard tries to compete these tools using, of course, open source, it's the right way, using non-frameworks that people are used to, high-level frameworks, you know, because it's a web, I said that it's a web application. In the web environment, in order to avoid the world garden, okay? So, the technologies that Bboard has, I said that it's a web application, so it's mainly developed with JavaScript, HTML, CSS, right? The framework that I used was AngularJS, because it's one of the common frameworks in JavaScript right now. I know that it's a little bit old, but maybe in the future we can migrate the app to React or something like that, right? It uses Elasti-Sedge because Bboard is based on Kibana, right? So, it uses Elasti-Sedge in order to visualize the data from it, and to do the queries and save its state and so on. Also, of course, as I think all web application, it has tons of dependencies, no, I'm kidding. A lot of dependencies from NPM, and it has also two mages of Docker in order to style it in machine code, whatever you want. Okay, but the most important tool, or the most important framework is a frame. I don't know if you know a frame, but a frame is a framework that extends HTML and allows to build 3D extensions in a page, just using HTML tags, right? So, for instance, if we see that code, we can see that it's just HTML, but with that code we can build extensions like this one, right? So, it's very simple, it is based on 3, you know, 3 years, and well, it's quite simple, it's quite useful, and it's the rendering giant of V-Board. Well, focusing on V-Board, there are many installation ways. The first one is from the repository, it has the installation steps from source code, from releases, in GitHub, there are, I think, there are two releases, two different releases, and from Docker it has two different images of Docker, one that use a frame for rendering giant, and the other one that use 3GS for rendering giant, but, as I said, a frame is better, a frame is better, it's better. This is the link to the repository in order to see more information, and when you enter to V-Board, you will see a flow of messages, or like that, right? This is just configuration, it's connecting to elastic sets, and it's just, I'm not going to stop here, because I think it's not interesting for the talk. So, when you are in V-Board, the first thing you will see is that, what, without the pie of course, and I'm going to explain the structure of the application. Well, there are a navbar at the top that has just three tabs. One, the first one is visualized in order to make visualizations, the second one is dashboard in order to make dashboards, and the third one is so that is used to view the dashboards in a standalone mode, right? Without any navbar, any menu, just the dashboard, ok? It's like the visualization of the dashboard, and that's it. Well, I'm going to show you how to build a visualization with V-Board, like this one, that is a 3D bar chart, and the data that I have in elastic set, because you need to have installed our deployed in elastic search in order to see, to connect it and to show the data. I'm going to create a 3D bar chart. The data that I have is data related to git comits. So, we are going to represent the time evolution of the number of comits per author, right? So, first of all, we have to select the index and the type of elastic set that we have. And then, as one, when we click on select chart, the next form is the visualization type. There are five different visualization types on V-Board, and we are going to show a simple 3D bar chart, right? Well, you have to know how elastic search aggregates the data in order to select the data that you are going to represent, right? You have to know how is the aggregation of elastic search. Well, if you know it, you have to select a metric first in order to make height in the bars. And the buckets, okay, we are going to select the data in X-axis that will be the... the datistogram, for instance, only, of a field that has time inside, right? And the set axis will be the author and we are going to see the time evolution parameters. Well, let's click on author name, and we will see, for instance, right, 20. Okay, if we click on play, it takes a long time, okay? Not a long time, sorry. And now we see a 3D visualization. That is just, as you can navigate within it, touching the arrows in the cable or the W-U-A-S-D as a game, and now it's just in order to see more deeply the data. Well, let's put it on gently in order to have less data because we are going to save this visualization and then we are going to add this visualization to other sports, right? Okay, let's click on save. First name, right, okay. Well, I think I don't have much time, so let's click on dashboard and now we have an empty dashboard with all the visualization available. I'm going to load a dashboard that I saved before in order to go quickly. And we are going to add the visualization that we already made, right? So we are going to put... We want the visualization in front of us, so here add a little bit of faith. Ah, yes, in front of us and the setting this is negative. Well, we have now our dashboard, right? There are more visualizations that I added before. Ah, well, let's save the dashboard with a name for them and now we are going to save, to save the dashboard in the standalone mode. This is the dashboard in the standalone mode, right? It just, well, visualization. Okay. But I think the coolest way to save this dashboard is with a device that allows virtual reality. I brought here my Oculus Go, my Oculus Go, if you want to try one of the dashboard that I saved, please come after the talk and I will show you how to see this kind of dashboard in real virtual reality, right? And if you use a smartphone you will see that kind of image like when you have to use a cardboard or something like that, right? Well, you can customize your dashboard, change the environment, rotation the chart, you can, okay, you can move within the dashboard, you can fly, you can get into a visualization and I want to talk now about the latest feature that Vivo has, that is augmented reality, right? Before that, I'm going to explain that in the web page there are three examples from different data sources or data companies. The first one is from the company Databillone, Databillone with data data. The second one about the project GameWork Lab, another open source project. And the third one is from data from the OpenStack project. So the slides are available in the web page. I'm not going to stop here because I want to show you the augmented reality of Vivo, right? If you have your smartphone here, I encourage you, please scan the QR first. I'm going to show you the video, how to do that, I don't know if that's easy, easy. And when you scan the QR, you will redirect to a web page that will ask you for camera permissions and if you accept it and if you point the QR again, you will see a dashboard in augmented reality. I have more QRs here. If you want to try it later, I can give you some. So I think that's really impressive to see in a piece of paper or something like that. Well, there is also the link to the demo there. And, well, as I said, Vivo Art is hosted on GitHub. It has 100% OpenFree Libre source. There are user guides in order to follow step-by-step the process to build a visualization, to build a dashboard. There are two images of Docker. You want to deploy it in whatever you want, wherever you want. And this is two links. In other words, if you want to create a 100% Libre and Open Source QR and markers for the augmented reality. And, well, all the data that I have is... Sorry to interrupt. Okay, okay. Guys, if you want to give David questions, please catch him. We are also at the cafeteria, so... Okay, thank you. Moltes gràcies.