 Let's start off the KB IDE. I think most of people in this room may be experiencing the ID before, right? Recording via the C code. Maybe someone has been experiencing in makehold.org with a microbit. Use something called a virtualized programming by drag and drop, something like that, and put everything together without the coding, without the syntax, something like that. So the concept of the KB IDE is combining everything together, combined with the Arduino IDE, and combined with the makehold, something like that, together with the one IDE. Because we have the concept of three main parts. The first one is everyone can use this IDE to develop some hardware thing, something like that. If you don't know everything, something like a hardware, something like a coding with the C code, you'll begin of the programming. You can use the block programming around something. And if you are an expert, you can switch back to the C code, writing C code with the compact parts of the program. The second one is hackable. The user of this IDE have three groups. First one is the normal user, like a programmer. The second is developer. Try to put something into the IDE, and the last one is the market. And yeah, that's it. Let's go to the flag demo, because I think everyone's getting tired, OK? You can see here, it's a KB IDE. Yeah, it is a first one download from the website in here. If you can see, OK, let me close the presentation. OK, you can see here, put the kbid.org. You can see every feature you see in this IDE. For example, you can code with the block programming in this. You can use the text programming in this, and you can download every feature in here. This one in here. But I'm going to show you how to use the real program in here. If you open the IDE, something like this. The first one, you need to select your board in here. You have something called the board manager. If you want to program into the Arduino UNO, you can select this and just change the board in here. And that's it. The IDE will change into the interface in the Arduino. You can set pin, digital read, digital write, analog read, analog write. You can do with the time by delay something. You can create the variable, do the math thing. Compare with the logic, or even use the add one, like a function, join some text, and write everything on the serial monitor. But if you want to use other board like ESP32, you can select one up here, or even download from the online in here. We have a lot of board in the online. You don't need to use every board, but you can select your board. For example, I have this board on my hand. I just click on the download, and yeah. Read for it a bit. Come on. It already downloaded and unzip to my current workspace. And we got here is a TTTO T-WATCH. You can select in here. And after that, we change the board into the T-WATCH. This is the function of this board. You can play with the accelerometer, the power management, the clock in this board. And also, you have add one function, like connect with the Wi-Fi, connect with the Bluetooth, write guitar, or connect to the MQTT, something like that. It's a feature of this board manager. You can download on the online. Same as the plug-in manager, it's the same thing. Like if you want to connect your board with some sensor, for example, in the temperature sensor, the S18B6O in here, you can select by just download in here. After that, you click on the plug-in, and already in here, Wi-Fi was just installed in one click. Or if you want to connect the iSqlCD sign-up, something like that, you can download from here. We have a lot of plug-in in here with the block programming already. You got the iSqlCD in here. We have a lot of sensors. So that means if you want to show something on the screen, you just drag and drop and print, take something like that in here. That's it. It's really easy and convenient. Also, we have the example and tutorial in here. You can see the, I don't know, we have the example. You can select, it is the same. For example, if you don't know how to use the DS sensor, probably something like that, you can open the example and tutorial and open the example of the block or on the C-code. In here, this example, you can use easily. The last thing, it's the same thing. You can choose your favorite color or open the developer mode for upload something, like if you have your own board and you custom something, you can put back to the original repository. OK, we have a block programming, right? But more than that, if you're an expert, want to write something special, something S1 from the block cannot do, you can switch to the programming mode in C-code in here. Yeah, in C-code, you can write your, I don't know, program some pin mode open and do something in the C. And in this C-code, you can convert from the original block. For example, we connect the print, the LCD in here. If you switch back into the C-code, it's original. But if we convert from the block, you got a code to writing the LCD screen in here. That means if you're an expert, you don't need to write everything. You just drag and drop something first and just convert those blocks into the C-code and do another thing in the C-code later. OK, other than that, we have a serial monitor in here. Like a serial monitor in Arduino, we can see the text in here. Or you can use the graph mode to show like a graph thing, put everything into the graph on this IDE. OK, this part is like a normal Arduino. You can select the COM port and the bar rate to programming something. OK, in the block, the final one is the dual mode. Dual mode like that. You can in here, you can see the code in the right side. It cannot edit, but it will show directly. If you put in this block, LCD screen right, you can see the interactive is visual in the C-code. If you put in this set up, it will show in the set up. If you write something like a play, it will show you directly. So let me demo some this board. This board called the Qt write board. Qt write board from the government in here. So you can easily write a song, something like a play note in here, and play the jingle bell note. After that, I connect the board to my PC now. I think it's COM number five. Number five. OK, we're going to upload to the song to this board. I think it's COM number five is not right. COM port number seven. In the compile time, if you compare with the Arduino, it's gained more, about 60% of the speed up. You can see here, the comparison with the Arduino IDE with the KB IDE because you have a lot of programming in the breakout. That's it. You just drag the block code to in this. And if we click here, you can see the Arduino. You can edit in here. You can remove some note and add your own song. We also have a lot of block like a draw some picture on the screen. If you have isoproxy, you don't need to import the picture. No, you can just a simple, for example, in this board. OK, let me close this. I'm going to switch you to block programming mode. If you want to draw something on the screen, you don't need to convert the picture because you can select the board, something like it. And use the display on the screen, right on the screen. And that's it. The picture will show up on the screen, I think. OK, on the background, I think it is a lot of features. You can open the KBID.org and browse more information on that. But in the background part, like in the technology behind of this IDE, we use the Vue.js. It's the main framework that we use. And the Vue.js is like a UI on the bottom. Everything is a Vue.js file. And we use the webpack to pack everything together and run on the browser. Everything you see here is a browser. It's a clone browser. But it have like a runtime in JS in here. It's a website. So that means if we build on a website, you can run on the MacBook, on the Linux, on the window. It is a cost platform. And we use the block from the Google to driving the block programming. And we use Monaco. Same as the VS code. VS code also uses Monaco as a tech editor. That means we have the auto-compete part and everything like VS code in here. It also have auto-include, something like this. Or change the editor like a theme. You can select the theme of the programming. Yeah, that's it. It's a KPID. For more information, there's a lot of design about that. Like a component, UI component, the compiler, the plug-in manager, how to decide the package, something really difficult. Like a composite, it really complicated. But if your developer is really easy to add your library or add your board into the IDE, just go to our repository. Everything in here is open-source. Every board, every plug-in is open-source. Because if you want to publish your plug-in into this, you need to have the GitHub in here. You can go and try to install or depth, something like that. OK, that's it. Of course, we have Linux. If you browse to the release, we have a lot of Linux-potable-window-potable-windows of the Max OS X. No, it's already installed version. Or if you want to be a developer, you need to clone and compile. But we already compile it to you if you are a user. Of course, we have a version of Raspberry Pi. But your library is very hard. We separate out to outer-level story. Because at the Raspberry Pi, I have a limitation of the memory. We cannot maintain all the Raspberry Pi Linux, everything in this repository. We need to separate it into another level story. But you can find it in this Maker Asia, something like that. Anyone else? OK. Anyone have a question for the session? Get maybe? Still have free kit, right, boy? Yeah, you know, we don't have a free, but the school gets free from the government, right? But you're not a school. Yeah, you can buy it from the cafe. You can search on the online, but it's not a free. Free for the school. So, this is the end of the track. OK, this is the last session. Thank you to Victor Comdez. Thank you very much.