{"componentChunkName":"component---src-templates-blog-post-tsx","path":"/prototype-2/","webpackCompilationHash":"1406cdec8d1475dbc431","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://blog.akshaybaweja.com"}},"markdownRemark":{"id":"efc178d9-c07e-52ec-bb0d-57ae0104f2c2","excerpt":"Prototype 2 Continuing from last post where a basic prototype testing was conducted. We designed a physical form of the prototype to test it out inside the park…","html":"<h1>Prototype 2</h1>\n<p>Continuing from last post where a basic prototype testing was conducted. We designed a physical form of the prototype to test it out inside the park and observe how people react to eyes following them around when they pass. It was interesting to see that different persons had different reactions to the installation.</p>\n<h2>Designing the Installation</h2>\n<p>We thought of the installation as - two physical eyes shaped as googly eyes put up on the lamp post acting as pole’s own eyes. Following is a concept sketch for the installation we planned </p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/5ca7cc7361349893bb31eea2791be803/6cfe1/concept-sketch.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 590px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 74.96339677891655%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDAQX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAAB7K6szQkH/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAERAhL/2gAIAQEAAQUC1qC6YoJQein/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPwFX/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFxABAAMAAAAAAAAAAAAAAAAAEAARUf/aAAgBAQAGPwKYW//EABsQAAMAAgMAAAAAAAAAAAAAAAABESExQVGB/9oACAEBAAE/IYHNkeRDCVI69GNdCjg//9oADAMBAAIAAwAAABD/AP8A/8QAFhEBAQEAAAAAAAAAAAAAAAAAARBR/9oACAEDAQE/EF2P/8QAFhEBAQEAAAAAAAAAAAAAAAAAABFx/9oACAECAQE/ENV//8QAGxABAAMBAAMAAAAAAAAAAAAAAQARITFBUcH/2gAIAQEAAT8QICWqAfZQKAnjsoqN61eyo7UuOROmPRGNEf/Z'); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"Following Eyes\"\n        title=\"\"\n        src=\"/static/5ca7cc7361349893bb31eea2791be803/c739e/concept-sketch.jpg\"\n        srcset=\"/static/5ca7cc7361349893bb31eea2791be803/8ee9c/concept-sketch.jpg 148w,\n/static/5ca7cc7361349893bb31eea2791be803/ebbe7/concept-sketch.jpg 295w,\n/static/5ca7cc7361349893bb31eea2791be803/c739e/concept-sketch.jpg 590w,\n/static/5ca7cc7361349893bb31eea2791be803/5413e/concept-sketch.jpg 885w,\n/static/5ca7cc7361349893bb31eea2791be803/4efde/concept-sketch.jpg 1180w,\n/static/5ca7cc7361349893bb31eea2791be803/6cfe1/concept-sketch.jpg 2732w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<p>We chose material to be 1/8” acrylic sheet with components mounted on it. The brains of this would be a linux based machine capable of running opencv and with a minimum of 2 USB ports. The eyes are controlled by an Arduino Uno which gets control commands from the linux machine.</p>\n<h2>Fabrication and Assembly</h2>\n<h3>Laser Cutting</h3>\n<p>The basic model of the installation was laser cut out of 1/8” opaque black acrylic. </p>\n<p align=\"center\"><img src=\"/laser-c88934c8a47af52ea9cc8985e5efc35a.gif\"><br><i>Laser cut model<i></i></i></p>\n<p>To make the base look like sclera we spray painted it with a white paint.</p>\n<p align=\"center\"><img src=\"/spray-painting-97a3a63d8f420a09da607e2c1cedfe81.gif\"><br><i>Spray Painting<i></i></i></p>\n<h3>Electronics</h3>\n<p>For getting the eyes movement, we chose <code class=\"language-text\">28BYJ-48</code> (5V Stepper Motors) with <code class=\"language-text\">ULN2003</code> as stepper driver. The motors are being controlled using an <code class=\"language-text\">Arduino UNO</code> which in turn is controlled by a linux machine.</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/dc989797f8704cfdd984d94a3f353030/c2b56/electronics-back.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 590px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 78.96825396825398%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAQABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEEAv/EABUBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAFx1YlgEUf/xAAaEAACAwEBAAAAAAAAAAAAAAACAwABEQQS/9oACAEBAAEFAun1FsJY5ZQwOMSFBuT/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAbEAADAAIDAAAAAAAAAAAAAAAAARECIRIyUf/aAAgBAQAGPwLXUyjV8KhV1HLGo0j/xAAbEAACAwEBAQAAAAAAAAAAAAAAAREhMUFRkf/aAAgBAQABPyFbZhY6phaQ3dp2X0Th7qEOo9uTl9j/2gAMAwEAAgADAAAAEBsP/8QAFhEBAQEAAAAAAAAAAAAAAAAAERAx/9oACAEDAQE/EB2f/8QAFxEAAwEAAAAAAAAAAAAAAAAAARAhMf/aAAgBAgEBPxATF//EAB0QAAIDAQADAQAAAAAAAAAAAAERACExQVFxkbH/2gAIAQEAAT8QQIWgoWvfyHDKRDrsNCexEdX2DAQX0K8PY7806ar7CGAO22f/2Q=='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"Electronics\"\n        title=\"\"\n        src=\"/static/dc989797f8704cfdd984d94a3f353030/c739e/electronics-back.jpg\"\n        srcset=\"/static/dc989797f8704cfdd984d94a3f353030/8ee9c/electronics-back.jpg 148w,\n/static/dc989797f8704cfdd984d94a3f353030/ebbe7/electronics-back.jpg 295w,\n/static/dc989797f8704cfdd984d94a3f353030/c739e/electronics-back.jpg 590w,\n/static/dc989797f8704cfdd984d94a3f353030/5413e/electronics-back.jpg 885w,\n/static/dc989797f8704cfdd984d94a3f353030/4efde/electronics-back.jpg 1180w,\n/static/dc989797f8704cfdd984d94a3f353030/c2b56/electronics-back.jpg 3024w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<h3>Coding</h3>\n<p>This installation uses OpenCV for computer vision and detection for people passing by. Along with an arduino code that translates the motion coordinates generated by OpenCV and rotates stepper motors to show the follow movement. Below is the <em>Arduino Code</em> that translates camera co-ordinates to motor movements.</p>\n<div class=\"gatsby-highlight\" data-language=\"cpp\"><pre class=\"language-cpp\"><code class=\"language-cpp\"><span class=\"token macro property\">#<span class=\"token directive keyword\">include</span> <span class=\"token string\">&lt;AccelStepper.h></span></span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> HALFSTEP 8</span>\n\n<span class=\"token comment\">// Motor pin definitions</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin11  4     </span><span class=\"token comment\">// IN1 on the ULN2003 driver 1</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin12  5     </span><span class=\"token comment\">// IN2 on the ULN2003 driver 1</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin13  6     </span><span class=\"token comment\">// IN3 on the ULN2003 driver 1</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin14  7     </span><span class=\"token comment\">// IN4 on the ULN2003 driver 1</span>\n\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin21  8     </span><span class=\"token comment\">// IN1 on the ULN2003 driver 2</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin22  9     </span><span class=\"token comment\">// IN2 on the ULN2003 driver 2</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin23  10    </span><span class=\"token comment\">// IN3 on the ULN2003 driver 2</span>\n<span class=\"token macro property\">#<span class=\"token directive keyword\">define</span> motorPin24  11    </span><span class=\"token comment\">// IN4 on the ULN2003 driver 2</span>\n\n<span class=\"token comment\">// Stepper Motor 1 Initialization</span>\nAccelStepper <span class=\"token function\">stepper1</span><span class=\"token punctuation\">(</span>HALFSTEP<span class=\"token punctuation\">,</span> motorPin11<span class=\"token punctuation\">,</span> motorPin13<span class=\"token punctuation\">,</span> motorPin12<span class=\"token punctuation\">,</span> motorPin14<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// Stepper Motor 2 Initialization</span>\nAccelStepper <span class=\"token function\">stepper2</span><span class=\"token punctuation\">(</span>HALFSTEP<span class=\"token punctuation\">,</span> motorPin21<span class=\"token punctuation\">,</span> motorPin23<span class=\"token punctuation\">,</span> motorPin22<span class=\"token punctuation\">,</span> motorPin24<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">int</span> distance<span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">void</span> <span class=\"token function\">setup</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// Establishing Serial Communication at 115200 baud rate</span>\n  Serial<span class=\"token punctuation\">.</span><span class=\"token function\">begin</span><span class=\"token punctuation\">(</span><span class=\"token number\">115200</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n  <span class=\"token comment\">// Basic setup for stepper motors</span>\n\n  stepper1<span class=\"token punctuation\">.</span><span class=\"token function\">setMaxSpeed</span><span class=\"token punctuation\">(</span><span class=\"token number\">500.0</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  stepper1<span class=\"token punctuation\">.</span><span class=\"token function\">setAcceleration</span><span class=\"token punctuation\">(</span><span class=\"token number\">150.0</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  stepper1<span class=\"token punctuation\">.</span><span class=\"token function\">setSpeed</span><span class=\"token punctuation\">(</span><span class=\"token number\">500</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n  stepper2<span class=\"token punctuation\">.</span><span class=\"token function\">setMaxSpeed</span><span class=\"token punctuation\">(</span><span class=\"token number\">500.0</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  stepper2<span class=\"token punctuation\">.</span><span class=\"token function\">setAcceleration</span><span class=\"token punctuation\">(</span><span class=\"token number\">150.0</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  stepper2<span class=\"token punctuation\">.</span><span class=\"token function\">setSpeed</span><span class=\"token punctuation\">(</span><span class=\"token number\">500</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token keyword\">void</span> <span class=\"token function\">loop</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n\n  <span class=\"token comment\">// Data from openCV is received as *coordinate*</span>\n\n  <span class=\"token keyword\">while</span> <span class=\"token punctuation\">(</span>Serial<span class=\"token punctuation\">.</span><span class=\"token function\">available</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">if</span> <span class=\"token punctuation\">(</span>Serial<span class=\"token punctuation\">.</span><span class=\"token function\">read</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">==</span> <span class=\"token string\">'*'</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n      distance <span class=\"token operator\">=</span> <span class=\"token number\">0</span><span class=\"token punctuation\">;</span>\n      String steps <span class=\"token operator\">=</span> Serial<span class=\"token punctuation\">.</span><span class=\"token function\">readStringUntil</span><span class=\"token punctuation\">(</span><span class=\"token string\">'*'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n      distance <span class=\"token operator\">=</span> steps<span class=\"token punctuation\">.</span><span class=\"token function\">toInt</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n      distance <span class=\"token operator\">=</span> <span class=\"token function\">map</span><span class=\"token punctuation\">(</span>distance<span class=\"token punctuation\">,</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span> <span class=\"token number\">640</span><span class=\"token punctuation\">,</span> <span class=\"token number\">600</span><span class=\"token punctuation\">,</span> <span class=\"token operator\">-</span><span class=\"token number\">600</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n      stepper1<span class=\"token punctuation\">.</span><span class=\"token function\">moveTo</span><span class=\"token punctuation\">(</span>distance<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n      stepper2<span class=\"token punctuation\">.</span><span class=\"token function\">moveTo</span><span class=\"token punctuation\">(</span>distance<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n    <span class=\"token punctuation\">}</span>\n  <span class=\"token punctuation\">}</span>\n  stepper1<span class=\"token punctuation\">.</span><span class=\"token function\">run</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  stepper2<span class=\"token punctuation\">.</span><span class=\"token function\">run</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token punctuation\">}</span></code></pre></div>\n<h2>Initial Testing</h2>\n\n          <div\n            class=\"gatsby-resp-iframe-wrapper\"\n            style=\"padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;margin-bottom: 1.0725rem\"\n          >\n            <iframe src=\"https://www.youtube.com/embed/Bhvzo_V-Jgc\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n          \"></iframe>\n          </div>\n          \n<h2>First Public Space Interaction</h2>\n\n          <div\n            class=\"gatsby-resp-iframe-wrapper\"\n            style=\"padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;margin-bottom: 1.0725rem\"\n          >\n            <iframe src=\"https://www.youtube.com/embed/9di092umfPw\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n          \"></iframe>\n          </div>\n          \n<h2>Observations and Failures</h2>\n<ul>\n<li>Number of reactions we got on this installation were very contrasting. We got reactions such as surprising, creepy, funny, interesting, exciting, confusing, playful and many more.</li>\n<li>The installation attracted more children than adults</li>\n<li>Not everyone who passed by noticed the moving eyes.</li>\n<li>Many didn’t know the eyes moved until someone passed by.</li>\n<li>Due to software glitches not everyone who passed by was detected.</li>\n<li>The structure had some mechanical failures.</li>\n</ul>\n<h2>Future Improvements</h2>\n<ul>\n<li>Try and get more interactions, probably installing it on a new location inside the park.</li>\n<li>Improve upon detection algorithm so it follows everyone around.</li>\n<li>Make the installation more structurally solid.</li>\n<li>Add music for prolonged interactions.</li>\n</ul>","fields":{"slug":"/prototype-2/"},"frontmatter":{"title":"Instruction Sets for Strangers - Prototyping","date":"10 Sep, 2019","description":"Prototyping interactive public installation and observing people's reaction to it.","tags":["installation","computer-vision","electronics","prototyping"],"cover":{"publicURL":"/static/preview-d0f3a2f5e024dce8b9da5742b2b6f31e.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='62'%20height='62'%3e%3cpath%20d='M0%201l2%202%201%202%201%202c2-1%205%200%205%201-1%201%200%201%201%201l3%201h2l2-1c1%202-2%204-5%204l-7%201c-3%202-6%206-4%207v1c0%203%202%204%2010%204l7%201-1-3%201-3%201%203c0%203%202%204%204%202%200-2%201-2%202-2a123%20123%200%20011%2036l1%201c-1%201%200%201%202%201%204%200%203%201%203-20%200-8%200-14%201-13%200%201%201%203%203%203l3%201-3%201-2%201h2l2%201-2%202-2%202%208-1h21V28l-1-10V6l1-6H31L0%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.75,"src":"/static/d0f3a2f5e024dce8b9da5742b2b6f31e/11c77/preview.jpg","srcSet":"/static/d0f3a2f5e024dce8b9da5742b2b6f31e/9513e/preview.jpg 293w,\n/static/d0f3a2f5e024dce8b9da5742b2b6f31e/7444d/preview.jpg 585w,\n/static/d0f3a2f5e024dce8b9da5742b2b6f31e/11c77/preview.jpg 690w","srcWebp":"/static/d0f3a2f5e024dce8b9da5742b2b6f31e/a4f35/preview.webp","srcSetWebp":"/static/d0f3a2f5e024dce8b9da5742b2b6f31e/b3e73/preview.webp 293w,\n/static/d0f3a2f5e024dce8b9da5742b2b6f31e/a1d8e/preview.webp 585w,\n/static/d0f3a2f5e024dce8b9da5742b2b6f31e/a4f35/preview.webp 690w","sizes":"(max-width: 690px) 100vw, 690px"}}}}},"allMarkdownRemark":{"edges":[{"node":{"fields":{"slug":"/7-in-7-day-07/"},"frontmatter":{"title":"7-in-7 | Day 7","tags":["documentation","prototyping","7in7"],"cover":{"publicURL":"/static/preview-0ec9afa93e6d4f187ae916560b643459.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAEDBAX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAP/aAAwDAQACEAMQAAAB76M46QkU6BA3/8QAGhAAAgIDAAAAAAAAAAAAAAAAAQIAEQMQIP/aAAgBAQABBQLZiOrmEWFx0/H/xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAwEBPwEp/8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQIBAT8BpD//xAAbEAACAQUAAAAAAAAAAAAAAAABEAAREiAhQf/aAAgBAQAGPwJ7hFXd3H//xAAaEAACAwEBAAAAAAAAAAAAAAABEQAhQRAg/9oACAEBAAE/IXa4LEVPEYUSMPGAgSmsV5//2gAMAwEAAgADAAAAEFPMQP/EABYRAQEBAAAAAAAAAAAAAAAAAAEREP/aAAgBAwEBPxAKXBBM/8QAFhEBAQEAAAAAAAAAAAAAAAAAAREQ/9oACAECAQE/EGGYhbn/xAAdEAEBAAEEAwAAAAAAAAAAAAABEQAQITFBIHGB/9oACAEBAAE/EI5CyzFhXEAjR3HB1nKnJl0X+WhOsvZ1m9kG4S+/H//Z","aspectRatio":1.6901408450704225,"src":"/static/0ec9afa93e6d4f187ae916560b643459/fde0e/preview.jpg","srcSet":"/static/0ec9afa93e6d4f187ae916560b643459/c6871/preview.jpg 120w,\n/static/0ec9afa93e6d4f187ae916560b643459/37838/preview.jpg 240w,\n/static/0ec9afa93e6d4f187ae916560b643459/fde0e/preview.jpg 480w,\n/static/0ec9afa93e6d4f187ae916560b643459/5dffc/preview.jpg 690w","srcWebp":"/static/0ec9afa93e6d4f187ae916560b643459/e5005/preview.webp","srcSetWebp":"/static/0ec9afa93e6d4f187ae916560b643459/a9036/preview.webp 120w,\n/static/0ec9afa93e6d4f187ae916560b643459/32713/preview.webp 240w,\n/static/0ec9afa93e6d4f187ae916560b643459/e5005/preview.webp 480w,\n/static/0ec9afa93e6d4f187ae916560b643459/e5a24/preview.webp 690w","sizes":"(max-width: 480px) 100vw, 480px"}}}}}},{"node":{"fields":{"slug":"/7-in-7-day-06/"},"frontmatter":{"title":"7-in-7 | Day 6","tags":["documentation","prototyping","7in7"],"cover":{"publicURL":"/static/preview-4cb627ef3cf8a244cc4f8a895e938fd1.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEEBQL/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAB3XBDU75wTRJcIhg//8QAHBAAAgEFAQAAAAAAAAAAAAAAAQIAAwQREhMg/9oACAEBAAEFAiwWA5EuUnR4udWXYUrfm3j/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEC/9oACAEDAQE/ATqKL//EABcRAAMBAAAAAAAAAAAAAAAAAAEQEQL/2gAIAQIBAT8BGaqv/8QAHRAAAgIBBQAAAAAAAAAAAAAAAAECESEQIDFBgf/aAAgBAQAGPwLLLWil0Yl4K+Si272//8QAHBABAAICAwEAAAAAAAAAAAAAAQARIXEQIDFh/9oACAEBAAE/IfKjcAEseGVcjD8gKXY8hJBSMkC1C0Dvr//aAAwDAQACAAMAAAAQSMBw/8QAFhEBAQEAAAAAAAAAAAAAAAAAARAR/9oACAEDAQE/EAWMQuz/xAAWEQEBAQAAAAAAAAAAAAAAAAABERD/2gAIAQIBAT8Qipggmf/EAB8QAQEAAgEEAwAAAAAAAAAAAAERADFBECAhYXGB4f/aAAgBAQABPxA0RVhWBgFROTozCKVZ7fesPQhAFm6HtkvzjvyFOGecbXBRoxEaY6MwqSbbTV/e3//Z","aspectRatio":1.6901408450704225,"src":"/static/4cb627ef3cf8a244cc4f8a895e938fd1/fde0e/preview.jpg","srcSet":"/static/4cb627ef3cf8a244cc4f8a895e938fd1/c6871/preview.jpg 120w,\n/static/4cb627ef3cf8a244cc4f8a895e938fd1/37838/preview.jpg 240w,\n/static/4cb627ef3cf8a244cc4f8a895e938fd1/fde0e/preview.jpg 480w,\n/static/4cb627ef3cf8a244cc4f8a895e938fd1/5dffc/preview.jpg 690w","srcWebp":"/static/4cb627ef3cf8a244cc4f8a895e938fd1/e5005/preview.webp","srcSetWebp":"/static/4cb627ef3cf8a244cc4f8a895e938fd1/a9036/preview.webp 120w,\n/static/4cb627ef3cf8a244cc4f8a895e938fd1/32713/preview.webp 240w,\n/static/4cb627ef3cf8a244cc4f8a895e938fd1/e5005/preview.webp 480w,\n/static/4cb627ef3cf8a244cc4f8a895e938fd1/e5a24/preview.webp 690w","sizes":"(max-width: 480px) 100vw, 480px"}}}}}},{"node":{"fields":{"slug":"/7-in-7-day-05/"},"frontmatter":{"title":"7-in-7 | Day 5","tags":["documentation","prototyping","7in7"],"cover":{"publicURL":"/static/preview-d6dcc04929e1de60998c7aa5e2fe84e4.jpg","childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAIDBQb/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHoKY4p0KAy9O0Af//EABoQAQEBAAMBAAAAAAAAAAAAAAMCAQAEEyD/2gAIAQEAAQUC4iQecZPONO3aJyI7PVtmg5PPj//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8BH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB8QAAEDAwUAAAAAAAAAAAAAAAEAAhEQIkEgMVFhgv/aAAgBAQAGPwJXmJpOcDlCX+ukGjYJrg+ArRp//8QAHxABAAIBAwUAAAAAAAAAAAAAAQARcTFBURAgIWGR/9oACAEBAAE/IYKRKovoL+D9iEtjVg0wNvXMtXoouG0EB5MSoAXq7ue3/9oADAMBAAIAAwAAABBjyAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/EB//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/EB//xAAcEAEBAAICAwAAAAAAAAAAAAABEQAhMVEgQWH/2gAIAQEAAT8QwF4e4uCII0eEyG1COxhYYVZZUdpUFu0TINxNnCBWVh9wwRArpdo46xq8hmV7Xt8f/9k=","aspectRatio":1.6901408450704225,"src":"/static/d6dcc04929e1de60998c7aa5e2fe84e4/fde0e/preview.jpg","srcSet":"/static/d6dcc04929e1de60998c7aa5e2fe84e4/c6871/preview.jpg 120w,\n/static/d6dcc04929e1de60998c7aa5e2fe84e4/37838/preview.jpg 240w,\n/static/d6dcc04929e1de60998c7aa5e2fe84e4/fde0e/preview.jpg 480w,\n/static/d6dcc04929e1de60998c7aa5e2fe84e4/5dffc/preview.jpg 690w","srcWebp":"/static/d6dcc04929e1de60998c7aa5e2fe84e4/e5005/preview.webp","srcSetWebp":"/static/d6dcc04929e1de60998c7aa5e2fe84e4/a9036/preview.webp 120w,\n/static/d6dcc04929e1de60998c7aa5e2fe84e4/32713/preview.webp 240w,\n/static/d6dcc04929e1de60998c7aa5e2fe84e4/e5005/preview.webp 480w,\n/static/d6dcc04929e1de60998c7aa5e2fe84e4/e5a24/preview.webp 690w","sizes":"(max-width: 480px) 100vw, 480px"}}}}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/prototype-2/","previous":{"fields":{"slug":"/assignment-1/"},"frontmatter":{"title":"Instruction Sets for Strangers - Design Methods","tags":["research","documentation","design","prototyping"]}},"next":{"fields":{"slug":"/instruction-set-for-strangers/"},"frontmatter":{"title":"Instruction Sets for Strangers","tags":["installation","computer-vision","electronics","prototyping"]}},"tag":["installation","computer-vision","electronics","prototyping"]}}}