|
|
|
@ -1,13 +1,834 @@
|
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
|
|
|
|
<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
|
|
<title>INPUT/ OUTPUT - Special Issue X</title>
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
|
|
|
|
|
|
<title>issue X indexxxxxxxx page</title>
|
|
|
|
@font-face {
|
|
|
|
</head>
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
src: url("font/OCRAStd.otf") format("opentype");
|
|
|
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
|
|
font-style: normal;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
|
|
font-family: "Roboto";
|
|
|
|
|
|
|
|
src: url("font/Roboto-Bold.ttf") format("truetype");
|
|
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
font-style: normal;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* src: url("font/Roboto.otf") format("opentype");
|
|
|
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
width:100%;
|
|
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
|
|
font-size: calc(8px + 0.7vw);
|
|
|
|
|
|
|
|
scrollbar-width: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#left {
|
|
|
|
|
|
|
|
border: 1px solid white;
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
width:49%;
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
height:700px;
|
|
|
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
|
|
padding-bottom: 200px;
|
|
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#right {
|
|
|
|
|
|
|
|
border: ;
|
|
|
|
|
|
|
|
width:49%;
|
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
height:700px;
|
|
|
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
|
|
|
padding-bottom: 200px;
|
|
|
|
|
|
|
|
background-color: #21632c;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#SPIX {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 10%;
|
|
|
|
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
font-size: 2vw;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
padding-bottom: 2%;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#maintitle {
|
|
|
|
|
|
|
|
max-width: 95%;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 5%;
|
|
|
|
|
|
|
|
font-family: "Roboto";
|
|
|
|
|
|
|
|
font-size: 10vw;
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
padding-bottom: 0px;
|
|
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tfam {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 0px;
|
|
|
|
|
|
|
|
padding-bottom: 2%;
|
|
|
|
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
font-size: 2vw;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.plusminus {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
margin-top:0px;
|
|
|
|
|
|
|
|
padding-top: 0px;
|
|
|
|
|
|
|
|
padding-bottom: 30%;
|
|
|
|
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
font-size: 1.8vw;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#subtitle {
|
|
|
|
|
|
|
|
font-size: 1.5vw;
|
|
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
div#maingif{
|
|
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-bottom: 10%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.maingif{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#define {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: justify;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
font-size: 1.5vw;
|
|
|
|
|
|
|
|
padding-top: 5%;
|
|
|
|
|
|
|
|
color:black;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#pzi {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: justify;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
font-family: "Roboto";
|
|
|
|
|
|
|
|
font-size: 1.5vw;
|
|
|
|
|
|
|
|
color:black;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#names {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: justify;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
font-family: "Helvetica";
|
|
|
|
|
|
|
|
font-style: "light";
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
font-size: 1.2vw;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#intro {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
text-align: justify;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
font-family: "Roboto";
|
|
|
|
|
|
|
|
font-size: 1.2vw;
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div.moduleimg{
|
|
|
|
|
|
|
|
margin-top:50px;
|
|
|
|
|
|
|
|
margin-bottom: 100px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div.moduleimg img{
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 50%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
div#bigpcb{
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 5%;
|
|
|
|
|
|
|
|
padding-bottom: 10%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bigpcb{
|
|
|
|
|
|
|
|
width: 90%;
|
|
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div#tisa2 img{
|
|
|
|
|
|
|
|
max-width: 50%;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 50%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.output{
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
padding-top: 5%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.code {
|
|
|
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
border: 0.1em solid grey;
|
|
|
|
|
|
|
|
margin-bottom: white;
|
|
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
font-style:;
|
|
|
|
|
|
|
|
font-weight: 0.1%;
|
|
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
|
|
padding-top: 1%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.collapsible {
|
|
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
padding: 18px;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
|
|
|
border:solid black 1px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.active, .collapsible:hover {
|
|
|
|
|
|
|
|
background-color:black;
|
|
|
|
|
|
|
|
color:white;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.extended {
|
|
|
|
|
|
|
|
padding: 0 18px;
|
|
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.moduletext{
|
|
|
|
|
|
|
|
font-family: "OCRAStd";
|
|
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
div.links{
|
|
|
|
|
|
|
|
border-bottom:solid black 1px;
|
|
|
|
|
|
|
|
font-family: "Helvetica";
|
|
|
|
|
|
|
|
font: green;
|
|
|
|
|
|
|
|
padding: 15px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a.link_title{
|
|
|
|
|
|
|
|
color: green;
|
|
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.link_title{
|
|
|
|
|
|
|
|
padding-right: 70px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<p>WE'RE ONLINE!</p>
|
|
|
|
<div id="container">
|
|
|
|
<p>indeed</p>
|
|
|
|
<div id="left">
|
|
|
|
|
|
|
|
<h1>
|
|
|
|
|
|
|
|
<div id="bigpcb">
|
|
|
|
|
|
|
|
<a href="#bigpcb">
|
|
|
|
|
|
|
|
<img class="bigpcb" src="img/pcbimg.jpg"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<marquee class="maintitle" behavior="scroll" direction="left" height="250px"><embed class="output" src="img/inpout.gif" /></marquee>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</h1>
|
|
|
|
|
|
|
|
<div id="damla_T" class="moduletext"><h1 class="name_T">Damlanur Bilgin</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="tisa_T" class="moduletext"><h1 class="name_T">Tisa Neža Herlec</h1></div>
|
|
|
|
|
|
|
|
<p> How are you?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
How is your posture?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Are you well hydrated?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Do you have to go to the toilet?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Are you hungry?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Is it time to stretch?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Are you distracted?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Imagine a device, that would ask such questions.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
DISTRACTION MANAGER is a wearable "notification" generator, a stimulator for awareness, a trigger generator for a human being.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The user interacts with the device - by turning the knob they decide on how often on the scale/sequence from 5 to 60 minutes they they would like to hear the short high-pitched sound it produces.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Even more, the Distraction Manager (DM) works only when it receives coequal activity from the user. The user has the responsibility to complete the function of the device, to fill in the missing commands of the protocol of sensibilization.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
PROTOCOL: The Distraction Manager is switched ON by the user, the time sequence adjusted. -> The Distraction Manager produces the sound. -> The sound triggers the user. -> The user consciously activates their own set of questions. -> The user responds to these questions and makes adjustments that optimise their being. -> ...
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The sound that the Distraction Manager makes acts as a productive disturbance, triggering the user to pursue with their own questions.
|
|
|
|
|
|
|
|
It exists to sensibilize its user, to induce the development of good habits and taking care of oneself, to enhance focus, to reveal inner states and to manage distraction.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
DISCLAIMER: This method of reprogramming our subconscious mind requires a firm decision and strong motivation within the human using this device. </p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p> It only works when and if the user is successfully triggered to complete their steps in the protocol, asking and answering their own set of questions.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
If the user fails to internalize the protocol, ignoring the sound, failing to reach a symbiotic union with the device, the DM is deemed to be completely dysfunctional and futile.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The interaction between a human and this device can be a productive and an inclusive relation.
|
|
|
|
|
|
|
|
(Of course, looking from the antropocentric human perspective, the device can't really feel it, can it?)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Humans (in all instances) are the ones that give devices their life and their meaning, whereas this device challenges its user to reform their own behaviour - at an expense of the human no longer being blinded by other devices and the countless possibilities of use that they possess and distraction that they compell us with.
|
|
|
|
|
|
|
|
(What a traitor it is, this device!)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
DM is simple, its physical interface is minimal and its purpose is as complex as the user wants it to be. We can consider the DM as a highly inclusive interface, as its user is in charge of the great majority of the devices' functions. The interfacing does not take place in the material world, nor in between the lines of code, nor the rumble of wires. It happens in the mind of its user, discretely and without the need for the knowledge of translation between the language of the human and the language of the device/system/chip.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Each interaction between this device and its user is specific to the needs of the user. You get triggered and you are the one asking the questions.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
A device to interface with yourself.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The Distraction Manager is meant to be used as a training-tool that develops the users' internal methodologies for awareness. It highlights the possibility to re-program, to rewire our subconsciousness by enhancing the users' reflexes produces by a response to the DM stimuli. It is only necessary to use this pragmatic device until the questions posed do not anchor into the subconscious mind, the trigger becomes automatic, the pull towards awareness instinctive, the protocol internalized. This is only reachable by repetition that eventually reinforces the habit and embeds the changed behaviour.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Then - the device is not needed anymore. It has served its purpose.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Normally, the goal of creating an interface would be to make it as user-friendly as possible, achieving the desired output with minimal input from the user.
|
|
|
|
|
|
|
|
This is not the case with the Distraction Manager. The users' input is far from minimal. In fact: as much input as the human gives, as well the device functions!
|
|
|
|
|
|
|
|
Ranging from complete uselesness to accurate relevancy.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The inspiration for the way that the DM is put together derives from the observation and usage of contemporary interfaces – black boxes that conceal their internal workings, seducing the user that remains ignorant to the intrinsic networks and protocols that these devices use.
|
|
|
|
|
|
|
|
Induced ignorance masked in a sleek design.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The Distraction Manager empowers its human user to take control, to exercise their capability of intervening into the protocol of the device.
|
|
|
|
|
|
|
|
The primary action that a human derives from their wish to manage their distraction (the initial reason to use the DM), switching on the device and choosing a desired time sequence of the trigger production. When the sound appears, as a mid-protocol occurence, the human considers it as an input, triggering the sensibilization protocol. This is where the human and the machine encounter, interface eachother, creating an inter-system communication. The actual output of the DM is the changed state of mind, the management of distraction that the human reaches when the protocol is repeatedly and successfully completed.
|
|
|
|
|
|
|
|
The causality of the final output is unpredictable and specific to each individual, whose conceptual input (set of questions) to the protocol is the unknown variable, that depends on the initial motivation and the needs of the individual.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Machines have shaped humanity more abruptly, causing a shockwave stronger and more lasting than any other occurences ever since our species first stepped into existence. Tracing the legacy of tools, humans have always striven for the bettering of our lives, towards the simplification of mundane tasks.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Somewhere along the line, it seems, we have lost control over what kind of tools/machines/devices we produce and how we do it, for whom and why. How we use them and who is the boss.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Since the "discovery" of the internet, our bubble of known or possibly-known has blown up. Complexity arose and hit us hard.
|
|
|
|
|
|
|
|
It is alluring to have all the humanity's knowledge accessible anywhere, anytime. It is also perplexing.
|
|
|
|
|
|
|
|
(Is curiosity thriving?)
|
|
|
|
|
|
|
|
"The world" is a distraction generator, the excessive flood of impulses results in the loss of sharpness in our sensory experiences, perception.
|
|
|
|
|
|
|
|
Our generation is severely shaped by the immense power of connectivity, the dominance of accesibility. This is why it is urgent to reassess the notion of relevancy.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Making choices, being focused, having a mission, a clear direction, following a single strong impulse has become an end in itself, being also a desirable fundamental skill to have in order to manoeuvre the entanglements of today.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
To completely eradicate distraction would mean to cut off from the world that provides it, to seclude oneself in order to minimize the impulses.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The task is not to battle distraction, it is to manage it.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(Its management is necessary for our mental health.)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
I consider distraction as the current systems' strongest tool that makes us obedient and conformed. Our attention is being perpetually pulled from one to the other flashy impulse, headline, infinite irrelevant content packages, our thought stream being disrupted.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Propaganda of today is strong, its tactics are detrimental, ardvertisements bomb us on every step. The outside world penetrates our mind with such a zeal, it is almost impossible to resist it, to finish the thought we have just started without interruption.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
To be continuously interrupted, infused with the flood of impulses makes us blind, numb, insensible, inattentive - mainly to ourselves as bodies, as homo sapiens situated in the midst of this complex intertwinement of overwhelming impulses. Our time and conscious attention are swallowed by the black hole, made out of the substance called: distraction. We have sucessfully managed to forget about ourselves, indulged in the virtual reality that became the mirage in the desert of our time.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Being distracted prevents us from noticing that we are governed and manipulated, it takes away our empowerment and therefore we are weakened, not able to intervene, to react. We are less aware of our own emotion, our attention span is shortened, the capability of complex thoughts is crumbling, we dedicate our time to instant indulgence instead of managing our long-term well-being, satisfied by the virtual quick dopamine fix that we are entitled to receive.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
It is a hard task to rewire our mind anew and adopt more optimised patterns of functioning. We run on an autopilot of our subconscious mind taking decisions for us in a much quicker way than the rational, analytic consciousness though. But that does not mean that it is optimal, how we would want it to be. The Distraction Manager disrupts this autopilot and triggers a crucial moment in all of this distractive complexity, it aids us to develop the good habit of checking-in with ourselves from "time to time", a moment of presence and self-care.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Sensibilization is the first step. By taking it, we reclaim agency, we empower ourselves to see, to react, to change.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
We have the capability to expand our attention from only seemingly relevant matter, missing out on the core of the issue, the hidden mechanisms and intrinsic causes of things, if we are not distracted by any of the random impulses that try to trick us. Distraction works like a magician does - guiding our gaze where he wants to, while the real trick happens outside of the area of our attention. If we develop our potential, sharpen our awareness of things, if our sensibility is well-trained we can reveal the trick of the magician, understand better, direct our focus in the midst of the urge to simultaneously process a lot of information.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Being sensible to ourselves holds another asset. It makes us instinctively sensible to others, our empathy grows. This leads to a change in the way we communicate, being more sensitive and compassionate.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Communication is the basis of any community, of any conglomeration of individual parts, striving towards mutual understanding and well-being.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Separate individuals, modules get interconnected by efficient communication channels, functioning as one organism. The overall function of a system is a sum of specific functions of its constitutive parts.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Community is a modular system.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Social contracts are so deeply embedded in us that we don't even see the very possibility of them being questioned, hacked, shaped, remodeled. We are used of acting and interacting in certain ways. We mostly don't react until the moment when something suddenly hits us – when the way humanity functions reveals itself as cruel at a very explicit level. Then, it is too late.
|
|
|
|
|
|
|
|
Isn't this aggravating, maddening? It calls for action, it calls for the change in our subconscious patterns of interaction that would allow undistracted, direct, honest, raw and well-intentioned exchange of content.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The optimization of the whole system can happen only by optimising individual parts that constitute it and this is what the Distraction Manager does – constructs a proposition for reality, an experiment in the everyday life as a form of resistance to the unsocial politics of today, especially regarding awareness of oneself, expanding onto the awareness of others and reciprocal communication.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
sensibilization -> awareness -> understanding -> reacting -> change
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Being sensibilized, gaining awareness and gradually understanding the structures and the mechanisms of contemporaneity, seeing its faults and difficulties, acknowledging other people (especially) within our communities. Reacting and being critical to ignorance, to distraction, to the means of control governing us, elegantly masked and fragmented, omnipresent and sly. Making, creating something that is beneficial for others. Sharing individual insights, combining and producing new forms of knowledge. Merging and cross-pollination qualities of separate particles. To empower and be empowered.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mark_T" class="moduletext"><h1 class="name_T">Mark van den Heuvel</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="avital_T" class="moduletext"><h1 class="name_T">Avital Barkai</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="max_T" class="moduletext"><h1 class="name_T">Max Lehmann</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="Ioanna" class="moduletext"><h1 class="name_T">Ioana Tomici</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="clara_T" class="moduletext"><h1 class="name_T">Clara Noseda</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="sandra_T" class="moduletext"><h1 class="name_T">Sandra Golubjevaite</h1></div>
|
|
|
|
|
|
|
|
<p> >>>> okokokok >> what >> don’t be scared >> seven [‘7’] is a straight forward .print&.read device >> you can play the prewritten poem [‘seven.ino’] or you can write your own >> [‘7’] can manipulate text >> it can send an outgoing message or be interrupted by an incoming one >> [‘7’] enjoys repetition, coincidence & a gentle touch >> to channel text the module needs to be connected to a TV screen through a video input >> a video signal is broadcasted and can be listened to in mono >>>>>> mhmhmhmh >> how >> how i approached hardware >> 7 knobs & 7 buttons arranged in no particular hierarchy >> i wanted to create a humble device with clear manual functions >> an interface that makes you feel in control >> this urge became clear after getting familiar with a term ‘calm technology’ during the Special Issue X >> calm technology - a type of information technology where the interaction between the technology and its user is designed to occur in the user's periphery rather than constantly at the centre of attention >> how >> how i approached software >> working within the framework of the tv.out library and a television monitor determined certain features of the program, such as its esthetics and its interface >> with a subject in mind the content of the poem [‘seven.ino’] was developed and written while learning how to code with Arduino IDE >> the way the poem unfolds to a user depends on his/hers interaction with [‘7’] >>>>>> ghhrrghrrr >> </p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p> >> why >> in the beginning of the Special Issue X i was intrigued by DadaDodo >> DadaDodo is a program that analyses texts for word probabilities and then generates random sentences based on that >> sometimes these sentences are nonsense but sometimes they cut right through to the heart of the matter and reveal hidden meanings >> i was also interested in the experimental poetry examples mentioned in Florian Cramer’s “words made flesh” >> but why >> repetition of text is a method that i practice during live vocal performances >> a partial looping of a poem functions as a transition or/and an emphasis >> as a poet i am interested in a life of a written static poem-block >> when a poem does not have a voice present how could it still rustle? >> [‘7’] is a first prototype towards that idea <<<<<<</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mika_T" class="moduletext"><h1 class="name_T">Mika Motskobili</h1></div>
|
|
|
|
|
|
|
|
<p>Txx.uo consolidates two contrasting radio frequency implementation modes: RFID reader scans the cards/objects containing RFID tags using radio waves and LCD screen displays a Q-code* [internationally established three-letter abbreviation used in radio communication].
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
*A particular Q-code denotes a question when it is followed by a question mark and references an answer [statement] when it's not:<br>
|
|
|
|
|
|
|
|
QRU? : Have you anything for me?<br>
|
|
|
|
|
|
|
|
QRU : I have nothing for you.<br>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The RFID technology is used for object identification, authentication and security reasons, whereas Q-code is transmitted on a specific radio frequency by a radio operator and can be intercepted by anyone, who is tuned in to the same frequency.<br>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
This module converts the data received from a scanned card into a sound and binary code. This Binary signal is then transfigured into LED blinking and is also funneled to another module through an output channel. Top row of an LCD screen displays a specific question from the list of a Q-code, depending on a knob position and when receiving a signal from another module, a random Q-code answer is shown on the second row of the screen.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Components and configuration
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
⯐ : Solder
|
|
|
|
|
|
|
|
🢗 : Plug into
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
⯐ 15x1 female header [x2] 🢒🢒 PCB [Nano]
|
|
|
|
|
|
|
|
⯐ 15x1 male header [x2] 🢒🢒 Nano
|
|
|
|
|
|
|
|
⯐ 4x1 female header 🢒🢒 PCB [LCD1602-I2C]
|
|
|
|
|
|
|
|
⯐ 1602 I2C LCD display 🢒🢒 4LCD1602-I2C
|
|
|
|
|
|
|
|
⯐ 8x1 Female Header 🢒🢒 PCB [RFID]
|
|
|
|
|
|
|
|
⯐ 8x1 male header 🢒🢒 RFID
|
|
|
|
|
|
|
|
⯐ 10k ohm potentiometer 🢒🢒 A1 P in
|
|
|
|
|
|
|
|
⯐ LED 🢒🢒 LED2 D7
|
|
|
|
|
|
|
|
⯐ 10k ohm resistor 🢒🢒 R1
|
|
|
|
|
|
|
|
⯐ 220 ohm resistor 🢒🢒 R3
|
|
|
|
|
|
|
|
⯐ 220 ohm resistor 🢒🢒 R3
|
|
|
|
|
|
|
|
⯐ 3.5mm mono jack socket 🢒🢒 D5 o1 out
|
|
|
|
|
|
|
|
⯐ 3.5mm mono jack socket 🢒🢒 D3 o2 out
|
|
|
|
|
|
|
|
⯐ 3.5mm mono jack socket 🢒🢒 T5 o3 out
|
|
|
|
|
|
|
|
⯐ 3.5mm mono jack socket 🢒🢒 A2 o4 out
|
|
|
|
|
|
|
|
⯐ 3.5mm mono jack socket 🢒🢒 D8 o5 in
|
|
|
|
|
|
|
|
⯐ 2 pins of 4-pin tactile push button switch 🢒🢒 Reset
|
|
|
|
|
|
|
|
⯐ 5x2 male header 🢒🢒 JP [bridge the second row by soldering them together]
|
|
|
|
|
|
|
|
⯐ Vactrol : place the heads of LED and LDR in a heat shrink tube, so that they touch each other and are covered by a tube. Heat up the tube and then:
|
|
|
|
|
|
|
|
_ ⯐ LED 🢒🢒 LED 1 [long leg of LED 🢒🢒 square hole]
|
|
|
|
|
|
|
|
_ ⯐ LDR 🢒🢒 LDR
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
🢗 RFID 8x1 male header 🢒🢒 8x1 11mm female header [bend the pins] 🢒🢒 8x1 11mm female header 🢒🢒 8x1 11mm female header [bend the pins] 🢒🢒 8x1 female header.
|
|
|
|
|
|
|
|
🢗 LCD 🢒🢒 4x1 female header
|
|
|
|
|
|
|
|
🢗 NANO 🢒🢒 2 15x1 female headers </p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="anna_T" class="moduletext"><h1 class="name_T">Anna Sandri</h1></div>
|
|
|
|
|
|
|
|
<p>As single modules perform one job and one job well, you will have to anticipate and even require the output of someone elses module in order for yours to work. Coinciding with your research we will create one or several 'outputs' consisting of an interface, electronics and a manual.</p>
|
|
|
|
|
|
|
|
<button type="button" class="collapsible">Read More</button>
|
|
|
|
|
|
|
|
<div class="extended">
|
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="links">
|
|
|
|
|
|
|
|
<a class="link_title"href="manual_damla.pdf" target="_blank">Manual</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://git.xpub.nl/" target="_blank">Git</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Wiki</a>
|
|
|
|
|
|
|
|
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Peach/issue-10-lfp" target="_blank">Personal Website</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h2>
|
|
|
|
|
|
|
|
Guests
|
|
|
|
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
<p><strong>Dennis de Bel</strong><br>Dennis de Bel (1984, NL) is an applied artistic researcher, educator, radio amateur (call sign PD0WNED). In his practice he positions himself as producer, consumer, observer and distributor of critical knowledge focussed on technology. His work has been exhibited at Siggraph Los Angeles, Transmediale Berlin and hosted workshops in various collaborations at, for example, ISEA Hong Kong, Radical Networks New York. He participated in the Relearn summer schools and Libre Graphics Meetings besides being a guest tutor at the Design Academy Eindhoven and the Willem de Kooning Academy Rotterdam University of Applied Science. In 2017 he co-founded Varia, a Rotterdam based space for developing collective approaches towards everyday technology. De Bel holds a MA from the Piet Zwart Institute (NL) and most recently participated in the artist in residency program of t</p>
|
|
|
|
|
|
|
|
<p><strong>Olli</strong><br>Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli Olli </p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="right">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="maingif">
|
|
|
|
|
|
|
|
<embed class="maingif" src="img/gifmain.gif" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="SPIX"> SPECIAL ISSUE X</div>
|
|
|
|
|
|
|
|
<div id="maintitle"> INPUT/ OUTPUT </div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tfam">Tales from another module</div>
|
|
|
|
|
|
|
|
<marquee class="plusminus" behavior="scroll" direction="up" height="5px"> <marquee behavior="scroll" direction="left"><marquee behavior="scroll" direction="right">...................................................................</marquee>-------------------------------------------------------------------------------</marquee>++++++++++</marquee>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="pzi">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="define">
|
|
|
|
|
|
|
|
#define COLOPHON
|
|
|
|
|
|
|
|
<br>/*
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br>Master of Arts in Fine Art and Design: Experimental Publishing,
|
|
|
|
|
|
|
|
Piet Zwart Institute, Willem de Kooning Academie:
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="names">
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
students:
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
Avital Barkai, Damlanur Bilgin, Sandra Golubjevaite, Tisa Neža Herlec, Mark van den Heuvel, Max Lehmann, Mika Motskobili, Clara Noseda, Anna Sandri, Ioana Tomici
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>guests & teachers:
|
|
|
|
|
|
|
|
<br>Olli Aarni, Dennis de Bel, Andre Castro, Leslie Drost-Robins, Aymeric Mansoux, Michael Murtaugh, Steve Rushton
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br>De Player: Peter Fengler, Koos Siep, Frederic van de Velde
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>Rotterdam, NL
|
|
|
|
|
|
|
|
<br>Autumn 2019
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="intro">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="define">
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>setup (INTRODUCTION){
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p>This publication documents the work developed during the first trimester of Piet Zwart Institute's Experimental Publishing programme 2019.
|
|
|
|
|
|
|
|
<br>It involves working with notions of sound, language and interfaces, towards building a common organism - a modular synthesizer.
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>#define A modular synthesizer consists of separate specialized modules. Each individual module accepts inputs and produces an output. When interconnected, this allows for unexpected results where the whole is greater than the sum of its individual parts.
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>This point of departure led us to produce 10 unique contributions to the common assembly of the publication INPUT-OUTPUT: Tales from another module. Each contribution consists of one or more modules, which represent our individual interests in exploring this medium. Outputs vary between sound, image and text, resulting in an audio-visual performance.
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>The following pages are a compilation of our research and resulting work, complete with instructions of assembly and use. See more on the website: https://issue.xpub.nl/10/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="define">
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>loop (COMPLEXITY ARISES THROUGH CONNECTION){
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br>Faced with the completely unknown world of modular synthesizers, we pushed on toward the edges of our comfort zones. Soldering fumes gave us headaches, learning C/C++ tested our patience, debugging became a daily process.
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
<br>After establishing an initial framework, we were challenged to find our own subjective interests in this vast field, to equip ourselves technically and conceptually, to risk failure.
|
|
|
|
|
|
|
|
The flood of information at first presented itself as a swirl of confusion, but navigation gradually became easier. We got to know the module, it became accessible, something that we could shape, form and use as a medium. The internal hidden workings of a complex system became more transparent and ideas for our individual modules started to develop. We got inspired! By understanding electronic circuits and speaking the language of code, we constructed our own individual modules.<br>
|
|
|
|
|
|
|
|
<br>These are presented in this publication as the most physical and direct trace of our process.
|
|
|
|
|
|
|
|
<br></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="define">
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="damla" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#damla">
|
|
|
|
|
|
|
|
<img src="img/pcb_damla.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="tisa2" class="pcbtisa">
|
|
|
|
|
|
|
|
<a href="#tisa">
|
|
|
|
|
|
|
|
<img src="img/pcb_tisa.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mark" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#mark">
|
|
|
|
|
|
|
|
<img src="img/pcb_mark.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="avital2" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#avital">
|
|
|
|
|
|
|
|
<img src="img/pcb_avital.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="max" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#max">
|
|
|
|
|
|
|
|
<img src="img/pcb_max.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="ioana" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#ioana">
|
|
|
|
|
|
|
|
<img src="img/pcb_ioana.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="clara" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#clara">
|
|
|
|
|
|
|
|
<img src="img/pcb_clara.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="sandra" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#sandra">
|
|
|
|
|
|
|
|
<img src="img/pcb_sandra.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
pinMode(BUTTON1, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON2, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON3, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON4, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON5, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON6, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON7, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON8, INPUT);
|
|
|
|
|
|
|
|
pinMode(BUTTON9, INPUT);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mikapcb" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#mika">
|
|
|
|
|
|
|
|
<img src="img/pcb_mika.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="annapcb" class="moduleimg">
|
|
|
|
|
|
|
|
<a href="#anna">
|
|
|
|
|
|
|
|
<img src="img/pcb_anna.png"/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<br><marquee class="code" behavior="scroll" direction="right">{
|
|
|
|
|
|
|
|
Serial.begin(9600);
|
|
|
|
|
|
|
|
TV.begin(PAL);
|
|
|
|
|
|
|
|
TV.select_font(font4x6);
|
|
|
|
|
|
|
|
} </marquee></br>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
var coll = document.getElementsByClassName("collapsible");
|
|
|
|
|
|
|
|
var i;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (i = 0; i < coll.length; i++) {
|
|
|
|
|
|
|
|
coll[i].addEventListener("click", function() {
|
|
|
|
|
|
|
|
this.classList.toggle("active");
|
|
|
|
|
|
|
|
var content = this.nextElementSibling;
|
|
|
|
|
|
|
|
if (content.style.display === "block") {
|
|
|
|
|
|
|
|
content.style.display = "none";
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
content.style.display = "block";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
