new standalone git repository for this Special Issue

master
manetta 4 years ago
commit 907b473815

@ -0,0 +1,202 @@
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 250 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 749 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 295 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 851 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

@ -0,0 +1,697 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
<title>INPUT/ OUTPUT - Special Issue X</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="../lib/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script>
</script>
</head>
<body>
<div id="left">
<h1>
<div id="bigpcb">
<a href="#SPIX">
<img class="bigpcb" src="img/pcbimg2.jpg"/>
</a>
</div>
<!-- <marquee class="maintitle" behavior="scroll" direction="left" height="250px"><embed class="output" src="img/input.gif" /></marquee> -->
</h1>
<a href="#damla_module"><div id="damla_T"><h1 class="name_T" padding-top="10vh">Carbon</h1></div></a>
<h2 class="student">by Damlanur Bilgin</h2>
<p class= "p-style">Carbon is a device that translates graphite markings on paper into signals that manipulate sound and visuals. Carbons interface is pencil, paper, and an LED screen that reflects the user's marks on paper and translates signals from other modules into light and color.
<br>A synthesizer features knobs, sliders and buttons that allow the user to manipulate sound. The opposite ends of a knob or a slider represent two ends of an axis such as slow and fast or low pitch and high pitch, or, in case of buttons, on and off or play and pause. Each of these elements, controlling singular values, combine to form an interface between the musician and sound.
<br>On a scale of visible and invisible, the interface of the synthesizer is very visible.
<br>Its difficult to interface with a synth intuitively. The user needs to be knowledgeable about how to make music to experiment or improvise. The interface doesnt respond to gestures other than turning knobs or dragging sliders. The large number of controls on a synth means these controls need to be arranged in an efficient way. Thus, more important controls which are used more often are more eye catching and easier to reach. While this is important for function, it also creates a bias on ways of interfacing with sound. Some aspect of sound are more important to manipulate while some can be left alone for the most part.
<br>Carbon is an experiment on the effect interfaces can have on decision-making and the creative process.</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">The knowledge of how to use pencil and paper is much more widespread than the knowledge of playing an instrument. Replacing the interface of a synth with a sheet of paper and a pencil opens this device up to people who wouldnt know how to interact with a musical instrument. The user can make decisions based on the way they want to move their hand or the shape of marks they want to leave on the paper. In a way, Carbon is also a translator between audio and visual. A musician can use the sound output of the synth to guide their drawing in the same way an illustrator can use shapes on paper to control sound.
<br>Carbon is born out of a desire to interface with a medium one is unfamiliar with. The lack of technical knowledge in music that started out as an insecurity ended up guiding me through this project in exploring how I can interact with the unfamiliar through the familiar.</p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/a/a3/Damla.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Carbon" 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://www.instagram.com/yuruyenkale/" target="_blank">Personal Website</a>
</div>
<a href="#mark_module"> <div id="mark_T"><h1 class="name_T">FLAKES</h1></div></a>
<h2 class="student">by Mark van den Heuvel</h2>
<p class= "p-style">Flakes is an audio playback device that combines the functionalities of an analog cassette tape player and a digital sample playback module <1>. Merged together in the case of an old desktop cassette recorder, this hybrid machine allows both different audio playback techniques to consolidate each others technical limitations <2>, make use (and misuse) of their capabilities in order to emphasize their unique characteristics. By connecting the available outputs to inputs and using the adjustable knobs on the interface, the user has the options to mix, modify and let the samples from both analog and digital sources interact with each other to create new, unexpected sounds.
<br>The starting point for making this device was to somehow reveal the simularities of the inner workings between the digital software-based module and the analog origins of sample playback technique by using cassette tape loops <3>. With the idea of combining both playback techniques, I explored each unique characteristics, technical limitations and their potentials to function within a hybrid in order to create a new interface where they could work together, influence and even fight each other. Like an audible internal dialogue, switching between intuition and reason.
</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">
<br>How it works
<br>A speech sample <4> (saying IN-SIDE OUT) is cut into pieces so the separate words can be divided to the digital module (programmed onto) and analog tape loop (recorded onto its magnetic tape). While the analog tape loop is prominent and continuously plays the same slice <5>, the digital module runs a program that allows the recorded sample to (start playback on a trigger and) jump between different starting positions and loop sizes start playback. Played together, random flakes and new combinations of the separate words are constantly being generated in real-time. They correct and complement each other, making new combinations of the 3 words: IN-SIDE-OUT.
The main goal of my research was to somehow 'reveal' what's happening inside the digital module by showing the similarities to the analog origins of the sample playback technique by using cassette tape loops. Here, the cassette tape is deployed to elucidate what a sample loop is: a seemingly stable mechanism that is fairly transparent in how it works <5>. The digital function is, in contrast, somehow hidden and mysterious in what it will do. Besised that, once uploaded, the code can't be retrieved from the device .
<br>By combining these techniques, the resemblances between the inner workings of the two playback methods somehow seem very logical at first sight. One plays a piece of magnetic tape, the other plays a piece of code in a loop. Over and over again. But both techniques and interfaces offer unique features that can be combined so the machine could have an "inner dialogue", correcting, complimenting, almost discussing each other's limitations and capabilities <6>. Almost as if this device is being self-critical and tries to come to terms with itself.
<br>The visible aspect of the hybrid device functions as a window with the blinds are open: it offers a peek inside but it still raises a question of what's happening inside. As a way to gain interest by showing the first glance and generate curiosity being showing and hiding something. This way, the visual aspect creates comfort and novelty: the analog as the striking presence to draw attention, the digital as the hidden mystery which can raise the question of whether we should care how things are implemented inside. And why should we care as long as it works?
<br>
<br>[Note 1]: The modular synthesizer is a type of synthesizer, which exists in both physical and virtual forms, consisting of separate specialized modules. The modules are not hardwired together by the manufacturer but can be connected with patch cords, a matrix patching system, or switches by the user to create a patch. Source: Wikipedia)
<br>[Note 2]: Despite both only being capable of playing lo-fi samples (Analog low fidelity: hiss, fluctuations in tape speed, limited audio frequency range / digital low fidelity: low bitrate, dithering, and limited audio frequency range. The analog device can make recordings and play them back directly and the digital module's behavior is fully programmable, allowing to make use of feedback, phasing, gate triggers, pitch control functions, and configurable functionalities as desired and more.
<br>[Note 3]: In a tape loop, the sound is recorded on a section of magnetic tape and this tape is cut and spliced end-to-end, creating a circle or loop which can be played continuously.
<br>[Note 4]: Working with speech samples for the demonstration gave the device human characteristics. The narrated character of the speech sounds calming and, at first, comforts. We recognize this mode of speech when receiving instructions from a navigation system, for instance; or from a mentor who will lead you in the right direction, which we can follow blindly. As the vocals are processes, language moves from being an interface to becoming an instrument. From the structure of an unknown system.
<br>[Note 5]: In music, tape loops are loops of magnetic tape used to create repetitive, rhythmic musical patterns or dense layers of sound when played on a tape recorder. Originating in the 1940s with the work of Pierre Schaeffer, they were used among contemporary composers of 1950s and 1960s, such as Steve Reich, Terry Riley, and Karlheinz Stockhausen, who used them to create phase patterns, rhythms, textures, and timbres. Popular music authors of 1960s and 1970s, particularly in psychedelic, progressive and ambient genres, used tape loops to accompany their music with innovative sound effects. In the 1980s, analog audio and tape loops with it gave way to digital audio and application of computers to generate and process sound. (source: Wikipedia)
<br>[Note 6]: One can argue that the cassette tape's mechanism and recording method on magnetic tape is highly complex and mystical as well. By all means, we are just used to it since it has been around. So it might be a difference in current technical knowledge. But there's a diffrence in visibility and sense of control seeing a mechanism run in front of your eyes or having to rely on the fact that a certain code is running on a micro computer.
</p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/3/3c/Mark.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Flakes" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Markvandenheuvel/specialissue10" target="_blank">Wiki</a>
<a class="link_title" href="http://www.markvandenheuvel.com" target="_blank">Personal Website</a>
</div>
<a href="#avital_module"> <div id="avital_T"><h1 class="name_T">GENERATOR</h1></div></a>
<h2 class="student">by Avital Barkai</h2>
<p class= "p-style">Generator is a module that translates voltage into video signal. The voltage can come both from the power source of the module and the outputs of other modules that can connect to it. It is both self-controlled and sound-controlled so it can be a stand alone object or part of a bigger constellation. It is an image maker that explores the visual possibilities within the limitations of the hardware and the code. Coding was a substantial part of this process sometimes pointing me in the right direction, sometime presenting setbacks and frustrations and and at other times creating unexpected outcomes. The goal at first was unknown and mysterious and I came to realised that I will discover it as I go. Once I got the module to work with the LCD screen, it became my canvas. As I progressed, I realised I wanted the user of the module to be able to generate images and examine the possibilities of this medium. I created this version of the “etch a sketch”, in which the user alternates between the sense of control and randomness. On the one hand the rules of the modules are mostly clear there are 5 brushes, you can determine their size, and you can draw across the X and the Y axis. On the other hand it takes some time to learn how to control it, there are many options to discover and it can be influenced by other modules' outputs that cannot be controlled directly.
</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style"> Finally, the screen clears every 10-12 seconds so you have a limited time to draw your image. The act of refreshing the screen seemed natural because every image we make is unique. It is almost impossible to make exactly the same image, so each one created is one of a kind but also temporary and fleeting, soon to be replaced by another image. All of these combined reference the experience of creative coding. There is a magic in randomness, producing while exploring and getting unexpected outcomes. My wish was to embed a personal perspective happy “mistakes”, making adjustments while working and viewing the tools that we use as partners of the process and not just a means to an end. I encourage whoever builds this module to explore the coding and try to see where she/he can take it, what can happen while playing with code.</p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/6/6b/Avital.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Generator" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:AvitalB/special_issue" target="_blank">Wiki</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:AvitalB/special_issue" target="_blank">Personal Website</a>
</div>
<a href="#max_module"> <div id="max_T"><h1 class="name_T">GLARE</h1></div></a>
<h2 class="student">by Max Lehmann</h2>
<p class= "p-style">GLARE is a speculative interface trying to explore what lies behind the boundaries of the usual input devices. The idea for it arose out of the impression that most of music production interfaces require a deep understanding of the subject and thus impose a considerable hurdle on the average user.
<br>Music is in itself something very intuitive and emotional and as it is something profoundly satisfying and an excellent method of emotional self reflection the making of it should be accessible to a broad audience. This approach is not only aiming to provide a new controller for musicians, but to put the creation of music into the lives of individuals as a practice of leisure and self-realization.
<br>Dancing, usually a way to deal with music after the process of producing it has ended, is a direct and very personal translation of music. Provided the necessary interfaces are available, making music could and should be as simple as dancing to it.
<br>GLARE module is being controlled by gestures only and thereby works in a very intuitive way. The movements controlling the auditive content can resemble the motion of dancing.</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style"></p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/b/bd/Max.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Glare" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Max_Lehmann/Special_Issue_X" target="_blank">Wiki</a>
<a class="link_title" href="https://maxvalentin.weebly.com/" target="_blank">Personal Website</a>
</div>
<a href="#ioanna_module"> <div id="ioana"><h1 class="name_T">MODULAR LINGUISTICS</h1></div></a>
<h2 class="student">by Ioana Tomici</h2>
<p class= "p-style">Modular Linguistics is based on a series of electronic objects which are programmed to speak. The words chosen to be part of its vocabularies are spoken in unison, generating new associations between terms.
<br>voice.say(spINTRODUCTION);
<br>The process of constructing language, both written and spoken, has always been modular. Modularity presupposes a certain compatibility between interlocking parts—this is the crux of language. Modular Linguistics then, is not a claim for the discovery of a new function within the field of linguistics, but simply an emphasis on its constructibility instead of its descriptive abilities.
<br>However, orality is strictly interlinked with sound as a carrier of language, which invests the act of speech with multitudes of aesthetic qualities. The sonic and phonetic dimensions of language are what articulates speech, while simultaneously imposing its ephemerality. As Walter Ong fundamentally states:
<br>“All sensation takes place in time, but sound has a special relationship to time unlike that of the other fields that register in human sensation. Sound exists only when it is going out of existence. It is not simply perishable but essentially evanescent, and it is sensed as evanescent. When I pronounce the word permanence, by the time I get to the -nence, the perma- is gone, and has to be gone.”1
<br>It is then important to consider the recording of language as not only a practice of writing, but also one of speaking and listening.</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">voice.say(spFUNCTION);
<br>The voice appears here as an electronic anomaly: a synthetic placeholder for a missing vocal anatomy. You are now faced with a device which is able to speak—a disembodied voice sounding from an electronic circuit. The voice struggles to articulate through the constraints of a lo-fi sound output. Some sounds fade and are left to exist only as the memories of certain phonemes in the listeners cognitive effort. Although, listening is performed without the ability to localize the precise source of the sound. It is therefore an acousmatic voice with origins unknown. As Mladen Dolar puts it in Whats in a Voice?:
<br>“In this universe it is more appropriate to say that the voice, far from being a self-expression, a harbinger of interiority and individuality, is more like an intruder, a foreign body, a prosthesis, a bodily extension, an artificial limb it is never authentic, it is never just an expression. The voice has like a spectral autonomy, it never quite belongs to the body we see, the voice never sounds like the person emitting it, there is always a gap, a Verfremdung, a mismatch, a ventriloquism.”2
<br>The possibility of producing new words with distinct speculative qualities is why the construction of neologisms is a practice that proposes to constantly reinvent and revise the use of language as pertinent to a certain time. A neologism can manifest as a cut-up: a swift or abbreviated manner of swapping and shifting connotations. Or in other words, the (un-)intentional clumsiness of hot-gluing a semantically loaded prefix to an unsuspecting root-term.
<br>What comes out of the device is a relentless noise which proposes a different kind of deep listening: a low fidelity practice of cutting-up, sampling and mixing prefixes, roots and suffixes. The cultural theorist Kodwo Eshun writes about this act of mixing and sampling, in his book More Brilliant Than the Sun: Adventures in Sonic Fiction:
<br>“The cut is a command, a technical and conceptual operation which cuts the lines of association. [...] The stammer of the new. Each cut magnifies the words so you hear in closeups which expand space until it blows up.”3
<br>Without the presence of written language, listening becomes a translation of the practice of developing neologisms into an aesthetic experience. And therefore allows for the phonetic process of tapping into the production of neologisms. Or, in other words, this device favors homophonic relations over homographic relations: playing neologisms instead of writing neologisms. The act of listening to the words being produced allows for the possibility of different ways to write.
<br>
<br>1. Ong, Walter J.Orality and Literacy. Routledge, 2002.
<br>2. Eshun, Kodwo. More Brilliant than the Sun. Verso, 2018.
<br>3. Dolar, Mladen. “Whats in a Voice?” Resonant Bodies, Voices, Memories. Revolver, 2009.
<br>
<br>ASSEMBLY
<br>LIST OF COMPONENTS
<br>(required for one module)
<br>1x Arduino Nano
<br>2x 16 pin male header
<br>2x 16 pin female header
<br>3x 10kΩ rotary potentiometer
<br>2x 0Ω resistor
<br>1x 150Ω resistor
<br>1x C1 106 ceramic capacitor
<br>1x 2x5 pin JP header
<br>2x 3.5mm audio jack
<br>1x Mini USB to USB cable
<br>1x sound output device (headphones/speaker)
<br>
<br>INSTRUCTIONS
<br>1. Solder the two 0Ω resistors to R22 and R23 marked on the PCB; trim excess metal wires.
<br>2. Solder the 150Ω resistor to R24 marked on the PCB; trim excess metal wires.
<br>3. Solder the ceramic capacitor to C1 104 marked on the PCB; trim excess metal wires.
<br>4. Solder the JP header to JP2 marked on the PCB (on the backside).
<br>NOTE: pin 7 and 8 need to be bridged; use one of the metal trimmings to solder this bridge together.
<br>5. Solder the three 10kΩ rotary potentiometers to P1, P2 and P3 marked on the PCB.
<br>6. Solder the two 3.5mm audio jacks to J4 and J5 marked on the PCB.
<br>7. Solder the male headers to the Arduino Nano and insert the female headers on top.
<br>8. Solder the female headers attached to the Arduino Nano to NANO2 marked on the PCB (on the backside).
<br>9. Plug Mini USB cable into the Arduino Nano and connect to a power source (the red LED on the Arduino will light up).
<br>10. Plug sound output device into the output audio jack.
<br>
<br>The Modular Linguistics device is now ready to be flashed through Arduino IDE.
</p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c5/Ioana.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Modular_Linguistics" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Ioanatomici/SPECIAL_ISSUE_X" target="_blank">Wiki</a>
<a class="link_title" href="https://www.ioanatomici.com/" target="_blank">Personal Website</a>
</div>
<a href="#clara_module"><div id="clara_T"><h1 class="name_T">REMOTE CONTROL</h1></div></a>
<h2 class="student">by Clara Noseda</h2>
<p class= "p-style">Please dont choke on my module
<br>« For me this book is a bag.
<br>I am making of this bag a body.
<br>A body of work.
<br>A single-use carrier to collect writing.
<br>Like any single-use carrier bag - I disapprove.
<br>It shouldnt, it contributes to pollution, it should be banned.
<br>Yeah.
<br>Books like this - should be banned.
<br>And yet, in spite of the fact I know this book may be a waste product -
<br>Im still writing, redacting, expanding. <br>
<br>Even though I know a lot of it is garbage, fools words, so much garnish to a lil gold -
<br>Im still waiting, wasting, wanting
<br>[…]
<br>And its with that conceit our species is known for that I am contributing to a floating continent of plastic, a great patch of unread material.
<br>Like all plastic on the planet - this will probably outlive me.
<br>Please dont choke on it. »
<br>
<br>Sad sack, Sophia Al-Maria, Book Works, 2019
<br>
<br>For me this module is a book, a reusable book.
<br>A book that can be infinitely rewritten,
<br>A reusable bag.
</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">
<br>Remote control is a storytelling machine.
<br>Its a cognitive toolkit providing a space for literary works to converge with the dialectics of code.
<br>Its a simple device that turns a strict protocol into a machine for speculation.
<br>A platform offering a performative approach to discourse, putting forth the idea that conceptual confusions surrounding language-use are at the root of most philosophical problems.
<br>(Its a defense tool for times when opinionated news footages are being referred to as the truth, and scientific data is being referred to as fake news by figures of power).
<br>A physical object, which goals are to generate a practice of storytelling, inspired by the ways disparate narratives can come together to create inroads into the unknown (or the obvious).
<br>With this in mind, this module is an arena to explore how protocols can induce new forms of inventiveness in the act of storytelling, grounded in the cohabitation of a multiplicity of standpoints, rather than a linear, all-encompassing narrative.
<br>Its interests and uses will reside in the stories you decide to generate through it.
<br>LANGUAGE GAMES :
<br>Just like code, « natural languages » are not chance actions nor randomly proffered words, but actions that owe their legitimacy, relevance, and existence, to a set of rules determining their use.
<br>Language games can be understood as the shared conceptual parameters that make it possible to identify and produce signs and to establish relations of signification and representation.
<br>History (as a field of study), for example, can be viewed as a language game: it is a rule-guided way of attributing meaning to events.
<br>(Whether language plays the central role in it or not, semiotics can be thought of as a rule-guided set of practices.)
<br>RULEBOOK :
<br>Remote control is a reader that supports texts that have these three characteristics:
multiple reading paths, chunked text, and some kind of linking mechanisms.
<br>Technotexts
<br>Use the module as a canvas
<br>The protocol is simple :
<br>a KNOB, a SLIDER, a SWITCH.
<br>The KNOB and the SLIDER each receive values
ranging from 0 to 1023.
<br>The SWITCH reads two options: HIGH and LOW
<br>From there, you can divide your text in as many ways as you wish by using the IF / ELSE IF condition
<br>On this website, you will find a diversity of open versions of empty codes, which you can fill in to create your own stories.
<br>However, you can also create your own, unique code, to fit your story. You will also find 5 previously written little stories, each exploring different modalities and interests. You just have to copy and paste them in the Loop section of your code, upload your new code on the hardware, and play the story, like a DVD.</p>
</div>
<div class="links">
<a class="link_title" href="https://pzwiki.wdka.nl/mw-mediadesign/images/0/05/Clara.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Remote_Control" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Claxhanson/methods" target="_blank">Wiki</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Claxhanson/storie" target="_blank">Personal Website</a>
</div>
<a href="#sandra_module"><div id="sandra_T"><h1 class="name_T">SEVEN ['7']</h1></div></a>
<h2 class="student">by Sandra Golubjevaite</h2>
<p class= "p-style"> >>>> okokokok >> what >> dont 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 class= "p-style"> >> 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 Cramers “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="https://pzwiki.wdka.nl/mw-mediadesign/images/0/0d/Sandra.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Seven_[7]" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/Golubjevaite/SpecialIssue10" target="_blank">Wiki</a>
<a class="link_title" href="http://www.golubjevaite.com" target="_blank">Personal Website</a>
</div>
<a href="#mika_module"><div id="mika_T"><h1 class="name_T">TXX.UO</h1></div></a>
<h2 class="student">by Mika Motskobili</h2>
<p class= "p-style">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>
<br><i>*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><strong>QRT?</strong> : Shall I cease or suspend operation?
<br><strong>QRT</strong> : I am suspending operation.</i>
<br>
<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. All other textual output can be sent to another module via Tx.</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">Components and configuration
<br>⯐ : Solder
<br>🢗 : Plug into
<br>
<br>⯐ 15x1 female header [x2] 🢒🢒 PCB [Nano]
<br>⯐ 15x1 male header [x2] 🢒🢒 Nano
<br>⯐ 4x1 female header 🢒🢒 PCB [LCD1602-I2C]
<br>⯐ 1602 I2C LCD display 🢒🢒 4LCD1602-I2C
<br>⯐ 8x1 Female Header 🢒🢒 PCB [RFID]
<br>⯐ 8x1 male header 🢒🢒 RFID
<br>⯐ 10k ohm potentiometer 🢒🢒 A1 P in
<br>⯐ LED 🢒🢒 LED2 D7
<br>⯐ 10k ohm resistor 🢒🢒 R1
<br>⯐ 220 ohm resistor 🢒🢒 R3
<br>⯐ 220 ohm resistor 🢒🢒 R3
<br>⯐ 3.5mm mono jack socket 🢒🢒 D5 o1 out
<br>⯐ 3.5mm mono jack socket 🢒🢒 D3 o2 out
<br>⯐ 3.5mm mono jack socket 🢒🢒 T5 o3 out
<br>⯐ 3.5mm mono jack socket 🢒🢒 A2 o4 out
<br>⯐ 3.5mm mono jack socket 🢒🢒 D8 o5 in
<br>⯐ 2 pins of 4-pin tactile push button switch 🢒🢒 Reset
<br>⯐ 5x2 male header 🢒🢒 JP [bridge the second row by soldering]
<br>⯐ Vactrol : place the heads of LED and LDR in a heat shrink tube. Heat up the tube and then:
<br>_ ⯐ LED 🢒🢒 LED 1 [long leg of an LED 🢒🢒 square hole]
<br>_ ⯐ LDR 🢒🢒 LDR
<br>
<br>🢗 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.
<br>🢗 LCD 🢒🢒 4x1 female header
<br>🢗 NANO 🢒🢒 2 15x1 female headers </p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/5/5b/Mika.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Txx.uo" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:E.zn/special_issue_X" target="_blank">Wiki</a>
<a class="link_title" href="https://vo-ezn.bandcamp.com/" target="_blank">Personal Website</a>
</div>
<a href="#anna_module"><div id="anna_T"><h1 class="name_T">VISIBLE SPEECH</h1></div></a>
<h2 class="student">by Anna Sandri</h2>
<p class= "p-style">Visible Speech employs phonetic vocabularies and other oddities to visually reproduce conversations. Not only as a stand alone unit, but also as a part of a collective act when combined with other modules.
<br>It communicates by using constructed and non-constructed languages, through alphabets read by both humans and machines.
<br>The Visible Speech module comes from a fascination for constructed languages (as languages that have been consciously created), phonetic translations of speech and the never ending human desire to elaborate an ideal universal language.
<br>This leading interest has been translated towards the structure which sustains the modules technical core and interface. an instrument built and programmed with its own particular kind of widespread alphabet, human developed and machine readable.
<br>“[…]learned men have long since thought of some kind of language or universal characteristic by which all concepts and things can be put in beautiful order.” Gottfried W. Leibniz, On the General Characteristics [1679]
<br>During the 17th century, Gottfried W. Leibniz the German philosopher, famed as inventor of the modern binary number system and also for his exceptional optimism - started to dream about a universal language.
<br>He was trying to create a vocabulary able to rationalise universal concepts and numbers. A similar pattern to the machine language used in todays encoding systems based on binary arithmetics.
<br>Today, four centuries after Leibniz's utopian system was theorised, we can ask to what degree his dream has been accomplished.
<br>Are our machines speaking the ultimate Characteristica Universalis?</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">
<br>Leibnizs ideal language was conceived to be effectively expressive so as to become universal.
<br>Today, by contrast, we perhaps face the opposite condition. We can see the proliferation of too many universal languages, aiming for the same result but differing at their cores.
<br>The dream of a Characteristica Universalis seems stuck in the complexity arising from the duality of human languages and machine languages, caught between the aim for entirety and the impossibility of reducing plurality.
<br>In a similar way machine languages of today can be really far removed from the user-friendliness that Leibniz theorised: “[…] a new language or script, that could be learned in one week or two”.
<br>Unfortunately todays scenario presents itself as radically different. While anyone can use and interact with programmed technologies, the knowledge of their language is limited to a comparatively small group of people.
<br>This language, whether it is the Characteristica Universalis we were supposed to reach, is trapped and carried by people everyday, as a blackbox filling our our rooms and pockets.
<br>Notes
<br>1. A constructed language is a language (also known as a conlang, glossopoeia, artificial language, auxiliary language, and ideal language) that has been consciously created by an individual or group.
<br>2. Gottfried W. Leibniz, Letter to Johan Friedrich von Hannover [1679].
<br>
<br>How to build the module*
<br>*Extract the modules printed circuit board from the master;
<br>*To prepare the vactrols:place the heat shrink tube over the LDR and the LED. Heat the tube to keep them in place;
<br>*Place the vactrols on their assigned place on the back of the board. Make sure that the long leg of the LED is in the square hole before soldering them.
<br>*Place the female headers on the board and solder them on the back of the PCB. Solder the male headers to the back of the Arduino Nano. Insert them into the female headers;
<br>*Place and solder the resistors in their assigned place on the PCB;
<br>*Place and solder the ceramic capacitor in its assigned place on the PCB;
<br>*Place and solder mono jack outputs, push buttons, rotary potentiometers and the RCA plug in their assigned place on the PCB;
<br>*Place and solder the JP.
<br>
<br>How to connect the module*
<br>*Power the module by connecting the Arduino with a power source;
<br>*Connect your screen with the RCA plug via a RCA cable;
<br>*To receive serial messages connect the serial input port with the serial output port of the other module via a mini jack cable;
<br>*To receive sound messages connect the analog input port with the sound output port of the other module via a mini jack cable.
<br>
<br>How to interact with the module*
<br>Rotary Potentiomenters 1,2
<br>1*Voice Quality Symbols [AnalogRead A1]
<br>Use the knob to play with VoQS.
<br>[Voice Quality Symbols (VoQS) are a set of phonetic symbols used to transcribe the “voice quality” of a speech.]
<br>2*Machine-Readable Speech [AnalogRead A2]
<br>Use the knob to play with messages from other modules.
<br>Push Buttons 1,2,3
<br>Use the buttons to play with Pidgins Visible Speech System and other translations.
<br>[Pidgins Visible Speech is a visual rapresentation of speech conceive by the american author and inventor Charles F. Pidgin in 1917. He received a patent to allow this system to be added to (silent) motion pictures by means of “inflatable balloons being shown for carrying the words and for enabling them to be blown from the mouth of the characters.”]
<br>1*Lingua Franca [DigitalRead D4]
<br>2*IPA International Phonetic Chart [DigitalRead D3]
<br>International Phonetic Alphabet is an alphabetic system of phonetic notation based primarily on the Latin alphabet. It is used in dictionaries to indicate the pronunciation of words. The IPA has often been used as a basis for creating new writing systems for previously unwritten languages.
<br>3*Binary [DigitalRead D4]</p>
</div>
<div class="links">
<a class="link_title"href="https://pzwiki.wdka.nl/mw-mediadesign/images/e/e4/Anna.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Visible_Speech" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Annasandri/1" target="_blank">Wiki</a>
<a class="link_title" href="https://www.carneplastico.com/" target="_blank">Personal Website</a>
</div>
<a href="#tisa_module"><div id="tisa_T"><h1 class="name_T">DISTRACTION MANAGER</h1></div></a>
<h2 class="student">by Tisa Neža Herlec</h2>
<p class= "p-style"> How are you?
<br>How is your posture?
<br>Are you well hydrated?
<br>Do you have to go to the toilet?
<br>Are you hungry?
<br>Is it time to stretch?
<br>Are you distracted?
<br>
<br>Imagine a device, that would ask such questions.
<br>DISTRACTION MANAGER is a wearable "notification" generator, a stimulator for awareness, a trigger generator for a human being.
<br>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.
<br>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.
<br>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. -> ...
<br>The sound that the Distraction Manager makes acts as a productive disturbance, triggering the user to pursue with their own questions.
<br>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.
</p>
<button type="button" class="collapsible">Read More >></button>
<div class="extended">
<p class= "p-style">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.
<br>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.
<br>The interaction between a human and this device can be a productive and an inclusive relation.
<br>(Of course, looking from the antropocentric human perspective, the device can't really feel it, can it?)
<br>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.
<br>(What a traitor it is, this device!)
<br>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.
<br>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.
<br>A device to interface with yourself.
<br>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.
<br>Then - the device is not needed anymore. It has served its purpose.
<br>-
<br>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.
<br>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!
<br>Ranging from complete uselesness to accurate relevancy.
<br>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.
<br>Induced ignorance masked in a sleek design.
<br>The Distraction Manager empowers its human user to take control, to exercise their capability of intervening into the protocol of the device.
<br>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.
<br>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.
<br>-
<br>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.
<br>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.
<br>Since the "discovery" of the internet, our bubble of known or possibly-known has blown up. Complexity arose and hit us hard.
<br>It is alluring to have all the humanity's knowledge accessible anywhere, anytime. It is also perplexing.
<br>(Is curiosity thriving?)
<br>"The world" is a distraction generator, the excessive flood of impulses results in the loss of sharpness in our sensory experiences, perception.
<br>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.
<br>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.
<br>To completely eradicate distraction would mean to cut off from the world that provides it, to seclude oneself in order to minimize the impulses.
<br>The task is not to battle distraction, it is to manage it.
<br>(Its management is necessary for our mental health.)
<br>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.
<br>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.
<br>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.
<br>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.
<br>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.
<br>Sensibilization is the first step. By taking it, we reclaim agency, we empower ourselves to see, to react, to change.
<br>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.
<br>-
<br>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.
<br>Communication is the basis of any community, of any conglomeration of individual parts, striving towards mutual understanding and well-being.
<br>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.
<br>Community is a modular system.
<br>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.
<br>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.
<br>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.
<br>
<br>sensibilization -> awareness -> understanding -> reacting -> change
<br>
<br>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="https://pzwiki.wdka.nl/mw-mediadesign/images/5/5f/Tisa.pdf" target="_blank">Manual</a>
<a class="link_title" href="https://git.xpub.nl/XPUB/special-issue-x/src/branch/master/INPUT_OUTPUT/Distraction_Manager" target="_blank">Git</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mediadesign/User:Tisa/special_issue_10#10" target="_blank">Wiki</a>
<a class="link_title" href="https://pzwiki.wdka.nl/mw-mediadesign/images/f/fa/Portfolio_herlec.pdf" target="_blank">Personal Website</a>
</div>
</div>
<div id="right">
<div id="maingif">
<embed src="img/gifmain.gif"/ class="maingif">
</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>
<a id="damla_module">
<div id="damla" class="moduleimg">
<a href="#damla_T">
<img src="img/pcb_damla.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
long start = millis();
long total1 = cs_4_2.capacitiveSensor(30);
long valCons1 = constrain(total1, 10000, 225000);
} </marquee></br>
</div>
<a id="mark_module">
<div id="mark" class="moduleimg">
<a href="#mark_T">
<img class="moduleimg" id="mark" src="img/pcb_mark.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
TCCR2A = (TCCR2A | _BV(COM2A1)) & ~_BV(COM2A0);
TCCR2A &= ~(_BV(COM2B1) | _BV(COM2B0));
} </marquee></br>
</div>
<a id="avital_module">
<div id="avital2" class="moduleimg">
<a href="#avital_T">
<img src="img/pcb_avital.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
TV.set_pixel(x+random(TV.hres()/12),random(z,TV.vres()/4-z),pixel_num);}
if(analogRead(A0)>205 && analogRead(A0)<410){
TV.set_pixel(x+random(TV.hres()/10),random(z,TV.vres()/2.3-z),pixel_num);
} </marquee></br>
</div>
<a id="max_module">
<div id="max" class="moduleimg">
<a href="#max_T">
<img src="img/pcb_max.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
Serial.println ("Calib");
TH0 = (adsa.readADC_SingleEnded(0) + 800);
TH1 = (adsa.readADC_SingleEnded(1) + 800);
} </marquee></br>
</div>
<a id="ioanna_module">
<div id="ioana" class="moduleimg">
<a href="#ioana">
<img src="img/pcb_ioana.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
const uint8_t spI[] PROGMEM = {0xAA,0x8D,0x63,0xA8,0xAA,0x66,0xAD,0xB9,0xA8,0xCB,0x08,0xDD,0x7C,0xFB,0x5B,0xDF,0xFA,0x36,0xB7,0x39,0x6D,0xB5,0xA3,0x15,0xBA,0xF8,0x76,0xBB,0xDF,0xD3,0x
} </marquee></br>
</div>
<a id="clara_module">
<div id="clara" class="moduleimg">
<a href="#clara_T">
<img src="img/pcb_clara.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
const int sound_length=22418;
const unsigned char sound_data[] PROGMEM= {
0x80, 0x80, 0x80, 0x80, 0x80, 0x80, 0x80, 0x80, 0x80, 0x80, 0x80, 0x80,
0x81, 0x81, 0x80, 0x80, 0x80, 0x80, 0x81, 0x80, 0x80, 0x80, 0x80, 0x80,
0x81, 0x81, 0x80, 0x80, 0x80,
} </marquee></br>
</div>
<a id="sandra_module">
<div id="sandra" class="moduleimg">
<a href="#sandra_T">
<img src="img/pcb_sandra.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">
if (val1 == HIGH) {
TV.select_font(font4x6);
TV.print("POETRY");
Serial.print("POETRY"); //SEND TX
TV.draw_line(60,20,60,76,WHITE);
}
</marquee></br>
</div>
<a id="mika_module">
<div id="mikapcb" class="moduleimg">
<a href="#mika_T">
<img src="img/pcb_mika.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
readCard();
int textnumber;
int text = analogRead(TextKnob);
textnumber = map(text, 1, 1023, 0, 18);
} </marquee></br>
</div>
<a id="anna_module">
<div id="annapcb" class="moduleimg">
<a href="#anna_T">
<img src="img/pcb_anna.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
TV.bitmap (0,0,top);
TV.bitmap (0,55,mouthclosed);
TV.delay (500);
TV.bitmap (0,55,mouthopen);
TV.delay (500);
Serial.println ("TVOUT");
} </marquee></br>
</div>
<a id="tisa_module">
<div id="tisa2" class="moduleimg">
<a href="#tisa_T">
<img src="img/pcb_tisa.png"/>
</a>
</a>
<br><marquee class="code" behavior="scroll" direction="left">{
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>
</html>

@ -0,0 +1,31 @@
function adjust_height(){
var win_height = $(window).height();
$('div#left, div#right').css('height', (win_height- (win_height/100)) );
console.log(win_height);
  }
$(document).ready(function(){
adjust_height()
/* hidden Manual, Git links until manual as uploaded and git dir are ready */
// $('div.links > a:contains("Manual")').css('display', 'none');
// $('div.links > a:contains("Git")').css('display', 'none');
// Img of module on mouseenter
$('div.moduleimg img').mouseenter(function(){
var modulo_photo = $(this).attr('src').replace('img/pcb_', 'img/mimgphoto_').replace('.png','.jpg');
$(this).attr('src', modulo_photo);
});
$('div.moduleimg img').mouseleave(function(){
var modulo_pcb = $(this).attr('src').replace('img/mimgphoto_', 'img/pcb_').replace('.jpg','.png');
$(this).attr('src', modulo_pcb);
});
})
$(window).resize(function(){
adjust_height();
})

@ -0,0 +1,368 @@
@font-face {
font-family: "OCRAStd";
src: url("font/OCR_A.ttf");
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;}
@font-face {
font-family: "Roboto";
src: url("font/Roboto-Regular.ttf") format("truetype");
font-weight: regular;
font-style: normal;}
@font-face {
font-family: "Roboto";
src: url("font/Roboto-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;}
@font-face {
font-family: "Roboto";
src: url("font/Roboto-Italic.ttf") format("truetype");
font-weight: regular;
font-style: italic;}
/* style edits */
a{
text-decoration: none;
color: black;
display: inline;
clear: none;
}
a:hover{
text-decoration: none;
color: #21632c;
}
a:active {
color: #21632c;
}
a:visited{
text-decoration: none;
color: black;
}
.name_T{
margin-top: 10vh;
margin-left: 1vw;
font-family: "OCRAStd";
text-transform: uppercase;
}
.name_T:hover {
text-decoration: none;
color: #21632c;
}
/* style edits */
body
{
width:100%;
background-color: #21632c;
font-family: "Roboto", sans-serif;
font-size: calc(8px + 0.7vw);
scrollbar-width: 0px;
border: none;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}
div#left {
color: black;
width:50%;
display: inline-block;
/* margin-left: auto;
margin-right: auto; */
height:100vh;
overflow-y: scroll;
/*! padding-bottom: 200px; */
background-color: white;
/*! padding-left: 5px; */
/*! padding-right: 5px; */
}
div#right {
border: none;
width:49%;
display: inline-block;
margin-left: auto;
margin-right: 0px;
height:100vh;
overflow-y: scroll;
/*! padding-bottom: 200px; */
background-color: #21632c;
}
.p-style{
/* letter-spacing: 1px; */
margin-left: 1vw;
margin-right: 2vw;
margin-top: 1vh;
margin-bottom:1vh;
font-size: 13pt;
text-align: justify;
}
.collapsible {
background-color: white;
color: black;
cursor: pointer;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0vw;
padding-left:1vw;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 13pt;
font-weight: bold;
}
.active, .collapsible:hover {
color:#21632c;
}
#SPIX {
max-width: 90%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 8%;
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;
}
.student{
margin-top: 0vh;
margin-bottom: 0vh;
font-family: "OCRAStd";
font-style: "light";
font-size: 1.2vw;
margin-left: 1vw;
}
.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%;
margin-top: 0px;
/* margin-bottom: 10%; */
margin-right: 0px;
margin-left: 0px;
padding:0px;
}
.maingif{
width: 100%;
display: block;
padding:0px;
}
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:#fff;
}
div#pzi {
max-width: 90%;
/*! text-align: justify; */
display: block;
margin-left: auto;
margin-right: auto;
font-family: "OCRAStd";
font-size: 1.5vw;
color:white;
}
div#names {
max-width: 90%;
/*! text-align: justify; */
display: block;
margin-left: 1vw;
font-family: "OCRAStd";
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: "OCRAStd";
font-size: 1.2vw;
color: white;
}
/* div.moduleimg{
margin-top:50px;
margin-bottom: 100px;
} */
div.moduleimg img{
max-width: 100%;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 25%;
}
div#bigpcb{
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5%;
padding-bottom: 10vh;
}
.bigpcb{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.output{
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5%;
}
.code {
max-width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: 0.1em solid;
border-color: rgba(255, 255, 255, 0.3);
margin-bottom: white;
color: white;
font-family: "OCRAStd";
font-style:;
font-weight: 0.1%;
font-size: 13px;
padding-top: 1%;
}
.extended {
display: none;
overflow: hidden;
}
/* .moduletext{
font-family: "OCRAStd";
text-transform: uppercase;
} */
div.links{
max-width: 100%;
background-color: black;
padding: 10px;
padding-left: 1vw;
margin-top: 3vh;
}
a.link_title{
font-size: 13pt;
color: white;
text-decoration: none;
padding-right: 50px;
}
.link_title:hover {
color:#21632c;
}
::-webkit-scrollbar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 0px;
/* background-color: #21632c; */
}
Loading…
Cancel
Save