The basic schematic is derived from: http://www.arduino.cc/cgi-bin/yabb2/YaBB.pl?num=1187962258/
Step 1: The Schematic
Note that the DIN connector on the left side is seen from the back (solder pin-side).
Step 2: Board Layout, Parts List, Etc.
Resistors (1 piece each): 220 Ohms, 100 kOhms, 3.3 kOhms
5 PIN DIN connector (MIDI connector)
2 pinheads 1x8
1 pinhead 1x4
1 pinhead 1x6
It will also work with other Optocouplers (e.g. a 4N35, I used a 4N29)
Attached are the necessary files for etching the board and the eagle-files if you want to make modifications.
Step 3: Production
A very good how-to (that actually worked form me unlike many others) for etching the board can be found here: http://hackaday.com/2008/07/28/how-to-etch-a-single-sided-pcb/
If you are a noob like me and want to modify the board in eagle then try these instructables:
Soldering the pinheads upwards down on the board so you can directly put it on the arduino is a real pain in the ass. I rasped a head of my soldering iron so that it became small enough to do that job. let me know if you have a better solution.
For this board I used a DIN connector that can be soldered directly to it. If you want to use another one be sure to connect the pins with the numbers on the board to the according pins on the connector. In the pic here the pins are seen from the back (where you solder).
Step 4: Programming
Newer versions of the Arduino should be smart enough to avoid this by themselves, but it's not that much work to disconnect the shield before uploading....
To test your board I would recommend to use the sketch from here: http://www.arduino.cc/cgi-bin/yabb2/YaBB.pl?num=1187962258/