I like how the colors and images reflect the nature of the different days of the week.

Aaron: My Work Schedule

About the Design

7 Pages Designed
7 XHTML pages
1 CSS Style page (7 styles within)
Cut, Pasted, Edited Javascript

view | case study | live site

The Project Briefing:

I wanted a site that would contain:

  1. (1) my schedule for a normal work day (teaching English classes in Korea),
  2. (2) would have a to-do list,
  3. (3) a reminder of where I left my bike,
  4. (4) the weather for the day (I hate being caught in the rain when I ride my bike to work),
  5. (5) automatically select the day of the week and display that page,
  6. (6) have a count-up day timer from a certain point,
  7. (7) would be able to save information in my to-do list, or bookmarks in a way that I could use them from anywhere: a Mac, Windows, home, work, or an Internet Cafe.


Taking Care of Business

To deal with (7) I started to investigate Del.icio.us and registered there, and I’m pleased with the service (although I still sometimes have to remember to use it instead of just emailing myself links).

Numbers (2), (5), and (6) were accomplished by finding and using some Javascript code from Dynamic Drive and although I didn’t fully understand everything, I knew enough from my background in Computer Science to be able to change and edit the parts I wanted to play with.

For the weather (4) I used Accuweather (since they do International cities too -> I think weather.com only does US cities).

For my schedule of teaching (1) for a normal work day, I wanted some kind of accordion that would function and open to display my teaching responsibilities when I clicked on the class name. After much searching, I found something that used CSS and Javascript to work.

For the reminder of where my bike was (3), I investigated cookies and decided to use a cookie in connection with some dynamic Javascript code from Dynamic Drive again to make that work. It would automatically ask where my bike was when I loaded the page, and would dynamically update the location anytime I chose to change it.

In addition to all these things, I had wanted to keep track of a Bible-reading plan I made, and I thought it would work best in a database like MySQL and PHP (just from what I’d read), but I still haven’t had time to work that all out.

For the actual page layout itself, I found and downloaded a really good looking table-based layout template and a similar CSS template that I used together and “morphed” into one. I changed the color scheme for each day of the site using the different settings for Accuweather’s client and Color Scheme Designer online.

Check out the actual final result! -> (once I re-put it up on my new homepage)