 Yeah, so hello, I am here to present my project, which is the flutter based demo application for IVA dashboard on the behalf of automotive grid Linux project. So first I will introduce myself myself, Rithik John currently I'm at the final year student at Indian Institute of Technology Monday. I am from Indore, India and talking about my experience. So so as a GSOC 222 contributor at the Linux Foundation, I working for the automotive grid Linux project and which I have to make flutter application for IVA dashboard part. And here you can check out my app at the GitHub or at the GitHub link and you can also check out the LinkedIn account and this is my personal email account. So let's move to the agenda of this presentation. So first I will show you how I meet the UI of the app or like how UI of the app of this four application dashboard HVAC media player and map navigation application are implemented. Then I will show you how the back end of the app like the Cuxavel server is used in this application. And after that I will move on to the how I ate demo application on Azure app demo platform. Azure demo platform. Yeah, so UI of HVAC dashboard media player app is developed with the help of flutter. So flutter is a open source technology for creating mobile desktop web apps with a single code base or I can say it is a framework in which using single code base we can create cross cross platform application like the application which can run on iOS, Android, Linux, Windows. Yeah. So first I will show you the HVAC app UI. So here you can see the slider of the using the slider you can change the temperature of left and right zone climate in the car and use the same for the fan speed. And here are the buttons like you can see that is even direction on top bottom middle and here the button for the rear and front defroster is active or not easy condition is active or not air circulation. So on this value can be changed through this UI and that value can be set in the Cuxavel server through this app. Yeah. Moving on to the dashboard here you can see is the RPM of engine, average fuel consumption of car, weather, fuel indicator, speed indicator, tire pressure of tire pressure of the car, child log status is active or not. And you can also see the current location of the car, current location here in this app. So all this data is the all this data the app get from the Cuxavel server. We will discuss the Cuxavel server in the coming slide. Yeah. So moving through the navigation app here in the first image you can see the routing of from destination to the current position. So through this app user can feel the destination position the driver or the user want to go and this app will show all the information like distance, time in which they you need to go. And from the second image it is the implementation of turn button navigation here user can see is the updated time remaining distance after every turn or like info of the every turn like drive based on NH3 and NH154, so all this implemented in this app and this app is implemented with the help of Mapbox API. Yeah. So moving on to my the next step which is the last step which I implemented which is the media player app. So in that you can see is the current current song info artist duration and also implement all the buttons like next view, pause, sound, sound level, loop on the loop on the song loop on the playlist and you can also see to the any position of the song. So this is the UI which is also implemented with the help of data like moving on to the how I implemented with the how I connect this app with the my media directory. So it help it get connected with the help of media player demon server which is MPD server. So it is connected with the TCP socket it source generator duration of song implemented all the function of media players such as play, pause, next, see, play this yeah directory path of the music file can be changed from MPD.con file where you can specify the in which directory your app want to scan so that all the songs can be displaying the app. So you can change the directory of the media directory in which your songs are saved in the MPD.con file. Yeah, so moving on to the backend part of app in which you can I see that the data from the dashboard app and the media data for the dashboard have an HIV gap can be get and set from this cook sabel server so it is a vehicle data server for and get value in the application. Cook server server is used to serve the vehicle data to the app our web sockets it is based on VSS model which is written in C++ we can also add new signal to the VSS data. Yeah, so how I like our upload all the app to the agile demo platform. So I first of all I create the recipe for all the apps then I uploaded to the agile demo platform to run navigation app unit map box account in the API to run media player app unit to set MPD server and make the needful changes in the MPD.con file for the little and you can check out this link. Yeah, thank you. That's all from my side.