tapes<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nHere is what the paper circuit initially looked like for testing. On the top we have the wheel, then the slider,and those taped cardboard squares are presses.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4608-768x1024.jpg\")
<\/p>\n
First, let’s look at the wheel. 3 resistors(for 4 segments) are used, and they are connected in sequence with one end to 5v and one end to ground. We use an analog pin(connection to the analog pin not included here) and use the read value to determine which segment of the wheel is in contact with pin.<\/p>\n
Then, we have the slider. Similar to the wheel, the wirings of it is exactly the same, except for they are placed linearly on paper. We used 4 resistors here because\u00a0 we have 5 segments.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4519-225x300.jpg\")
<\/p>\n
Presses are simply buttons. On the paper, we have one tape connected to the ground, and one tape connected to a digital pin (with internal pullup resistor). We use non-conductive tape to tape these “buttons” on top gap between the ‘ground’ tape and ‘digital pin’ tape. When the ‘button’ is pressed, the conductive part of the button connects the ‘ground’ tape and ‘digital pin’ tape, and thus makes the value change for the digital pin read.<\/p>\n
Working with conductive tape was definitely more tedious and involves more planning compared with using wires, but one thing I found convenient was that to make\u00a0 2 pieces of overlapping conductive tape non-conductive with each other, simply place a piece of non-conductive tape between the two, which is why in some of my photos, you see traces with different purposes “overlap” with each other.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4635-scaled-e1607629721232-285x300.jpg\")
<\/p>\n
In the image below, we added a block of conductive tape for the wheel, and a line for the slider, they are connected to the analog pins that read the values.\u00a0 The 2 pieces on the right are used to create connections between these newly added circuits and the ones in the previous image.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4609-768x1024.jpg\")
<\/p>\n
So that was the first layer of the circuit, I call them input layer. Now let’s look a the second layer, the output(LEDs) layer. Each LED is wired to a digital pin with 220 ohms resistors in between and the other side to ground.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4610-768x1024.jpg\")
<\/p>\n
Then I connected the two layers by taping them together.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4634-768x1024.jpg\")
<\/p>\n
And finally, I put the graphic layer on the top. Notice the two pieces coming out of the graphic layer, they are our means of interactions. And they connect the layers simply by going through the papers.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4630-768x1024.jpg\")
<\/p>\n
So before this final version of the project, I tried a variety of things.<\/p>\n
Here are some initial playing with the paper circuit. On the top left, I tried using graphite pencil marks as resistors, while it works, I thought it was too much trouble to make it as robust as I would like.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4559-768x1024.jpg\")
<\/p>\n
Below was my attempt to use a single analog pin to read 15 button\/presses inputs. While it worked when I tested with tactile buttons, the readings again was not robust enough for the effect I needed.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/IMG_4560-768x1024.jpg\")
<\/p>\n
The interaction I originally envisioned was that we have 2 wheels, a slider, and 16 presses on the right. And as things are being selected, the corresponding part on the burger gets lighted up. And once all the parts are lighted up, the order is ready to be completed. I gave up doing this when I realized that I don’t have enough digital pins, nor does the analog reading method works.<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-7.43.15-AM-300x200.png\")
<\/p>\n
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-7.43.03-AM-300x198.png\")
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
The main thing I struggled with was robust connections and readings, so I got lots of fuzzy readings that can’t just be fixed from the software side. For future works, getting an arduino mega with more pins would open up a lot more possibilities, and also some explorations in how to have robust connections using paper circuits.<\/p>\n
#include <Bounce2.h>\r\n\r\nconst int WHEELPIN = A2;\r\nconst int WHEELLENGTH =4;\r\nconst int WHEELTHRESHOLD[] = {170, 512, 853, 1023};\r\nconst char *WHEELNAME[] = {\"ciabatta\", \"lettuce wrap\", \"whole wheat\", \"brioche\"};\r\nchar *bunselection = \"none\";\r\n\r\nconst int SLIDERPIN = A3;\r\nconst int SLIDERLENGTH = 5;\r\nconst int SLIDERTHRESHOLD[] = {1023, 897, 644, 340, 130};\r\nconst char *SLIDERNAME[] = {\"well done\", \"medium well\", \"medium\", \"medium rare\", \"rare\"};\r\nchar *cookselection = \"none\";\r\n\r\nconst int RESETBUTTON = 3;\r\n\r\nconst int TOPPINGSNUM = 4;\r\nconst int TOPPINGSPIN[] = {7, 6, 5, 4};\r\n\r\nconst int LEDNUM = 5;\r\nconst int LEDPINS[] = {13, 12, 11, 10, 9};\r\nBounce buttons[] = {Bounce(), Bounce(), Bounce(), Bounce(), Bounce()};\r\nBounce b = Bounce();\r\n\r\nconst char *TOPPINGNAME[] = {\"red onion\", \"tomato\",\r\n \"lettuce\", \"pickels\"};\r\nbool toppingsSeletion[] = {false, false, false, false};\r\n\r\nvoid reset() {\r\n for (int i=0; i< TOPPINGSNUM; i++) {\r\n toppingsSeletion[i] = false;\r\n }\r\n bunselection = \"none\";\r\n cookselection = \"none\";\r\n}\r\nvoid setup() {\r\n Serial.begin(9600);\r\n for (int i=0; i< TOPPINGSNUM; i++) {\r\n buttons[i].attach (TOPPINGSPIN[i] , INPUT_PULLUP);\r\n buttons[i].interval(100);\r\n }\r\n buttons[TOPPINGSNUM].attach (RESETBUTTON , INPUT_PULLUP);\r\n}\r\n\r\nvoid loop() {\r\n \/\/ check for reset \r\n buttons[TOPPINGSNUM].update();\r\n if (buttons[TOPPINGSNUM].fell()) {\r\n Serial.println(\"reset\");\r\n reset();\r\n }\r\n\r\n \/\/ check for toppings selection\r\n for (int i=0; i< TOPPINGSNUM; i++) {\r\n buttons[i].update();\r\n if (buttons[i].fell()) {\r\n toppingsSeletion[i] = (!toppingsSeletion[i]);\r\n Serial.print(TOPPINGNAME[i]);\r\n if (toppingsSeletion[i]) {\r\n Serial.println(\" is selected\");\r\n }\r\n else {\r\n Serial.println(\" is no longer selected\");\r\n }\r\n }\r\n }\r\n\r\n \/\/ check for wheel\r\n int wheelVal = analogRead(WHEELPIN);\r\n for (int i=0; i< WHEELLENGTH; i++) {\r\n if (wheelVal <= WHEELTHRESHOLD[i]) {\r\n if (WHEELNAME[i] != bunselection) {\r\n bunselection = WHEELNAME[i];\r\n Serial.print(\"bun selection changed to: \");\r\n Serial.println(bunselection);\r\n }\r\n break;\r\n }\r\n }\r\n\r\n int sliderVal = analogRead(SLIDERPIN);\r\n for (int i=SLIDERLENGTH-1; i>= 0; i--) {\r\n if (sliderVal <= SLIDERTHRESHOLD[i]) {\r\n if (SLIDERNAME[i] != cookselection) {\r\n cookselection = SLIDERNAME[i];\r\n Serial.print(\"cook changed to: \");\r\n Serial.println(cookselection);\r\n for (int j=0; j<LEDNUM; j++) {\r\n digitalWrite(LEDPINS[j], LOW);\r\n }\r\n for (int j=0; j<=i; j++) {\r\n digitalWrite(LEDPINS[j], HIGH);\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n}<\/pre>\n <\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
As technology advances, many interactions are drastically changing. When I came back to China, I was shocked by how mobile ordering in restaurants is widely adopted. It went from ordering with a server, to ordering using a tablet\/ipad, to a table of people ordering from the same phone, to now where everyone can contribute to … Continue reading “Interactive paper menu interactions”<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts\/1964"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1964"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts\/1964\/revisions"}],"predecessor-version":[{"id":1981,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=\/wp\/v2\/posts\/1964\/revisions\/1981"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-7.43.15-AM-1024x683.png\")
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/48-339\/f2020\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-7.43.03-AM-1024x677.png\")
<\/p>\n