Arduino ProtoShield Quickstart Guide

This Tutorial is Retired!

Arduino ProtoShield v25 has been retired. If you are looking for the most recent version, check out our revised SparkFun Arduino ProtoShield!

View the updated tutorial: SparkFun Arduino ProtoShield Hookup Guide

Pages
Contributors: jimblom, bboyho
Favorited Favorite 0

Introduction

You've got a project idea, you have an Arduino, now what you really need is a platform to actually build your new project onto. You need something that will easily connect your Arduino to all the external bits and pieces your project requires. Enter, the Arduino ProtoShield.

Arduino ProtoShield - Bare PCB

DEV-11665
10 Retired

SparkFun ProtoShield Kit

DEV-07914
12 Retired

Suggested Materials

To follow along with this project tutorial, you will need the following materials. Depending on what you have, you may not need everything listed here. Add it to your cart, read through the guide, and adjust the cart as necessary.

Arduino Uno - R3

Arduino Uno - R3

DEV-11021
$27.60
138
SparkFun RedBoard - Programmed with Arduino

SparkFun RedBoard - Programmed with Arduino

DEV-13975
$21.50
50
Hook-Up Wire - Assortment (Solid Core, 22 AWG)

Hook-Up Wire - Assortment (Solid Core, 22 AWG)

PRT-11367
$21.50
39
Female Headers

Female Headers

PRT-00115
$1.75
8
Arduino Stackable Header Kit - R3

Arduino Stackable Header Kit - R3

PRT-11417
$1.75
12
Breadboard - Mini Modular (White)

Breadboard - Mini Modular (White)

PRT-12043
$4.50
Jumper Wires Premium 6" M/M Pack of 10

Jumper Wires Premium 6" M/M Pack of 10

PRT-08431
$4.50
2
Breadboard - Mini Modular (Blue)

Breadboard - Mini Modular (Blue)

PRT-12045
$4.50
Breadboard - Mini Modular (Black)

Breadboard - Mini Modular (Black)

PRT-12047
$4.50
Breadboard - Mini Modular (Green)

Breadboard - Mini Modular (Green)

PRT-12046
$4.50
2
Stackable Header - 3 Pin (Female, 0.1")

Stackable Header - 3 Pin (Female, 0.1")

PRT-13875
$0.75
Breadboard - Mini Modular (Red)

Breadboard - Mini Modular (Red)

PRT-12044
$4.50

Tools

You will need a soldering iron, solder, general soldering accessories, and the tools listed below for prototyping.

Needle Nose Pliers

Needle Nose Pliers

TOL-08793
$3.50
1
Solder Lead Free - 100-gram Spool

Solder Lead Free - 100-gram Spool

TOL-09325
$9.95
8
Diagonal Cutters

Diagonal Cutters

TOL-08794
$2.75
3
Wire Strippers - 30AWG (Hakko)

Wire Strippers - 30AWG (Hakko)

TOL-12630
$12.87
3

Weller WLC100 Soldering Station

TOL-14228
2 Retired

Suggested Reading

If you aren’t familiar with the following concepts, we recommend checking out these tutorials before continuing.

How to Solder: Through-Hole Soldering

This tutorial covers everything you need to know about through-hole soldering.

What is an Arduino?

What is this 'Arduino' thing anyway? This tutorials dives into what an Arduino is and along with Arduino projects and widgets.

Installing Arduino IDE

A step-by-step guide to installing and testing the Arduino software on Windows, Mac, and Linux.

Using the BlueSMiRF

How to get started using the BlueSMiRF and Bluetooth Mate Silvers.

What is the ProtoShield?

The ProtoShield is designed to facilitate prototyping - it allows for easy connections between a breadboard and an Arduino. The ProtoShield provides your Arduino with easy access to a prototyping area, two general use LEDs, access to a BlueSMiRF socket, a general use push button, and - most important of all - the Arduino reset button. There's also an option of sticking a mini, self-adhesive breadboard onto the ProtoShield - keeping it reusable for all of your future projects.

The ProtoShield is one of many Arduino shields. Shields are designed to sit on top of an Arduino, extending the functionality of the popular microprocessor platform.

How Do I Assemble It?

The ProtoShield is shipped in kit form - as a box of parts and a PCB. We've written a step-by-step assembly tutorial to guide you in building your new shield. Don't worry if you've never soldered before, this is a great kit for beginners!

ProtoShield Unassembled

Hardware Assembly

Congratulations on your purchase of the SparkFun Arduino ProtoShield Kit!

Assembled Arduino ProtoShield

Well, now what? The focus of this guide is to aid you in turning that box of parts in front of you into a fully functional prototyping shield. I'll also share some usage hints to help you get the most out of your shield.

Assembly Preparation

First, check to make sure you've got everything you need. Your kit should come with the following:

alt text

Missing any parts? (Bad SparkFun kitters!) Drop our customer service team an email. We'll get them out to you as soon as possible.

Moving on, you will need a few tools of your own to assemble the shield. Most importantly, you'll need a soldering iron and some solder. All of the soldering is through-hole, so even the most basic of soldering irons should do.

alt text       alt text

You'll need to do quite a bit of leg clipping; for that, you can't go wrong with SparkFun-ized diagonal cutters! Beyond that needle nose pliers can be super helpful if you want to perfectly bend your components!

alt text       alt text

A third hand is always a helpful tool when soldering, especially with through hole components.

alt text

Assembly Instructions

If this is your first time soldering, that's OK! This is a great kit for first-time solderers. However, I'd really recommend checking out our introductory soldering tutorial first. Read the guide and you'll pick up some good tips that will help your first soldering experience go more smoothly.

I usually like to focus on soldering the smaller parts on first. If you prefer putting the parts in in a different order, don't let this tutorial stop you! Keeping that in mind, let's start with the resistors:

Resistors

The ProtoShield comes with three resistors: two 330Ω and one 10kΩ. These resistors are all marked with standard color codes; the two 330Ω'ers should have an orange-orange-brown-gold band pattern, while the 10kΩ should be brown-black-orange-gold. It never hurts to double-check the values with your multimeter, if you have one handy. There is about a 5% tolerance on the resistors, so don't worry if your 10k reads 9.8k or 10.2k, it will still work.

alt text

The resistors will go in the rectangular boxes labeled, obviously, either '330' or '10k'. I like to pre-bend the resistor leads, before I stick them into the board; bend both legs just a tiny bit beyond the body of the resistor, in the same direction. You can use your pliers or just your fingers for this job.

alt text

Now stick the resistor into the top side of the board. Make sure you check one last time that the value is correct! Resistors are not polarized, so you can stick them in in either direction. Once it's in, I like to turn the board over and bend the protruding legs out to keep the resistor in place. Solder the legs of the resistors on the bottom of the board. Try to keep the resistor as flush with the board as possible.

alt text

Now, bend, solder and repeat two more times.

alt text

Once you've got the resistors all soldered up, you'll need to cut the remaining bits of the legs off. You don't want those legs touching each other when you power the board up! Remember to hold the end of the leg when clipping it, you don't want to hit your neighbor with projectile clippings.

alt text

When you're done, it should look like this. Remember not to clip the legs too short as this could weaken the solder joints.

alt text

If you happen to solder the wrong resistor in the wrong place, you'll notice when you try to power the LEDs. The differences in the current will mean the LEDs will appear much dimmer. Although this shouldn't hurt your board, it's something to correct so you can get full functionality out of your ProtoShield.

Capacitors

Continuing with the smaller parts, let's solder on the capacitors next. You should have two 0.1uF capacitors, which are both ceramic and therefore non-polarized (you can stick them in either way).

alt text

The two caps will go in the rectangular boxes with a line in the middle – there's one on each side of the board. They don't require any bending, or other preparation, just stick them in. Once they're in, I'd again recommend bending the legs to keep them in place. Now, solder both capacitors' legs on the bottom side of the board.

alt text

Cut the remaining parts of each leg as much as possible.

alt text

LEDs

The ProtoShield includes two LEDs for your blinky needs. This time, you are working with polarized parts, so make sure you install them correctly. You'll notice that one of the two legs on each LED is shorter than the other. The shorter leg is called the cathode, and the other is called the anode.

alt text

The LEDs will be installed in the two semi-circular footprints on the board. These semi-circles have a flat edge, which signifies where the cathode should go.

alt text

Insert the LED, making doubly-sure that the smaller leg is inserted in the hole nearer the flat part of the semi-circle. Flip the board over, bend the legs to keep the LED in place, and solder. Again, try to keep the bottom of the LED as flush as possible with the PCB.

alt text

And, of course, cut as much of the legs off as possible.

alt text

Buttons

These buttons are a nice change of pace – no bending or clipping necessary! You should have two buttons in your kit. By now, your ProtoShield should be getting pretty full, so it should be clear where these go – the square footprints, with a circle in the middle.

alt text       alt text

Line up the four legs of the button with the four holes on the PCB. It can fit in two different directions, and it doesn't matter which one you choose. After lining it up, press down on the button and you should feel a couple satisfying clicks as it finds it's place flush on the board. You may have to do a little guiding of the legs to encourage them into the hole.

alt text

Now turn the board over and solder all four pins of each button.

alt text

Headers

Almost there! All that remains are the four headers. The real challenge here is getting the headers straight and aligned with each other, such that the shield will effortlessly plug into your Arduino. You'll notice that each of the four headers has two possible locations that it could possibly plug into; make sure that each header goes on the outermost position. The inner pins are for all your prototyping needs later on.

alt text

Let's start with the 6-pin headers. Plug the first one into the top of the board and hold it in place as you turn the board over. Try to keep the header as parallel to the board as possible and solder one of the edge pins.

alt text

After soldering the first pin, take a look at the header to make sure it's nice and straight. If it looks off in either direction, or if the header isn't flush with the board, heat the leg back up and slide the header until it looks good. Another good test for the correct alignment of the header is to just plug it into your Arduino. Once the alignment looks OK, solder the leg on the other edge of the header.

alt text

Soldering just those two pins should be enough to hold the header in-place for now. It also makes re-aligning the header a little easier, should the need arise later. Now, follow the last few steps with the second 6-pin header, making sure that it's as straight as the first 6-pin header. Once you're done, it doesn't hurt to do another plug-into-the-Arduino-to-check-the-alignment test.

alt text

Now repeat the same steps with the 8-pin headers. You should have each header (somewhat) installed. Try plugging the shield into your Arduino. If all the headers are straight, it should go in fairly easily. Does everything seem nice and evenly aligned? Sweet! Unplug the board, flip it over and solder the remaining twenty pins.

That's it! Your done! Hopefully, your board looks like this:

alt text

Assembled Arduino ProtoShield

Now's the time to double check all your soldering and fix up any problems:

  • Do the joints all look shiny and volcano shaped?
  • Do you have any "shorts" or "bridges" between joints where you've accidentally connected the two joints with solder?

Check out the soldering guide for advice to avoid these problems. However, don't be too fussy; re-heating and moving the joints should be avoided if possible.

Adding the Finishing Touches

You've got the board assembled, but you've still got work to do. Both LEDs and the general use button aren't actually tied to anything, so your Arduino won't be able to do any LED blinking or button-press listening until you wire them up. While you were assembling the shield, you may have noticed a few lonely through-holes labeled 'JC1', 'JC2', and 'JC3'. These control the button and two LEDs, respectively. While it's completely up to you how you want to wire these bits up, here's a few things I've done with them:

Wire the LEDs and Button Directly to Arduino Pins

If you've got any wire laying around, you can solder it directly into the JC# pin, and then connect the other end to whatever analog or digital pin you'd like. For example, the ProtoShield will cover up Arduino's LED tied to D13, so I usually like to wire one of the LEDs to that pin. Soldering a wire into JC3, I can the either plug the other end of the wire into the D13 pin on the stackable header, or solder it directly to the unused D13 pin. Another example would be to connect the JC2-connected LED permanently to the '5V' pin for use as a power indicator.

alt text

Solder in Single Headers into the JC# Through-Holes

Another method is to solder either male or female headers into the JC# pins. Then you can use some form of jumper wire to connect whichever Arduino pin you'd like to your LED/button of choice. This method keeps your ProtoShield reusable and as versatile as possible.

alt text

Using the Breadboard Area

You've finished the ProtoShield assembly, but, really, you haven't even started. The prototyping area is empty, and it's up to you how you want to use it. All of the pins in the breadboard area are spaced by 0.1", which is the same spacing on every one of our breakout boards. Or you could solder in a huge variety of DIP (dual in-line package) sized chips. The breadboarding area also has power and ground buses, as well as access to all of Arduino's digital and analog pins.

For those that prefer keeping their shield as reusable as possible, you can put a breadboard on top of the breadboarding area. We carry a variety of mini, self-adhesive breadboards that fit and stick perfectly onto the ProtoShield. Be warned, though, that this will cover up the '5V' and 'GND' buses (you still have access to these on the headers).

alt text

Bluetooth Arduino

Finally, you may have noticed an unused, 6-pin header on the edge of the ProtoShield labeled 'BlueSMiRF'. The pin-out of this header matches up exactly with our BlueSMiRF Gold Bluetooth modem, which, when connected, wires up the modem directly to the necessary serial pins (D0 and D1) on your Arduino. The BlueSMiRF works as a simple, wireless replacement for serial cables. Any serial stream from 9600 to 115200bps can be passed seamlessly from your Arduino to the BlueSMiRF to your computer or almost any other Bluetooth enabled device. Just a little something to think about when you're prototyping your next project.

alt text

Enough! Time for you to start prototyping and making. And when your done tell us about your project!

Have a suggestion for how we can improve this guide? Steps missed? Instructions unclear? Please let us know. You can leave a comment below or email us spark@sparkfun.com. Also let us know if this is the most awesome assembly guide you've ever encountered and we'll stop trying to improve it.

Example Code

How Do I Use It?

Well, that's mostly up to you! There are a few things I will point out, though:

Using the LEDs

As the assembly guide points out, you have to wire the LEDs to whichever Arduino pin you'd like. Once you've done that, you can program your Arduino to run the ever-important 'Blink' sketch (in Arduino, go to File->Examples->Digital->Blink):

language:c
int ledPin =  13;

void setup()   {                
  pinMode(ledPin, OUTPUT);     
}

void loop()                     
{
  digitalWrite(ledPin, HIGH);
  delay(1000);
  digitalWrite(ledPin, LOW);
  delay(1000);
}

Make sure you change the value of ledPin to whatever digital pin your LED is connected to; in the above example it is tied to pin 13. That sketch should turn the LED on for a second, off for a second, on for a second, off for a second, and so on.

Note that both LEDs have one leg tied to ground through a 330Ω resistor, and the other leg connected to either JC2 or JC3 (and then to whatever pin you have them connected to on your Arduino). This means that you have to digitalWrite the pin HIGH to turn the LED on, and LOW to turn it off.

Using the Button

As with the LEDs, before you can use the button you have to connect it to a digital or analog pin of your choice. For a perfect example of how to use the button, check out the 'Button' example (in Arduino go to File->Examples->Digital->Button):

language:c
const int buttonPin = 2;
const int ledPin =  13;

int buttonState = 0;

void setup() {
  pinMode(ledPin, OUTPUT);
  pinMode(buttonPin, INPUT);     
}

void loop(){
  buttonState = digitalRead(buttonPin);

  if (buttonState == HIGH) {
    digitalWrite(ledPin, HIGH);  
  }
  else {
    digitalWrite(ledPin, LOW);
  }
}

Make sure you change buttonPin and ledPin according to how you've wired them, the example assumes they're connected to digital pins 2 and 13, respectively.

alt text

The button on the ProtoShield is 'pulled high', meaning one side of the button is connected, through a resistor, to +5V and also to 'JC1' (which should then be connected to an Arduino pin of your choice). The other end of the button is simply connected to ground. This means that when the button is pressed it will read as LOW, otherwise it will be HIGH. In the example above, the LED will be on unless the button is being pressed.

Using the BlueSMiRF Port

Bluetooth is a really simple, and effective way to add wireless communication to your project. The BlueSMiRF Gold works as, essentially, a serial cable minus the wires. Only four connections are required to communicate with the BlueSMiRF - 5V, GND, RX and TX.

When you connect the BlueSMiRF to your ProtoShield, take care to match the 'VCC', 'GND', 'TX-O', and 'RX-I' labels of the BlueSMiRF with the '5V', 'GND', 'D0', and 'D1' labels of the shield.

alt text

You can use the standard 'Serial.print' and 'Serial.read' commands to send and receive serial data. Here's an example that builds on the previous code, adding serial communication:

language:c
int ledPin = 13;
int buttonPin = 2;

int buttonState = LOW;
int oldButtonState = HIGH;
char serInput;

void setup()
{
  pinMode(ledPin, OUTPUT);
  pinMode(buttonPin, INPUT);
  digitalWrite(ledPin, HIGH);

  Serial.begin(115200);
}

void loop()
{
  buttonState = digitalRead(buttonPin);

  if (Serial.available() > 0)
  {
    serInput = Serial.read();
    Serial.println("Miny, Moe.");
  }
  if (buttonState != oldButtonState)
  {
    if (buttonState == HIGH)
    {
      digitalWrite(ledPin, HIGH);
      Serial.print("Meeny, ");
    }
    else
    {
      digitalWrite(ledPin, LOW);
      Serial.print("Eeny, ");
    }
  }

  oldButtonState = buttonState;
}

This example will actually work with both the standard USB serial connection, or a BlueSMiRF. Give it a try! Note that the baud rate is set to 115200 bps, this is the default baud rate of the BlueSMiRF. Pressing the button will turn the LED off and send "Eeny, " out the serial port. Releasing the button will turn the LED back on and print "Meeny, ". Sending any character to the Arduino, over a serial connection, will print "Miny, Moe.".

If you want to communicate between your computer and the BlueSMiRF, you will need a bluetooth dongle of some sort. Many options exist to add bluetooth to your computer (if it doesn't already have it). For beginners, I'd recommend the Bluetooth USB module; another, more advanced, option is the USB BlueDongle.

Project Examples

How Have Others Used the Shield?

The ProtoShield can be used to prototype just about any Arduino project you could imagine. As examples of the huge variety of projects the shield has been used for, check out these links:

Do you have an example you'd like posted here? Drop us an email!

Resources and Going Further

Now that you've successfully got your Arduino ProtoShield up and running, it's time to incorporate it into your own project!

For more information, check out the resources below.

Need some inspiration for your next project? Check out some of these project tutorials. You may also want to add/review the comments on that page or do a Google search for more example projects that use the ProtoShield.

HID Control of a Web Page

Learn how to move a slider on a webpage and make a motor spin. We connect HTML and HID to read sensors and interface with the physical world.

Sparcade: Edison as a Web Server for Browser Games

Turn the Intel® Edison into an access point that serves a simple browser-based game. High scores from the game are displayed on a character LCD.

LED Crystal Goddess Crown

Follow this tutorial to make your own Crystal Goddess Crown with LEDs!

The 970-HA-JOKES Payphone Project

A payphone turned into a bit of fun.

Have a suggestion for how we can improve this quickstart guide? Concepts not explained clearly? Need more example code? Please let us know. You can leave a comment below or email us spark@sparkfun.com. Also let us know if this is the most awesome Quickstart guide you have ever encountered and we will stop trying to improve it.