Sunday 20 May 2018

A simple improvement to nomoremarking.com judging

I haven't blogged for over five years! Oh well, here goes...

At our school we've spent the last year or so working on assessment. Following lots of training, discussion and debate each department has written their own, subject-specific policy which we believe will be more effective than the previous, generic whole school policy, whilst removing pointless marking workload.

Several subject areas have been using comparative judgement as part of their summative assessment, including the Computing department (my subject). I'm a big fan of CJ, and very grateful to NMM for providing a free service. However, when you're judging a large number of scripts, and they are longer than a page (ours often include screenshots), it's time-consuming and sometimes painful to scroll back up to the buttons at the top. It would be much better if the buttons were just pinned to the top of the screen when you scrolled.

I mentioned this on Twitter a little while ago, but so far there hasn't been any change to the buttons, so I've found a workaround and I'm sharing it here in the hope it benefits others. It only needs to be done once, then it just works whenever you fire up a judging session. It doesn't work for the number of judgements or the time taken. Although I'm sure that could be sorted with a little more time I find that I don't need to look at them regularly.

1. Use Google Chrome.
2. Install the extension Stylus to allow you to edit the styling (CSS) of websites you visit.
3. Start a NMM judging session.
4. Click the Stylus icon in the top right of Chrome and choose "Write style for ..."
5. Copy the CSS code below and paste it into the new tab containing Stylus.

div.row button#btnLeft {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 15%;
    height: 32px;
}
div.row button#btnRight {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 15%;
    height: 32px;
}
div.progress {
    position: fixed;
    top: 32px;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 5px;
}
div.col-sm-6 {
    position: fixed;
    top: 0px;
    left: 40%;
    z-index: 999;
    width: 20%;
    height: 32px;
}


6. At the bottom of the page, where it says "Applies to" make sure the code will apply to any page starting with https://www.nomoremarking.com/judges/judging (you have to click "Add").
7. Click "Save" in the top left corner.

8. Return to your judging tab/ You should still see the buttons when you scroll.

I hope that saves someone somewhere a little time and reduces scroll wheel RSI! If anyone with better CSS skills than mine can select the whole top row please let me know...