Hydrate.me

by Songee Hahn, Dalit Shalom and Abhishek Singh

My rolls: Physical Interface Design & Development using processing | 2014

Winner of the Leslie eLab Prototyping Award 2014

1. SHOWCASE

Hydrate.me is an electronic coaster that works by sensing the amount of liquid remaining in your bottle and providing a corresponding graphic representation. According to your timer setting, you will be reminded once every so often to drink, and when need to refill your bottle.

2. prototype

Arduino prototype and exterior

We decided that the sensor we should use for our prototype would be the force-sensor, and we also decided to use LEDs to allow visual feedback on the device itself (apart from the interface we designed in Processing). We started out by prototyping the actual object in various materials in order to understand size and dimensions.

Since the topic addressed is water, we decided the final prototype should be made out of organic materials. Plywood seemed to be a good material we could use to cut the layers of the coaster and stack them on top of each other. Each layer was crafted to house and support the various components. The top layer was made by cutting a silicone mat.

After carefully crafting the exterior we inserted the different components, which included the Arduino microcontroller, a shield connected to the top of the arduino, LEDs, the force-sensor, and of course, all of the wiring.

Programming the sensors in Processing and Arduino

We used both Arduino and Processing to sense the weight on the coaster which is represented in a graphic interface. We designed and enabled a timer that allows the user to select increments of time in which he would like to be reminded to drink. The values that translated as the weight were mapped according to the specific X and Y locations on the interface. 

Graphic Interface

The interface we created is a widget built to live on the desktop of a personal computer. The user may set the timer to increments of time in which he would like to be reminded to drink. The water animation is mapped with the data from the pressure sensor and responds accordingly.

3. final result