TA Puzzleday (1/2)

behind the scenes


📅 may 21, 2024


Welcome to part one - you can try the puzzles yourself in part two!

background

Once upon a time, I was a program coordinator and summer lecturer for the UW CSE introductory teaching program. The group was quite large, with over 80 teaching assistants. We occassionally held events to build community (morning hikes, annual field day, etc). After attending Microsoft Puzzle Hunt and Google Games, I wanted to plan something similar - so I solicited some help from fellow TAs Chadi Moussi, Alex Vrhel, and Melissa Hovik. We wrote CSE-themed puzzles, developed a simple submission website, and hosted ~10 teams for a friendly competition in May. This was one of my favorite TA events, alongside the Alumni event held later that year.

This post describes how the event came together. The puzzles themselves are published in part two - so if you're a current or former TA, or anyone who likes puzzles, you might enjoy!

event software

I developed a simple webpage for teams to submit answers during the event. The original site was hosted on my student web server at UW, which is long-gone. So for this blog post I dug up the source code and made a GIF:

The website was written using PHP, MySQL, and JS. The database looked something like this:

This wasn't perfect (example: hacky password handling), but worked fine for us! Some other logistics:

team building

We created a sign-up sheet and encouraged TAs to create groups. Here were their team names:

building excitement

In the weeks before the puzzleday, we made a Facebook event & started posting:

preview puzzles

We shared some puzzles early that revealed event details. For example, to announce the location, we shared the following website snippet with everyone (solution below):

The event will start at 9:15! We're excited to see you.

Click me for solution The solution was room EEB 303 (now renamed ECE 303), which Pim (beloved UW CSE course coordinator) helped reserve for us. When coding websites, the bright orange background is produced by setting background-color: #EEB303(more info here) You can find this by using a color eyedropper on the screen or inspecting the source code (right-click -> Inspect).

friendly instigation

I asked the teams to share friendly trash talk before the event - and we had fun spreading screenshots around on the event page. Here are examples:

the outcome

The event went really well. After tallying points, we made a powerpoint enumerating all the team logos before sharing the winners:

We got some nice pictures - I ran a few through drawingbotv3 to share the general idea without posting originals.

Thanks for reading! You can find other posts and contact info here.