Using the LADD Roller Derby Scoreboard

Annotated scoreboard

Quick Guide for the Impatient

Getting Started

Scoreboard startup

When you first load the scoreboard, it will reset to some default values. You can begin using it right away if you like, but you will probably want to change the team names and logos first. Until you start the first jam, and during timeouts, almost everything on the screen can be edited by clicking it.

Set up team names and logos

Scoreboard with team names

Click on a team name to change it, then click a team logo to provide a URL for that team. You can copy and paste the URL of any image you find on the Internet, but it's probably best to download images to your hard drive so that your scoreboard doesn't depend on an Internet connection to operate.

Adjust period clock and period number

The period clock defaults to 30:00 the first time the scoreboard loads, but will use whatever value it last had from then on. If you want to set the period clock to something else, click it and type in the new time.

You can also click the period indicator to change from Period 1 to Period 2.

Adjust team scores

Clicking on a team's score brings up a dialog box to adjust their score.

Put the scoreboard on the projector

When everything is set up the way you want it, drag the browser window to whatever screen is being projected, and make the browser full-screen (usually the F11 key, or in the View menu).

Running a bout

Scoreboard with team names

The scoreboard was designed to be easy to operate with the keyboard: you can just hit space bar most of the time, with "T" for timeouts, use "A" and "B" to award points, and "Shift-A" and "Shift-B" to deduct points.

Starting a jam

When the ref signals the start of the first jam (one short whistle), start the jam timer by clicking on it, or typing Space Bar or "J". You're off! The state indicator will show "Jam" and the jam timer will count down from 2 minutes.

Awarding or deducting points

To award points to teams, click on the team's score or type "A" or "B". You can award points during a jam or between jams.

To deduct points, click on the team's name or logo, or type "Shift-A" or "Shift-B". Points can be deducted during a jam or between jams.

Ending a jam

Scoreboard between jams

When the ref signals the end of the jam (four short whistles), click the jam timer again, or type Space Bar, "R", or "L". The state indicator will show "Rotation" and the jam timer will count down from 30 seconds.

Timeouts

Scoreboard during timeout

For any timeout, be it a team timeout or official timeout, click the period clock or type "T". This changes the state indicator to "Timeout", pauses the period clock, and makes the jam timer track how long the timeout has lasted by counting up from 0.

Team timeouts are only supposed to last one minute. It's the referee's responsibility to signal the start of the next jam, and the period clock shouldn't start counting down again until this happens.

Making changes during a bout

If you need to adjust the period clock or make major adujustments to team scores, you must first enter a timeout by clicking the period clock or typing "T". When in timeout, the procedure for making changes things is the same as during setup.

If the browser exits

Shit happens. So every second, the scoreboard saves its state to the browser's long-term storage using the HTML5 localStorage object. The following information is stored, and will come back the way it was when the browser exited:

It is a good idea to verify that your browser actually stores this information around before you run a bout, by starting a pretend jam, exiting, then re-opening.

Customizing the display

The scoreboard is written in HTML5, CSS, and JavaScript. If you'd like to try your hand at graphic design, feel encouraged to do so. Just remember to keep the onclick and id attributes in elements that have them, and everything should continue to work.

If you come up with a new design, or code improvements, I'd love to see it!

If you have problems

If something goes wrong, please email me (link below) with as much detail as you can remember, and I'll try to fix it for you and everybody else. For example:

I clicked the period timer during a timeout and the Team A logo turned was replaced with a photo of a burrito.

Enjoy!

Neale Pickett <neale@woozle.org>