Categories
PROJECTS

DigiPlay: Interactive playground

By Gustell Preston, Noah Johnson, Stephanie Cheng and Shreya Bansal

Acknowledgement

This project would not come to fruition without the invaluable mentorship and support of our instructor, Professor Allison Lassiter, and our peers in the CPLN571 Sensing the City class (Spring 2023). We are grateful to have our idea published.

Overview

This is an interactive playground installation made to scale across the city of Philadelphia. DigiPlay aims to create equitable access to play and promote health for kids 2-12 in Philadelphia by turning playgrounds into interactive and immersive experiences. This is achieved by adding a digitally latent layer to playgrounds that strives to improve the play experience, supplement STEM education, and encourage more physical activity for children in Philadelphia schools.

The challenge

As it stands, many elementary school playgrounds in Philadelphia are either converted parking lots or have aging, inadequate playground equipment. As a result, 25% of the youth in Philadelphia do not get sustained physical activity even once a week. Unfortunately, upgrading and refurbishing playground equipment can cost anywhere between $8,000-$50,000, and there is no substantial line item in the Philadelphia School District’s annual budget to support upgrading playgrounds for children. As a result of this lack of physical activity, many kids in the city are facing health challenges such as obesity. In fact, 1 in 5 of youth in Philadelphia, the majority of whom are black or Hispanic, are overweight or obese. Furthermore, 70% of children in in North Philly are overweight or obese, which is nearly double the obesity and overweight rate for youth in the United States. Better access to play can solve these challenges for kids.

The solution

DigiPlay works to solve this challenge of inequitable access to play by transforming dull play spacing into interactive ones that encourage movement and serve as another avenue for learning and education in schools. Our solution has three major components, outfitting schools that already had some play equipment with DigiPlay sensors, Creating digital experiences for schools with no play equipment, and layering on educational components of the playground. Additionally, our solution is cost effective for schools to adopt. Creating 1-3 interactive installations on a playground would cost the school ~$300 to install and another ~$100 to maintain on a yearly basis.

Interactive Playground
  • Light and sound to add a digital layer of fun and excitement to old playground equipment
Interactive Lots
  • Light and sound to add a layer of fun and excitement to abandoned parking lots used as play areas for kids
Interact & Learn
  • Digital sensors bring education to life at the playground from interactive science installations to take-home Arduino kits, kids can learn about health and engineering as they play and get active

Site selection

To facilitate playgrounds that have existing play equipment, we first looked at all elementary and middle schools in Philadelphia. We then looked at the playgrounds across Philadelphia and narrowed down to all that serve this age group of 2-12 years. Next, we identified all playgrounds within a 0.1 mile radius of a school. To test our pilot, we chose a school closer to base called the Albert M. Greenfield playground.

Elementary or Middle Schools, Philadelphia, PA. (Made using ArcGIS Pro)
Playgrounds, Philadelphia, PA (Made using ArcGIS Pro)
Playgrounds selected for intervention, Philadelphia, PA (Made using ArcGIS Pro)
Albert Greenfield Playground on 22nd and Walnut, Philadelphia, PA (Made using ArcGIS Pro)
Google Earth image of the school and playground of pilot site

Diagram of project

Heart-rate sensor and break-beams

Albert M. Greenfield Elementary playground before installation.
Proposed intervention for the playground wall and jungle gym.

The first intervention of the project involves transforming the wall at the back of the playground into an interactive and educational space. A heart rate monitor with a display is attached to the wall along with a mural painted with thermo-chromatic paint that changes colour when touched. Through the design, children are encouraged to interact with the heart rate sensor to understand their cardiac health. If the heart rate is low, the display will have phrases that encourage more activity.

The second installation involves bolstering the jungle-gym with break beam sensors. As a child climbs or touches the different bars on the jungle gym, the light beam between two sensors is broken, triggering a musical note played through speakers.

Interactive playfield

LED attached to an existing basketball hoop.
DIY LED goalposts for childrens’ soccer games.

The third and fourth interventions can be retrofitted to existing ball game infrastructure and open space to make them more interactive and fun. The first installation uses an ultrasonic motion sensor to detect when a ball passes through the bottom of a hoop. When this occurs, the LED strip lights up. A point is added to the tally on the display screen attached to the hoop as well. A button is attached to this display–upon pressing it, the display can be used for soccer instead. When a ball passes through the break-beam sensors, the LEDs light up, and a point is tallied on the display as well. These installations can be understood better in the following videos of our prototypes.

At Play >

Technical specifications

The following sections provides a more detailed look into how we created our own Digiplay playground model and how you can too! The digital playground model we built utilizes three different Arduino Uno boards, one for each individual installment: the Heart Rate Sensing Wall, the Musical Jungle Gym, and the Interactive Playground.

Most items can be found in an Arduino starter kit. Specifically we had access to the “ELEGOO UNO Project Super Starter Kit.” All parts that are not included in this kit are marked with an asterisk (*). Additionally, the choice to use three Arduino boards was partially for modularity and partially because of the limited number of digital pins per Arduino Uno.

Heart Rate Sensing Wall Module

For this module, a Pulse Oximeter/Heart-Rate Sensor is interfaced with an LCD display through an Uno controller to display the user’s heart rate. For more details about this module and wiring/coding a heart rate sensor and an LCD Display please refer to Shreya’s helpful tutorial, Arduino’s LCD tutorial, and Sparkfun’s MAX3010x Sensor Library Github.

Parts
Tutorial
  1. Make sure you have the necessary libraries, MAX3010x, LiquidCrystal, and filters.h installed into your Arduino IDE.
  2. Next, wire up your arduino to LCD display and the Heart-Rate Sensor as seen below in the wiring diagram.
  3. With the arduino plugged into a laptop with the code open, validate the code and run it.
  4. After waiting a few seconds for Heart-Rate sensor to stabilize, test the code by pressing your finger on the black strip of the heart-rate sensor.
Wiring Diagram
Code

Musical Jungle Gym Module

This module largely borrows from Tom Igoe’s code for the buzzer interface, the Elegoo Super Start Kit Textbook Lesson 7 on passive buzzers, and lady ada from Adafruit’s IR breakbeam sensor tutorial.

Parts
  • 1x Elegoo Uno R3 Controller Board
  • 3x IR Break Beam Sensors*
  • 1x Passive Buzzer
  • 1x 830 Tie-Points Breadboard
  • numerous jumper wires
Tutorial
  1. Make sure you have the necessary library, pitches.h, installed.
  2. Next, wire up your arduino to the three IR break beam sensors and the passive buzzer.
  3. On your prototype model, or on a real piece of playground equipment such as a similar jungle gym or set of monkey bars, secure the break beam sensors on the surface of the bar. This is best done in a way where the two side of the sensor are lined up as directly as possible, with both affixed to the beam using electrical tape. Make sure you are accommodating the distance threshold of your break beam sensors.
  4. Furthermore, if a particular sequence of notes is desired (e.g. in an ascending pitch order), make sure you align the respective break beam sensors to the respective bars in succession.
  5. With the arduino plugged into a laptop with the code open, validate the code and run it.
  6. Test the sensor by tapping the bar to break the beam.
Wiring Diagram
Code

Interactive Playground Module

This final module is also based on the aforementioned break beam sensor and LCD display tutorials. In addition, it utilizes code from Shae Erisson’s NeoPixel Ring simple sketch, lady ada on Adafruit’s LED strips tutorial, the Elegoo Super Start Kit Textbook Lesson 10 Ultrasonic Sensor Module, David A. Mellis’s LCD Tutorial library, and more.

Parts
Tutorial
  1. Make sure you have the necessary libraries, Adafruit_Neopixel.h and Ultrasonic.h installed.
  2. Next, wire up your arduino to the LED strips, joystick, LCD Display, ultrasonic motion sensor, and IR break beam sensor as seen below in the wiring diagram.
  3. Affix the LED strips as desired and depending on the playground equipment. The basketball hoop LEDs are recommends to be taped to the back board of a basketball hoop, with the ultrasonic motion sensor located underneath the rim of the hoop, with the wires below. The LCD display and joystick are recommended to be affixed to the pole of the basketball hoop. For the soccer goal module, the LED strips are to be taped along a section of the floor of which players would like to be demarcated as a goal. The IR break beam sensors should be taped onto either end of this length of floor with electric tape.
  4. With the arduino plugged into a laptop with the code open, validate the code and run it.
  5. Test the code by putting an object or your hand close to the ultrasonic motion sensor and break the beam of the break beam sensor.
  6. The sensor is ready to use–make sure you press the joystick button to ensure you are using the sensor in the right mode.
Wiring Diagram
Code

Future considerations

Based on our GIS analysis, we want to start by rolling out the project in North Philadelphia with the Fitzpatrick Playground on 12501 Torrey Road.

Further references

  1. Knight Foundation: https://knightfoundation.org/smart-cities-2/
  2. https://www.pysc.org/initiatives/youth-engagement-in-sports-yes-initiative/
  3. https://vimeo.com/117303273

Leave a Reply

Your email address will not be published. Required fields are marked *