Since 2021, the BC Tempelhof (badminton club) decided to stream their team matches on Youtube. To allow the online-viewers to see how the current game score is, I’ve developed a first draft of a live scoreboard. This scoreboard was solely used as information display system for the live-streams.
After some rework and gathering feedback, I developed the second version of the scoreboard. It featured several new things such as a better UI and UX as well as the possibility to show the current score behind the field as a reference for the players. Furthermore, the current server and receiver are visual distinguished such that no confusion can arise while playing an intensiv match.
Current development plan
The v2 is implemented using plain HTML for the frontend and Typescript for the kind of „backend„.
The ultimate goal is that the frontend is implemented using React, while a suitable backend is implemented, using Typescript or kotlin/Java.
Progress
The scoreboard frontend is under constent development (sometimes faster, sometimes slower).
After a lot of iterations, bug fixes, and feedback loops, the scoreboard screen is kinda finished. The plain HTML page is completely replaced by react. The user experience is much better because the user is now guided through the process of setting up the game on the court.
Additionally, because this scoreboard is developed to be used for matches with two games on two different courts simultaneously, the user can see the score of the other game in the upper left corner as well. Hence, no need to bend over to look at the other monitor.
All games that need to be played (based on the BVBB – Badminton Verband Berlin Brandenburg rules) can be pre-configured inside the setup interface (web/setup). The games are first men’s doubles, second men’s doubles, women’s doubles, mixed doubles. First, second, and third men’s singles and a women’s singles. In total 8 games, 4 doubles, 4 singles. The transformation from HTML to React for this interface is currently under its way and not finished yet.
To keep spectators up-to date, a standings user interface is available. This shows not only the scores of the different courts, but also the overall standing of the game.
The Scoreboard can be easily be setup and used. The necessary equipment depends on your use-case.
For complete usage of the system, you need two larger monitors for displaying the game score and the server and receiver behind the courts, two tablets/smartphones to manage the game on one court each, and maybe an additional laptop to manage the whole team match. But you can use one of the tablets for it as well.