Disc Golf Tournament Tracker

Introduction

This is a proof of concept for a tool to document and animate the progress of a disc golf tournament in real time. Note that no effort was put into making the site look good.

The idea is that someone who is on the course can record what is happening, upload it to a web site and those sitting far away at home can get up to date animation of what is going on.

To use this web site, you must first Register Players -- up to four players per group.

Then go to the Input Throw Data and define the throws. For the throw in which the player gets it into the basket, click on the "In Basket" button. This adds the basket location coordinates and saves the data to the database.

To see the animation, go to Show Animation. Each push of the Go button advances the animation by one throw. Place the cursor over a disc during the animation to find out who threw it and the throw number.

Technical details

• In order to use the setTimeout() JavaScript method to do the animation:
• The call to the regressive function that has setTimeout() must be the last command. Otherwise, the next command will run immediately, with potentially unexpected results.
• You must lock out the user from doing anything else during the animation.
• It is possible to use a home-made "delay" method (that just loops until a certain amount of time has passed) instead of the setTimeout(). Although not as elegant, it might be a better way to go in this application.
• If using the selectObject.add(option) method to add options to a dropdown list (player names, for example), you must put it in a try()-catch(). Firefox and IE have implemented the selectObject.add(option) method completely differently.