Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

The nibble-do list - Johnny Five is Alive

The nibble-do list - Johnny Five is Alive

This „2-weeks-project“ was made in October 2015 as part of the course „Johnny Five is Alive“ supervised by Fabian Morón Zifras. The idea of the course was to create an IoT service, communicating from one or many physical machines to a website.

The project

Gitter Chat

The nibble-do list is a website connected with a candy dispenser. The candy dispenser can be placed on a desk next to a user computer. On the website, the user can define tasks on a todo list. When a task is completed, the candy dispenser is automatically made aware of this completion and rewards the user with some candies.

As extension to this basic concept, the user could define an effort score for each task and become more or less sweets depending on this score.

The candy dispenser contains an Arduino Uno Board which is connected to a servo motor. This servo motor rotates a cylinder that has an open quarter where the sweets fall down. When the cylinder rotates, the sweets that fell down in the empty quarter are released in an open recipient where the user can grab them. All this is wrapped in a box made of cardboard or wooden.

The Arduino Uno Board is controlled with the javascript library Johnny Five which allows to control input and outputs of the Arduino Pins. The code is run from a node server, that is the bridge between the dispenser and the website. The communication between the server and the website works through socket.io. That makes the response between the user action and the distribution of candies fast. Using Johnny Five, a node server and a website using socket.io allowed me to realize every step of the project in the Javascript language.

First sketches

sketch-3d-view.jpgsketch-3d-view.jpg
sketch-front-view.jpgsketch-front-view.jpg
sketch-list-view.jpgsketch-list-view.jpg
sketch-side-view.jpgsketch-side-view.jpg

I first roughly imagined how the prototype could be build and generally how the mechanics would work. Here's how it looks like.

Realistic simulation

realistic-simulation.jpgrealistic-simulation.jpg

This simulation was made with Adobe Photoshop in order to visualize how the final product could look like in a real environment. Here, the nibble-do dispenser is a nice wooden object placed next to your work desk. That way, you can always rewards yourself with your favorite sweets or nuts!

Prototype 1

prototype-v1-hole.jpgprototype-v1-hole.jpg
prototype-v1-overview.jpgprototype-v1-overview.jpg
prototype-v1-servo.jpgprototype-v1-servo.jpg

The first prototype has been made of wooden. I sawn it myself with material I had at home. Unfortunately, the wood used was really hard to saw by hand. It produced really imprecise results. When all parts were combined together it looked ugly and more importantly, it didn't work well.

On the upper part of the box, I introduced a perforated coffee filter into the reservoir and filled it up with peanuts. The rotating cylinder supposed to charge itself with peanuts and to deliver them was too distant from the hole connecting the upper part from the bottom. Because of this space, many peanuts did escape from the reservoir from the sides of the cylinder and that went worse when it rotated.

I must admit that the first prototype has been made too quick and dirty. Above all, the imprecision of the cuts and the general weaknesses turned this first prototype into a Fail. Nevertheless, I went able to draw lessons of my failures and could make the second prototype better.

Prototype 2

prototype-v2-plans.jpgprototype-v2-plans.jpg

The second prototype has been made with a bigger focus on precision. I build it with thick cardboard which is easier to cut precisely and to correct when imprecisions occur. First I draw the plans in Illustrator in order to avoid surprises. This helped a lot.

I started to assemble the pieces together and everything was working according to plan. Indeed, I'm quite happy with the result as I'm not used to build mechanical complex systems :P !

prototype-v2-bird-view.jpgprototype-v2-bird-view.jpg
prototype-v2-bones-view.jpgprototype-v2-bones-view.jpg
prototype-v2-box-structure.jpgprototype-v2-box-structure.jpg
prototype-v2-cutting-work.jpgprototype-v2-cutting-work.jpg
prototype-v2-cylinder-mounted.jpgprototype-v2-cylinder-mounted.jpg
prototype-v2-cylinder-unmounted.jpgprototype-v2-cylinder-unmounted.jpg
prototype-v2-entrance-closed.jpgprototype-v2-entrance-closed.jpg
prototype-v2-entrance-open.jpgprototype-v2-entrance-open.jpg
prototype-v2-first-pieces.jpgprototype-v2-first-pieces.jpg
prototype-v2-overview.jpgprototype-v2-overview.jpg

The rotation of the cylinder was quite smooth and worked even better than excepted. The first problem occurred when filling the prototype with peanuts. I suppose that the weight of the cylinder shifted the helices of the servo from their original position. This twisted the axis of the cylinder and blocked the its rotation. Fortunately I could fix the problem by putting the cylinder a bit lower!

The second issue happened when the recipient was filled with peanuts until the top. The cylinder's rotation blocked because peanuts were half in the cylinder's hole and half in the recipient. To be sure that this caused the blocking, I inserted red lentils (way smaller) into the recipient. At this size the rotation worked well, even when marking tasks as „done“ one after the other.

I spoke about this issue to Fabian and he recommended me to try with smarties. I tried and it still blocked some times. I found out that the helices fixed to the cylinder where sometimes moving without the cylinder itself. The helices were not fixed with glue anymore but with masking tape. So, I replaced it with adhesive tape which held much better.

After these many fixes, the prototype was finally working as excepted. Optically, the object itself became no masterpiece and honestly, it looks even quite ugly. However, I'm no product designer and I really don't pretend to it. If this would have been a real project, I think it would have been enough self-explanatory to communicate the idea and the purpose of the product.

Conclusion

Within two weeks, I could conceptualize, code and build a product in the amazing Internet of Things and make my first step in the world of physical Computing! I was impressed how easy it has been to achieve basic things, particularly if you come from the javascript world. Johnny Five allowed me to code an Arduino board without been forced to learn another language, which made me feel really comfortable.

I'm highly positive about realizing this project and about following this course. I really enjoyed doing it and learned a lot of stuff. It enlarged my vision on what's possible nowadays with limited means and on new potential fields of professional activity in the future.

If you're interested about knowing more concerning the nibble-do list or if you just want to get in touch, go ahead! I'm open for suggestions and curious about your own experiences!

With <3

Lucas


View the project on Github ->

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Fabian Morón Zirfas

Zugehöriger Workspace

Johnny Five Is Alive

Entstehungszeitraum

Wintersemester 2015 / 2016

Keywords