Jenkins User Experience Special Interest Group, 12 May 2021

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Jenkins UX SIG Meeting 12 May 2021

Description

Jenkins user experience special interest group meeting May 12, 2021 with topics including pull request viewing project by Simon Symhoven, Bootstrap 5 migration and the chart controls by Ulli Hafner

A

Welcome everyone: this is the jenkins user experience special interest group. It's may the 12th 2021.. Remember that we abide by the jenkins code of conduct so proposed items on the agenda. For today I was hoping to hear uli from you on the the work that simon's been doing. If you'd be willing to do a brief status report, would you be willing to do that on the agenda? Yeah? It's okay!

A

Thank you and then the bootstrap five migration had been discussed two weeks ago. Would you be okay, talking about that as well? Julie, yeah, anything you're, fine as well all right and then I have bad news on this one that I'll share when we get there and multiple pipelines for a single branch, any other damian. Are you? Okay, with that topic still being on the agenda?

A

Okay, any other topics that need to be added to the agenda.

A

Hello, hello, oleg thanks for joining all right. So oh yeah! Yes, we are uh so julie. If you want to go ahead, I'm going to take notes and we'll let you share how simon's work is proceeding and sort of next steps, etc.

B

Yeah, I don't have a demo today, but uh actually we are now implementing the first dashboards and the first dashboard we are trying to implement is in the warnings plugin.

B

So he is implementing this extension point that we can show for each pull request. The number of new warnings that have been created is a little bit positive. So um yeah, you see the new warnings and you can see it in kind of um yeah. It's a pie chart or something like that. We would like to use that visualization, so this is already working quite well, so we are not working with fake data. It's a real data on a real built current and what we've also done. We um we extracted the drag-and-drop dashboard this.

B

I think it's called mori, I'm not sure of the spelling, and I can change it afterwards. So, and this is now an external plug-in, so we can use it in other views as well.

B

So this is one thing I'm would like to do. If I find some more spare time uh to see, if this view concept can be used, for instance, in the build view where we have a lot of yeah boxes lying around, which some are interesting, some are not interesting.

B

So maybe we can use that concept there to rearrange a lot of things, but this is just an idea. I need to make a proof of concept, so this is currently the state um yeah. I think it's all so for this topic. um Maybe there are some questions I don't know from others.

C

For me, another question recommendation is once you have something memorable. I wish the recording of the previous user experience and even though it looked very interesting, my recommendation would be to send a message to the developers managers. I talked about it with the student um in github because we had a follow-up regarding hosting request.

C

So, if we're ready, I would advise to do it rather earlier than later, because it could help to get feedback. Okay and that's fine yeah. The previous, I think, recording already looks pretty good. It's for me.

B

C

Was about acting on that just too many things to handle.

B

B

Yeah, I thought it would have would be helpful to have some real data in it and not only fake data. So.

C

Wait: um let's wait because but yeah my interpretation that uh yeah in late may, until let me people start going to vacation and then it will be much more difficult to get feedback.

B

Okay, that's fine.

C

Maybe it's a bit different in german universities but yeah, you know case late may and yeah. That's it.

B

Yeah yeah, that's fine.

A

Yeah, I I was wondering if there was a if we ought to look at the at the view, count on the compare the view count for last recording compared to other recordings, because I have this. This suspicion that that demo, that you pro that simon provided last time has made last week's meeting much more popular in terms of view count, I may look at it separately after that.

C

Because there was no agenda in the meeting, there was no description. There was no thumbnail attached to the meeting. So if you ask me as someone who manages social media, then this demo hasn't been promoted at all. It is what exactly I discussed with simon but yeah. He didn't follow up on that.

A

And no no dispute that it hasn't been promoted. I was just wondering so now.

C

You've inspired my advice would be to publish to always publish recordings with description, because otherwise nobody will watch them.

A

And in this case it I just did the check it got about twice the number of views of a typical ux sig meeting, even without promotion. So.

B

I got even feedback personally about the new dashboard and that's already quite fine.

A

B

A

Great uh uli, you want to go ahead with the state of bootstrap five.

B

Yeah, um okay, yeah bootstrap five is now officially released, so the javascript uh libraries I integrated it in a plug-in and released the plug-in it's now available in the update center and yeah plugins could already use it.

B

There is one missing missing link, which is the data table support, because I'm also using a data tables on the javascript site to show my warnings, for instance, and this libraries has not yet been ported to bootstrap five. So if I would release everything now, it would look a little bit weird, so I'm still waiting for the data tables library to get up to bootstrap five and in all my plugins I have a pull request which use the new features and everything is looking quite fine.

B

So um maybe I can show you some details if I can share my screen if it makes sense. So let me see I share the screen.

B

Okay, I think I take the whole screen so.

B

um Okay, now you should see my jenkins instance. This is.

B

Right, no, yes, we can see it. ah Okay, sorry! I I I don't see the pictures anymore, because, okay, so uh what I've? Now? What I've done now I I'm using a bootstrap 5, for instance, on the top view here where we see all these trend charts and I try to make these trend charts configurable, because currently they are just there is no user configuration available and what I've done now is I'm using uh here.

B

You see this configure button for each of these charts and if you press the button, I'm now creating a configuration dialog for the trend charts, so you can, for instance, say: okay, how many bills I would like to see in this trend chart and you can save it and then all are the trend. Charts are generated in a new refresh hx call.

B

So it is now possible to you know, to redraw these charts and to configure this chart, and one thing I want to add is so you can choose which chart you would like to see, etc, and in order to do it, I'm using some bootstrap components which yeah make it quite easily to develop user interfaces. On the client side, so let's see another example.

B

Sorry, this one is, for instance, one of the warnings, the trend chart, and here you can also navigate and now configure the trend chart and make some ins things which make sense, for instance, if you want to see only a few bills or you want to see all bills etc.

B

So this is working quite well and yeah, let's see so the only thing what is not working is, for instance, here these data tables. You see here we have this select box. It looks a little bit weird currently because it's not yet ported to bootstrap file, but everything else is working and hopefully I'll get everything done in the next two or three weeks.

B

This will make a user interface on the client side much easier. I think so yeah. I think yeah that do you have any questions on this topic, so maybe one sentence. uh What maybe makes sense is we discussed this, I think a half year ago already, if it would make sense to use bootstrap a little bit more in jenkins, because I think we are inventing the wheel again and again and trying to you know, make user interfaces based on our own components and yeah.

B

Maybe it would make sense to use such a framework, which is solid, proven in a lot of web pages a little bit more, so it's quite easy to use it and to yeah all my views in my warnings. Plugin are using bootstrap, for instance, the cards etc, and it's quite simple to use it and to make a user interface, which is a little bit more appealing than the standard in jenkins.

B

A

Is something I.

B

Want to yeah push forward.

A

And you said that data tables support is needed is that from the data tables project that you'll, you need to wait for that, or is that something that's.

B

A

That need to be made in our code or.

B

No, it's something they they need to change, because the css files are only ported for or are only available for, bootstrap, 4 and- and this is an open source project project so yeah. We need to wait.

B

I can release it currently, but it looks since yeah. It's not really a real bug, it's, but it's not looking so fine as it could.

A

Yeah, what you were showing looked looked quite usable. It certainly didn't look any worse than many of the other components that we under the with which we interact. So so it's it's not that the the non-support of bootstrap 5 by data tables breaks the user interface. It just doesn't render as nicely as you would like it to.

B

Yes, it's just the css files which need to be adapted because some attributes changed and now yeah, but everything else is working out of the box. So are there any other questions.

A

That's excellent great work. Thank you. Thank you. So much.

C

A

So next topic- I had was my being being here to share the challenge that I proposed to do a dev environment setup session, with uli sharing how he does online setups for for or how he does setups for his students so that they can become contributors much faster and much easier. Unfortunately, my schedule has has become overloaded and I'm just not going to be able to do it. I would love for others to be willing to host it. Uli. Are you still? Would you still be okay with doing one of these sessions?

A

My apologies for being so so long in in not getting this proposed, not getting an abstract proposed or anything. For me, it.

B

Is really fine because I already said to you that my time limit currently is really tough as well, because the yeah the semester is ending and I need to prepare the exams et cetera. So.

C

No meet up for now right.

B

Yeah, it would be okay, so, okay, great.

C

Okay, then I will disconnect, but just in case we unbox more uh event hosts. So if somebody wants to make a presentation, we have a new camera event hosts and we can balance. This will work. So any topic is welcome, um especially if you want to organize a small meet up or just for practice.

C

You can do that and I have to run great thanks.

A

Thanks all right: okay, then damian. We had this ongoing topic with multiple pipelines. Anything you'd like to share there.

D

Yeah, no, I didn't have much time to to get into that topic. Ls right.

A

Thank you any other topics. We should be reviewing roman anything from you that we need to be aware of.

D

Not really, I just was showing here just to see what you guys were discussing and and see if I can contribute something, but uh nothing special to report.

A

All right, thank you. Well, thanks for being here thanks, very much julie. Thank you as well. I think we've reached the conclusion of today's session. I propose we end it and we'll continue our separate conversations in getter and email. Okay,.

D

Sounds good good to see you all bye-bye thanks. Everybody.