Building workout journals

I have started coding workout journals. The feature is quite large and will take couple of months to get done. Here are the basic features that will be in the first release:

  • Workout routine pages will get a new tab called Journal
  • Workout journal page will contain a graph that initially displays the total work done for each workout (plus the total amount of work done in the workout routine)
  • In practice this means that if you have a workout routine that contains three workouts, you will see four lines: one for each workout plus a line that visualizes the total work done in the workout routine
  • Above the graph will be a dropdown menu where you can select exercises (that are in the workout routine) and display their total work

Screenshots:

Update 1 (on 26.3.2012): Got a simple graph styled:

It’s done using flot – Attractive Javascript plotting for jQuery

Update 2 (on 18.4.2012): Things are starting to look good!

I’m able to now input (and delete) entries and the data is drawn onto the graph. There’s a table also below the graph that displays additional information about the entries. I also added my comment module to the page:

Update 3 (on 20.5.2012): Almost there!

All of the most important features are now ready. I still got around 6 tasks to left, including handling the changes done in the workout routine, since they should somehow be reflected to the workout journal also.

Here’s what the workout journal now looks like:

5 thoughts on “Building workout journals

  1. I got now real data on the graph :) Flot was quite easy to configure to read JSON from a rest interface and populate the graph with that data. I’ll be adding more screenshots soon.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>