Emotion box – An Inclusive SEL System – SCOPES-DF

Author

Supriya Kadam
Supriya Kadam
Informal educator
Namaste, I am Supriya Kadam.I am electronics engineer and done Fab academy in 2016.I am working as a free lancer and STEM educator. Studying how AI can be used for SEL in schools, I am open to collaborate with others… Read More

Summary

Overview

  • Designed by Grades 7–9 students
  • Created for Grades 1–4 students
  • Supports Emotional Regulation through guided breathing
  • Aligned with Social Emotional Learning (SEL)

How It Works

  • Box includes emotion buttons: Happy, Calm, Sad, Angry, Stressed
  • Each emotion is connected to a separate button
  • When pressed:
  • LED lights fade in (inhale) and fade out (exhale)
  • Buzzer tone increases (inhale) and decreases (exhale)
  • Helps students regulate breathing and return to balance
  • Can be placed in a Calming Corner or used by PD teacher/counselor

Learning Outcomes (Grades 7–9 Developers)

Students gain hands-on experience in:

  • Electronics (LEDs, circuits, buzzers)
  • Arduino programming (PWM, sound modulation)
  • Product design & prototyping
  • Art & emoji design
  • Teamwork & problem-solving

Teacher Involvement

  • Electronics & Programming teachers
  • Art teachers
  • PD teachers / School counselors

Inclusive Design

  • Visual LED cues for hearing-impaired students
  • Sound guidance for visually challenged students
  • Suitable for general education students

Impact

  • Combines Technology + Art + Emotional Education
  • Promotes empathy, innovation, and inclusion
  • Encourages real-world problem-solving
  • Empowers students to support younger learners’ emotional well-being

 

What You'll Need

eLEctronics components

  • Arduino Uno
  • USB cable (for programming)
  • Breadboard or PCB (for permanent setup)
  • Push buttons (5 – one for each emotion)
  • Single color or RGB LEDs (as per design)
  • Resistors (220Ω for LEDs, 10kΩ if not using internal pull-up)
  • Piezo buzzer
  • Jumper wires (male–male / male–female)
  • External power supply (9V battery or adapter, if needed)

Tools

  • Soldering iron and solder wire (if making permanent circuit)
  • Wire stripper / cutter
  • Scissor

Design & Structure Materials

  • Wooden box / MDF box / 3D printed enclosure
  • Colored sheets / vinyl stickers (for emoji faces)
  • Printed 7 cm emotion stickers
  • Foam sheet or clay (for raised tactile symbols)
  • Transparent acrylic sheet (optional, for LED diffusion)
  • Label stickers (Emotion names)

Development & Planning

  • Arduino IDE (software)
  • Laptop / Computer
  • Circuit diagram printout
  • Breathing pattern reference (from counselor/SEL guide)

Inclusive Design Additions

  • Modeling clay
  • Diffused LED covers for better light visibility
  • Pencil,Scale

 

Learning Objectives

By the end of this lesson, students will be able to:

  • Explain the importance of Social Emotional Learning (SEL) and basic emotion regulation through breathing.
  • Identify key electronic components and build a working Arduino-based circuit.
  • Program LED fading (PWM) and buzzer pitch changes for guided breathing.
  • Design and develop a functional, user-friendly emotion regulation box.
  • Apply creativity and artistic skills in product design.
  • Collaborate effectively in teams and across disciplines.
  • Demonstrate empathy and inclusive design thinking.
  • Reflect on how technology can support emotional well-being.

 

Reflection

As an electronics engineer and STEM educator, this project reaffirmed my belief that technology education should be purposeful and human-centered. Although I have currently developed the working prototype myself, the true intention is for students to build and refine this Emotion Regulation Breathing Box as a hands-on STEM experience.

This project demonstrates how electronics and programming can be connected to Social Emotional Learning (SEL), inclusion, and real-world problem-solving. It integrates circuit design, coding, sound and light modulation, artistic creativity, and psychological guidance into one meaningful activity.

Designing it also strengthened my focus on inclusive engineering, ensuring the tool supports visually challenged and hearing-impaired students.

I plan to share this framework with other educators so they can guide their students in creating impactful, interdisciplinary STEM projects that combine engineering with empathy and social responsibility.

The Instructions

Concept Sketch & Design Planning

Plan for how our deice will look like

Before starting the physical work, draw a rough design of how your emotion box should look.

Plan where the emojis, buttons, LEDs, and buzzer will be placed. Think about spacing, accessibility, wiring space inside the box, and overall appearance.

This initial sketch helps you visualize the complete system and avoid mistakes during construction.

Box Selection & Layout Planning

create rough sketch on box

Select a suitable box (wooden, plastic, or sturdy cardboard) that will hold all electronic components safely.

Draw a rough sketch on the top surface to plan the placement of emojis, buttons, and LEDs.

Mark positions carefully to ensure proper spacing, visibility, and easy access before cutting or drilling.

 

Template Preparation & Emoji Designing

Create a front design template using a card sheet that matches the size of the box surface. This will act as the decorative and functional layout for placing emojis, buttons, and LEDs neatly.

 

Cut a card sheet exactly the same size as the top surface of the box.

Place it over the box and lightly transfer the reference lines and circle markings made earlier.

Redraw the circles neatly for emojis and button positions.

Draw and design the emotion faces and symbols carefully inside the marked circles.

Use a scale for measurements and a compass, circular objects, or a protractor to draw neat circles for the emoji faces and button placements.

Fix the paper with tape on the surface of box

Coloring the Emojis

Color the emoji faces before fixing the electronic components. Coloring first allows the artwork to dry properly and prevents damage to the components during painting.

Choose appropriate colors for each emotion. You may use the same color theme or different colors for each emoji.

 

Colors can represent emotions, for example:

 

Yellow – Happiness, positivity

 

Blue – Calmness or sadness

 

Red – Anger or strong emotions

 

Green – Balance and peace

 

Purple – Stress or mixed emotions

 

Carefully color inside the outlines and allow sufficient drying time.

 

Ensure the sheet is completely dry before cutting holes or fixing LEDs and buttons.

 

Note:

Although components can be placed earlier, it is better to complete coloring first. This allows the paint to dry while you prepare other materials and prevents smudging or accidental damage during installation.

Creating Holes for Components

Make precise holes in the card sheet for LEDs, buttons, and the buzzer so that each component fits securely in place.

  • Use a needle-like tool or pointed object to carefully pierce small holes for the LED pins.
  • Use scissors or a cutter to make slightly larger holes for push buttons and the buzzer.
  • Cut gradually and check the fit frequently.
  • Ensure each component fits tightly (press fit) without being loose.
  • Avoid making holes too large, as this may cause components to move or tilt.

This step ensures proper alignment and a clean, professional finish.

Algorithm & Logic Planning

Before making electrical connections or writing the code, define the working logic of the system. Writing the algorithm helps students clearly understand how the system should behave and prevents confusion during wiring and programming.

  1. Identify Inputs and Outputs
  2. Define System Logic
  3. Write Basic Algorithm

For each emotion:

  • Gradually increase LED brightness (Inhale)
  • Gradually decrease LED brightness (Exhale)
  • Increase buzzer frequency with brightness
  • Decrease buzzer frequency with dimming

Why This Step Is Important

  • Prevents wiring mistakes
  • Helps students understand input–output systems
  • Builds computational thinking
  • Makes coding easier and more structured

 

Circuit Connections

Now connect all LEDs and push buttons to the Arduino according to the circuit plan. Since we are using common cathode LEDs, proper grounding is very important.

RGB LED Connections (Common Cathode)

  • Connect the common cathode (longest negative pin) of all RGB LEDs to Arduino GND.
  • Connect each color pin (Red, Green, Blue) through a 220Ω resistor to Arduino PWM pins.

Arduino Uno has only 6 PWM pins (3, 5, 6, 9, 10, 11).

Example mapping:

  • Happy (Green) → Pin 3
  • Calm (Blue) → Pin 5
  • Sad (Green + Red) → Pins 6 & 9
  • Angry (Red) → Pin 10
  • Stressed (Purple = Red + Blue together) → Pin 11

Since PWM pins are limited, I connected Red and Blue pins of the last RGB LED (Purple emotion) together to one PWM pin.

 

Important Notes:

  • For better independent color control, you can:
  • Use Arduino Mega (more PWM pins), or
  • Use single-color 2-pin LEDs for each emotion instead of RGB LEDs.

Push Button Connections

  • Connect one terminal of all buttons together (short them).
  • Connect this common line to GND of Arduino.
  • Connect the second terminal of each button to separate digital input pins:

Example:

  • Happy → Pin 2
  • Calm → Pin 4
  • Sad → Pin 7
  • Angry → Pin 8
  • Stressed → Pin 12

 

Buzzer Connection

  • Connect positive pin of buzzer to Pin 13 (or any digital output pin).
  • Connect negative pin of buzzer to GND.

Final Checks

  • Verify all common grounds are connected properly.
  • Ensure resistors are used for all LED color pins.
  • Double-check RGB pin order (R-G-B may vary by manufacturer).
  • Test one LED and one button before testing full system.

 

Upload code

Upload the final program to the Arduino to control the LEDs, buttons, and buzzer according to the emotion-based breathing patterns.

 

  1. Connect the Arduino to the computer using a USB cable.
  2. Open the Arduino IDE and load the finalized code for the Emotion Box.
  3. Important:
  • Temporarily unplug the LED common cathode (GND) wire connected to Arduino GND before uploading the code.
  • This helps avoid upload issues caused by LEDs drawing current during programming.
  1. Select the correct Board (Arduino Uno) and Port in the Arduino IDE.
  2. Click Upload and wait until the upload is complete.
  3. After successful upload, reconnect the LED GND wire.
  4. Press each button one by one to test the LEDs and buzzer.
  5. You can use Power Bank or Adapter for powering the device. Adapter is recommended if you are planning to install it in calming corner. Good backup battery can be used if you are going to use it as a SEL teaching aid

 

Add LED diffuser

Add an LED diffuser to soften and spread the light evenly. This makes the breathing effect smoother, easier on the eyes, and more visible for students.

Cut small circular pieces of butter paper, tracing paper,foam sheet, frosted acrylic sheet, or thin white plastic slightly larger than the LED hole.

Place the diffuser material over or in front of the LED opening.

Fix it securely using glue or tape from the inside of the box.

Ensure the diffuser does not block the light completely.

Power the device and check that the light spreads evenly and appears soft.

Creating Clay Symbols for Visually Challenged Users

Add raised clay symbols on each emotion to make the box accessible for visually challenged students. These tactile symbols help them identify emotions through touch.

  1. Take modeling clay or air-dry clay.
  2. Create simple raised symbols to represent each emotion. For example:
  • Happy → Raised curved smile
  • Calm → Smooth wave line
  • Sad → Downward curve
  • Angry → Sharp zigzag lines
  • Stressed → Repeated wavy lines
  1. Keep the shapes bold, simple, and easy to feel with fingers.
  2. Attach the clay symbols carefully inside or below each emoji circle.
  3. Allow the clay to dry completely before handling.
  4. Ensure symbols are firmly fixed and edges are smooth (not sharp).

 

Adding Emoji Stickers(optional)

Apply printed emoji stickers to give the Emotion Box a clean, attractive, and professional look.

 

Take a printout of the emoji sticker PDF provided in the attachment

cut it and paste it on the box

Final Assembly & Testing

Complete the final setup and test the Emotion Box to ensure all components function correctly. At this stage, you may also enhance the appearance using printed emoji stickers instead of painted designs.

  1. Power the Arduino with power bank or suitable adapter(9v to 12v).
  2. Press each emotion button one by one and observe:
  • LED breathing (fade in–fade out)
  • Buzzer pitch increasing during inhale
  • Buzzer pitch decreasing during exhale
  1. Confirm that each emotion works independently and correctly.
  2. If desired, apply 7 cm printed emoji stickers instead of painted designs for a cleaner and more professional finish.
  3. Make final adjustments if any component is loose or misaligned.

 

Click this link to see testing video

Lesson Feedback

Contact us

Having trouble? Let us know by completing the form below. We'll do our best to get your issues resolved quickly.

"*" indicates required fields

This field is for validation purposes and should be left unchanged.
Name*
Email*
?