Introduction: Building IllyClock - Arduino-based Alarm Clock in a Coffee Can

The purpose of this project is to build an alarm clock similar to the one presented in the video below.

Beside the enclosure, the original feature of IllyClock is showing the time in colors: 3 hours before wake-up time, color changes from green to orange; 1 hour before wake-up, the time is shown in red. One can estimate how much sleep is left just by squinting at the clock.

Parts you will need:
- Illy coffee can (250g); chosen because it is easy to find, has a screw-in lid (for ease of access to internals) and it can nicely accommodate two medium size LED matrices on top of each other;
- Wiseduino kit (buy here): this is an Arduino clone with a real time clock chip (DS1307) and an EEPROM (24LC256) on board;
- dual bi-color LED matrix shield kit (buy here).

These are the five major steps in building this project:
1. assembling Wiseduino;
2. assembling the LED matrix shield;
3. programming Wiseduino with the provided software (open source, downloadable);
4. preparing the coffee can as an enclosure (cutting the display opening in the coffee can, drilling the lid for the rotary encoder);
5. install the electronics.

Step 1: Assembling Wiseduino

Wiseduino is an Arduino clone which has real time clock (DS1307) and EEPROM (24LC256) on board.

a. Start with soldering the IC sockets. Make sure their notches match those on the silkscreen, so the correct orientation of the chips will be easy to identify later, when the chips are inserted.b. Solder the battery holder. (photo 2)c. Solder the power connector, then the 6-pin angled male header (used as FTDI connector).d. Place the micro switch on the pads and solder the middle terminal, so that the switch's lever sticks 1mm out of the board. After the micro switch is positioned properly, solder the other 2 terminals. (photo 3)e. Solder the 4 resistors, placed vertically. They all have the same value (10K), so there is no possibility for error.f. Solder the 4 capacitors. As well, they all have the same value (100nF).g. Next solder the 16MHz resonator. Its orientation is not important.h. Insert the small cylindrical crystal (32768Hz, used by real time clock chip). Bend its terminals so that the crystal is parallel and close to the board, then solder it. (photo 4)i. Break the 40-pin female header into four pieces: two 8-pin headers and two 6-pin headers. This should be done by removing one pin between each two pieces, then cut (more like crush) with a wire cutter along the empty space.j. Position the headers into their right places along the sides of the board. Turn the board over and let it sit on the headers, making sure they are perpendicular to the board. Now solder all four headers. (photo 5)k. Solder the transistor, placing it to match its shape on the silkscreen.l. Insert the 3 chips into their respective sockets, paying attention to their orientation. Their notches must match those in the sockets (whose notches should match those on the silkscreen).m. Insert the coin battery in its holder.

At this point Wiseduino is assembled and ready to be used/tested. It should look like in photo 1.

Step 2: Assembling the Dual Bi-color LED Matrix Shield

IllyClock displays the time on a 8x16 LED matrix, made by putting together two 8x8 bi-color, medium size, LED matrices. The LEDs are driven by shift registers controlled by Wiseduino.
The display itself is an Arduino shield, which can be also bought here as a kit.

Here are the mini-steps required to assemble the "Dual bi-color LED matrix shield":

a. insert and solder the IC sockets, making sure their orientation is correct (their notches match those on the silkscreen) (photo 2);b. cut four pieces out of the 40-pin male header: two 6-pin and two 8-pin; plug them into the Wiseduino extension headers, then insert the shield on top and solder these male headers to the shield (photo 3);c. solder the four 12-pin female headers, making sure they are perpendicular to the board (photo 4); LED the matrices will be plugged into these later;d. solder the 32 resistors (photo 5);e. solder the 4 decoupling capacitors (photo 6);f. insert and solder the transistor array chip (ULN2803); pay attention to its orientation, so that its notch matches the one on silkscreen;g. insert the shift register chips (74HC595) into their sockets, again paying attention to their orientation (photo 7);h. lastly, insert the LED matrices into their connectors; their pin numbers are hand-written on the back, so make sure these pin numbers match those on the silkscreen.

In the end, the assembled LED matrix shield should look similar to that in photo 1.

Step 3: Programming Wiseduino (uploading the Sketch)

Step 4: Prepare the Coffee Can Enclosure

This is where we transform the coffee can into an enclosure.
The work consists in:

a. cutting an opening on the side of the can for the LED display;
To draw the lines that need to be cut in the metal can, first prepare a paper rectangle matching the dimensions of the LED display. Place this template over the side of the can, and follow its shape with a marker. Next, use a dremmel tool to cut along the lines. After this operation, the edges will be sharp. Stick some electric tape over them.

b. drilling a hole in the lid for the rotary encoder;
Use a 5/16" drill bit, which is just a bit thicker than the "shoulder" of the rotary encoder. Drill a hole in the center of the lid.

c. drilling another hole on the side, close the the bottom, for the power cable;
Chose a drill bit which is a tad thicker than the USB cable you have. Drill the hole at the base of the coffee can, opposite the opening for display.

d. drilling a few more holes for the speaker.
Optionally (if you want to have a functional buzzer for alarm), drill a few small holes for the speaker/buzzer. Think well about their positioning, since the speaker will be placed in the can behind these holes. A good place could be close to the bottom, about 60 degrees from the hole for the power cable.

Step 5: Install Electronics

This is where we enclose the sub-assemblies (boards, parts).

Before that (optionally though), we should install the rotary encoder on its own little board. As shown in photo 2, I used a piece of leftover perfboard, where I also soldered a female header, as a way to connect the wires going to the shield (inputs from the rotary encoder).

Other things to do are:

a. Mount the rotary encoder in the lid.
Insert the shaft, screw the nut on the outside, then attach the knob to the shaft.

b. Make and attach the power cable.Whatever USB cable you have, cut the connector opposite to the one that plugs into the computer; insert this end of the cable into the can through the special hole drilled in step 4.c. With the USB cable inserted, solder together the red and black wires, respectively, of the USB cable and the JST cable that comes with Wiseduino. Insulate the 2 wire connections with electric tape.

c. Insert the boards.
Plug the LED matrix shield into Wiseduino, then insert the 2 boards into the can, aligning the matrices with the opening. Once in place, insert a kitchen sponge behind the boards, making sure it pushes firmly against the can. (photo 1 and 3)

d. Attach the speaker/buzzer (optional).
Place the buzzer behind the set of holes drilled in step 4.d. Stick the buzzer to the can with electric tape.

Updated Aug 7/2010

Photo 4 shows how to connect the 5 pins of the rotary encoder to the male header.
Essentially, the 3 center pins of the header are soldered to the 3 pins of the rotary encoder. The outer 2 pins are soldered to the encoder's button.

Photo 5 shows how to connect the rotary encoder to the board. Follow the colors of the wires to identify which rotary encoder pin goes where. Basically, the LED matrix board was designed to have an infrared receiver and a button on it. The rotary encoder itself "replaces" the infrared receiver. Thus, (any) two of the middle pins of the rotary encoder are connected to the leftmost 2 holes for the infrared receiver.
The encoder's push button (the 2 outside wires) is connected to the placeholder of the micro push button.
Notice that one wire (out of five) from the encoder is left unconnected.

Step 6: Use It

The attached image shows the state-machine diagram for the IllyClock. The "stable" (main) state is "show current time". From this state, by pressing the knob in different ways (once, twice, or prolonged), various states are entered, as shown.

This is really cool. I like the idea of the different color LEDS as visual cues.

I have been trying to figure out how to build a countdown timer using RGY LEDS for visual countdown timers. The increments would be in 10 second intervals, minute intervals and 5 and 10 minute intervals with the ability to add individual minutes or 5 or 10.

The idea is to have a timer that no matter how much time is started with will put up all 3 colors. So that the green ones go out first, then yellow then red and then flashes at 1 minute remaining.

How difficult is that to build? It is for a psychology project.

Your clock rocks! Have you considered putting a rheostat control to increse brightness of the LED so at a predetermined time the LEDS get brighter, like the sun coming up? I'd buy one!

I really like this project. State diagrams are a brilliant way of showing the clock controls. So many instruction manuals could be halved in size if the manufacturers used them. Are the displays really that pastel shade or is that just the video?

Dude, Hella-Awesome! I might undertake one with a crazy loud buzzer, since my current alarm (regular clock radio + cell phone) is proving not loud enough on those especially sleepy mornings. And I like the DIY look of this--very sleek in th coffee can! Nice work, and well-engineered!