Jenkins / Jenkins UI/UX Hackfest, May 25-29 2020

Sladyn Nunes will present a prototype of the Custom Jenkins Distribution build service. This service is being developed as a Google Summer of Code 2020 project.

The main idea behind the project is to create service that could be used to build tailor-made Jenkins distributions. The service would provide users with a simple user interface where they can define a Jenkins bundle they want to build: plugins, configurations, etc. Furthermore it would include a solution for sharing created distributions so that users can easily find and download already built jenkins war/configuration files to use out of the box.

References:

* Project page: https://www.jenkins.io/projects/gsoc/2020/projects/custom-jenkins-distribution-build-service/
* GitHub repo: https://github.com/jenkinsci/custom-distribution-service
* Gitter chat: https://gitter.im/jenkinsci/jenkins-custom-distribution-service

This session concludes the Jenkins UI/UX Hackfest. It will happen on June 01, 2PM UTC. Thanks to everyone who contributed to the project during this event, we have delivered a number of important changes which will help Jenkins users!

At this session we will celebrate the key results and achievements, events statistics and the data we have collected during the event. We will also talk about the next steps (swag, feedback, etc.).The session will be held in Zoom Webinar. RSVP to get a link.

References:

* Main Hackfest page: https://www.jenkins.io/events/online-hackfest/2020-uiux/
* List of contributors: https://github.com/jenkinsci/ui-ux-hackfest-2020#contributors

Kezhi Xiong, a GSoC 2020 student, will show a prototype of the new GitHub Checks API Plugin for Jenkins he is working on during the summer project. There will be a demo of the plugin. Then we will take a look at the current design including the basic logic and API design, anddiscuss ways to contribute and provide feedback about the project.

References:
* Project page: https://www.jenkins.io/projects/gsoc/2020/projects/github-checks/
* Plugin repository: https://github.com/XiongKezhi/checks-api-plugin
* GitHub Checks API: https://developer.github.com/v3/checks/

On May 29, 3PM to 5PM UTC we have had demo session where some of hackfest participants presented their demos

Demos:
* Félix Queiruga - Migrating Jenkins config layouts from tables to divs
* Tim Jacomb - Dark Theme for Jenkins
* Oleg Nenashev - Evaluation and Test environments for Read-only Jenkins Configuration and the Dark Theme
* Wadeck Follonier - New Script Security approvals management UI
* Mark Waite, Vlad Silverman - Documentation migration highlights
* Oleg Nenashev, Mark Waite - How to develop jenkins.io locally?

Links:
* Meetup page: https://www.meetup.com/Jenkins-online-meetup/events/270932348/
* Opening slides: https://docs.google.com/presentation/d/1uUwIE2m-krnN3aUPMKQcUTSbwtpeVaO5ZUFrU_MK4sM/edit?usp=sharing

Target audience: Jenkins developers and advanced users. Presenter: Tim Jacomb.

Tim will take us through the System Read permission and the new ‘read-only’ Jenkins UI. We will enable System Read, see what’s available in each of the 3 read-only permissions and then will do a dive into the code, showing some of strategies required for controls to behave in a read-only manner. Then we will try and add system read support to a plugin during the demo.

References:

* Announcement blog: https://www.jenkins.io/blog/2020/05/25/read-only-jenkins-announcement/
* Jenkins JEP-224: https://github.com/jenkinsci/jep/tree/master/jep/224

In this presentation we will show how to use custom Web UI themes in Jenkins. We will take a look at the Simple Theme Plugin and available themes, and then we will configure our instance to use one of the themes. Then we will try to create a custom theme for our instance.

Presenters: Tobias Gruetzmacher, Oleg Nenashev and Tim Jacomb

Agenda:
* Introduction to the Simple Theme Plugin
* How to do a small changes to the UI?
* How to do a bigger theme or to create a new one?
* Jenkins Dark Theme project
* How to contribute to Jenkins themes? UI/UX Hackfest

Slides: https://docs.google.com/presentation/d/19N4B7BXu_Zfw8IDdUAZl_83-jXDAvwWC2KI6BvvNUCI/edit?usp=sharing

Jenkins Is The Way is a collection of experiences from all around the world showcasing how users are building, deploying, and automating great stuff with Jenkins. Alyssa will present the program, highlight some recent user stories and explain how to submit your story.

Materials:
* Program website: https://jenkinsistheway.io/
* Slides: https://github.com/jenkinsci/ui-ux-hackfest-2020/blob/master/presentations/03-jenkins-is-the-way-intro/slides.pdf
* Announcement blogpost: https://www.jenkins.io/blog/2020/04/30/jenkins-is-the-way/
* Hackfest page: https://www.jenkins.io/events/online-hackfest/2020-uiux/

Oleg will show how to migrate a plugin documentation from Jenkins Wiki to GitHub. We will take a plugin and perform a full migration of the docs: initial export, copy editing of the pages, moving changelogs to GitHub releases, creating a pull request to the plugin and finally doing a plugin release.

Materials:
* Plugin migration guide: https://www.jenkins.io/blog/2019/10/21/plugin-docs-on-github/
* Export tool: https://jenkins-wiki-exporter.jenkins.io/
* Event page: https://www.jenkins.io/events/online-hackfest/2020-uiux/
* Migrated plugin: https://plugins.jenkins.io/chucknorris/
* Pull request from the session: https://github.com/jenkinsci/chucknorris-plugin/pull/99

Mark Waite reviews the goals of the Jenkins Wiki migration project. He demonstrates the steps to collect, transform, and publish content from the Jenkins Wiki site to the Jenkins documentation site (jenkins.io). He shares the categories of information on the Wiki and how we’ve prioritized the effort to include that information in the Jenkins documentation. A page is migrated from the wiki. It identifies likely problems and discusses how contributors can resolve those problems.

The session also shows how to report your Hackfest contributions at https://github.com/jenkinsci/ui-ux-hackfest-2020/issues/new/choose .

References:

* Contributing: https://github.com/jenkins-infra/jenkins.io/blob/master/CONTRIBUTING.adoc
* Slides: https://docs.google.com/presentation/d/1fiVoDFrSNTOHsHT4cIqyOIBKYXG0q5zVn_XPue_Khkw/edit?usp=sharing
* Reporting progress: https://github.com/jenkinsci/ui-ux-hackfest-2020/issues/new/choose

In order to improve the look and feel of reporter plugins (like JUnit, Code Coverage, Static Analysis, etc.) it makes sense to use some modern JavaScript libraries and components. This presentation by Ullrich Hafner introduces a few new UI components that can be used by plugin authors to provide a rich user interface for reports in Jenkins.

The following new components are shown in the session:
* bootstrap4-api-plugin: Bootstrap is the world’s most popular front-end component library to build responsive, mobile-first projects on the web.
* data-tables-api-plugin: DataTables is a highly flexible tool, built upon the foundations of progressive enhancement, that adds a lot of features to any HTML table.
* echarts-api-plugin: ECharts is an open-sourced JavaScript visualization tool to create intuitive, interactive, and highly-customizable charts.
* font-awesome-api-plugin: Font Awesome has vector icons and social logos, it is the web’s most popular icon set and toolkit with currently more than 1,500 free icons.

Links:
* Blogpost: https://www.jenkins.io/blog/2020/03/17/ui-plugins/
* Hackfest page: https://www.jenkins.io/events/online-hackfest/2020-uiux/
* Meetup page: https://www.meetup.com/Jenkins-online-meetup/events/270767392/

Recording of the small Kick-off session on May 25, 8AM UTC. In this session Oleg Nenashev introduces the Hackfest, talks about participating in the event and the suggested project ideas. Hackfest page: https://www.jenkins.io/events/online-hackfest/2020-uiux/

Slides: https://docs.google.com/presentation/d/1W0955Bps2MFki1qKX6ewCClV2a0tAgw3RJ1abZUag3Q/edit?usp=sharing

On May 25-29 we will be organizing an online UI/UX hackfest, and we invite you to join this event! The goal is to get together and improve the Jenkins user experience, including but not limited to user interface and user documentation. We also invite you to share experiences about Jenkins and to participate in UX testing. Everyone is welcome to participate, regardless of your developer experience and time you could dedicate. Newcomers are welcome. The event follows the Jenkins is the Way theme and the most active contributors will get special edition swag and prizes!

At this online meetup the organizing team and project leaders will talk about the hackfest and answer questions from participants:
* Hackfest program overview
* Communication channels and events
* How to participate and contribute? How to report contributions?
* Track introductions: “User Interface”, “User Documentation”, “Spread the Word”
* Q&A

Links:
* Event page: https://www.jenkins.io/events/online-hackfest/2020-uiux/
* Registration to hackfest: https://forms.gle/8A4jJwDVCekLp9ER8
* Slides: https://docs.google.com/presentation/d/1wZpEnD6AkIiufNuvzbJZJhj649fBBAXkeQrOnaU8A-E/edit?usp=sharing
* Meetup page: https://www.meetup.com/Jenkins-online-meetup/events/270644129/