Eclipse Che Conferences/Talks/Demos, 27 Oct 2020

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Coding Kubernetes for kids with Scratch and Che

Description

Hey kids,
Do you know Scratch ? It is a programming tool for children. You can just use blocks to code your applications and share them with your friends.
During this talk, we will show you how you can interact with Kubernetes by using our custom Scratch blocks and how we have built these blocks with Eclipse Che.

Come and play with us.

Speaker(s):
Sun TAN (Red Hat, Inc.)
Ilya Buziuk (Red Hat, Inc.)

A

Hello, everyone, so I hope you have a great time at kipscon. So thank you for joining this session, about coding, kubernetes for kids with scratch and a history. My name is santan. I work for red hat as a software engineer, and I am one of the kids chair. Committer I've been contributing to this project for the last six years and I'm also enjoying uh speaking at developer.

A

Events such as java 1 gun or devops france, and during my free time I'm leading the paris java user group and I'm also brewing my own beer in my kitchen. You can follow me in twitter, with the hash with the handle at underscore, underscores unix underscore, and you can also follow the hashtag traders. These are short videos and I'm tweeting from time to time uh with that presents a nice feature that we have in check the maximum one minute.

A

So, yes, please follow this. This in twitter, and today I am with idia, hello, india, hello,.

B

Folks, my name is ilya, I'm also software engineer from red hat, I'm eclipse, chair and eclipse javascript development toolkit. Currently, I'm mostly working on eclipse chair, hosted by red hat. It's our open source free of charge, sas offering and it's actually the easiest way to try eclipse chat so just go to chat, openshift register in a few clicks and you will be provisioned with the new account with 8 gigabytes of ram and 2 gigabytes of storage, to try eclipse share with our getting started samples or to try to develop your own pet project there.

B

I also enjoy public speaker speaking and I used to be spk at various events and really happy to be with you today and before we start. I actually have a question for you: how do you interact with kubernetes?

B

So you might be a cli fan and you use cube cattle oc to interact with your clusters.

A

B

Maybe you are a grief fan and you use web ui or openshift web console to see all the resources you have in the namespaces or maybe you are a developer and you use various libraries for various languages to interact with kubernetes and create resources in the namespaces. For example, we have a wonderful fabricate, kubernetes, client library that we use in eclipse under the hood to interact with kubernetes and and today with sun. We are going to.

A

B

Yet another way to interact with kubernetes, but before we start- let's be honest, kubernetes is hot for developers, while kubernetes helps to run applications at scale in a distributed fashion, it becomes harder for developers kubernetes.

A

B

Intricate and it's not really straightforward to get the application up and running in the right way on the kubernetes. But today we want to focus on the kubernetes learning curve, which is really high, and today with sun. We want to actually lower the fans a little bit and provide fun and easy way to interact with the kubernetes using price programming, language and eclipse chair id and now back to sam. Who is going to introduce you to branch.

A

Yes, so um thank you for the quick installation uh yeah. So uh maybe some of you may not know what is scratch, uh and I was thinking that the best way to show you the scratch could be with a live demo. So, let's go to the web browser open the scratch website so scratch.mit.edu and on to get there. You can create a new account, so it's already good for me and you can create a new project.

A

So when you create a new project, it's uh it is going to load the scratch editor and uh what you see uh on the on the right is the kind of game board. So this is where you're gonna uh uh have your game uh running. So uh by default there is a the the cat, so his name is scratch in the middle. You have the source code where you can move blocks that are on on the left panel.

A

So you can see there is uh various categories of blocks, motion, loops, sound events, control and operators variables. You can even set up variables and so on. uh You can also create your own blocks. It's it would be like creating a function.

A

So, let's try to move the cat, for instance, so there's a blocks called a move and what we could do is click on the green flag, but it won't do anything because to activate this block, we need an event and there is a lot of events here and one is called when the green flag is clicked.

A

So if I click again on the green flag, it's going to move the the cat 10 steps, so it's actually 10 pixels.

A

I can try more blocks such as the control box and you would find a block stack if an air, if, if, if then there's blocks or even the some for each blocks called loop spots, and I will try to use the repeat 10 times and do it and execute the move 10 step 10 times.

A

So if I click again, it's doing it great. I can even use forever for an infinite loop and if I try with that one, it would move the card forever. So you can see that it's keeping moving come back bit upgrade and yeah, so I had to click on stop to stop the software.

A

The game. Okay,.

A

So there we can try to other actions like say hello and what I would do is not doing that forever, but repeat: 10 steps, so repeat, repeat: 10 times, move 10 step and then say hello and I can change the text.

A

A

Okay, so this is the first uh overview of scratch. Yeah, I can show you one of the game I've written with my with my son.

A

It is actually a race car uh that we have put up with my son he's eight years old and we did that uh together, uh so uh so to see these blogs- and uh this is the the game itself.

A

uh If I click on the green flag, there is uh two cars that gonna appears and I can use my uh keyboard to uh drive the uh the cars, so I can, for instance, uh drive the the green, the green car and also the the red car, and we can have a race car like.

A

That I can keep playing for forever, but I think we have other things to show for this for this story. uh So that's pretty for the scratch uh presentation.

A

So I can um move back to the presentation and I think here you wanted to talk a bit about uh ekiti.

B

Yes, son, thank you for the great scratch introduction and before we move on to the demo, the main demo, I will say a couple of words about eclipse chat. So, as you might know, eclipse chat is the kubernetes native id for developer teams and it's actually also a project on the eclipse foundation, open source project, obviously uh on the eclipse public license 2.0.

B

But not only can you find the eclipse here under the eclipse umbrella. If you go to the cncf website, you will be able to find eclipse share on the cloud native landscape next slide. Please so here is eclipse chat and the motto of our project is that anyone anytime can contribute to a project without actually installing software and, if you think about it, our development environment and the applications change dramatically for the last decade.

B

If you think about it, what was coding look like like, let's say 15 years ago, it was let's say java and it was java from front to back from top to bottom. So you had one version of gvm one version of the application server and was pretty much it. But now in the cloud native landscape, the situation changed dramatically. So we have various of projects. Microservice, architectures and our laptops are not ideally suited for this land landscape because we have limitations to ram.

B

We have limitations to cpu and storage and eclipse actually shines when we develop it in the cloud for the cloud. So eclipse check can be deployed on any flavor of kubernetes could be vanilla, kubernetes or, let's say open shift, which is downstream project of kubernetes and with eclipse shell. We define a new kind of workspace because we containerize everything not only our internal things like just server database or key cloud quantification.

B

Everything is running inside the containers and ports, even the ide, and it allow us to provide the easy to configure highly reproducible uh definition of workspaces that can be shared amongst the teams, and you will now have the problem.

B

It works in my machine, but it doesn't work in production. You will have the very same environment for coding across the team and if you take a look at the id part by default, we use uh eclipsedia uh as a framework for uh our ide.

B

So it has a vs code like experience, because it's called back on monaka editor and it's the very same editor that is used under the hood uh in vs code. So if you get used to vs code, it will be easy switch for you to eclipse and uh we have a built-in support for various languages and debuggers with the language, server protocol and debug adapter protocol and the last but not least, eclipse chase compatible with vs code extent.

B

And now, after this quick introduction, uh I move back to sun with the main demon.

A

Okay, so to the minion for the main demo, what we would like to do is be able to create a scratch application that would interact with kubernetes, for instance. What we could do is display the list of codes and how we can do that. So I'm gonna sorry.

A

So I'm going to switch back to uh the um the scratch uh user interface, and so what we would like to do is to add a new library of blocks, so new category of blocks with blocks that could interact with kubernetes such as get pods or get namespace or and so on so and it any a single um course to kubernetes uh that you could find in uh any traditional uh humanities tenet.

A

A

How it would look like so we so to create a new category of blocks uh in scratch. You have to check out the two projects so scratch queer, which is actually the ui that you have seen just previously and scratch vm, which is the the engine that would execute the blocks.

A

When you have uh your your game or your your programming written and in scratch, vm, you could add so your custom blocks in there and and then and these custom blocks that we have that we have prepared for you uh we'll call the a rest api that is written in quakeus and this uh rest service will actually make the real cost into a kubernetes using the fabricate.

A

The fabricate fibonetus client and we will be able to, for instance, display the list of parts. So let's have a look to the workspace. I have just started before the talks.

A

So uh when you, uh when you uh create this workspace uh out of the box, you will, it will show you this guide, just to tell you uh how to uh to run this. uh The the demo um so- and the first thing it would ask you to do- is to run this free command.

A

So I have already started the first one and I could use the the the right panel to run the other uh commands and these commands will run will be run into a dedicated uh uh containers that we have defined in a in our workspace.

A

uh So we have one center container that we, uh where you we're gonna, run the crocus backend and we have a component uh a container that will run the node.js application, so the the scratch application, so I'm gonna run the second command and that will compile the the the scratch application in devmod, so the node.js application and make it available to us.

A

So I'm just waiting it for for it to be to be uh change the combination, so this is going to be a live, dev, dev mode and every time I'm gonna do a change. It's the challenge. Gonna be applied, uh live so let's open it, and here it is the the scratch the ui.

A

I can start the the the corpus back end so either by clicking here or just.

A

A

And then open the.

A

A

Okay, so I'm gonna switch that to english, and uh so what we have here is uh the squad application. So you you don't see the kubernetes library you have to install it uh from there, and here we are so. These are the kubernetes blocks that we have uh written, uh let's play with this one, so I'm gonna try to use the events when the green. Finding the green flag is clicked and I will stay say hello, not say get buds, so we will display uh so scratch a scratch.

A

So the little cat will say uh the the list of thoughts that we have in our current namespace. So let's give it a try.

A

Okay, so uh it doesn't what we really expected right. It's actually uh the vista protein json in the json format uh we so I have. uh We have also created a few blocks, such as uh get the number of pods from this.

A

List so there is 10 pods in the in the list and we have also.

A

Get get one of the pods from the list, so I'm gonna do that. It's also what we display uh a pod in a json format, uh but I can uh display the name with this block.

A

I displayed the first one. It's called cleanup one dash deploy, so I can have a look in either with I would. I would do it with with uh doc command instance here and oc products, and yes, so the first one is called deploy as we we have seen here. I can randomly take uh the maybe the third one.

A

Yeah eclipse can scratch kubernetes, so this is the one that we have created here that we can see here. I can even see if, uh if I, if I display the the the number of pods, uh make sure that the number is uh is is changing so uh so now we have ten ten ten pods in the in in uh during this, and I can use the openshift console to create a new code in my namespace and see that we have one more part in the.

A

In the netflix, so let's say so: it's gone great.

A

So if I come back to my scratch application and if I run again uh uh the game, it is now showing um 11 pods.

A

uh So what I can also show you is one of uh so I have uh created a more uh advanced uh kubernetes uh kubernetes scratch project uh that will iterate through the the pods and show the name. So uh if I run it, it shows okay, adamarandez 11 pots, and I have I have a uh an event a listener when a space is pressed, uh then uh move to the next section. So this is done here.

A

But if I click on, uh I press paste, it would go to the next one and the space again and next one next one again. Okay, so I could see the pod that had created a previously. So it's the number four and go into the dm.

A

And that's it so I would like to finish now with um with what, if we want to add more uh blocks uh into that library, so I have made available in in this guide uh the action to open the the right files that you need to to perform that. So there is a open, kubernetes client service, the java which will open the uh the class.

A

That is responsible of serving as a rest api at our application. So yes, the the service that we interact with kubernetes. So it's used the fabricate um rescant and we use that to this to display the list of pods when it's not here and I have created a previously a method.

A

So an endpoint.

A

And an end point to to display the current namespace.

A

And so this is done, so what we had to do next is to uh to create the blocks itself. That would call this this endpoint, so I would go into that file that is located inside the scratch vm projects and in the scratch free kubernetes extension, and this file uh contains uh the blocks that we have in our library. So we you, you can see the blocks that I have created previously.

A

So I would just uh copy this uh the first this first one this first one and each then each blocks description would code the right the the method underneath with the same name. So, for instance, a getpodname will call the getpointname method, so I can just if I want to have a new blocks, for instance, to display the current the namespace where we are, I can just create a new uh add a new description here, use the right name for the method. I'm I'm going to uh to create afterwards.

A

It is not going to be um a block type command, so commands is when you don't have anything to return and we have a reporter block type, which is when you have a value to return.

A

Okay, I won't display any uh provide any arguments to this to this block and then uh that's it. uh I have to create now the get namespace. So I would. I would just copy paste the set namespace method and modify it a bit.

A

I'll call it I get namespace, I remove the the arguments, I don't need them and I would change a bit the code to the rest api, so just removing the the last, uh the last part of the the the url and.

A

A

So there's something wrong here because uh because because.

A

Because I have one more.

A

Okay, so uh if I go back to um that's um that the the command that had started previously, uh it has normally uh recompile it. Okay, I can just refresh the.

A

A

Yes and then switch into english.

A

I can reopen the blocks and I could see uh the new block that we have created. So it's uh it's available and I can use uh I can like privacy display it with the save block say, get namespace and click yes. So it's displaying my namespace okay and to prove that I'm not cheating.

A

I can do something like here.

A

A

A

Okay and thanks to uh the quakers, live reload and death mode. We can see now the the namespace in uppercase, that's pretty for the demo.

A

Okay, so we wanted to finish this talk with a quick summary and maybe discuss about the benefits of of the of chair and scratch and and what we have done. So the the first item was to discuss was if we managed to make a scratch cube native, and I think we uh we in a good.

A

um uh Yes, we did a a a good start for to achieve that, uh exposing uh kubernetes uh as scratch blocks and- and you could imagine, uh being able to create things like uh maybe a a clone of the of the openshift web console but written in with uh with scratch, and I think it's it. Yes, it's it's. uh It's really um is a a good start to that. What do you think india.

B

Yes, absolutely, I think it is indeed yet another way to interact with kubernetes and now scratch could be treated as cube native with the custom blocks, and the next point is that dev file takes all the environment, setup complexity, and it's actually true because with eclipse share, we provide easy to configure and portable highly reproducible way to share the.

A

B

And I believe on the next slide, when you will show the project repository, you will focus on this dev file because indeed it's a killer feature of the eclipse chat.

A

Yes, exactly and when we uh when we actually started the this uh this this project. I started that with my eclipse, chair, workspace, and that was it was running uh inside my uh my my gcp uh kubernetes cluster, and uh the only thing I had to do uh when I wanted to share that with idya was to uh to uh to share the dev files and and idiya was able to run that on his own chair instance. That were was running on on osd on openshift and was working out like a charm and the yeah.

A

The next uh item was is kubernetes accessible for for kids now, so I, as far as are concerned- I I think, maybe not for kids, but at least it will make it easier for for, for even developers like us to to uh to to to quickly uh create application uh that would interact with kubernetes. So even for us, you know, uh even if you are used to java or javascript, creating a an application with a nice ui that uh we quickly interact with kubernetes is not straightforward, and that would make it a lot easier.

A

Even for us, and maybe for people who would start programming and maybe in the future, for for the kids who knows.

B

Absolutely- and I mean indeed kubernetes for kids is pretty much catchy headline for the conference, but we provided yet another way to interact with kubernetes in a pretty easy and fun way, and on top of it you got the modern cube native id for coding. It was actually amazing how you uh developed the quarkx and it was automatically uh rebuilt and you know, uh hosted with the eclipse, runtime environment, so yeah. I believe it was great.

A

Yes, thanks. uh Okay, so I think we can. um I can show you now uh how you can replay this demo, uh your own uh instance. So if I go back to sensation, so this is the link to the repo and in this repo there is.

A

uh There is some indication how you can uh run that, so you have to to install chase somewhere in the in the cloud or even on your own laptop. So we have the full documentation on a website install it either on openshift or in your own cloud, or the public clouds like gcp or amazon, and then once you have done that you have, you would have to replace uh your tray host here and then provide uh with the factory service.

A

uh The url of the this this ripple and what would che do is uh look at if there is a depth, finder jammer, that that is in that repo and have a clock in there. It would pause this file and generate the the the environment exactly this, the the one that you have seen uh just here: okay with the guide and everything and then we'll be uh ready to uh uh to start coding uh to start coding.

A

So the device is pretty much like a docker compose file, but where we add more information for to uh to clone the right project and and to have the right container, also to build your application and with the right commands to to build or run your application.

A

And in that case we can finish with the.

A

You can get involved.

B

Absolutely so just go to eclipsework, slash chair where you can find getting started, guys, documentation, contribution guides and the link to our mathematics channel where we would be happy to answer all your questions. Thank you very much.

A

Thank you. So I guess we have. We had one question from the attendees it and it was. Let me try to find it back.

A

Yes, so uh this is a question from mark, so he's saying.

A

uh Yes, so uh what is the good edge to start coding with your kids? Mine have uh recently turned five, but I think it may be a little early uh they're just starting to uh to read write some words.

A

So I can answer that because I also have a children, so minds are five and eight years old and I think for scratch is. It is a little bit uh early for uh to start because they need to to be able to to to read and to understand uh how the what what the block is doing, but there is a project called the scratch uh junior.

A

That's, maybe uh something that you could try with uh with five years old or sixty years old uh uh child, uh and otherwise there is uh some uh if you want to to uh to start with, um with uh with the the concept of programming for for children, there's also some board games like uh robot tartars.

A

uh So I I actually play a robot tattoo with my uh with my kids, uh so you could have like several rules for uh for each levels and uh it is very nice to start so there is no. uh This is not.

A

There is no computer required, but it is very a good way to uh that's how the the right concept of programming and, and and and so on- and there is also a cubato which is a robot that you can program if there is a board to program the robot to make it move, make it move so very nice as well, but a bit expensive uh and that's it for the questions.

A

Thank you very much for attending this uh this session and um yes, don't hesitate to uh to uh yes to join in mata most and and ask any questions if you need any help. Thank.

A