Difference between revisions of "Electronic keyboard"

From maker-hub
Jump to navigation Jump to search
 
(49 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
  |Is tv=True
 
  |Is tv=True
 
  |Has name={{PAGENAME}}
 
  |Has name={{PAGENAME}}
  |Has icon=File:mood_lamp_icon.png
+
  |Has icon=File:final_keyboard_assembley.jpg
  |Has icondesc=Mood Lamp Icon
+
  |Has icondesc=Electronic Keyboard Icon
  |Has image=File:mood_lamp_image.png
+
  |Has image=File:final_keyboard_assembley.jpg
  |Has description=Mood Lamp
+
  |Has description=Electronic Keyboard
  
 
}}
 
}}
Line 15: Line 15:
 
[[{{#show:{{FULLPAGENAME}}|?Has icon|link=none}}|100px|left|top|{{#show: {{FULLPAGENAME}}|?Has icondesc}}]]
 
[[{{#show:{{FULLPAGENAME}}|?Has icon|link=none}}|100px|left|top|{{#show: {{FULLPAGENAME}}|?Has icondesc}}]]
  
In this TV, we will be creating an electronic keyboard.  
+
In this TV, we will be creating an electronic keyboard. Each key plays a different note, and it cam be configured by programming.
  
 
== Bill of Materials ==
 
== Bill of Materials ==
Line 44: Line 44:
 
The cad file is sent to a manufacturer, and they send back a board that looks like this:
 
The cad file is sent to a manufacturer, and they send back a board that looks like this:
  
<div style="position:static; transform-origin: center center; top:0px; left:0px; transform:rotate(-90deg)">[[Image:electronic_keyboard_pcb.jpg|500px|degree=270]]</div>
+
[[Image:electronic_keyboard_pcb.jpg|500px]]
 +
 
 +
Using this board, we will assemble the circuit.
 +
This build makes heavy use of soldering, so check out the soldering wiki page: [[Soldering_Irons]]
 +
 
 +
==ASSEMBLY==
 +
 
 +
parts:
 +
 
 +
[[Image:Electronic keyboard parts.jpg|500px]]
 +
 
 +
To start off, let's solder the resistors. There are 4 resistor values used on the board; 10,000 ohms (10K), 1,000 ohms (1K), 100 ohms (100), and 560 ohms (560).
 +
The resistor values are coded by colored stripes on the side of the resistor; the following chart describes this code:
 +
 
 +
[[Image:Resistor_color_code.png|300px]]
 +
 
 +
To solder the resistors, first bend the legs over, and thread the wires through the holes in the board.
 +
 
 +
[[Image:resistor_through_hole_board.jpg|500px]]
 +
 
 +
on the back, bend them out a little to hold it in place, and then solder the connections.
 +
 
 +
[[Image:resistor_soldered.jpg|500px]]
 +
 
 +
Then, clip the leads back to the top of the solder joint
 +
 
 +
[[Image:resistor_clipped.jpg|500px]]
 +
 
 +
Repeat for all resistors.
 +
 
 +
[[Image:populated_resistors.jpg|500px]]
 +
 
 +
Next, let's solder the ceramic capacitors. they are the small 2 leaded yellow parts.
 +
 
 +
The larger one is a 0.1uF value, and the 2 smaller ones are 18pF.
 +
 
 +
[[Image:resistor_and_cap.jpg|500px]]
 +
 
 +
next, there is 1 electrolytic capacitor to add. The larger one on the right isn't used in this version of the circuit.
 +
Electrolytic capacitors are polarized, which means that they need to be connected the right direction. Match the side of the part with the stripe with the white side of the circle on the board.
 +
 
 +
[[Image:board_with_electrolytic_.jpg|500px]]
 +
 
 +
Next up, we have the crystal. Inside this part there is a small piece of quartz, which resonates at 16 million times a second. This is used to drive the system clock.
 +
 
 +
[[Image:More_parts_1.jpeg|500px]]
 +
 
 +
Next up, we have the reset button and the volume control resistor.
 +
 
 +
[[Image:More_parts_2.jpg|500px]]
 +
 
 +
Next, the LED get's soldered in.
 +
LED's are polarity sensitive, so if they are in backwards, they will not work.
 +
align the flat side of the LED with the flat side of the white circle on the board.
 +
 
 +
[[Image:LED_alignment.jpg|500px]]
 +
 
 +
Next, we can solder the transistor. This amplifies the signal going to the speaker, because the processor itself can't provide enough power to drive it.
 +
 
 +
Align the flat side with the flat side of the symbol on the board.
 +
 
 +
[[Image:transistor_speaker.jpg|500px]]
 +
 
 +
Next, we solder in the socket for the processor.
 +
This part has a large number of joints, so make sure it's in right before you start soldering!
 +
On top, one end has a small notch in it. Align this with the matching symbol on the board.
 +
 
 +
[[Image:socket_top_side.jpg|500px]]
 +
 
 +
On the bottom, fold over 2 opposite corner pins to hold it in place.
 +
 
 +
[[Image:socket_corner_pins.jpg|500px]]
 +
 
 +
Making sure it is in all the way, solder these 2 corner pins.
 +
Double check that the socket is all the way in, and oriented right. If it is, solder the rest of the pins.
 +
 
 +
[[Image:final_socket.jpg|500px]]
 +
 
 +
Next, we need to mount the programming port. First, solder the header pins in place
 +
 
 +
[[Image:header_solder_with_angle.jpg|500px]]
 +
 
 +
Note that this part can be tricky to solder straight. The easiest way is to get 1 pin soldered, even if its' crocked.
 +
Then, hold the pins pressing them into the board, and re-melt that solder joint. '
 +
Make sure your finger isn't on the 1 pin that you are soldering to, as it will get hot fast.
 +
 
 +
[[Image:finger_holding_header_crocked.jpg|300px]] [[Image:header_straight_soldered.jpg|300px]]
 +
 
 +
After this, the header should be lined up.
 +
 
 +
Next, se need to solder the USB Serial adapter onto the header pins. This board converts the serial protocol that the processor speaks to usb.
 +
This converter chip is a fine pitch surface mount part, so we have it on a premade board. With practice, it is possible to solder parts this small though!
 +
 
 +
Just like soldering the header, solder 1 pin in place, align the module, and then solder the rest of the pins.
 +
Make sure the board isn't at an angle, because we need to leave room for the USB cable to plug in.
 +
 
 +
[[Image:USB_serial_converter.jpg|500px]]
 +
 
 +
Next, we need to attach the speaker.
 +
Go to the wire cart, and grab 2 lengths of stranded wire, each about 4 inches long. Strip the ends of both using the stripping tool at the soldering station, and then twist the wires together.
 +
Solder 1 end of the wires to the speaker, and the other ends to the board. It doesn't matter which connection goes to which pad, it works either direction.
 +
 
 +
[[Image:speaker_wiring.jpg|500px]]
 +
 
 +
The last thing to solder is a bypass jumper where the large capacitor was. An easy way to do this is to use one of the cut off leads from the resistors.
 +
Fold it into a U shape, feed the wires through the holes, and solder it in place.
 +
 
 +
[[Image:capacitor_bypas.jpg|500px]]
 +
 
 +
Now just add the keycaps, and were done with the hardware!
 +
 
 +
[[Image:final_keyboard_assembley.jpg|500px]]
 +
 
 +
==Software==
 +
 
 +
For the code, we will be using the Arduino IDE. It's on the lab computers, or it's free to download.
 +
 
 +
In the main window, copy this code:
 +
 
 +
[[Media:Tone_arduino2.ino]]
 +
 
 +
under tools > board, select Arduino uno. Then, connect a usb cable from the board to the computer. under tools, make sure that the "com port" is set to the listing in the drop down; this is the device on the other end of the usb cable. Then, select upload!

Latest revision as of 07:59, 14 June 2021



Final keyboard assembley.jpg
Electronic Keyboard Icon

In this TV, we will be creating an electronic keyboard. Each key plays a different note, and it cam be configured by programming.

Bill of Materials

  • Keyboard PCB
  • Keyboard parts kit
  • printed keyboard caps
  • Solder

CAD

My paragraph

For this TV, the cad has been done for you, as this is more of an exercise in assembly and programming than in design.

Here is the Schematic used for this build:

Midi sch.png

The processor is an ATmega328, the same processor as is used on the Arduino Uno. There are 8 button inputs, with pulldown resistors on the signal lines, and a speaker amplifier to drive a small speaker.

This schematic was used to create the following PCB:

Midi pcb.png

The cad file is sent to a manufacturer, and they send back a board that looks like this:

Electronic keyboard pcb.jpg

Using this board, we will assemble the circuit. This build makes heavy use of soldering, so check out the soldering wiki page: Soldering_Irons

ASSEMBLY

parts:

Electronic keyboard parts.jpg

To start off, let's solder the resistors. There are 4 resistor values used on the board; 10,000 ohms (10K), 1,000 ohms (1K), 100 ohms (100), and 560 ohms (560). The resistor values are coded by colored stripes on the side of the resistor; the following chart describes this code:

Resistor color code.png

To solder the resistors, first bend the legs over, and thread the wires through the holes in the board.

Resistor through hole board.jpg

on the back, bend them out a little to hold it in place, and then solder the connections.

Resistor soldered.jpg

Then, clip the leads back to the top of the solder joint

Resistor clipped.jpg

Repeat for all resistors.

Populated resistors.jpg

Next, let's solder the ceramic capacitors. they are the small 2 leaded yellow parts.

The larger one is a 0.1uF value, and the 2 smaller ones are 18pF.

Resistor and cap.jpg

next, there is 1 electrolytic capacitor to add. The larger one on the right isn't used in this version of the circuit. Electrolytic capacitors are polarized, which means that they need to be connected the right direction. Match the side of the part with the stripe with the white side of the circle on the board.

Board with electrolytic .jpg

Next up, we have the crystal. Inside this part there is a small piece of quartz, which resonates at 16 million times a second. This is used to drive the system clock.

More parts 1.jpeg

Next up, we have the reset button and the volume control resistor.

More parts 2.jpg

Next, the LED get's soldered in. LED's are polarity sensitive, so if they are in backwards, they will not work. align the flat side of the LED with the flat side of the white circle on the board.

LED alignment.jpg

Next, we can solder the transistor. This amplifies the signal going to the speaker, because the processor itself can't provide enough power to drive it.

Align the flat side with the flat side of the symbol on the board.

Transistor speaker.jpg

Next, we solder in the socket for the processor. This part has a large number of joints, so make sure it's in right before you start soldering! On top, one end has a small notch in it. Align this with the matching symbol on the board.

Socket top side.jpg

On the bottom, fold over 2 opposite corner pins to hold it in place.

Socket corner pins.jpg

Making sure it is in all the way, solder these 2 corner pins. Double check that the socket is all the way in, and oriented right. If it is, solder the rest of the pins.

Final socket.jpg

Next, we need to mount the programming port. First, solder the header pins in place

Header solder with angle.jpg

Note that this part can be tricky to solder straight. The easiest way is to get 1 pin soldered, even if its' crocked. Then, hold the pins pressing them into the board, and re-melt that solder joint. ' Make sure your finger isn't on the 1 pin that you are soldering to, as it will get hot fast.

Finger holding header crocked.jpg Header straight soldered.jpg

After this, the header should be lined up.

Next, se need to solder the USB Serial adapter onto the header pins. This board converts the serial protocol that the processor speaks to usb. This converter chip is a fine pitch surface mount part, so we have it on a premade board. With practice, it is possible to solder parts this small though!

Just like soldering the header, solder 1 pin in place, align the module, and then solder the rest of the pins. Make sure the board isn't at an angle, because we need to leave room for the USB cable to plug in.

USB serial converter.jpg

Next, we need to attach the speaker. Go to the wire cart, and grab 2 lengths of stranded wire, each about 4 inches long. Strip the ends of both using the stripping tool at the soldering station, and then twist the wires together. Solder 1 end of the wires to the speaker, and the other ends to the board. It doesn't matter which connection goes to which pad, it works either direction.

Speaker wiring.jpg

The last thing to solder is a bypass jumper where the large capacitor was. An easy way to do this is to use one of the cut off leads from the resistors. Fold it into a U shape, feed the wires through the holes, and solder it in place.

Capacitor bypas.jpg

Now just add the keycaps, and were done with the hardware!

Final keyboard assembley.jpg

Software

For the code, we will be using the Arduino IDE. It's on the lab computers, or it's free to download.

In the main window, copy this code:

Media:Tone_arduino2.ino

under tools > board, select Arduino uno. Then, connect a usb cable from the board to the computer. under tools, make sure that the "com port" is set to the listing in the drop down; this is the device on the other end of the usb cable. Then, select upload!