First of all, my name is.... and I'm the author of the home spell... Spehrchecker and some Libre... other Libre office components... for example Libre logo. It's a little existential but... it's I think, quite interesting. and last months I worked it for... big, hungering IT company, NIS, as Gabor mentioned in his people's presentation. So I will speak about these developments, interoperability developments, too. So, but, yes, the first picture, I didn't mention, but this is the Russia's airport with this interesting statue, and my second slide showed that this is a near 70 years old illustration from a famous Belgian cartoon, the Tintin, the Adventures of Tintin, and the text of this, maybe you can read it, so Tintin, the small person in the middle of the picture so that he is the first man in the moon. And this is the revised version from 1969, with a little rumor. So, the aim to show these pictures is that the art can inspire, can inspire, for example, children, but also liberal office development, too. So, one of the topic of my presentation, similar thing, I try to inspire or show inspiring thing in liberal office. So, my agenda, first I will show and I will try to demonstrate the work of liberal logo. All of my topics in this presentation were already documented in my previous presentation in Tirana, the liberal office conference, and you can find these presentations. So, I will try to demonstrate instead of showing more and more and more slides from my previous but similar presentations. So, a new thing related to liberal logo that in April will be published a new children's workbook for German schools. And that is mentioned in Tirana in October. I show some book covers, but this is a book series and new one, this one has got a cover. So, you can check it, the author is Mirek Hans, a German teacher. And his examples in this book is related to liberal office, too, because liberal logo is a little bit hidden component of liberal office. And the news about liberal logo related to this German textbook and related to the research of the Florence University, where liberal logo was used in the teacher education, and kindergarten, nursery, education, too. So, in November or in October, I made several interesting improvements in liberal logo, mostly fixes in the user interface, but I added unit tests to the code, liberal office code related to liberal logo. So, now in every full building of liberal office, we'll check liberal logo, too.  And on liberallogo.org, it's a homepage of liberal logo. You can read about the results of this interesting results of this unit testing. For example, Stefan Bergman, red head developer, found a new reg exchange in Python 3.6 related to liberal logo, too. Python 3.7, if I remember. So, I'll try to show something. Yes, this is in the picture. No, sorry, that is not something. I will try to set. Yes, this is liberal office writer with a new page. And there is a toolbar here. This is a logo toolbar you can found in the toolbars menu. Maybe I will show it. And you try first enable this toolbar. It's a little bit hidden, because in this little machine, it tries to put in the first line so that you can find it if you try it. And if you click on the run button in an empty document, you will get an example program. And it's a real empty document. Yes, this was not so empty, it seems. And I will try to enlarge these letters. So, you can see the English version of the liberal logo commands. One of the interesting features of liberal logo is very well localized. In fact, all liberal logo commands in the putl server, the translation center of liberal office. So, maybe if your language hasn't supported liberal logo yet, you can try to translate the liberal logo commands in a common interface with that page of liberal office. So, and run again. This little turtle pointer will draw vector graphics. So, one of the, yes, in this example, I will show that this is a real vector graphics. So, you can modify in standard way of liberal office user interface after selecting the object, yes, for example, here. We can make new programs, or, in fact, we can use this input box in this menu. For example, forward will move the turtle. I will clean the image forward, for example, 200 points. This is a typographical point. So, if you print your vector graphics drawn by liberal logo, you will get correct measurements. You can, for example, use millimeter, or inch, two, or centimeters. But it's a little bit too big for 200 centimeters. But if I write, remember, the maximum of the page size of liberal office is three meters. So, you can use 300 centimeters, if you want. For example, five centimeters forward, and write 18. I will center the turtle, and I may enter. Yes, I will try to 100, for example, write 100 degrees. And, like a flower, like symbol, you can use automation, a loop, for example, repeat this command, and fill the result. This is vector base, so there is no, you don't need to center the turtle inside of a shape, because the shape is a real vector shape in liberal office. So, fill command will fill the last object drawn by liberal logo. So, yes, we get an interesting shape after, and I will modify a little bit, or switch off this, and select a better color, or, in fact, the default setting of the filling color is a little bit, the 50-100 visibility transparency, sorry. So, we can switch off these two, no transparency. For example, we can choose a lighter color. As a normal shape in liberal office, double click on it result cursor, so you can add the text too. It's sometimes useful, sometimes useful in the education, or making new illustrations. In liberal logo.org, you will find, for example, viki media commands, extensions, or illustrations. Sorry, my, I will try to, yes, it's correct. I will speak about spelling, checking too, so, sorry, my mistake. I will try to show some more complex things too. For example, one of the fixes of the liberal logo, it's fixing this magic wand, pressing this magic wand, and for these shortening, abbreviations of the commands, for example, FD, will transform to uppercase, and not a full form, or not an abbreviation. And, for example, a cycle, a four cycle, maybe it will, yes, there is a problem in the code, repeat the correct command, yes, try to. So, we get a triangle, and we can combine the different things, for example, a circle somewhere here, and, yes, modify the field color, for example, maybe green, then color green, and pen size 13, this is the result. We can clear the screen with command two, and using this home command, and if you try to modify the result, we got parts, because the circle command will break the line. So, if you want to generate a single shape, we can use the picture command of the liberal logo, abbreviation only pick, but I will, I will, yes, so, there is an error, my, and this line, and here, too. Yes, no, you can see this is a single shape, because liberal logo uses the grouping feature of shape handling of liberal office. So, this is an interesting feature, to reuse the result of liberal logo drawing. We can embed this picture, for example, write six degrees, we can use, for example, the degrees signed, too. Maybe in the school, it's a little bit useful, and there is a new picture here, and a new repeat, and two, yes, and this is the atomium symbol of Brussels, and yes, this is a single shape, so you can use, or you can easily, it's called GDI illustration, this is kind of factor format of liberal office, with this format you can easily transform the result, or enlarge, or copy to draw, et cetera, and I can show that, with the ungroup command, you will ungroup this result, and you will get the six smaller, grouped shape here. So, sorry for that, sorry for, but with undo, I can fix the symbol again. So, if I'm afraid I have no too much time, so I will show other interesting things here. So, yes, okay. So, other fixes here, that is a new parser, instead of the heuristic method, you know, every complex logo expression will be handled correctly, so it's also useful, if you want to make more complex logo programs using different functions, focus on using Python functions, it's possible to combine Python and liberal logo, and with this fix it's more easier and more correctly. Unfortunately, I can show you that there is a dragon curve example on the LibreLogo.org homepage. Using the dragon curve, it's a recursive algorithm using two procedures, and before this fix, it wasn't possible to write the procedure names without parenthesis, so it's also a useful thing if you want to teach fractals or recursion, et cetera. And the other topic, the language technology, if you have a German-like language, for example, not only German, but Dutch, for example, or aglutinative languages like Hungarian or Turkish, no, it's spell checking, it's much faster in LibreOffice because the new version of who spell spellchecker has a multi-level time limitation, keeping the good suggestions, but instead of five seconds, for example, or more, no, there's a maximum half a second or less time for the suggestions. So it's more comfortable. So the new number text is a new library. If you check the numbertext.org, you will see this tool. Maybe I'm afraid a little bit slow, so I can show you, but I will try in the last five minutes. So, and there is a new native number formatting format, this netnum 11, which is, you can, and with the feature that the data files of this number text library originally used only for chapter numbering with number names, one, two, or first, second, et cetera. But with this simple text-level disruption of the formatting functions, you can add very special extensions for numbering. The default functions is not only these ordinal and cardinal numbers in this library, but adding currency symbols or currency names. For example, the origin of the history of the number text is a backtext function of the Microsoft Excel and the OXMS standard. The backtext is a function to convert cardinal numbers, thank you very much, to tie, tie, but the type currency is but, and converting the tie number names. So it's a very limited for an international standard. Number text has no such limitation. It can support much more languages recently, near 40 languages. So, with netnum, you can add special ethical affixation, et cetera, support to LibreOffice. So it's, I mentioned the extended slides. It's quite interesting. For example, in the Turkish or other languages, because, for example, in 2019 or 2018 have different affixes. For example, in 2019 or in 2018 in Hungarian, Kéte zeptizem, Ben and Kéte zeptizem was a ban. So there is a vowel, harmony-related variation. The news in LibreOffice, so about in the last five minutes about this development, we, in the last half a year, we fixed near 60 bucks, interoperability bucks and real, without interoperability, simple or plain LibreOffice bucks, too. So instead of showing the summary, I will show a few fixes in, if I write, yes. And this is a daily build of LibreOffice. So, sorry, I will switch to the LibreOffice window if I can. And so, for example, one of the main topic of the last developments is the change tracking. So I will show a simple texture here and I will switch the change tracking and here I will delete or remove text. And if I, maybe I can show you in the old version of LibreOffice, the similar thing. So I will switch here, too. Yes. And yes. And not a big problem, but most of the, our problems are small, but sometimes it's very hard to fix a small buck, too. And if you click on the next change button, LibreOffice selects the next change in the window, but the problem is, you cannot add the comment on the change. Why? Because it's a bug of LibreOffice. If you click on text, for example, you can add a new comment. Or if you select this from right to left, you can add a comment. But if you select with the mouse from, I'm sorry, from left to right, you can add a comment in LibreOffice, but here is the new version. And in this version, this is a, yes, you can add a comment, for example. No, it's a useful fix, for example. And a bigger problem. And in fact, the solution is a better workaround that in this old version, if you select a word and you made a format change, formatting change here, this change is, or bold letters, et cetera.  If you select the formatting change and instead of accepting to try to react, you cannot react this change here, because it's related to the format. In fact, the next version of open document will handle this kind of problems correctly, but no, it's not possible. So, you can react, and if you click on the react all, instead of reacting this formatting change, LibreOffice secretly will accept these changes. So it's a hard or serious thing, dangerous thing. For example, in that, if you try to use LibreOffice among Microsoft Office or something, things, but this is the new version of the daily version of LibreOffice, and if you try to do the same thing, yes, the next speaker gave me a few minutes. So... Sorry. Sorry. Ok, ok, ok. So, only I try to react all, but the new version doesn't remove this kind of only formatting change, but the button try to notice that this is a problem for LibreOffice. So instead of react, there is a react clear formatting, react or clear formatting button title. So if you try to react this or clear, in fact clear formatting and click on this button, in this case it was a real react of the change, because originally there was no any other formatting here. We are working similar things and maybe I will show more examples in the five minutes sections if it's possible yet. Thank you for your attention.


Hi this is Helen Law reporting for the BU News Services. Today we are going to be at Central Square asking people's opinions on the possibility of the legalization of doctor-assisted suicide in Massachusetts. Physician-assisted suicide is suicide, and normalizing suicide means the death of solidarity. If someone is in screaming pain and despair, our duty is to care and to suffer with, not to open the door to death. Solidarity isn't doing very well these days. Legalizing physician-assisted suicide would radicalize that trend the trend to leave behind the poor and the addicted and the refugee and the medically dependent and the elderly and the hopeless and the forgotten. Think about this issue much until wham they get hit in the face with a terrible tragedy, usually a very personal tragedy. I support the legalization of doctor-assisted suicide. I think that people should have the freedom to decide how they want to die and what they want to do, how they want to do it. And I don't think there should be any of their feelings in that. I think if someone has complete control over their thoughts and they're not mentally unstable in any way that they can make the right decision for them, pertaining to whether or not they think they should die if they're already terminally ill. If someone is ill or is suffering and knows there's an oxidation there, they have that choice to end their life in a compassionate way. And it's mindful. It's a way to, like, I'm choosing to exit this world with some assistance. I don't think that people would be influenced to choose death over a life-saving treatment, whether it's more expensive or not, because if you're dead, money doesn't matter anyway. It's not me telling you what to do. It's me saying, don't you tell me what to do. I want that choice to end my life in that position. I don't know. It gives a little bit of power over what's happening to you and why not. I think it's a good reason not to cry that service there. So you have cancer. As I know that, for me, the prognosis is not good. Why shouldn't I have the choice to have assistance to end my life in a compassionate way? There's actually not enough compassion in this problem. This is my right. And I think the safeguards are thoughtful and sufficient.


Recently someone asked me how the animations were done over at arena.net, so I went to take a look and after seeing them I wondered the exact same thing. So I dove into the code to take a look at what was going on and it turns out that they were using mask image and that was a bit of a coincidence because I've just recently put out two videos on mask image but they're nothing like this and I never would have thought of using mask image in that way but it turns out it's actually kind of easy to do with it so let's take a look at how we can use it to do this type of cool effect. Hello my front end friends thank you so much for coming to join me once again and if you're new here my name is Kevin and here at my channel I help you fall madly deeply in love with CSS and today we're going to be doing that by taking a look at another awesome use case for mask image. So jumping over to their site there was one problem that definitely did come up that I had to figure out a way to do but to show you I just poked around in their dev tools and I found they had these two images that were overlaying each other using position absolute so that makes a lot of sense to be able to do that type of thing where you use their mask to hide one of them and then show it to make it look like the colors are splashing out but then I was like well how did they do that and eventually I found this mask and let's open that one and this is the mask they had and I went oh so we basically this was the hard part was making all the frames that you want to be able to do it and basically each one of these things along the way that we see on the screen now if you zoom in like each one of those is another frame along the way and so I went to Photoshop and I started making it now you don't need to use Photoshop there's other tools that we could use for the same type of thing just know that these white areas are actually transparent on here if you want to know more about making image masks you can check out my previous video where I looked at sort of the basics of how they work but you need to go frame by frame to do this and after a few failed attempts the other thing I realized that they did that makes this look really good is sort of keeping some areas not painted I think is really nice but I really like this bird here as well where the bird wasn't there and then it comes in after so I definitely wanted to do something like that I think it adds a nice little bit of interest and I think it also helps having the white background that you sort of go into after having done three of these the last one I did sort of get a little bit quick with with certain parts of it but I think it definitely turned out the best and so it's that third one that we're going to be looking at the hard work is definitely creating all the frames for your mask the easy part is actually getting it to work which we're going to be focusing on right now so moving that off to the side and let's go over to my own where we're starting with nothing I just have this mask container that we're going to need just because we need some position absolute things so it makes life a little bit easier to do it this way now in here we need to have the two images and they actually did it both with background images there's no reason that they can't just be images themselves or one div that's an image and one div that is with a background image but I actually found it easier to have the one of them is an actual image because then it sets the size for what you want instead of having to use any sort of weird sizing stuff we throw our image in here and for me I'm going to do this as my black and white image because I want to start with my black and white image we're going to show the other one which is going to be overlaid on top but completely hidden away by our mask and when the animation runs it will load it in so it might even be easier to do this with an actual like two images one for each of them but in this case I'm actually going to do this one here with a div instead of an image just to show you that if you are doing that how the positioning of it would work to get it to function properly because you might need things set as background images if you need text or something on top of them as well though with the absolute positioning anyway we'll do it with a div just to sort of make it a little bit more complex but just to show you that it's pretty easy to do anyway but you need these two images and then you need to have the mask that's going to transition between the two of them that's sort of the things that we need to have before you can actually get this to work so yeah we're going to switch that image out for a div like this we'll hit save and we just have our black and white image to start with and we can get started on this and jump into the CSS because as far as this goes that's all we need you can see I did put a replay animation here which we're going to use afterward just to make like easier to replay the animation to make sure things are working and so let's jump on over to my CSS where there's nothing related to my mask in here yet I just have my button styled and some little things actually the image max with 100% here because I'm using an actual image would be important but I'm assuming you're already doing that anyway and then we can come in here I'm going to do my mask container and on that we need a position of relative because we will be doing absolute positioning on the pieces that are inside of it then we're going to come in let's come in first with my color image called it I think we did call it that perfect so my color image let's start by coming with this and making sure we can get it lined up properly so my color image is going to be a position of absolute and then we add my background on here so background image and as we saw we already have one ready so we'll put that on really fast so with my image being there we don't actually see it yet because this div is has nothing inside of it we just have a blank div right there and because it's a blank div it has no height or width but we are using position absolute so we can use an inset of zero on that to have it fill up the entire space the problem is my image is really big I probably could have optimized my images here a little bit we're just going to set a background size of cover on there though to actually have it be the right size and now because this div the mask container its size is being set by this image in here so the image here is defining the height of this div which means that this is sort of defining the total size we have this filling up the entire thing because of our inset zero and again that's top bottom left and right zero so this color image is taking up the entire space and it's the same dimensions or the same aspect ratio anyway of the original so they're just perfectly overlaying on top of each other so if I were to drop the opacity on this and I hit save you can see that the two of them are coming through we can even drop that a little bit lower so you can see the cactus is sort of fading away as we go into this other the other images there so they're perfectly overlaid on top of each other and that's what we really need to get started with this so the next thing we're going to do is come in here with our mask now I'm going to use the prefixed versions for now because I'm using chrome which needs the prefix so I'm saying that and I'm not putting the prefix webkit mask image and actually I think the mask image you don't actually need the prefix for it's all the other ones but we're just going to prefix everything I'll add in the non-creased fixed versions after which work in non-chromium browsers so for this we need our url which in this case is uh image mask dot png and I used a png instead of svg like I recommended in the original video where I explain things because I have some transparency that's happening if you weren't having any transparency then that would be you could just go with an svg be much later wait probably the better way to go but I was playing around with some different effects you can see like these low opacity areas here I sort of tried to bring that same idea into my mask when I was using that and you can also see here this is yelling at me in vs code because this is non-standard uh that you can see there that's just because it's prefixed and they're just be careful this isn't going to work everywhere but don't worry we'll fix that after uh and right away you can see something's happened which is good it's it's masking away my uh what we had now the problem is because the png is this like gigantic file that goes on and on and on if we go and take a look at my finished version of it you can see I was doing a lot of playing around here it was mask image was my finished one image mask and so I mean it's hard to see that we zoom in a little bit you can see all the different pieces of it but it's this gigantic image but to actually get that to fit I had to change the height of it so it's actually a lot smaller than the finished one just because if not the file side it's already 300 kb so we could probably optimize that I didn't do any image optimization we could even run that through and probably make it a web p and make it even smaller and it would be fine um because even if it does lose quality it's moving so quickly it doesn't really matter uh if there's a little bit of blurriness or anything going on with it and because my image is so much smaller the first thing we're going to do is we're going to do a webkit uh mask size and we can use cover on here as well and that might change anything it's not change anything that's good and then we're going to come in with a webkit mask position and the mask position we're going to start at zero percent zero percent and it should stay gray but if I change this position to like a 50 whatever it doesn't matter we can see that it's coming in and I'm actually going to change this to a pixel value now to explain a little bit more what's happening because it makes it easier in the dev tools so if we open up our dev tools and we find that and you find your mask position and here if it's in percentage you can't drag but if it's in pixels you can actually drag things around and move your mask uh and there is my mask and you can see it's if I keep dragging it's sort of like there's one frame and there's the next frame and another frame and anyway you get the idea there's these different frames I don't know where that that's probably supposed to be lined up somewhere over here I guess I don't know um but we'll we'll see how it works later but you can see all these different frames are on there and basically we want these frames to slide across right there's a trick to all of this in getting that to work um but we want to start it at zero zero for now we'll do it as a hover and then we'll actually create an animation let's just see if we can get this to work um so we'll say color image hover and then we're going to do the mask position here and let's delete that and delete that and we want it to go to 100% and so this is always like its own percentage so we're going the mask should start here and then move all the way across the other way if ever you try this and it's not working for some reason you might need to actually make that a negative to have it slide the other way so if you're following along with your own that you've created and it's not working try just try a negative number or go in the dev tools with pixels so you can drag it around and see what's happening um and we can see that's working so let's do a transition on that uh so quickly adding the transition here of my mask position over 500 milliseconds let's say see how the whole thing let's slow that down let's make it like 5000 milliseconds and you can see those all the frames are sliding by shooting one after the other after the other and then it slowly gets into place and then if I go the other way it slowly goes the other way which isn't quite what we want it's an interesting effect maybe there's some stuff you could do with that uh but instead of that what we actually want to do is we want to do this in steps instead of having it slide and I know we can do this animations I've never tried doing this let's try 24 and hit save ah it does work look at that so we can do um instead of it sliding across it's saying that I want to take that entire animation and basically turn it into 24 distinct steps and the reason I'm choosing 24 is because I made 24 frames in my animation when I created it so that's an important thing there but you can see it's going really slowly and it's not too fantastic well let's close our dev tools because we don't need that anymore and let's maybe make this uh I don't know 1000 milliseconds or one second and sort of get that thing where it comes in really not as well done as theirs was they did a much nicer job than I have but I still think it's kind of cool and it looks pretty good and so there we have it working with hover now personally I wouldn't want to keep it with a hover effect it's kind of weird to do that so ideally we have an animation set up for it so to do that we can set up some keyframes we'll call it add color for our animation name there and then basically we just want to say that it's going to start at a you know the zero percent of our animation is going to be this and we'll duplicate that and say that take off the prefix version there you can duplicate this put this at 100 and then change this one and change that one to 100 so now we can add the animation in there I've already done this and so then we have that now we just need to be able to add that animation in so we're going to do a mask animation class and it will be an animation and on here we want to put in an animation we need the name of our animation so that was my add color how long it's going to take we want the 700 milliseconds and we want it to go to there and we're going to put forwards at the end forwards just so when the animation is finished it actually stays and it's all done let's just we can put these on put that on a different line just so you can see everything at once I've already set up my button to be able to add the class and and run the animation and reset it so we can see it goes there I'll share all this code and stuff in a code pen or something so if you want to see what the js was it was very rudimentary it's not really what we want we can see every time we do that it works perfect and my animation runs so the only other real consideration that you'd want to take with this is again make sure that you have webkit and non-webkit versions so it works in chromium and non-chromium browsers and of course you'd probably want it to actually happen when you scroll in similar to how it actually happens on their website here right when we're on the arena.net it's when you scroll into view to do something like that I think an observation observer would be perfect and it just happened to have covered that in a previous video that you can watch right here and with that I would like to thank my enablers of awesome Jan Johnny Michael Mr Dave Patrick Simon and Tim as well as all my other patrons for their monthly support and of course until next time don't forget to make your corner the internet just a little bit more awesome


I'm going to show you a really cool web-based program that can take any video that you have and if you're the main subject or a person's the main subject, can strip away the background. Now, the couple things to think about, the video with free version that we're using, you can only do up to five seconds, so make sure your video is very short. The second thing is, it doesn't matter about audio because what it's going to do is it's going to take your video format, strip the background, you can replace the background with something or leave it clear, and it's going to generate a GIF or an animated image. But this is a really cool tool for maybe in a slide deck you're using with students, you could show yourself pointing to where you want them to click or facial expressions or some kind of action or movement that you need to show. You can have yourself in your slide deck with the background removed so it's just your body and your face and your hands or even create some new background behind you. So it's a cool tool to explore and use in that way. First thing you need to do is go to unscreen.com and once you're there you'll be greeted with the screen to upload your clip. So I'm going to take my video clip that I have on my desktop so I'm just going to click the upload click button and then I'm going to find the video of me. I'm just going to double click on it and take that video of me, upload it to this site and then it's going to remove the background. So it's taken this video that I had and it doesn't do the world's best job but it works especially for free. So right now I've pretty much taken away the background. But what's cool is I could download this, click the download button and what I get is a GIF with just me and a transparent background so I could just dump this into a slide or a presentation or any tool at all. And I'd have that clear background behind me so anything behind me could be seen. What I would like to try is let's put myself someplace else. I'm going to click the change background here and I could upload my own background. So maybe you have a slide deck you want to put in the background or your own picture of someplace. I'm just going to go ahead and choose something that's already here from them. So I'm going to put myself floating above Earth. With a simple click it puts in the background that they have and all I have to do now is click on the download button. It'll give me some choices. I can do animated PNG but I'm just going to say a download right here. I'm just going to look at the download. Alright and now it's done so it's down here at the bottom. All I have to do is click on it. I can now put this anywhere I want in any document or file that I want to use. So it's an animated GIF, really easy to use. I can put it on anything. So explore that tool and see how you can use it. A side note though, you can see that sometimes you can see some of my background back there. If you choose a background that's one color it does a much better job. I happen to have a bunch of posters and things behind me. But if you do it maybe on a white wall or you don't need a green screen just anything that's more plain you wouldn't get those little glimpses of my posters behind me.


Did you know that us YouTubers, we now have to indicate on our uploads whether or not AI is being used or, quote, face consequences, unquote. That's unfortunate. I use AI for all of our reactions. I know. That's why we just post positive reviews about everything. Because it's AI. I know that'll get the best reception. And so I just make great, like I put in chat GDP. Rick and Corbin talk positively. Right. Talk positively. Fill in a blank Bollywood movie. Exactly. I thought it was an interesting choice of words. Yeah. Because if you use AI over someone's face, it is face consequences. So I'm confused. Wow. Hey, welcome back to our Stupider X of Corbin. I'm an automatic generated intelligence incorporated life with intelligent computer generated stuff. You said you're intelligent, so that's not true.  Today, we got a new song from crew. Oh, I was hoping it was a new song from Elon Musk. Have you heard his stuff? Pretty interesting. This one's called Chole Kee Pee Chee. I think so. Chole Kee Pee Chee. Chole Kee Pee Chee. Chole Kee Pee Chee. Hey. Hey, can I get some of that Chole Kee Pee Chee? Little more Chole Kee Pee Chee over here. From the crew with Karina Kapoor, Deljit. And you know who's in this. When's the 25th? Maybe next week. Yeah. It'll be next week? Yeah. 27th, something like that. Whatever Thursday or Friday is. Yeah, that's the 27th or 28th, something like that. Oh, wow. Yeah. I assume we'll get it. It's handy. Anyways, let's. I would assume so too. Just to get into this. All of these lovely ladies. Ladies and gentlemen, this is the captain speaking. This flight is the welcome of all of you. Our crew looks great but you are going to have to tie your tight tee around so that your heart doesn't get tired. You make the song so much better. Thank you. Deljit Corbin's. Yeah. Dossil tones. I mean often times when I'm just driving alone, listening to some music in the car, I think to myself, man, I wish I had Corbin here to sing with this. Most do. Your mom wishes I was in the car for a different reason. Did you recognize that original like, cause it sounds like a remake. No, no you didn't. No, I did not. Nothing about that seemed like something I'd heard before. Alfa Yognik, it looks like something. Ha ha! Yes! Three years ago. The original. Cholikepiche, ka hei. We did, it was during COVID times. It's a different song name. Cholikepiche, Cholikepiche. Cholikepiche, Cholikepiche. Oh, without the haie. Oh, good memory. Yeah, I didn't remember that. I recognized the under the. Cholikepiche, the one I was singing really well. It was nice though, I enjoyed it. Yeah, it was a good song. I think Diljit has a future in music. I think we should explore. Yeah, good song, I'm just ready for the movie. I don't need any more stuff. Well, too bad, you're gonna get more. I just, I just. Did we get the trailer yet or do we get the trailer yet? I want the film. We got a trailer. We got a trailer. I thought it was it. Was there a trailer yesterday? I always forget. They have so many things. I know. The trailer, teaser, first look. Title reveal. I can't keep track of them all. Birthday wishes. And they're all like, all the same blank. I know, it's yeah. And there's no differentiation on the run. You know, sometimes a teaser's as long as a trailer. Yeah. But it looks cool. Then there's the sizzle reel. I'm so excited to watch these ladies act together. I am too. I'm really looking forward to it. Let's see, do you think we have it on Fondango yet? Yes, I do. Did you already look? No, I have not looked. But we may not have times, but I'm sure it's in Fandango. I can't imagine this is not gonna get an America release. Oh yeah, we don't usually have an issue with big Bollywood movies. Yeah. Or Telugu movies. Except for the one that looked really interesting not too long ago. It was like very visually stunning. It was a Telugu movie. Crowdfunded. We saw the trailer and we really enjoyed it, but we did not. Crowdfunded. It's technically, there's not even a picture yet, but I imagine coming this next week. I would think so. I hope so. I'm pretty confident we're gonna get it. But I like the song. Jolly K. P. J. Calle. Now you sing it. No.   Well, 131 is 211. Wow. Credits. Yeah. Couple minutes. Probably about 210. Not bad. Anil Kapoor. I would love to talk to Anil for many reasons, but he seems to like producing. One, that's where the money is, so that's not a shock. Yeah. If you wanna make some money, you have to have the money to foot the bill, but then you're gonna make the most because you have to foot the bill. Correct. So that's usually why when people make it, you see them start producing this, because they don't, and also they can pick and choose projects they actually wanna do acting-wise because they don't need it for the money because they're making their money in different places. A lot of Kapoor is producing this thing. Wow. Anil, Ektah, Rea, and Shubah. Do all of them, are all of them part of his production company? Like he just- Gotta be. Part of his family? Yeah, gotta be. Or is it just- The Anil Kapoor film company. Are they? Yeah. Family business. Wouldn't it be funny that if like, they're not related? They all happen to be named Kapoor. Happen to have them. Yeah. That's not happening. That'd be funny. I'm looking forward to the film, man. Next, it's at Kapal Dev. It's not. I'm looking forward to the film, man. I just, I wanna see these three ladies act and have chemistry on screen together. Yep. And have a good time. I'm looking forward to it. You? I've said it about 10 times from the various trailers and teasers. Yep. I am looking forward to it. No. Not anymore. Yeah. Nope. I'm ready for the movie. Nope.  Yeah. I'm not gonna watch it in theaters. I'm just waiting for the watch. Yep. I'm kidding. Let us know what you thought about if you're excited for it down below.


You want to be in the mode with real players? Oh my god, yeah, I'm coming. Oh, this is going to be easy. I'm going to back up a little bit on my shirt. I don't think that should be easy. Turn around. Yo! Take a picture on my phone.


Hello, welcome to Qt Design Studio, an introduction. So I'm Thomas Hartmann. I can briefly talk about myself. So I'm a senior R&D manager for the Qt company, and I lead the Berlin team that works on Qt Design Studio. I joined, actually, Trollcheck in 2006, worked on various topics. One of my first assignments was, and you see, worked with Qt Creator, did consultancy. But in the last years, I've mostly worked on what's Qt QuickDesigner and now Qt Design Studio. So, whoop, I skipped one slide, sorry. So first, I want to give you a brief overview. So I want to start with an introduction about Qt Design Studio. I want to explain a bit what Qt Design Studio is from a high level. And then I will give a demo and actually showing you how Qt Design Studio can be used in practice. And then, because that's, I think, really interesting for this audience, I also want to talk about what's behind the scenes of Qt Design Studio, especially how we use Qt, what is the source code, and so on and so on, and also what technologies we use. And in the end, there will be a bit of time for questions and answers. So, yes, what is Qt Design Studio? Yeah, it's Qt's dedicated design tool. And it can be used to create UIs that can also be used to define the UX, the behavior of these UIs. Yes, you can work with 2D and 3D, and you can use QML for that. So QML is the underlying technology. So Qt Design Studio always works on QML files, and QML is basically the representation for the UI. So there's no technology switch when you hand that over to an application developer, C++ developer. So everything is always QML based. A bit under the hood is Qt Design Studio is based on Qt Creator. It's an adjusted and optimized version just for QML editing and for Qt Quick development. So we turn off the C++ parts. Basically, we brand it a bit. I will talk about that later. And the last version we released is Qt Design Studio 2.1, and we release always the commercial license version and the free community version. I will briefly talk about the differences. Okay. So what can I actually do with Qt Design Studio? Yes, you can develop your eye design with a visibility editor. That is what I will mostly show in the demo, and that is what a lot of people will spend their time with. But you can also create animations based on the timeline. I will briefly show that also as part of the demo. You can define why logic with states and binding. I will also cover that. You can create your custom controls. I will create a simple button in the demo later. You can import designs and assets, and we'll cover that today. So for 2D, that's Photoshop, Sketch, and Figma. And that is basically the main feature that's just in the commercial version. And for 3D, you can also import Formaya, Blenders, and others for 3D assets. Yes. And with this, you basically can turn your designs into working QML. You can create prototypes and functional applications even. What you cannot do is basically the C++ parts. And finally, you can deploy and run in profile on target hardware. I will not cover that today. But with QtDesign, you can actually deploy to Linux hardware and even profile. Okay. The latest version is QtDesign 0.1. I already mentioned that. We have the bridges to import designs. Then we have the visual 2D editor. We also have an integrated text editor. I will show that. There's a visual 3D editor for QtQuick 3D. There's a flow editor. I will not cover that today. There's a state transition editor. I will briefly show that. Yeah, we support the QtQuick layouts. Also, we'll show that a bit in the demo. All the ready-made and reusable UI components you're used to from QtQuick come with QtDesign Studio and even a few more. There are timeline-based animations, a couple of customized, visible effects. There's also the live preview, which is also a very interesting feature I will briefly show. You can basically live update your application while working on it. Okay. Yes. The first release was actually QtDesign Studio 0.1 was in December 2018. Since then, we regularly released new versions. Figma support was one of the items we added in the last two releases. Lots of UX improvements improved the usability in general. For the upcoming release, we work on full Qt6 support and also, again, many improvements through the UX and especially the property editor. I will briefly talk about that later. Okay. With that, we come to the demo. I will now share my screen. What you can see here is QtDesign Studio. This is the welcome page. This was the first thing that you will see. On the welcome page, there are a few demos that come with QtDesign Studio. I will show a few of them later. But for now, let's start with a new project from scratch. I choose the resolution here. This is not too fancy. It's just a nice wizard that sets up a project for you. Then QtDesign Studio starts. It has created one screen for you with a text in the center. I delete that. We can delete that. There's lots of functionality you can do. For example, you can easily change the background color here. We have every design tool. We have a navigator. For now, we just have one single root element here. I briefly mentioned the text editor, but I will show that later. I just drag in a rectangle here, and then we can anchor it. It supports the anchors that you have in QtQuick. We can change the color. We can also change the radius. This is basically what we typically expect a technical artist or designer to do, to basically use the visual tool to create some visual design. It could be imported from Figma or Photoshop, but you can also create it from scratch. Even imported designs, of course, you can tweak here. Now I just continue dragging in a label. You see all the text properties here, and I change the color just upon size a bit. No surprises here. That's just how you use it. I will briefly talk about the property editor later, how we implemented that one that's implemented in QtQuick using QtQuick Controls 2 and our own custom style. I now created a layout around the two text items I created, and I just renamed them. This is basically typical day-to-day work, and the goal here is that I create a very simple UI to show a couple of features. The 90 percent, for example, I will skip that here. We're typically binding to something from the backend. Right now, we just keep it hard-coded. Yes. A lot of touching any QML code I can create this, and I use copy and paste in a few cases. Now I'm basically done with the basics here. I move that around a bit. You can see I have snapping here, so things snap to each other. There's also another nice feature. We have alignment features similar to what you see in Illustrator. I distributed them actually, but that's not exactly what I want because I want two columns. Let's use the distribution feature again here. I distribute them evenly, so I don't have to do that by hand or rely to just my eyes. I can also have alignment features. That's pretty much what you know from Illustrator. That's really nice if you want to do absolute designs. Of course, you have all the layouts and anchors, but sometimes maybe you just want to have one single resolution, and then absolute layouts are easier. I put everything into a group with a custom item that only comes with Qt Design Studio. It's basically just an item that automatically takes the size of its children, so nothing special here. I distribute here again, and I think now I would be done with this as a UI and anchor it a bit here by centering it. This was basically typical day-to-day work with what you do in Design Studio. But now I want to do something a tiny bit more fancy. I want to create a custom button. I create from the wizard a new component, and choose button, and by default it has two states for normal and down, and I can now edit them in the Visivic Editor in the Editor mode and adjust my button a bit. I select the background, give it some radius here, so it's now a bit round, and it's also a nice place to show the live preview. Now I run the live preview of that button, and that's basically an interactive preview of the button. It's basically like running the button, but there's a tiny difference. If I do now a change in the Editor in Design Studio, it's immediately propagated into the application. So you see that the running button basically is also updated. That's really nice in this case. So I now change also the label color, and I still have my working button, and I don't have to constantly restart. So if you have a component like the button or anything that's complicated, also if there are running animations, because you can see constantly running, basically the button adjusts its properties, so we can go back. First I want to show you transitions, actually. So this is a transition editor, and that adds automatically transitions to our states, and I can now change the duration a bit to make them more visible. And now instead of the button like it was before, it's animated. There's one trick, because there's no animation, I have to make the normal state, the default state, but now I see that there's an animation when I check the presser button, and it's a few clicks, as you can see, and you can easily tweak those, even using easing curves and so on. But now let's really go back to the form I created, and on top of this form, I will now want to use now my custom button and what's added to the item library, it even has a preview here, and I can drag it in, and I drag in two copies of my button, my custom button, give it name and position. And this is really powerful, you can create your custom components in Design Studio, nest them, actually now I lock the layer here, this is a feature I recently added, so I cannot accidentally now change the layer anymore, and then I use anchors to the margin to position my buttons, and now they have the same distance to each side, each side's 32 pixels in both cases. Yeah, locking is super useful, especially in this case, because I might otherwise accidentally move a label. And now I can show you the QML code, so this was the code that was generated, and yeah, you can, even if you use basically the mode, the text mode inside Design Studio, it's really hooked up with the property editor, so it can work in parallel, can do a change here. Now I broke it, there's a syntax error that basically will block the UI until I fix it again, but see, now it works again, and I can use the property editor in parallel, and I see the changes. And one thing is the dock widget framework, I will also talk a bit about that later, because it's a special dock widget framework, and it's very flexible, and you can also put it next to each other, and I will keep it like that for now. That's also very useful if you want to tweak the QML text a lot, if you want to do some optimizations, or maybe you are a developer and care about details, you can always see the text and the visual editor in parallel. Now I created two states, and give it a name, so also here, no surprises. Now I start to make the buttons checkable, and in one state I make my whole UI invisible, so we have the operate state and the maintain state, and the maintain state, the labels I added are invisible, this is checked here. Then there's also exclusive, which is super useful, because exclusive will basically automatically save that only one of these buttons can be checked at the time. Before I continue, I want to give the buttons proper names, because I want to refer to them and when conditions, and then it's important that I have a good name. Here I can now refer to the checkboxes to the checkable buttons, and I can basically define the when conditions of each state without having to write code just by using the combo boxes, which is very convenient for people that say not very professional developers who are not very used to writing code. Now I can also run the live preview again, and yes, you see that we have basically a very, very, very simple running application without writing any code, and of course you can continue like that. But I also want to show you a few more advanced features, and that's why, for example, we now open the eBike demo that comes with Gear Design Studio, and the eBike demo heavily uses the timeline, and I want to show how the timeline is used here. So we have many states in the eBike demo, and there are many transitions between those states, and we didn't use transitions because they don't always allow to fine-tune the animations very well. In this case, we used the timeline, and basically defined each transition is very explicit using keyframes, but that gives the designer a lot of control. The transitions don't have to be symmetric. You can add keyframes in the middle, and you can really make sure that the transition looks exactly like you want to at every pixel, basically at every point of the animation. And for the timeline, we also have a curve editor. It's a very powerful curve editor, and here you see that there are also easing curves between the keyframes. That's something that's more common in 3D tools, but that's a very powerful view on this. And to give you an idea, let's just run this. So, yes. So basically, when I interact here, I switch the states, and the timeline is then used to animate between those states. These are exactly the same animation that you saw when I dragged the timeline handle before. Okay, now I will show you the welcome page of Qt Design Studio. So, the welcome page of Qt Design Studio is also developed in Qt Design Studio. And that's a relatively interesting example because it has a C++ backend, and we mopped that up with QML. But first, I want to show this, is basically the screen of the welcome page, the recent projects, examples, and so on. And, yeah, it's done in Design Studio. Nothing too fancy here. And we could now adjust it, change it, whatever we want to do. And it actually was developed by our designer, and it's also maintained by our designer. You can also run it, and something shows up here in the recent projects because we have this mock backend. And that's a very powerful technique to basically mock up the C++ backend with simple QML that can be understood even from the designer, maybe even tweaked by the designer. In this case, it's very, very simple. You look at the text there, it's just a list model, basically. And there are a few more of these. But that's a very powerful technique because now we have a project that runs fully in Design Studio, really can be owned basically by the designer and can be just integrated. And here is the trick. We have a couple of import paths that add the mock data as QML plugins. And those mock plugins, of course, are not part of the C++ part. On the C++ site, it's just loaded by the Qt Creator plugin. It makes it possible to develop it in Design Studio in parallel to having it in the C++ application. Now I want to show you the digital cluster. That's a downloadable demo. I downloaded it before. Let's just open this. That's a demo that shows a lot of the 3D capabilities. So Qt Quick 3D. And I'll start with the main screen here. You can see it. So that's a cluster. And that uses quite a lot of Qt Quick 3D. So to give you an impression, I just run it. I had a light and dark theme. It was actually developed by a technical artist purely in Design Studio. It has no C++ backend. But you can do a lot of stuff just using QML. So you can turn on the lights, open the doors, rotate it. You can see that you can even have 3D and 2D. And then 2D and 3D again is interior view. It's a battery view with a nice animation. And there's the 8S view. And that was all developed in Qt Design Studio. And I want to show you a few of the files. So that's the 8S view. And the 8S view doesn't have a backend. And it's really just basically mocked. And the timeline was used for that. But that's actually powerful technique while you're in the prototype stage. Because you can always mock it. And you don't have to worry about implementation at this state. But you can already define how it will look. And now we have another screen that has different states. You saw on the UI. And those states were all defined by the technical artist. And yeah, that's a battery animation you saw earlier. You can create such a demo with either writing no code or just very limited amount of code yourself. I mean, of course, you can always go to the QML code. That's your choice, right? And yeah, for example, here's the component, right? One thing that makes QML so powerful is that you can have all these different reusable components. There's some structure that the technical artist was setting in place. And you can always look at the text editor. Yeah, with that, I want to stop with a demo and get back. So, okay. And now I want to talk a bit what's behind the scenes of Qt Design Studio. So hopefully you now have an impression of what it can do and what's it meant for. But I also want to give you an impression how we develop it, how we use Qt. Because we are basically, yeah, especially on the front-end side we use basically. We have a user of the Qt and Qt Quick technologies. So Qt Design Studio is a pretty typical Qt Quick and Qt cross-platform desktop application. So it's a pure desktop application. We are currently in the process of porting it to Qt. We have a working version and just ironing out the bugs. Qt Design Studio is, that's no surprise, available for Windows, Mac OS, and Linux. So, and I briefly want to talk about our main challenges in a sense when it comes to the Qt stack. And that's with graphics driver on Windows. We sometimes have problems with those because we use Qt Quick and even Qt Quick 3D and there can be issues because of graphics drivers and those can be quite nasty because it's not on our control and you might not even have a machine to reproduce those. Another thing that's a bit challenging is sometimes that Linux is a very heterogeneous environment. So that's why we officially only support Ubuntu 20.04, the latest LTS version. We test it on more Linux machines, but we don't commit to more installations. It's just, especially the different window managers are sometimes a challenge, but also the drivers and so on. But all in all, it works quite well on Linux and actually we have surprisingly many Linux users, even in a commercial environment, especially people who like to, or who develop in embedded Linux or for embedded Linux, they like to have all their tools on Linux and don't want to switch to Windows or MacOS just for Design Studio. Okay, so what is Qt Design Studio? Technically, it's a customized version of Qt Creator. It's no fork, so it's usually always based on the latest version of Qt Creator. That's how we always did it until now. We don't plan to change that. Yeah, we branded a bit, which means we renamed executable and exchanged the icons and so on, but that's basically a few switches under this system. It's also upstream. You can even see how we do that. So there's really no black magic on that. The packaging is done a bit different because, for example, we switch, we ship our own version. So that makes it a lot easier because we basically know that Qt Design Studio is always based on the same version of Qt, the one we ship it with. It's currently Qt 15.3 because that was one of the biggest problems with Qt is with the Qt Quick Design and Qt Creator that we don't know which exact Qt version it's used with and that creates a basically combinatorical explosion of potential issues and it's basically impossible for us to provide a constant quality. And this becomes a lot easier. In this case, we test our packages and if they work, they work and we can really provide a relatively high quality. Another thing that's special about Qt Design Studio is that it comes with a couple of custom components that come from a special repository. QML components, actually quite a lot of them by now for the Flow Editor and things like arcs that are based on the QML shapes and use specific things and quite a lot of components in the end that basically just ship with Qt Quick Designer. But those components, they are also open source and they are living in that repository and eventually we also make a plan to make them part of Qt once. But we don't want to make that too early because we don't want to commit basically to the final API and the final implementation too early. Some parts are closed source, so okay, that's a bit unfortunate, but that's how it is. Basically there's a plugin that we add to Qt Creator that contains the closed source parts. So that's just a plugin that's just part of QDS. It's called Qt Quick Designer and the biggest part of this the biggest closed source parts are the Qt Bridges in the importer. There are also a few other things but they are often just closed source because we didn't meet the teacher fees for Qt Creator for example and then we moved them over in the next release. This was the case for the timeline for example that we eventually moved over to Qt Creator and we just recently moved over the event place which is another feature I didn't show here that is basically part of Qt Designs too that was closed source that we then eventually moved over to Qt Creator. One thing that I really, really like is the Qt Advanced Stocking System. It's built in depth in the demo but it's not a normal Qt Stocking System but it's a different implementation, it's based on the Qt Stocking System but it adds a lot of features. It was contributed to Qt and Qt Creator by Uwe Kintler who's the original author it's licensed under LGPL v2 and you can get it from our marketplace and also from GitHub that's basically the original that's developed by Uwe Kintler we also maintain currently a fork that's part of Qt Creator and yes why do we use it? Because it has a couple of really, really nice advantages and features I think what was the most important feature was that it has no central widget so it's more flexible so it has no concept of a central widget and you already saw that when I split it the form editor and text editor view is a very nice and powerful features in the context of Qt Design Studio because it makes the workspace a lot more flexible another feature I really like is the clear visualization of the drop targets you can see that here in the screenshot it's very similar to what other tools like Visual Studio do people understand it is relatively intuitive there are more features especially when it comes to stacking and talking also comes with perspectives so you can switch layouts easily and so on perspectives can be built of course also on top of the Qt-based one but you get it basically for free and that's what we use in Qt Design Studio and I think it's really a great addition, a nice contribution and feel free to test it out if you need a powerful dot widget framework yes, so we also have a user of Qt Quick for desktop applications and that's why I also want to talk a bit about how we use Qt Quick what is our experience, what we like what we don't like and so on so in short we use it for the welcome screen and especially those are relatively simple parts the welcome screen already covered the implementation is kind of really simple I think it's a really nice and great test case and also use case for Qt Quick in general it's nothing complicated, you can really hand it over to technical artist or designer, he can basically own the whole welcome page with a little bit of help from a developer here and there and that's really nice workflow and they can build in the way they want it and we just integrate it into the C++ application the property editor is a bit more complicated I will talk about that in a few seconds and then we also have the item library which is also a bit more complicated so both of them are basically maintained by developers, not by designer anymore because they contain quite a lot of code and they are mostly fully dynamic and then there's also the states editor which is similar but even there the designer can help because we can give him stripped down projects that are pure QML, he can basically define the look, adjust it can also give access to him and he can tweak around with the designs directly and we did that actually so yeah, the welcome splash screen there's really nothing I didn't mention already kind of it's really pure QML, it has a very very simple C++ back and that's very easily mocked and basically works as a standalone application in Qt Design Studio and also test that test case for our workflow yes, the property editor is actually quite a beast so it's really complicated, the property editor uses customized Qt Quick Controls too and yeah, we are quite happy with the result so there are a couple of features that you don't have typically for example, you don't have with widgets and so on, so for example you can drag on the spin box this also we don't show most of the controls by default so most of the sub-controls you only get when you hover on the controls that reduces a lot of clutter and it's actually quite typical for modern applications and all of this would be possible but very hard to implement with widgets and we did that, we didn't we decided not to do this so we used Qt Quick Controls too and Qt Quick and we're really happy with the results another thing that's worth mentioning is that the studio controls are fully resizable so every number basically comes from a small theme and all the magic numbers are usually based on or use one scale factor and by tweaking that scale factor they are fully resizable we don't expose that to the end user at this point in time but it makes our life a lot easier because basically all the numbers all these magical numbers that can be controlled by the designer and therefore he can really own this we also hooked this up to the to the theming theme of Qt Creator the colors actually come from the theming theme of Qt Creator so that's why it works in all themes which is also nice and the studio controls are part of Qt Creator so they have a user license and you can look at them it might be really interesting if you build something similar to have a look at them and maybe even use them okay let's briefly talk about the advantages of using Qt Quick in the front end so it's really easy to customize the look and feel I think it's really a lot easier than doing that with widgets and also have some experience on that side and it's also a lot easier to implement modern and advanced UX you can use Qt Design Studio for the front end that's also of course nice especially from perspective the designer can take full responsibility of simpler parts like the welcome page or at least help out more complicated parts like the property editor there are always things that developer has to help out but you can always help with the layouts basically maintain the colors and magic numbers and so on one thing that really helps a lot is hot reloading so all our views support hot reloading so by pressing hot key it will reload the QML code and that allows very very fast feedback cycles and that's just great you get used to that very fast so we press one button and then you can test the different behavior or different size or one buck is simply fixed, normally compile nothing another very powerful feature is that the property editor for example can be extended with external QML files that come or are shipped with QML modules so it makes the property editor very extendable from the outside without having to write C++ plugins or anything like that you can just basically write a QML file that extends the property editor for a specific file that type okay what are the challenges the other bindings between C++ and QML they require a bit of overhead and boilerplate code I don't think that's a show stop or anything but it's a bit of extra work what is more serious is that the developers who do this work they have to be experienced in both C++ and Qt Quick this can be a bit of a bottleneck and in some cases Qt Quick is not as mature as Qwidgets for desktop development especially if you think of tree views that's still not the case we were really heavily working on that but there's still things you might have to work around or experiment a bit and yeah there's also the dependency on 3D acceleration which sometimes can be a problem because of drivers and generally because they're basically having two languages there can be high complexity and you have to be aware of that and be careful so basically all the logic we put purely in C++ so roughly our rule could be something like no loops in QML so if anything is slightly more complicated it becomes C++ and really just a simple part QML and JavaScript another thing we added is Google Crashpad that collects stack traces there's no technology it's part of Chromium but I think it's worth mentioning here it's opt-in because it can contain confidential data we use Sentry as a backend service and you can also look how it works in our source code and part of Qt Creator might be worth looking into it if you need it you want to collect crash pads, crash dumps on desktop platforms and another thing we added recently was telemetry that's based on user feedback and it's also opt-in of course and we collect lots of data usage behavior, usage pattern but we also added a dialogue that specifically asks users to rate features and so on that's pretty typical for modern applications and can user feedbacks make it really simple to implement there's already Qt Creator plugin that helps us with that and we just sit on top of this yeah Qt Online Studio, you have two options you can download it using the Qt online installer or you can always get the releases also from our download page so that's a standalone installer but the standalone model always only works for the free community version where if you have a license and you have a commercial license then you have to use the Qt online installer but yeah, please give it a chance try out with that I say thank you I hope you learned a bit and got an overview about what Qt Design Studio is what it can be used for and also like how we use Qt and maybe something that you can use for your own Qt application in the future thank you and have a nice evening thank you Thomas I don't see any question right now there is some feedback on the chat, there are people who are wondering how to find some customers who can pay them to use this tool so that's kind of probably I think I was trying with the free version so we don't need to the basic you only have to pay if you have one to use the purchase which are interesting but then again you already use the products anyway yeah but I guess they just want to be able to spend time there so being paid for that it's a good excuse even with regardless of the version used okay I still don't see any question so I guess we can go for again a virtual round of applause for Thomas thanks again you have all the contacts there so thank you


This study investigates the role of mitochondrial dysfunction and immune responses in Alzheimer's disease, AD. It uses bioinformatic methods to identify differentially expressed genes, DEGs, and gene sets related to AD, and then analyzes the interaction between these genes and immune cell infiltration. The researchers find five hub mitodeGs that are highly associated with AD, and they also observe that these genes interact with immune cell infiltration. Additionally, the researchers show that one of these genes, OPA1, plays a key role in mitochondrial damage and neuronal apoptosis caused by amyloid beta-peptid, A142. This study provides valuable insights into the potential pathogenesis of AD and suggests new targets for therapeutic intervention. This article was authored by Yao Danjong, Yu Yangmiao, Jin Tan, and others.


Like minutes. Yeah. So let's do, yeah, everybody just come back up. Peace out, Joe. Yeah, I got you. There you go. All right. Yeah, I dropped three times on me on Monday morning or Monday night. What is going on? I don't know, OBS is a mess.  Oh yeah, OBS be doing that. All right, you should be all right then. Hello, Alvin. Should be back. Yeah, you guys should all be good. Should be back. Hello, hello. All right, I just dropped out for, what, like, 10 seconds? Yeah, we lost it there for a little bit. The recording will be uninterrupted, though. So if that ever happens, we record all the breaks, so it's all going to be uninterrupted. Got some spots coming in, though. Appreciate that, guys. Let's keep on going here. Keep on going. Keep on going. Corey Seager Refractor. Rather green, nothing to see here. Just a little slight, slight turbulence. Luis Arias, Melendez, Josh Schmidt, Rookie, Corbin Carroll. This one is the 350, Yachty. Yachty for the Cardinals. Cody Clemens, Libertor. I think he just walked pretty far away, Alvin. I'll ask him in a minute. I'll ask him in a second. Vopey. Here's Egy Rosario Refractor, Rookie. Yes, we are back, we are back. It did break, it did break a little, Tim. We lost internet for a second again. That's what happened. I don't understand anything. Yeah, hardwired. Best thing we can get, Roffi Prism. Bessiner, you can get drops, but hey, it's all right. George Springer on the throwback. Yelly, Future Stars, Melendez. Scherzer, Prism is George Springer. They got still 13 to go on Museum Collection Soccer. First break with spots tonight. Get that one going here after a couple more baseball breaks. Check it out. Dome. Yeah, guys, the recording is still going, so we'll just keep on moving here. To 2.99, we got Purple Speckle, Rookie, Auto, Eustinial, DS for the O's. Rizzo, Zach Gallin, Dr. Alec Thomas, Paraza, D.L. Hall. The mustache was too powerful. Interfered with the signal. There's a gunner, Henderson. Could have been. Yeah, it easily could. It's not impossible, I guess. No. Well, CJ Crone, Prism, Tristan Casas, Rookie. Maybe it is. Maybe a little bit impossible. There's Prism Musgrove, Garcia, Cedric Mullins, David VR, Prism Rookie, Cal Mitchell, got a Cal Tuck, Refractor, Zach Wheeler, all righty, guys, last Chrome hobby. Last Chrome hobby. Can see my stream results already. Good ol' OBS slash internet. Both have been messin' with me recently. Francisco Alvarez, Morel on the rookie insert cubs. I feel like Steven Shane is still having a conversation in the old channel. On the old stream, still just goin'. Jose Ramirez, Josh Smith Rookie, Vaughn Grissom, Javi Baez, Tyler O'Neill, Titans Rutchman, Cody Clemens, Liberator. CC's lookin' pretty good. Lookin' thin. Yeah, big time. CC was always way bigger back when he was playing. There's a rookie, Yvonne Herrera, Jock Peterson. I know his son's pretty good, Karsten. Good to see him again. Him and his son been sellin' that win reality. It's like the VR headset where you can use it bad. It looks like it's pretty good, pretty legit for training. There's a Walda Chuck to $199 there. I figured that had to come, man. Yeah, yeah, no, it looks like legit. Like you can get some real work done. For a work in, yeah. Josh Young Rookie Prism. Yeah, I saw they had like a commercial once and he was showin' off the win reality or whatever and I was like, dang, that's pretty cool. And they were in there, they were in their living room, just takin' 100 mile per hour fastballs. There's a purple speckle at $299, Austin Hayes. Appreciate you, Jared, takin' some spots for later. Henry takin' a couple of revolution spots. Got Donald with a couple of legacy. Appreciate you guys fillin' us up nicely. Joseph takin' a jumbo and hobby mixer. Robert takin' a couple of legacy spots and some T-Mall. Thank you, Robert. I got you first up for personal as of tonight as well, Robert, I apologize last night we ran out of time. I got you first up tonight, sir. Alrighty, guys, let's keep on movin'. I did not, John, but it did certainly do that. It did shut down. I did not do it, solve it a press. I don't think any of us did it, but it did certainly go down. There's a prism wander. I appreciate the follow-k dog. It's over our prism. Our refractor. Rindome.  I got one after you. Gunner Henderson rookie. I do have one after you. Got a prism verlander. Rizzo Zach Gallin. Begin. There's a game of Reino. D-back's throwback. Parazza D-Hall. Tristan Casas. Shay Langlears. Yeah, I haven't collected yet, Rory, but it should be, I think I had, I put one back last night. I only had one left I think last night. So yeah, it should be. Ooh, we got printing plate. That's a 101. It is Ken Waldechuck on the one of one printing plate auto. This is Sean's boy. Oh, yeah. Waldechuck there on the one of one printing plate auto. Haven't pulled a saff or a super yet, but I pulled three printing plates. Nice one there, the Cyan plate for the A's. Oakland there, Ken Waldechuck on the one of one. Cedric Mullins. Bobby Whitverfractor. Zach Wheeler. Holland Contra. Ooh, those are nice. One of the Contras are to nine, right? Number to nine, is that what it is? Which is nice, because that's his jersey number. That'd be sweet. I didn't see a Contra or a color blast last night, Rory. Josh Bell prism. We didn't see either of those last night. We saw a couple of the die cut vitreous lower numbered, but yeah, we didn't see a Contra. We saw a gold. I think you saw that one, but yeah, I didn't see the, I didn't see a Contra or a color blast. Hunter Green prism. Jose Abreu. There's definitely not been any reps since, since last night. Prism U. Colas Ladolo. Who holds? Refractor. Outman. Manacis. I think Alex's taking a spot in legacy. This is the short print. Josh Young turned around there. Nice one. Rangers on the Josh Young short print. It's turned around. Don't see that very often in Top's Chrome. Surprised. Nice one there. Rangers on the short print. Josh. Yeah, guys, still 13 left on Museum Collection. Check it out, man. Some high end soccer, some solid stuff in there. Got Holland. You got Legends. There's Salvador Perez Technicolor. Got those short print Holland grail cards, which are pretty sweet. I don't know, we've seen too many of those, but those are nice. Alrighty, guys, four hobby down. We got four jumbo now. Good luck. Got Tribute and Finest Mixer coming up next. Then we got Finest Divisions. Then we're on to the soccer. So we've got about an hour or so until we're on to soccer, about an hour and a half.  We got some pretzels. You kids and your pretzels, man. Shay Langler's Technicolor. Trey Turner Prism, your pretzel budget when Dylan was growing up must've been insane, man. Now are the dollars of pretzels, dude. That's pretzels. Those are the peanut butter room. That's the ones I like. Those are good. There's a Acunia Technicolor. These pretzels are making me thirsty. Ooh, there's a gunner, Henderson, but that's got a big dent in it. We'll send a box with this gunner. It's got a big dent on that left corner there. Sorry about that. Oh, we'll send a box with that gunner. Get that one replaced. Nice refractor there. Give me thirsty. There's Brett Beatty. I don't think Sam would've got that reference. There's a Blue to 150 toward Engrossians. I didn't get it. It's from Seinfeld. No. Marlin's there. Blue to 150. Engrossians. I think he's on the A's now, but still got Marlin's cart. Oh, Tiny Refractor. Auntie Ann's pretzels are pretty good, man. I haven't been to a mall in a while, so I don't think I've had any Auntie Ann's in a while, but I haven't been to a mall in a while. Oh, we got Pete Alonso to 50 on the Ultra Violet All Stars. Nice one there, Metz. Telling you, man, I cannot avoid Pete Alonso. I hit the printing plate 101 on this card. Nice one there, Metz on the Alonso. Super short print to 50.  Flatty, we got Steve Kwan Prism and Refractor Francisco. Nice Metz pack there. That's a nice one. I like those. They're kind of interesting in the design, but I like it. There's Vulpie and Corbin Carroll. There's Aqua to 199, Rookie Cal Stevenson. Titan Scherzer, Robbie Gray, Michael Harris. There's a negative Rookie Bo Nailer. Guardians. Prism Rookie Bladet and Shay Langler's Rookie Refractor. Rookie's there. I am kind of thirsty now, Rory, now that you mentioned it. Now that you mentioned it. I say Rookie Casas. This guy, Joe Ryan Prism. Refractor Hanager. Sean, I need the water that you do with Sam. Let's spray some water in my mouth while I'm going. I need that in the big leaf, a little warm. There's Adley Rushman Rookie. I've seen how you do with Sam. Come on now. Trissy Casas Rookie. Gunner Henderson Rookie. Dude just pushes all my buttons. Josh Young and Tovar. Second Ezekiel Tovar Otto here for the Rockies. You can't wait for me to walk in here. Refractor Hanager, just smiling. As soon as I walk in this room. Just smiling. I just get an O-Boy. Yeah, oh God. Yeah, we're O-God. O-God's more Matt and Dylan. O-Boy's more Sam. Future Star Spencer Strikeout. Ezekiel Duran Prism and Refractor Rookie Bo Nailer. I can't walk in here without something though. That was something. Someone's yelling something. Oh, come on. I work here. Should have known I was coming. Come on now. Future Star's Mackenzie Gore. Got Adley on the Titan's Insert. And Zach Wheeler. Ooh, Eliminated Appretzel. Sounds real nice. Nice. Well, bye, Eliminated. I'm down. Come on, Sean. What happened? What are you doing? It's refreshing. Chris Murrell Throwback. And Otto is Michael Stafanich. Base rookie out of their Angels. I don't disagree. I think I'll have both of them. CJ Krone, I think, what's his name? John Daly makes a vodka lemonade drink now. Oh, yeah. Like he's selling a can. Yeah, we had it at Bay Hill. Oh, really? Yeah. I'm not so talkative. Was it John Daly? I think he's got one. It was the Arnold Palmer. And if you wanted vodka topped on it, it was the John Daly. I got you. That's what I remember. Lindor Prism, Corbin Burns. Yeah, I think he's got his own. Yeah, I think he's got his own line now of, like, at the gas station or whatever. I wouldn't believe it. Yeah, I'd have a beer. I'll drink both of them. All right. Nice refreshing lemonade, though, man. I'm gonna hammer a beer right after it. Woo! Woo! This guy. My kind of party right there. This guy's still in Chicago time. Oh, man. The eater. Not stopping now. Birthday next week. Come on, now. Yeah. You ride it right out. My God. Ride it right. It's gonna be pinned red. Check engine light. Oh, man. When we saw our teas prism, check liver. Engine's good. The liver's gonna be destroyed. Check liver light. God do what you gotta do. I hadn't drank like that in probably over a year. Especially for that many days. Technicolor Michael Harris, Titans Kershaw and Mookie. Looks like I was right back in Tally, man. Running through there. It's been too long for that. You ain't in Tally no more. Masataka rookie. Yoshida. Goldie and Otto to $2.99. We got purple speckle Otto of Mark Apple. Philly's rookie. Mark Apple and a Salvador Perez refractor. You a basic beer guy? You go with the crafts. What are we drinking here? I'm... What are you asking me? I was asking him, but I asked you as well. Jordan Walker. I'm more of the craft guy, man. Really? I've gotten into it. Moreno. Getting? Insenga. When it first started? Yeah. I wasn't much of a fan, but now... Dude. Yeah, there was a time like... Like college I wasn't just because I was going down for whoever was cheapest. Right, right. But after that, I was doing some crafts for sure. Going like the local breweries and stuff and all that. It was popping. Yeah, it was popping. Yeah, I'm down with them. I swam there. Peter Lanza, the 2.99 purple speckle for the Mets. The polar bear, man. I cannot avoid him. Kyle's breaking the odds. Jordan, if you're looking for a... Riley Green rookie. Seriously, man. If you want a nice Alonzo. Make sure you join Emily. Yeah, man. I will find you one. I will find you one. There's a David VR rookie. Negative. Got Ramon Laureano prism. O'Neill. Yeah, I just can't go too, too strong or too hoppy on the crafts. Yeah. Like the big, big IPA ones. Like the 11% IPAs. Yeah. No, no, no. But Beatty Rookie are like double or triple IPA. Like some of them are good if they got like a little flavor or something to them. Like straight hops on them. Yeah, I'm not. It's not really for me. I'm with you. Erasmus and prism. Got a Albert Pujols. But like, Sideward's a pretty good brewery. Over by like, it's in Winter Park, like the Milk District kind of thing. Yeah. They're pretty solid. You go there pretty often. I heard there's a good one in a popper, though. Really? Yeah. Right there behind, over by where the city hall is. Really? Yeah. Hmm. Right behind you. Like Cal Stevenson based Rookie Auto Ace. And Gerard and Karnasian rookie. They'll be tonight, Edward. I have a little bit of a cue. I don't know if we're going to have any, um, any space for tonight. I got a pretty decent cue. Um, tomorrow though, tomorrow night we'll have Matt at five doing personal. I'll go from five to about midnight. Um, while me and Sean are over here. So Fulpey and a Corbin Carroll. Is that Forrest? No. Future Stars Gunner. Whatever it was, Fluatic. Chris and Lupa, Mike Yaz. There's a Michael Harris. There's Gunner. I'll say they got a key. Mmm. Serena. Future Stars Mike Trout. Got a hobby. There's a rookie Will Brennan. Guardians. Hopefully she's going home. Guardians there on the rookie. Will Brennan. Tovar Refractor. From where? No, I'm good. I think I'll be all right. Yeah, we got a pretty decent cue tonight, Edward. I don't know that I'm going to have any room for personal tonight. Connor taking a spot in Legacy. Joshua taking a spot in Chrome Jumbo. A couple of days from now. Alrighty guys, let's get this, uh, let's get this next. Um, soccer filled up here. So got 11 to go. First break with spots tonight. No, Forrest is back. Forrest is back. He actually is still here. But, uh, I think he's still here at least. Adley rookie. Sean just about got lost on his way back from the National Dean. Just about. Tristan Casas rookie. Parazas. And Burlander Prism. And Simeon. Alrighty guys, two Chrome Jumbos left. Got a Finest and, uh, Tribute mixer coming up next. And then we got, uh, just Tribute. We're just Finest. Finest Divisions after that. Still got some time before soccer, but we got 11 left on Museum.  Francisco Alvarez on the front. Corbin Burns Technicolor. We've got Hunter Green, uh, Prism. And a Refractor Mad Max. Had his first start for, uh, the Rangers today. Old Mad Max. I think it went pretty well. They won. So that must go pretty well. Technicolor Gunner. Titan Soto, uh, Jimenez Refractor. Throwback Gorman rookie. Got Otto. This one is Steel Walker. Burlander's going to be fired up. He's going to be back down. He's playing some good ball for them. He's on two damage at the thing. He's got a Morrell. That's the thing is, like, neither of those guys were playing that well, but like, change of scenery, something like that can just turn you around quick. Real quick. Like, neither of those guys were lighting it up, but they're both have more than the ability to. Oh yeah. There's Josh Young Rookie. That guy is going to be our wave to 75 for the Rockies. Titans Jram, Dalton Varshow. Yeah, they're that, that tier of pitcher where it's like, it doesn't really matter what they're doing now. Zeke Otovar is about what they can do. Jeremy Payne, your president, especially in the playoffs, when they're comfortable. They've been there before. One championship before. I wouldn't want to be a pitcher freaking in the game. One of a World Series or something. I'll be shaking. I'm not trying to screw this up, man. Oh, nice one there to 350. Anthony Volpe. Nice hit Yankees on the fuchsia speckle. Nice Volpe there. Josh Bell Prism. Refractor Yelly. I wonder who the favorite for the championship is now, for the World Series. I bet probably the Rays and Red Sox even. The tie. It's a Prism Torkelson. And a Sean Murphy. I'd imagine it has to be the Braves or the Rangers. This is Otto. It's going to be Cody Thomas, the 250. It's going to be Michael Otto for the ace. Yeah, Nicholas. We had the internet go down for a minute. So we had to restart the stream. We lost the internet for a minute. Future Stars, George Kirby. Prism, Mackenzie Gore. Lemakie. Yeah, I think you're right. I think the Rays are the favorite still. Good call, Sean. Future Stars of Riley Green, rookie. Go Huskies. Titans Harper and Mike Trout.  I've heard of the yips in general. I don't know about golf. You got the golf yips right now. Bad dude, I played today. I don't even want to ever go out there again. Gordon Walker rookie. Oh man. It was bad dude. Tigers and Otto Esther Ruiz to 499. Was it just like shanking things or hitting them hard and talking? I think a little everything. Downs. It was just bad dude. It was just a bad day. Yeah, I haven't played since last time we took on Donny. That was a bad day for me. We got worked. Prism rookie Nolan Gorman. O'Neal Cruz rookie. I'm going to be here and say that. Last box here guys. This one was Hobby and Jumbo 8 box number 15. We'll get Finest and Finest and Tribute mixer going next. Volpe and Carol. Nailer Technicolor. Prism Blackman. Cal Raleigh. I don't know if he is right now or if it's tomorrow but he is about to be, yeah Dean. I usually work Thursdays anyway but there's a Michael Harris rookie. I think he's leaving tomorrow. There's ShortPrin. Nice one there. Tigers Riley Green. That'll work. Does he work in the morning? I think so because it's me and you in the night. There's no stream in the morning. I think he's off. Bryce Harper Technicolor. One more day before he left. Jordon and Rookie Casas. I'm pretty sure there's no, let me see. No tomorrow starts at five. I don't know. Maybe he's working the shop. Maybe yeah. He's trying to get off a little earlier. There you go Dean. Goodness Dean. Right Dean. I'm not even having to sit next to him. The 499 we got Bryce Derang. All night long. Brukri Rookie out of there. Nice refractorado. Loriano. Where's he even going? I didn't even ask him. He's going to NOLA. Oh yeah you said that right. It's going to New Orleans. Adley Brushman rookie. First birthday. Oh boy. There's Casas rookie. Sean deserves the medal. Four days off the following week for my birthday. So I'll be alright. I'll be alright. That's red. Come on. Come on man. It is red rookie. Gerard Incarnacion. Nice one there Marlins. One out of five. That is clean looking man. Well Mag, this one Marlins. One out of five rookie Incarnacion. That is very clean looking card right there my man. That's Gabriel. Gabriel. Gabriel with the red true rookie. That is clean man. Jock Peterson prism. Very clean. I like a good red. I do like a good red. You drink wine? Yes. To 350 Zach Wheeler. Prism Molina refractor liberator. I don't even know the last time I drank a bottle of wine. Dude it makes me sweat. I think there's a cruise too. I think that was the last time I drank. It was like anything. We don't have any beers. Anything they had man. I want a Cabernet. Bobby Whit prism. Luis Ortiz refractor. I got no idea. I'll take a red. That's about as much as I know. My sister's a soul one. That sounds right. Whatever you said. Future stars Michael Harris. Prism Crawford. Bar taco. Oh okay. Doing all the... Making that dope. The wine tasting is like wine. We're tasting what? Masataka rookie. We're all in place today of course. Yeah we're... Yeah it's a nice red and he goes you drink wine? No. Rookie Lennon Sosa Auto. I know this guy drinks wine right here. I've been drinking everything I could find. This guy could do work right here. I could put away some food. Every two to four hot dogs. Four hot dogs, three beers. Yeah. That was the light work too. I also had to play to food with the pork and all the other stuff. Tight and sour. Cody Clements. What did you eat at the game? The first plate was pork tenderloin. I had what was it like asparagus or something? There was potatoes. And what else did I get or something else? I ate that and then I had a beer. And then I got two hot dogs. Josh's young brother. Some beers. Two more hot dogs before we're left. And I wanted to get cookies too. Of course. We were tearing that. The French toast one is insane. I'm not doing that no more though. The French toast is insane. My fridge is full of vegetables and fruits. Come on man. And Otto, Tommy Henry to 199. Aqualava. French toast cookie is healthy. You had to do the detox. I didn't drink like a ton. But drinking every night is what gets you. Luba. I wasn't doing alcohol abuse. Like some people. It was like my first time. Some people man. I was sucking everything down man. I wasn't even going with mixers. Use a fork? And then Sosa. Steelwalker auto. Cal Stevenson. Tovar. Weimer auto. We got a terrain for the brew crew. Ruiz. To 199 we got Tommy Henry. To 250. Cody Thomas. To 99. Mark Apple. And...


Welcome to the FACE CTS Learning Series, Chapter 2, Environment Setup and Installation for CentOS 7 and Windows 10. In this chapter, we will explain the download, prerequisite setup, and graphical user interface launch for both CentOS and Windows versions of the CTS, as the installation process for the CTS is different for each operating system. Each chapter will be divided into individual smaller videos for easy identification and navigation of information contained within the chapter. An exact list of topics provided in each chapter is shown. This concludes the introduction. The next video in the series is entitled CTS Download and will detail the location and explanation of downloadable files in relation to the FACE conformance test suite.