This repository has been archived by the owner on Sep 13, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (158 loc) · 11.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE HTML>
<html>
<head>
<title>DUWDD - Don't U Wanna Do the Dishes?</title>
<link rel="stylesheet" type="text/css" href="resources/css/normalize.css">
<link rel="stylesheet" type="text/css" href="resources/css/duwdd.css">
<link rel="icon" href="resources/img/favicon.ico.png">
<script type="text/javascript" src="resources/js/jquery-1.9.1.min.js"></script>
</head>
<body>
<div id="navigation">
<div>
<a href="#title"><img src="resources/img/logo.png" /></a>
<a href="#about">About Us</a>
<a href="#observations">Observations</a>
<a href="#design">Design Process</a>
<a href="#howto">How-to</a>
<a href="#video">Video</a>
</div>
</div>
<div id="title">
<div>
<div class="caption"><img src="resources/img/doodle.jpg" /><p>Credit to Mischelle Mulia</p></div>
<p>Our project's goal was to make sure the dishes got done in Aatash's apartment. Our initial aim was to have the object select one of Aatash's roommates to do the dishes. The object would monitor the pile of dishes and, once a certain threshold was reached, choose one roommate to do the dishes. We abandoned this idea in favor of one that encouraged doing the dishes rather than punishing for not doing the dishes. Each time someone goes to do the dishes (picks up the dish soap), they will instantly be connected to the rest of the world and see each person who is also doing the dishes simultaneously.</p>
</div>
</div>
<div id="about">
<div>
<h2>The DUWDDs</h2>
<div class="third_div"><img src="resources/img/ben.jpg" class="third_img" /><p>Benjamin is a third-year ISF major at UC Berkeley. He is interested in society, technology, and design. He is skilled at Front-end development and scrambling eggs.</p></div>
<div class="third_div"><img src="resources/img/aatash.jpg" class="third_img" /><p>Aatash is a third-year student studying EECS at UC Berkeley. He is really interested in education technology, and is skilled at programming, design, demography, and alley-oops.</p></div>
<div class="third_div"><img src="resources/img/jason.png" class="third_img" /><p>Jason majored in English and Arts at UC Berkeley. He is mildly interested in robots. He is skilled at programming and green screens.</p></div>
</div>
</div>
<div id="observations">
<div>
<h2>Observations</h2>
<p>No one really enjoys doing the dishes. In the kitchen of an apartment full of college students, it's even worse. In Aatash's apartment, dishes would pile up really quickly. Especially when the semester kicked in, dishes seemed to pile up as quickly as the homework did. Roommates would pass by the sink full of dishes, but would be too busy (read: lazy) to actually clean them. And when it was time to eat, they would end up using disposable dishware instead!</p>
<img src="resources/img/kitchen_wide.jpg" class="wide_img"/>
<p>We realized we could utilize the empty white wall right above the sink. (This is where our map would go.)</p>
<h3>Our Key Insights</h3>
<p>Our original idea was to have our device select one of Aatash's roommates to do the dishes. The object would monitor the pile of dishes and, once a certain threshold was reached, choose one roommate to do the dishes. And through a webcam, it would enforce that the unlucky chosen roommate actually did the dishes.</p>
<p>After some thought, we decided that instead of punishing people into doing the dishes, what we took another approach. Why not make doing dishes fun? Hence was born our slogan "Don't you wanna do the dishes?"" and the second iteration of our idea, in which we would turn doing the dishes into an enjoyable and social experience.</p>
</div>
</div>
<div id="design">
<div>
<h2>Design Process</h2>
<p>Our first idea was based around a lottery system: each time a roommate opened up a cabinet to get a dish there would be a small chance that an alarm would go off and would continue ringing until the dishes were cleaned. Unfortunately, there was no way to guarantee that the roommate who set off the alarm would do the dishes. Our solution to this problem of "how do you get people to do the dishes" was to take a picture of the offender so that they would be shamed into doing the dishes. Of course, this simplistic solution could not prevent people from weaseling out of their duty. What was to stop that roommate from wearing a mask? If someone was chosen at random multiple times in a row would they become so frustrated with the system that they would simply avoid the kitchen completely? And how does one even determine if the dishes are done? Pressure sensors, subtracting the weight of the dishes in the cabinet from the known weight of all dishes, consensus of two or more roommates that the dishes have been completed? Even if there was a decent way to measure dish completion, that system would undoubtedly become exploited. The initial approach was flawed -- we just couldn't terrorize people into doing the dishes.</p>
<img src="resources/img/duwdd_sketches.png" class="wide_img" />
<p>Since any system we came up with ultimately came down to the willingness of the roommates, we decided that it was more effective to make people want to do the dishes. To do this, we focussed on improving some of the worst aspects of doing the dishes. First, we made it more visually stimulating through the use of LEDs. Second, we made the process less lonely by adding a social aspect to the dishwashing process in the form of multiple LEDs on a map. Even if we believe that at any given moment someone is doing the dishes it doesn't make the act of washing the dishes any less lonely. Actually seeing a representation of someone doing the dishes changes that feeling of isolation into one of camaraderie, or at least commiseration.</p>
<IMG SRC="https://lh4.googleusercontent.com/Tnyqe2OmuA8z54K2XjjhBr5QK12GL3SFuWb58sDdvBMOweZ6JNqQDK8CnT58VJ53TJ-6eZLyhY1leLJHTiqv82VOR_VGj0F2n8WVhEF4PCPUQI4nee96B1Ba" class="third_img">
<IMG SRC="https://lh6.googleusercontent.com/u9AdMZD0XJZhe26yJCEHHOiVUeM0gXAA669U11W6dz6vxL146K5NI0UIi70CETYjdY9yVAo4kVlXs3JDy42bdQTpNKZJ8K7sSQrjIDq0hjiJ379UbF90QRXL" class="third_img">
<IMG SRC="https://lh5.googleusercontent.com/Sb9t01hgo9tpuvNgQY8tRMTju-YZ64x0p5hd8kWWE_uUUjAZEIa6fHj6g91KhZvpEmSdn9UFxCq8_2xCndK3o5RXQc1q2A7Q2g0QUcdpSYt4UEm8D7qFoeEy" class="third_img">
<p>The physical design of the DUWDD went through many iterations. It started out metallic and square, since it was meant to be intimidating. However, the aesthetics changed along with the motivation behind the project. We wanted the duwdd to feel like any other kitchen appliance one might see on a countertop. We chose the color white because white is a common color and looks hygienic, which is important for something associated with cleanliness. The shape, a rounded rectangle with a single LED, was inspired by the shape of a toaster. We created alternate versions using foamcore, but for the actual presentation we used a version that was constructed from latex, paper mache, and two tupperware containers. Visually, this design struck a nice balance between homemade tableware and manufactured kitchen appliance. The foamcore version is used in our instructable guide since it easier to construct.</p>
<img src="resources/img/design_collage.png" class="wide_img"/>
</div>
</div>
<div id="howto">
<div>
<h2>How To Make Your Own DUWDD</h2>
<h3 id="materials">Materials</h2>
<h4 id="hardware">Hardware</h4>
<ul>
<li>Arduino Uno</li>
<li>Nine LEDs</li>
<li>One Light Sensor</li>
<li>One shift register</li>
<li>Wire</li>
<li>Electrical tape</li>
<li>A map</li>
</ul>
<h4 id="construction">Construction</h4>
<ul>
<li>Foamcore
<ul>
<li>This is for the frame, so cardboard, plastic, wood, even paper can work. It just needs to be strong enough to support your dishwashing soap and resistant to water.</li>
</ul></li>
<li>Adhesive</li>
<li>Hot glue gun is a good choice. Rubber cement, duct tape also work</li>
</ul>
<h4 id="tools">Tools</h4>
<ul>
<li>Exacto knife
<ul>
<li>Anything that can cut through your construction materials will work (scissors, razor), the Exacto knife is recommended because the quality of your DUWDD will depend on the precision of your cuts.</li>
</ul></li>
<li>A computer to program the arduino</li>
</ul>
<h3 id="code">Code</h3>
<pre><code>#define COVER 25
int datapin = 2;
int clockpin = 3;
int latchpin = 4;
int ledPin = 7;
byte data = 0;
int lightLevel, high = 0, low = 1023;
const int sensorPin = 0;
void setup()
{
pinMode(datapin, OUTPUT);
pinMode(clockpin, OUTPUT);
pinMode(latchpin, OUTPUT);
pinMode(ledPin, OUTPUT);
}
void loop()
{
lightLevel = analogRead(sensorPin);
if (lightLevel < COVER){
digitalWrite(ledPin, LOW);
delay(10);
}
else {
randomLED(); // Blink random LEDs
digitalWrite(ledPin, HIGH);
}
}
void shiftWrite(int desiredPin, boolean desiredState)
{
bitWrite(data,desiredPin,desiredState);
shiftOut(datapin, clockpin, MSBFIRST, data);
digitalWrite(latchpin, HIGH);
digitalWrite(latchpin, LOW);
}
void randomLED()
{
int index;
int delayTime = random(2000); // time (milliseconds) to pause between LEDs
index = random(8); // pick a random number between 0 and 7
shiftWrite(index, HIGH); // turn LED on
delay(delayTime); // pause to slow down the sequence
shiftWrite(index, LOW); // turn LED off
}
</code></pre>
<h3 id="step-by-step">Step-by-step</h3>
<ol>
<li>Wire the arduino, shift register, LED's, and photosensor according to these schematics (use extra long wire for the 8 LED's attached to the shift register):
<img src="resources/img/duwdd_schematic.jpg"></li>
<li>Trace, cut, and fold your foam core according to the following pattern:
<img src="resources/img/duwdd_paper.png"></li>
<li>Mount your map and cut holes in the appropriate places.</li>
<li>Attach all the LED's into their pre-cut holes on the base and the map.</li>
<li>Take the code from section 2 and load it onto the arduino using the USB cable.</li>
<li>Insert the arduino into the base you made in step 2.</li>
<li>You're all done! You now have your very own DUWDD!</li>
</ol>
<br />
</div>
</div>
<div id="video">
<div>
<h2>Video</h2>
<iframe width="960" height="540" src="http://www.youtube.com/embed/RmBsDkhJmIg" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<script type="text/javascript" src="resources/js/duwdd.js"></script>
</body>
</head>