Table of Contents

Badgeduino

The Edge Jan 2018

Badge_duino

Summary

Participants will create a wearable electronic badge. The badge has a programmable 8×8 LED Matrix display with a re-chargable battery, a laser-cut frame, with a weather resistant hand-made vacuum formed shell.

This workshop was initially developed for the Flying Arts program ArtizINNOVATE@theEdge in June 2017, then run at Woodford Folk Festival 2017/2018. This version was adapted to run in-house at SLQ The Edge in 2018.

What is wearable technology/wearables?

Wearables are smart electronic devices (electronic device with micro-controllers) that can be worn on the body as implants or accessories 1)

a pebble watch on a wrist

Image by Pebble Technology CC BY-SA 1.0 via Wikimedia Commons

Wearable technology should be:

This workshop is designed to be an accessible introduction to electronics assembly.

we have chosen a simple design with:

Skills Introduced

Materials

Electronics

badgeduino_002b.jpg

Material Quantity Cost Supplier
Arduino Nano v3 1 $3.40 AliExpress
MAX7219-dot-matrix-module 1 $2.10 AliExpress
Lithium Ion Polymer Battery - 3.7v 500mAh 1 $5.70 AliExpress, $5.70
Micro USB LiPo charger w/ Protection 1 $0.8 AliExpress, $0.45
Short USB Cable - USB-A to Micro USB 1 $2 Tronixlabs
Jumper wire 75mm - female -female 5 $0.14 Tronixlabs
Total $14.14

Case

badgeduino_003a.jpg

Case 1 $4 In-house
m2.5 X 12mm bolt 2 0.02 in-house
m2.5 x 25mm bolt 2 0.02 in-house and Shell
m2.5 nut 6 0.06 in-house
Attachment / Clip / Lanyard 1 $0.22 AliExpress
TOTAL:$4.32

Shell

badgeduino_004.jpg

Material Quantity Cost Supplier
Milk bottle sheets 2 $? In-house

Tools and Prepartion

Tools

Badge_duino

badgeduino_005.jpg

Badge_duino

Introduction to Arduino Microcontrollers

What is a micro controller?

A microcontroller (or MCU for microcontroller unit) is a small computer on a single integrated circuit.

Why use an MCU?

Microcontrollers are small, low powered and robust, making them perfect for embedded systems such as;

What is Arduino?

Arduino is an open source computer hardware and software company, project, and user community 2) .

Assembly and Testing

Its time to get started!

Step One: Connecting and Testing the Arduino Nano

Download the Arduino IDE

Download the latest version of the Arduino IDE.

Select your operating system and when prompted choose “Just Download”.

If you are using a genuine Arduino with the FT chipsets you won't need to download any drivers on PC and MacOS Sierra or later. If you are using a knockoff Arduino with the CH340G chip you will need to download the drivers for Mac.

Follow the instruction and install the program on your computer.

Connect Your Arduino

A red and then a green LED will light up on the Arduino, indicating that it's receiving power (for some Arduino's this may just be a single red light).

Badge_duino

Now launch Arduino IDE.

Go to the Tools menu and change the following:

Tools Menu

Once that is done, run “Get Board Info” in the same menu, this should bring up a small popup with some information.

As long a you're not receiving an error in the console, you have successfully connected your Arduino!

Another step you can take to test that everything is working is to locate one of the basic example projects and upload it to the Arduino.

Step Two: Assemble the LED panel and Nano

First let's peel the paper and pop out our case parts

Badge_duino

And peel off the plastic cover on the LED panel

badgeduino_015.jpg

Then take the LED panel off its board. You can use the back of the pliers

badgeduino_016.jpg

Be gentle and try not to bend the pins

Badge_duino

Attach the LED board to the case back panel using the four m2.5 bolts and nuts. The two 12 mm (short) screws are for the top

Badge_duino

Then the two 25mm bolts for the bottom

Badge_duino

Tighten gently with the screwdriver

Badge_duino

Pop the LED panel back on. Check it is the right way round, and the panel is level

Badge_duino

We're going to connect five jumper leads to the Arduino from the LED board

Badge_duino

Attach the wires - from bottom to top:

Badge_duino

Feed them through the slot

Badge_duino

Flip the case round and place your Nano in the slot

Badge_duino

Attach:

Badge_duino

Now back to the front, and attach

VCC (Voltage In) → +5V

Badge_duino

Plug it into your computer - time to test our blinky lights!

badgeduino_030.jpg

Step Three: Using the Library and Project

Now its time to check our Arduino and LED are talking to each other.

Download and install the Library

In order to make the LED display a lot easier to work with we'll need to install a custom version of the MaxMatrix library (found in the download section below)

Download and open the project

Below you will find the project files compressed into a .ZIP file

Note: You won't be able to run this script unless you have downloaded the library above.

Upload the Project

It is time to test your project file in your badge. Upload it the same way as the blink file. Your badge should say Free Bear Hugs.

Step Four: Fit the Battery

It is time to fit and connect the battery. Both the battery and the charging board have protection circuitry but must always be handled with care.

Make sure you take care when handling the battery.

First make some space under the pins of the LED curcuit board

badgeduino_031.jpg

Slide the battery in and hold it in position with your thumb

badgeduino_032.jpg

Slide the USB charge board into the slot

badgeduino_033.jpg

Connect:

badgeduino_034.jpg

Step Five: Assemble the Case

Grab the case front

badgeduino_035.jpg

Use the two remaining m2.5 nuts to fix the front of the case

badgeduino_036.jpg

Grab the case bottom

badgeduino_038.jpg

Line up the Arduino end first

badgeduino_039.jpg

Then slide the case so it sits flat

badgeduino_040.jpg

Insert the Lanyard

Its time to hot glue the lanyard clip into place.

The lanyard will not click out after this, it will no longer be removable.

First remove the Lanyard clip from the necklace

badgeduino_041.jpg

Hot glue the lanyard clip into the spacer

badgeduino_042.jpg

Slide the lanyard clip in behind the LED screen

badgeduino_043.jpg

Hot glue it in place

badgeduino_044.jpg

Step Six: Vacuum Forming

Vacuum forming is an almost instantaneous process, so we need to get all set up before we start, and make a jig to hold the case in place

Making our Jig

Slide one of the blocks into the jig piece

badgeduino_045.jpg

Hot glue it into place

badgeduino_046.jpg

Line up your jig in the centre of the vacuum former plate

badgeduino_047.jpg

Carefully place your badgeduino on top

badgeduino_048.jpg

Prepare your Plastic

Unscrew the wing-nuts on the vacuum former frame

badgeduino_049.jpg

Fit your sheet of plastic in the frame

badgeduino_050.jpg

Tighten the wing-nuts firmly

badgeduino_051.jpg

Begin heating your plastic with the hot air gun

badgeduino_052.jpg

It will slowly start to go clear

badgeduino_053.jpg

Keep heating

badgeduino_054.jpg

When the entire sheet is clear - grab it

badgeduino_055.jpg

And lower it over your badge

badgeduino_056.jpg

Turn on your vacuum ….fast

badgeduino_057.jpg

Turn it off when the plastic has gone milky again

badgeduino_058.jpg

Congratulations ! You've made a vacuum form!

Clean up and fit Lanyard

Remove the jig

badgeduino_059.jpg

Carefully cut through the thinned plastic with the craft knife

badgeduino_060.jpg

Cut through the thick fins with your scissors

badgeduino_061.jpg

Trim the fins with your knife - always cut away from yourself

badgeduino_062.jpg

Cut free the lanyard socket badgeduino_063.jpg

Glue the lanyard clip in

badgeduino_064.jpg

Step Seven: Creative PLay

Plug your Badgeduino in to test!

badgeduino_065.jpg

Hacking the Code

While it is beyond the scope of this workshop to teach your how to program your Arduino - here are some tips on:

void loop()
{
 // displayText(text1, 100);  // Send scrolling Text
  displayText(text2, 100);  // Send scrolling Text
  //displayCustom(smile01, 1000);
}

Look for the void loop() section. This contains what your Arduino will do once it turns on. In this case it will:

Want to change the displayed text?

 char text2[] = " FREE BEAR HUGS!!!    ";  // Scrolling Text
char text2[] = " I Have Changed!!  ";  // Scrolling Text

References

Downloads

Arduino

Laser Cutter Layouts

These files are for cutting on The Edge Rayjet. Settings are:

Colour Power Speed Description
Black 100 10 text markings
Red 100 1 smallest shapes
Blue 100 1 inner shapes
Desert Blue 100 1 outer shapes
Cyan 100 1 frame outline

Laser cutter single shapes

Theses are the single shapes as DXFs

Old Versions