https://pzwiki.wdka.nl/mw-mediadesign/api.php?action=feedcontributions&user=Martin&feedformat=atomXPUB & Lens-Based wiki - User contributions [en]2024-03-29T13:26:54ZUser contributionsMediaWiki 1.38.2https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=XPUB2_Research_Board_/_Martin_Foucaut&diff=259947XPUB2 Research Board / Martin Foucaut2024-02-26T19:53:08Z<p>Martin: /* Grad Show: Worm */</p>
<hr />
<div>=<p style="font-family:helvetica">Links</p>=<br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
<br />
=<p style="font-family:helvetica">Draft Thesis</p>=<br />
<br />
===What do you want to make?===<br />
<br />
My project is a data collection installation that monitors people's behaviors in public physical spaces while explicitly encouraging them to help the algorithm collect more information. An overview of how it works is presented here in the project proposal and will be subject to further developments in the practice. <br />
<br><br><br />
The way the device is designed doesn’t pretend to give any beneficial outcomes for the subject, but only makes visible the benefits that the machine is getting from collecting their data. Yet, the way the device visually or verbally presents this collected data is done in a grateful way, which might be stimulating for the subject. In that sense, the subject, despite knowing that their actions are done solely to satisfy the device, could become intrigued, involved, or even addicted by a mechanism that deliberately uses it as a commodity. In that way, I intend to trigger conflictual feelings in the visitor’s mind, situated between a state of awareness regarding the operating monetization of their physical behaviors, and a state of engagement/entertainment /stimulation regarding the interactive value of the installation.<br />
<br><br><br />
My first desire is to make the mechanisms by which data collection is carried out, marketized and legitimized both understandable and accessible. The array of sensors, the Arduinos and the screen are the mainly technological components of this installation. Rather than using an already existing and complex tracking algorithm, the program is built from scratch, kept open source and limits itself to the conversion of a restricted range of physical actions into interactions. These include the detection of movements, positions, lapse of time spent standing still or moving, and entry or exit from a specific area of detection. Optionally they may also include the detection of the subject smartphone device or the log on a local Wi-Fi hotspot made by the subject.<br />
<br><br><br />
In terms of mechanic, the algorithm creates feedback loops starting from: <br><br />
_the subject behaviors being converted into information; <br><br />
_the translation of this information into written/visual feedback; <br><br />
_and the effects of this feedbacks on subject’s behavior; and so on. <br><br />
By doing so, it tries to shape the visitors as free data providers inside their own physical environment, and stimulate their engagement by converting each piece of collected information into points/money, feeding a user score among a global ranking.<br />
<br><br><br />
On the screen, displayed events can be:<br />
<br />
_ “subject [] currently located at [ ]” <br><br />
[x points earned/given]<br><br />
_ “subject [] entered the space” <br><br />
[x points earned/given]<br><br />
_ “subject [] left the space”<br> <br />
[x points earned/given]<br><br />
_ “subject [] moving/not moving”<br> <br />
[x points earned/given]<br><br />
_ “subject [] distance to screen: [ ] cm” <br><br />
[x points earned/given]<br><br />
_ “subject [] stayed at [ ] since [ ] seconds” <br><br />
[x points earned/given]<br><br />
_ “subject [] device detected <br><br />
[x points earned/given] (optional)<br><br />
_ “subject logged onto local Wi-Fi<br><br />
[x points earned/given] (optional)<br><br />
<br><br />
Added to that comes the instructions and comments from the devices in reaction to the subject’s behaviors:<br><br />
<br><br />
_ “Congratulations, you have now given the monitor 25 % of all possible data to collect!” <br><br />
[when 25-50-75-90-95-96-97-98-99% of the total array of events has been detected at least once]<br><br />
_ “Are you sure you don’t want to move to the left? The monitor has only collected data from 3 visitors so far in this spot!”<br><br />
[if the subject stands still in a specific location]<br><br />
_ “Congratulations, the monitor has reached 1000 pieces of information from you!”<br><br />
[unlocked at x points earned/given]<br><br />
_ “If you stay there for two more minutes, there is a 99% chance you will be in the top 100 of ALL TIME data-givers!”<br><br />
[if the subject stand still in a specific location]<br><br />
_ “Leaving all ready? The monitor has yet to collect 304759 crucial pieces of information from you!”<br><br />
[if the subject is a the edge of the detection range]<br><br />
_ “You are only 93860 pieces of information away from being the top one data-giver!”<br><br />
[unlocked at x points earned/given]<br><br />
_ “Statistics show that people staying for more than 5 minutes average will benefit me on average 10 times more!”<br><br />
[randomly appears]<br><br />
_ “The longer you stay on this spot, the more chance you have to win a “Lazy data-giver” badge”<br><br />
[if the subject stands still for a long time any location]<br><br />
<br><br />
Responding positively to the monitors instructions unlocks special achievement and extra points<br><br />
<br><br />
—Accidental data-giver badge <br><br />
[unlocked if the subject has passed the facility without deliberately wishing to interact with it] + [x points earned/given]<br><br />
—Lazy data-giver badge <br><br />
[unlocked if the subject has been standing still for at least one minute] + [x points earned/given]<br><br />
—Novice data-giver badge <br><br />
[unlocked if the subject has been successfully completing 5 missions from the monitor] + [x points earned/given]<br><br />
—Hyperactive data-giver badge <br><br />
[unlocked if the subject has never been standing still for 10 seconds within 2 minutes lapse time] + [x points earned/given]<br><br />
—Expert data-giver badge <br><br />
[unlocked if the subject has been successfully completing 10 missions from the monitor within 10 minutes] + [x points earned/given]<br><br />
—Master data-giver badge <br><br />
[unlocked if the subject has been successfully logging on the local Wi-Fi hotspot] + [x points earned/given] (optional)<br><br />
<br><br />
On the top left side of the screen, a user score displays the number of points generated by the collected pieces of information, and the unlocking of special achievements instructed by the monitor.<br><br />
<br><br />
—Given information: 298 pieces <br><br />
[displays number of collected events]<br><br />
—Points: 312000 <br><br />
[conversion of collected events and achievement into points]<br><br />
<br><br />
On the top right of the screen, the user is ranked among x number of previous visitors and the prestigious badge recently earned is displayed bellow<br><br />
<br><br />
—subject global ranking: 3/42 <br><br />
[compares subject’s score to all final scores from previous subjects]<br><br />
—subject status: expert data-giver<br><br />
[display the most valuable reward unlocked by the subject]<br><br />
<br><br />
When leaving the detection range, the subject gets a warning message and a countdown starts, and encouraging it to take the quick decision to come back<br><br />
<br><br />
—“Are you sure you want to leave? You have 5-4-3-2-1-0 seconds to come back within the detection range”<br><br />
[displayed as long as the subject remains completely undetected]<br><br />
<br><br />
If the subject definitely stands out of the detection range for more than 5 seconds, the monitor will also address a thankful message and the amount of money gathered, achievements, ranking, complete list of collected information and a qr code will be printed as a receipt with the help of a thermal printer. The QR will be a link to my thesis.<br><br />
<br><br />
—* “Thank you for helping today, don’t forget to take your receipt in order to collect and resume your achievements”<br><br />
[displayed after 5 seconds being undetected]<br><br />
<br><br />
In order to collect, read or/and use that piece of information, the visitor will inevitably have to come back within the range of detection, and intentionally, or not, reactivate the data tracking game. It is therefore impossible to leave the area of detection without leaving at least one piece of your own information printed in the space. Because of this, the physical space should gradually be invaded by tickets scattered on the floor. As in archaeology, these tickets give a precise trace of the behavior and actions of previous subjects for future subjects. <br><br />
<br />
===Why do you want to make it?===<br />
<br />
When browsing online or/and using connected devices in the physical world, even the most innocent action/information can be invisibly recorded, valued and translated into informational units, subsequently generating profit for monopolistic companies. While social platforms, brands, public institutions and governments explicitly promote the use of monitoring practices in order to better serve or protect us, we could also consider these techniques as implicitly political, playing around some dynamics of visibility and invisibility in order to assert new forms of power over targeted audiences. <br />
<br><br><br />
In the last decade, a strong mistrust of new technologies has formed in the public opinion, fueled by events such as the revelations of Edward Snowden, the Cambridge Analytica scandal or the proliferation of fake news on social networks. We have also seen many artists take up the subject, sometimes with activist purposes. But even if a small number of citizens have begun to consider the social and political issues related to mass surveillance, and some individuals/groups/governments/associations have taken legal actions, surveillance capitalism still remains generally accepted, often because ignored or/and misunderstood.<br />
<br><br><br />
Thanks to the huge profits generated by the data that we freely provide every day, big tech companies have been earning billions of dollars over the sale of our personal information. With that money, they could also further develop deep machine learning programs, powerful recommendation systems, and to broadly expand their range of services in order to track us in all circumstances and secure their monopolistic status. Even if we might consider this realm specific to the online world, we have seen a gradual involvement from the same companies to monitor the physical world and our human existences in a wide array of contexts. For example, with satellite and street photography (Google Earth, Street View), geo localization systems, simulated three-dimensional environments (augmented reality, virtual reality or metaverse) or extensions of our brains and bodies (vocal assistance and wearable devices). Ultimately, this reality has seen the emergence of not only a culture of surveillance but also of self-surveillance, as evidenced by the popularity of self-tracking and data sharing apps, which legitimize and encourage the datafication of the body for capitalistic purposes.<br />
<br><br><br />
For the last 15 years, self-tracking tools have made their way to consumers. I believe that this trend is showing how ambiguous our relationship can be with tools that allow such practices. Through my work, I do not wish to position myself as a whistleblower, a teacher or activist. Indeed, to adopt such positions would be hypocritical, given my daily use of tools and platforms that resort to mass surveillance. Instead, I wish to propose an experience that highlights the contradictions in which you and I, internet users and human beings, can find ourselves. This contradiction is characterized by a paradox between our state of concern about the intrusive surveillance practices operated by the Web giants (and their effects on societies and humans) and a state of entertainment or even active engagement with the tools/platforms through which this surveillance is operated/allowed. By doing so, I want to ask how do these companies still manage to get our consent and what human biases do they exploit in order to do so. That’s is how my graduation work and my thesis will investigate the effect of gamification, gambling or reward systems as well as a the esthetization of data/self-data as means to hook our attention, create always more interactions and orientate our behaviors.<br />
<br />
<br />
===How to you plan to make it and on what timetable?===<br />
<br />
I am developing this project with Arduino Uno/Mega boards, an array of ultrasonic sensor, P5.js and screens.<br><br><br />
<br />
<b>How does it work?</b><br />
<br><br><br />
The ultrasonic sensors can detect obstacles in a physical space and know the distance between the sensor and obstacle(s) by sending and receiving back an ultrasound. The Arduino Uno/Mega boards are microcontrollers which can receive this information, run it in a program in order to convert these values into a mm/cm/m but also map the space into an invisible grid. Ultimately, values collected on the Arduino’s serial monitor can be sent to P5.js through P5.serialcontrol. P5.js will then allow a greater freedom in way the information can be displayed on the screens.<br />
<br><br><br />
Process:<br />
<br><br><br />
<b>1st semester: Building a monitoring device, converting human actions into events, and events into visual feedbacks</b><br />
<br><br><br />
During the first semester, I am focused on exploring monitoring tools that can be used in the physical world, with a specific attention to ultrasonic sensors. Being new to Arduino programming, my way of working is to start from the smallest and most simple prototype and gradually increase its scale/technicality until reaching human/architectural scale. Prototypes are subject to testing, documentation and comments helping to define which direction to follow. The first semester also allows to experiment with different kind of screen (LCD screens, Touch screens, computer screens, TV screens) until finding the most adequate screen monitor(s) for the final installation. Before building the installation, the project is subject to several sketching and animated simulations in 3 dimensions, exploring different scenarios and narrations. At the end of the semester, the goal is to be able to convert a specific range of human actions into events and visual feedback creating a feedback loop from the human behaviors being converted into information; the translation of this information into written/visual feedbacks; and the effects of this feedbacks on human behavior; and so on.<br />
<br><br><br />
<b>2nd semester: Implementing gamification with the help of collaborative filtering, point system and ranking.</b><br />
<br><br><br />
During the second semester, it is all about building and implementing a narration with the help of gaming mechanics that will encourage humans to feed the data gathering device with their own help. An overview of how it works is presented here in the project proposal and will be subject to further developments in the practice. <br />
<br><br><br />
To summarize the storyline, the subject being positioned in the detection zone finds herself/himself unwillingly embodied as the main actor of a data collection game. Her/His mere presence generates a number of points/dollars displayed on a screen, growing as she/he stays within the area. The goal is simple: to get a higher score/rank and unlock achievements by acting as recommended by a data-collector. This can be done by setting clear goals/rewards to the subject, and putting its own performance in comparison to all the previous visitors, giving unexpected messages/rewards, and give an aesthetic value to the displayed informations. <br />
<br><br><br />
The mechanism is based on a sample of physical events that have been already explored in the first semester of prototyping (detection of movements, positions, lapse of time spent standing still or moving, and entry or exit from a specific area of detection). Every single detected event in this installation is stored in a data bank, and with the help of collaborative filtering, will allow to the display of custom recommendations such as:<br />
<br><br><br />
_ “Congratulations, you have now given the monitor 12 % of all possible data to collect”<br><br />
_ “Are you sure you don’t want to move to the left? The monitor has only collected data from 3 visitors so far in this spot”<br><br />
_ “Congratulations, the monitor has reached 1000 pieces of information from you!”<br><br />
_ “If you stay there for two more minutes, there is a 99% chance you will be in the top 100 of ALL TIME data-givers”<br><br />
_ “Leaving all-ready? The monitor has yet 304759 crucial pieces of information to collect from you”<br><br />
_ “You are only 93860 actions away from being the top one data-giver”<br><br />
_ “Statistics are showing that people staying for more than 5 minutes average will be 10 times more benefitting for me”<br><br />
_ “The longer you stay on this spot, the more chance you have to win a “Lazy data-giver” badge”<br><br />
<br><br><br />
The guideline is set out here, but will be constantly updated with the help of experiments and the results observed during the various moments of interaction between the students and the algorithm. For this purpose, the installation under construction will be left active and autonomous in its place of conception (studio) and will allow anyone who deliberately wishes to interact with it to do so. Beyond the voluntary interactions, my interest is also to see what can be extracted from people simply passing in front of this installation. In addition to this, some of the mechanics of the installation will be further explored by collaborating with other students, and setting up more ephemeral and organized experiences with the participants. (ex: 15 February 2022 with Louisa)<br />
<br><br><br />
This semester will also include the creation of a definite set of illustrations participating to engage the participants of the installation in a more emotional way, the illustrations will be made by an illustrator/designer, with whom I usually collaborate. <br />
<br><br><br />
<b>3rd semester: Build the final installation of final assessment and graduation show. Test runs, debug and final touchs.</b><br />
<br><br><br />
During the third semester, the installation should be settled in the school, in the alumni area, next to XPUB studio for the final assessment, and ultimately settled again at WORM for the graduation show. I am interested in putting this installation into privileged spaces of human circulation, (such as hallways) that would more easily involve the detection of people, and highlight the intrusive aspect of such technologies. The narration, the mechanics, illustrations and graphic aspect should be finalized at the beginning of the 3rd semester, and subject to intense test runs during all that period until meeting the deadline.<br />
<br />
===Relation to larger context===<br />
<br />
As GAFAM companies are facing more and more legal issues, and held accountable in growing numbers of social and political issues around the world, the pandemic context has greatly contributed to make all of us more dependent than ever on the online services provided by these companies and to somehow force our consent. While two decades of counter-terrorism measures legitimized domestic and public surveillance techniques such as online and video monitoring, the current public health crisis made even more necessary the use of new technologies for regulating the access to public spaces and services, but also for socializing, working together, accessing to culture, etc. In a lot of countries, from a day to another, and for an undetermined time, it has become necessary to carry a smartphone (or a printed QR code) in order to get access transport, entertainment, cultural and catering services, but also in order to do simple things such as to have a look at the menu in a bar/restaurant or to make an order.. Thus, this project takes place in a context where techno-surveillance has definitely taken a determining place in the way we can access spaces and services related to the physical world. <br><br><br />
<br />
Data Marketisation / Self Data: Quantified Self / Attention Economy / Public Health Surveillance / Cybernetics <br />
<br />
<br />
===Relation to previous practice?===<br />
<br />
During my previous studies in graphic design, I started being engaged with the new media by making a small online reissue of Raymond Queneau’s book called Exercices de Style. In this issue called Incidences Médiatiques (2017), the user/reader was encouraged to explore the 99 different versions of a same story written by the author in a less-linear way. The idea was to consider each user graphic user interface as a unique reading context. It would determine which story could be read, depending on the device used by the reader, and the user could navigate through these stories by resizing the Web window, by changing browser or by using on a different device. <br />
<br><br><br />
As part of my graduation project called Media Spaces (2019), I wanted to reflect on the status of networked writing and reading, by programming my thesis in the form of Web to Print website. Subsequently, this website became translated in the physical space as a printed book, and a series of installations displayed in an exhibition space that was following the online structure of my thesis (home page, index, part 1-2-3-4). In that way, I was interested to inviting to visitors to make a physical experience some aspects of the Web<br />
<br><br><br />
As a first-year student of Experimental Publishing, I continued to work in that direction by eventually creating a meta-website called Tense (2020) willing to display the invisible html <meta> tags inside of an essay in order to affect our interpretation of the text. In 2021, I worked on a geocaching pinball game highlighting invisible Web event, and a Web oscillator, which amplitude and frequency range were directly related to the user’s cursor position and browser screen-size.<br />
<br><br><br />
While it has always been clear to me that these works were motivated by the desire to define media as context, subject or/and content, the projects presented here have often made use of surveillance tools to detect and translate user information into feedbacks, participating in the construction of an individualized narrative or/and a unique viewing/listening context (interaction, screen size, browser, mouse position). The current work aims to take a critical look at the effect of these practices in the context of techno surveillance.<br />
<br><br><br />
Similarly, projects such as Media Spaces have sought to explore the growing confusion between human and web user, physical and virtual space or online and offline spaces. This project will demonstrate that these growing confusions will eventually lead us to be tracked in all circumstances, even in our most innocuous daily human activities/actions.<br />
<br />
<br />
===Selected References===<br />
<br />
<b>Works:</b><br />
<br />
* M. DARKE, fairlyintelligent.tech (2021) https://fairlyintelligent.tech/<br />
« invites us to take on the role of an auditor, tasked with addressing the biases in a speculative AI »Alternatives to techno-surveillance<br />
<br><br />
* MANUEL BELTRAN, Data Production Labor (2018) https://v2.nl/archive/works/data-production-labour/<br />
Expose humans as producers of useful intellectual labor that is benefiting to the tech giants and the use than can be made out of that labor.<br />
<br><br />
* TEGA BRAIN and SURYA MATTU, Unfit-bits (2016) http://tegabrain.com/Unfit-Bits<br />
Claims that that technological devices can be manipulated easily and hence, that they are fallible and subjective. They do this by simply placing a self-tracker (connected bracelet) in another context, such as on some other objects, in order to confuse these devices.<br />
<br><br />
* JACOB APPELBAUM, Autonomy Cube (2014), https://www.e-flux.com/announcements/2916/trevor-paglen-and-jacob-appelbaumautonomy-cube/<br />
Allows galleries to enjoy encrypted internet access and communications, through a Tor Network<br />
<br> <br />
* STUDIO MONIKER, Clickclickclick.click (2016) https://clickclickclick.click/<br />
You are rewarded for exploring all the interactive possibilities of your mouse, revealing how our online behaviors can be monitored and interpretated by machines.<br />
<br><br />
* RAFAEL LOZANO-HEMMER, Third Person (2006) https://www.lozano-hemmer.com/third_person.php<br />
Portrait of the viewer is drawn in real time by active words, which appear automatically to fill his or her silhouette https://www.lozano-hemmer.com/third_person.php<br />
<br><br />
* JONAL LUND, What you see is what you get (2012) http://whatyouseeiswhatyouget.net/<br />
«Every visitor to the website’s browser size, collected, and played back sequentially, ending with your own.»<br />
<br><br />
* USMAN HAQUE, Mischievous Museum (1997) https://haque.co.uk/work/mischievous-museum/<br />
Readings of the building and its contents are therefore always unique -- no two visitors share the same experience. https://haque.co.uk/work/mischievous-museum/<br />
<br><br><br />
<b>Books & Articles:</b><br />
<br />
* SHOSHANA ZUBOFF, The Age of Surveillance Capitalism (2020) <br />
Warns against this shift towards a «surveillance capitalism». Her thesis argues that, by appropriating our personal data, the digital giants are manipulating us and modifying our behavior, attacking our free will and threatening our freedoms and personal sovereignty.<br />
<br><br />
* EVGENY MOROZOV, Capitalism’s New Clothes (2019)<br />
Extensive analysis and critic of Shoshana Zuboff research and publications.<br />
<br><br />
* BYRON REEVES AND CLIFFORD NASS, The Media Equation, How People Treat Computers, Television, and New Media Like Real People and Places (1996)<br />
Precursor study of the relation between humans and machine, and how do you human relate to them.<br />
<br><br />
* OMAR KHOLEIF, Goodbye, World! — Looking at Art in the digital Age (2018) <br />
Authors shares it’s own data as a journal in a part of the book, while on another part, question how the Internet has changed the way we perceive and relate, and interact with/to images.<br />
<br><br />
* KATRIN FRITSCH, Towards an emancipatory understanding of widespread datafication (2018)<br />
Suggests that in response to our society of surveillance, artists can suggest activist response that doesn’t necessarily involve technological literacy, but instead can promote strong counter metaphors or/and counter use of these intrusive technologies.<br />
<br />
=<p style="font-family:helvetica">Prototyping</p>=<br />
<br />
<br />
==<p style="font-family:helvetica">Arduino</p>==<br />
<br />
Early sketch that is about comparing and questioning our Spectator experience of a physical exhibition space (where everything is often fixed and institutionalized), with our User experience of a Web space (where everything is way more elastic, unpredictable and obsolete). I’m interested about how slighly different can be rendered a same Web page to all different users depending on technological contexts (device nature, browser, IP address, screen size, zoom level, default settings, updates, luminosity, add-ons, restrictions, etc). I would like to try to create a physical exhibition space/installation that would be inspired from the technology of a Web user window interface in order then to play with exhbitions parameters such as the distance between the spectator and the artwork, the circulation in space, the luminosity/lighting of the artwork(s), the sound/acoustics, etc etc etc.<br />
<br><br><br />
Distance between wall behind the spectator and the artwork has to be translated into a variable that can affect sound or light in the room.<br />
Wall position could be connected to the dimensions of a user interface in real time with arduino and a motor.<br />
<br><br />
<br />
===<p style="font-family:helvetica">Create a connected telemeter with an Arduino, a ultrasonic Sensor (HC-SR04) and a ESP8266 module connected to Internet </p>===<br />
<br />
It seems possible to create your own telemeter with a arduino by implementing an [https://components101.com/sensors/ultrasonic-sensor-working-pinout-datasheet ultrasonic Sensor HC-SR04]<br><br />
By doing so, the values capted by the sensor could potentaialy be directly translated as a variable.<br> Then with the ESP8266 module, the values could be translated on a database on the internet.<br />
Then I could enter that website and see the values from anywhere and use them to control light, sound or anything else I wish.<br />
<br />
* https://pzwiki.wdka.nl/mediadesign/Arduino101#Anatomy_of_a_sketch<br />
<br />
===<p style="font-family:helvetica">Tool/Material list: </p>=== <br />
<br />
* Telemeter (user to get the distance between the device and an obstacle)<br><br />
* Rails<br />
* Handles<br />
* Wheels<br />
* Movable light wall <br />
* Fixed walls<br />
* USB Cable<br />
* Connexion cables<br />
* [https://www.arduino.cc/ Arduino]<br />
* ESP8266<br />
<br />
[[File:Connexioncable.jpg|200px|thumb|left|Connexion cables (Arduino)]]<br />
[[File:Usb cable1.jpg|200px|thumb|center|USB Cable]]<br />
[[File:Arduino1.png|200px|thumb|left|Arduino]]<br />
[[File:HC-SR04 Ultrasonic Sensor.jpg|200px|thumb|center|HC-SR04 Ultrasonic Sensor]]<br />
[[File:Plywood.jpg|200px|thumb|left|Plywood x 3]]<br />
[[File:Handle.jpg|200px|thumb|center|Handle]]<br />
[[File:ESP8266.jpg|200px|thumb|left|ESP8266]]<br />
[[File:Rail.jpg|200px|thumb|center|Rail]]<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica"> About the ultrasonic Sensor (HC-SR04)</p> ===<br />
<br />
====<p style="font-family:helvetica">Characteristics</p> ====<br />
<br />
Here are a few of it's technical characteristic of the HC-SR04 ultrasonic sensor : <br><br />
<br />
* Power supply: 5v.<br />
* Consumption in use: 15 mA.<br />
* Distance range: 2 cm to 5 m.<br />
* Resolution or accuracy: 3 mm.<br />
* Measuring angle: < 15°.<br />
<br />
[https://elec13.wordpress.com/2016/10/15/realisez-un-telemetre-avec-le-hc-sr04-et-une-carte-arduino/ Ref]<br />
More infos about the sensor [https://www.robot-maker.com/shop/img/cms/datasheet-capteur-ultrasons-hc-sr04.pdf here] and [https://www.aranacorp.com/fr/mesure-de-distance-avec-un-capteur-hc-sr04/ here]<br />
<br />
====<p style="font-family:helvetica"> Where to buy the ultrasonic Sensor (HC-SR04)</p> ====<br />
<br />
* 1piece = 9,57 € - https://fr.shopping.rakuten.com/offer/buy/7112482554/module-de-mesure-a-ultrasons-hc-sr04-capteur-de-mesure-de-distance-5v-pour.html?t=7036&bbaid=8830210388<br />
* 20 pieces = 34,22 € - https://fr.shopping.rakuten.com/offer/buy/7112482554/module-de-mesure-a-ultrasons-hc-sr04-capteur-de-mesure-de-distance-5v-pour.html?t=7036&bbaid=8830210388<br />
<br />
=== Prototype 1 : Arduino + Resistor ===<br />
<br />
During a workshop, we started with a very basic fake arduino kit, a led, a motor, and a sensor.<br />
After making a few connections, we got to understand a bit how it works.<br />
<br />
<br />
<br />
#include <Servo.h><br />
Servo myservo; // create servo object to control a servo<br />
int pos = 0; // variable to store the servo position<br />
int ldr = 0; // vairable to store light intensity<br />
<br />
void setup() {<br />
Serial.begin(9600); // begin serial communication, NOTE:set the same baudrate in the serial monitor/plotter<br />
myservo.attach(D7); // attaches the servo on pin 9 to the servo object<br />
}<br />
<br />
void loop() {<br />
//lets put the LDR value in a variable we can reuse<br />
ldr = analogRead(A0);<br />
<br />
//the value of the LDR is between 400-900 at the moment <br />
//the servo can only go from 0-180<br />
//so we need to translate 400-900 to 0-180<br />
//also the LDR value might change depending on the light of day<br />
//so we need to 'contrain' the value to a certain range<br />
ldr = constrain(ldr, 400, 900); <br />
<br />
//now we can translate<br />
ldr = map(ldr, 400, 900, 0, 180);<br />
<br />
//lets print the LDR value to serial monitor to see if we did a good job<br />
Serial.println(ldr); // read voltage on analog pin 0, print the value to serial monitor<br />
<br />
//now we can move the sensor accoring to the light/our hand!<br />
myservo.write(ldr); // tell servo to go to position in variable 'pos'<br />
delay(15); <br />
}<br />
<br />
<br />
[[File:Servo-breadboard.jpg|300px|thumb|left|How to make a engine work<br>credits: Dennis de Bel]]<br />
[[File:Ldrbreadboard.jpg|300px|thumb|center|How to make a sensor work<br>Credits: Dennis de Bel]]<br />
[[File:Combined-breadboard2.jpg|300px|thumb|left|How to make both sensor and engine works together<br>Credits: Dennis de Bel]]<br />
[[File:Sensortest.gif|300px|thumb|center|Sensortest during workshop]]<br />
<br />
=== Split Screen Arduino + Sensor + Serial Plotter + Responsive Space ===<br />
<br />
Trying here to show the simutaneous responses between the sensor, the values, and the simualtion. <br />
<br />
[[File:Splitscreen.gif|800px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 2: Arduino + Ultrasonic sensor</p> ===<br />
<br />
For this very simple first sketch and for later, I will include newPing library that improves a lot the ultrasonic sensor capacities.<br />
<br />
[[File:ArduinoUno Sensor Sketch1.jpg|400px|thumb|left|Sketch 1: Arduino Uno + Sensor]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
#include <NewPing.h> <br />
int echoPin = 10;<br />
int trigPin = 9;<br />
<br />
NewPing MySensor(trigPin, echoPin); //This defines a new variable<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop() {<br />
// put your main code here, to run repeatedly:<br />
int duration = MySensor.ping_median(); <br />
int distance = MySensor.convert_in(duration);<br />
<br />
Serial.print(distance);<br />
Serial.println("cm");<br />
delay(250);<br />
}<br />
<br />
===<p style="font-family:helvetica">Prototype 3: Arduino Uno + Sensor + LCD (+ LED)</p> ===<br />
<br />
All together from https://www.youtube.com/watch?v=GOwB57UilhQ<br />
<br />
[[File:Sketch2ArduinoUnoSensorLCD.jpg|400px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD]]<br />
[[File:Sketch3ArduinoUnoSensorLCDLED.jpg|400px|thumb|right|Sketch 3: Arduino Uno + Sensor + LCD + LED]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
#include <LiquidCrystal.h><br />
<br />
LiquidCrystal lcd(10,9,5,4,3,2);<br />
<br />
const int trigPin = 11;<br />
const int echoPin = 12;<br />
<br />
long duration;<br />
int distance;<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
analogWrite(6,100);<br />
lcd.begin(16,2);<br />
pinMode(trigPin, OUTPUT); // Sets the trigPin as an Output<br />
pinMode(echoPin, INPUT); // Sets the echoPin as an Input<br />
Serial.begin(9600); // Starts the serial communication<br />
<br />
<br />
}<br />
<br />
void loop() {<br />
long duration, distance;<br />
digitalWrite(trigPin,HIGH);<br />
delayMicroseconds(1000);<br />
digitalWrite(trigPin, LOW);<br />
duration=pulseIn(echoPin, HIGH);<br />
distance =(duration/2)/29.1;<br />
Serial.print(distance);<br />
Serial.println("CM");<br />
delay(10);<br />
// Prints the distance on the Serial Monitor<br />
Serial.print("Distance: ");<br />
Serial.println(distance);<br />
<br />
lcd.clear();<br />
lcd.setCursor(0,0);<br />
lcd.print("Distance = ");<br />
lcd.setCursor(11,0);<br />
lcd.print(distance);<br />
lcd.setCursor(14,0);<br />
lcd.print("CM");<br />
<br />
delay(500);<br />
<br />
}<br />
<br />
From this sketch, I start considering that the distance value could be directly sent to a computer and render a Web page depending on its value.<br />
<br>Note: It looks like this sensor max range is 119cm, which is almost 4 times less than the 4 meters max range stated in component description.<br />
<br />
===<p style="font-family:helvetica">Prototype 4: Arduino Uno + Sensor + LCD + 2 LED = Physical vs Digital Range detector </p> ===<br />
<br />
Using in-between values to activate the green LED<br><br />
Once again, puting together the simulation and the device in use.<br />
<br />
[[File:SensorSpace.gif|400px|thumb|left|Sensor Test VS Elastic Space]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
#include <LiquidCrystal.h><br />
#include <LcdBarGraph.h> <br />
#include <NewPing.h> <br />
<br />
LiquidCrystal lcd(10,9,5,4,3,2);<br />
<br />
const int LED1 = 13; <br />
const int LED2 = 8; <br />
const int trigPin = 11;<br />
const int echoPin = 12;<br />
<br />
long duration; //travel time<br />
int distance;<br />
int screensize;<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
analogWrite(6,100);<br />
lcd.begin(16,2);<br />
pinMode(trigPin, OUTPUT); // Sets the trigPin as an Output<br />
pinMode(echoPin, INPUT); // Sets the echoPin as an Input<br />
Serial.begin(9600); // Starts the serial communication<br />
<br />
pinMode(LED1, OUTPUT);<br />
pinMode(LED2, OUTPUT);<br />
}<br />
<br />
void loop() {<br />
long duration, distance;<br />
digitalWrite(trigPin,HIGH);<br />
delayMicroseconds(1000);<br />
digitalWrite(trigPin, LOW);<br />
duration=pulseIn(echoPin, HIGH);<br />
distance =(duration/2)/29.1; //convert to centimers<br />
screensize = distance*85;<br />
Serial.print(distance);<br />
Serial.println("CM");<br />
Serial.print(screensize);<br />
delay(10);<br />
<br />
if ((distance >= 15) && (distance<=20))<br />
{<br />
digitalWrite(LED2, HIGH);<br />
digitalWrite(LED1, LOW);<br />
}<br />
else<br />
{<br />
digitalWrite(LED1, HIGH);<br />
digitalWrite(LED2, LOW); <br />
}<br />
<br />
// Prints the distance on the Serial Monitor<br />
Serial.print("Distance: ");<br />
Serial.println(distance);<br />
<br />
lcd.clear();<br />
lcd.setCursor(0,0);<br />
lcd.print("ROOM");<br />
lcd.setCursor(6,0);<br />
lcd.print(distance);<br />
lcd.setCursor(9,0);<br />
lcd.print("cm"); <br />
lcd.setCursor(0,2);<br />
lcd.print("SCR");<br />
lcd.setCursor(6,2);<br />
lcd.print(screensize);<br />
lcd.setCursor(9,2);<br />
lcd.print("x1080px");<br />
<br />
delay(500);<br />
<br />
}<br />
<br />
<br />
I brought a second arduino, 2 long breadboards, black cables, another LCD screen, and remade the setup on this format.<br />
For some reasons the new LCD screen is not going in the breadboard, and I need more male to female cables in order to connect it correctly.<br />
With this longer breadboard, I want to extend the range value system, and make it visible with leds and sounds.<br />
<br />
[[File:Arduino Setup V3.jpg|400px|thumb|left|Upgrade]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">How to get more digital pins [not working]</p> ===<br />
<br />
* How to use analog pins as digital pins https://www.youtube.com/watch?v=_AAbGLBWk5s<br />
* Up to 60 more pins with Arduino Mega https://www.tinytronics.nl/shop/en/development-boards/microcontroller-boards/arduino-compatible/mega-2560-r3-with-usb-cable<br />
<br />
I tried 4 different tutorials but still didn't find a way to make the thing work, that's very weird, so I will just give up and take a arduino mega =*(<br />
<br />
[[File:ArduinoExtraDigitalPins.jpg|300px|thumb|left|ArduinoExtraDigitalPins]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 5: Arduino Uno + 3 Sensor + 3 LEDS </p> ===<br />
<br />
With a larger breadboard, connecting 3 sensors all together. Next step will be to define different ranges of inbetween values for each sensor in order to make a grid.<br />
To accomplish this grid I will make a second row of sensors such as this, in order to get x and y values in space<br />
<br />
===<p style="font-family:helvetica">Prototype 6: Arduino Uno + 3 Sensor + 12 LEDS</p> ===<br />
<br />
With 3 sensors, added on 2 long breadboads, and with a different set of range values, we can start mapping a space.<br />
<br />
[[File:SensorMediaQueries 01.gif|300px|thumb|left|SensorMediaQueries]]<br />
[[File:Physical Space Mapping.png|500px|thumb|center|Physical Space Mapping]]<br />
<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 7: Arduino Uno + 12 LEDS + 3 Sensor + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
For this prototype, I implement a buzzer that will emit a specific sound depending on the distance of the obstacle detected by the sensor.<br />
I also puted back a LCD displaying the 3 sensors values. The screen luminosity can be changed via a potentiometer.<br />
<br><br />
Ressources:<br />
* https://samsneatprojectblogcode.blogspot.com/2016/06/piezo-buzzer-code-and-fritzing.html<br />
* https://www.youtube.com/watch?v=m7bbfzZ2UNo<br />
* https://www.youtube.com/watch?v=K8AnlUT0ng0<br />
<br />
[[File:ArduinoMegaSensorBuzzerLCD.jpg|300px|thumb|left|ArduinoMegaSensorBuzzerLCD]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 8: Arduino Uno + 12 LEDS + 3 Sensor on mini breadboards + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
Same code, but new setup detaching each sensor from each others and allowing to place them anywhere.<br />
<br />
[[File:ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|300px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
===<p style="font-family:helvetica">Prototype 9: Arduino Uno + 21 LEDS + 7 Sensor + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
[[File:Sensor Wall 01.png|300px|thumb|left|Sensor Wall 01]]<br />
[[File:PhysicalMapping3.png|500px|thumb|right|PhysicalMapping2]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 10: Arduino Mega + 7 Sensors + LCD + 3 buzzers + P5.js </p> ===<br />
<br />
[[File:P5.js sensor.gif|300px|thumb|left|P5.js and ultrasonic sensor]]<br />
<br />
The goal here was to create a first communication between the physical setup and a P5.js web page<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 11: Arduino Mega + UltraSonicSensor + LCD TouchScreen </p> ===<br />
<br />
[[File:LCDArduinoVariableposter.gif|300px|thumb|left|LCD Arduino Variable poster]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Semester 2</p> ==<br />
<br />
[[File:Simu part 02.gif|left|1000px]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 12: Arduino Uno + P5serialcontrol + P5.js web editor = Code descrypter </p> ===<br />
<br />
[[File:Codeword 01.png|300px|thumb|left|P]]<br />
[[File:Codeword 02.png|300px|thumb|center|I]]<br />
[[File:Codeword 03.png|300px|thumb|left|G]]<br />
[[File:Codeword 04.png|300px|thumb|center|E]]<br />
[[File:Codeword 05.png|300px|thumb|left|O]]<br />
[[File:Codeword 06.png|300px|thumb|center|N]]<br />
<br />
<br><br><br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 13: Arduino Uno + P5serialcontrol + P5.js web editor = Game </p> ===<br />
<br />
[[File:01 Screen .png|300px|thumb|left|Stage 0<br>The subject is located too far away]]<br />
[[File:02 Screen.png|300px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage]]<br />
[[File:03 Screen.png|300px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage ]]<br />
[[File:04 Screen.png|300px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close]]<br />
[[File:06 Screen.png|300px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer]]<br />
[[File:07 Screen.png|300px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps]]<br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 14: Arduino Uno + P5serialcontrol + P5.js web editor = Simplified interface</p> ===<br />
<br />
[[File:Data Collector Sample 01.gif|400px|thumb|left]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br />
<br><br><br />
<br />
====<p style="font-family:helvetica">How to add split serial data value with more than one sensor</p>====<br />
<br />
* Use Split: function https://p5js.org/reference/#/p5/split<br />
* Pad example: https://hub.xpub.nl/soupboat/pad/p/Martin<br />
<br />
<br />
[[File:Debug Martin 01.png|500px|thumb|left]]<br />
[[File:Debug Martin 05.png|500px|thumb|center]]<br />
[[File:Debug Martin 02.png|500px|thumb|left]]<br />
[[File:Debug Martin 03.png|500px|thumb|center]]<br />
[[File:Debug Martin 04.png|500px|thumb|left]]<br />
[[File:Debug Martin 06.png|500px|thumb|center]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
<br />
===<p style="font-family:helvetica">Installation update</p>===<br />
<br />
[[File:Installation Update 01.jpg|300px|thumb|left]]<br />
[[File:Installation Update 02.jpg|300px|thumb|center]]<br />
<br />
<br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">To do</p> ===<br />
<br />
* Manage to store the data with WEB STORAGE API<br />
** https://www.w3schools.com/JS/js_api_web_storage.asp<br />
* Import Live data or Copy data from <br />
** https://www.worldometers.info/<br />
* Import Live data from stock market <br />
** https://money.cnn.com/data/hotstocks/index.html<br />
** https://www.tradingview.com/chart/?symbol=NASDAQ%3ALIVE <br />
** https://www.google.com/finance/portfolio/972cea17-388c-4846-95da-4da948830b03<br />
* Make a Bar graph<br />
** https://openprocessing.org/sketch/1152792<br />
<br />
===<p style="font-family:helvetica">Stages Design</p> ===<br />
<br />
Many stages (mini-levels) are being designed. They are all intended to evoke the different contexts and pretexts for which we perform daily micro-tasks to collect data.<br />
<br><br />
The visitor can unlock the next step by successfully completing one or more tasks in a row. After a while, even if the action is not successful, a new step will appear with a different interface and instructions. <br />
<br />
The list below details the different stages being produced, they will follow each others randomly during the session:<br />
<br />
** Money/Slot Machine<br />
** Well-Being<br />
** Healthcare<br />
** Yoga<br />
** Self-Management<br />
** Stock Market Exchange<br />
** Military interface<br />
<br />
The visuals bellow illustrate their design.<br />
<br />
[[File:Captcha 01.png|thumb|left|Captcha:<br>one action needed<br />
moving forward, backward or standing <br />
stillnext stage unlock after action done <br />
and short animation]]<br />
[[File:Self Track 01.png|thumb|center|Self Tracking:<br>no interaction needed<br />
visitor must stand still until <br />
one of the goal is completed]]<br />
[[File:Self Track 02.png|thumb|left|Self Tracking:<br>no interaction needed<br />
visitor must stand still until <br />
one of the goal is completed]]<br />
[[File:Slot Machine 01.png|thumb|center|Slot Machine:<br>no interactions needed<br />
transition between 2 stages<br />
determines randomly the next stage<br />
displayed when nobody detected]]<br />
[[File:Social Live 01.png|thumb|left|Social Live:<br>no interaction needed<br />
visitor must stand still until <br />
money goal is completed]]<br />
[[File:Stock Ticket 01.png|thumb|center|Stock Ticket:<br>no interactions needed<br />
displayed when nobody detected]]<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Stages Design with P5.js</p> ===<br />
[[File:AllStages HomoData.png|400px|thumb|left]]<br />
[[File:Homo Data 02.gif|400px|thumb|left|6 levels in a row then randomnized, more to come]]<br />
[[File:Consolelog 01.gif|400px|thumb|center]]<br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Grad Show: Worm</p> ===<br />
[[File:CountonMephoto 01 RD.png|left|thumb|702x702px|Count on Me - Worm - 01]]<br />
[[File:CountonMephoto 03 RD.png|thumb|702x702px|Count on Me - Worm - 02]]<br />
[[File:CountonMephoto 04 RD.png|left|thumb|702x702px|Count on Me - Worm - 03]]<br />
[[File:CountonMephoto 05 RD.png|thumb|702x702px|Count on Me - Worm - 04]]<br />
[[File:CountonMephoto 06 RD.png|left|thumb|702x702px|Count on Me - Worm - 05]]<br />
[[File:CountonMephoto 07 RD.png|thumb|702x702px|Count on Me - Worm - 06]]<br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica"> Prototyping Ressources</p> ==<br />
<br />
===Do it Yourself Ressources (from Dennis de Bel)===<br />
<br />
* [https://www.instructables.com/DIY-Sensors/ Instructables] is a huge source of (written) tutorials on all kinds of topics. Keep in mind it's more quantity than quality. Interesting for you might be 'diy sensors'<br />
* [http://loliel.narod.ru/DIY.pdf Hand Made Electronic (Music)]: Great resource for cheap, diy electronics project focussing on<br />
sound/music (pdf findable online)<br />
* [https://www.n5dux.com/ham/files/pdf/Make%20-%20Electronics.pdf Make: Electronics:] Amazing, complete guide to everything 'electronics' (Warning, HUGE pdf)<br />
* [https://www.thingiverse.com/ Thingiverse:] The place to find 3d printable mechanics, enclosures, parts etc.<br />
<br />
===Electronic Shops (physical)===<br />
<br />
* [https://www.radiotwenthe.nl/ Radio Twenthe] (Den Haag)<br />
* [https://radiopiet.nl/ Radio Piet] (Arnhem)<br />
LIST OF SHOPS (also more physical NL ones)<br />
* https://www.circuitsonline.net/shops<br />
<br />
===Electronic Webshops (NL)===<br />
<br />
* https://www.tinytronics.nl/ (semi physical, pickup only in Eindhoven)<br />
* http://www.newtone-online.nl/catalog/<br />
* https://www.brigatti.nl/<br />
<br />
===Electronic Webshops (Rest)===<br />
<br />
* [https://www.conrad.nl/ Conrad] (Germany, expensive)<br />
* [https://www.tme.eu/en/ TME] (Poland, cheap, ridiculously difficult website)<br />
* [https://www.segor.de/#/index Segor] (Germany)<br />
* [http://mouser.de/ Mouser] (Germany)<br />
* [https://www.reichelt.de/ Reichelt] (Germany)<br />
* [https://www.farnell.com/ Farnell] (Germany/UK)<br />
* [https://www.digikey.com/ Digi-key] (USA, fast but expensive shipping + tax)<br />
* [https://www.taydaelectronics.com/ Tayda] (Thailand/USA, 2-3 weeks shipping)<br />
* [https://nl.aliexpress.com/ A liexpress] (China, 2-3 weeks shipping)<br />
<br />
===PCB making EU (Expensive)===<br />
<br />
* [https://www.eurocircuits.com/ Eurocircuits] (Germany)<br />
* [https://aisler.net/ Aisler] (Germany, 1 week from design upload to in your hands, very high quality)<br />
* [https://www.leiton.de/ Leiton] (Germany)<br />
<br />
===PCB making China (Cheap but import tax)===<br />
<br />
* [https://jlcpcb.com/ JLCPCB] (1 week from design upload to in your hands, low quality solder mask)<br />
* [https://www.pcbway.com/ PCBWAY] (1 week from design upload to in your hands)<br />
* [https://www.allpcb.com/ ALLPCB] (1 week from design upload to in your hands)<br />
<br />
===Arduino and Sensors===<br />
<br />
* https://www.floris.cc/shop/en/19-starter-kits<br />
* https://www.tinytronics.nl/shop/nl/arduino/kits/arduino-starter-kit<br />
* https://www.conrad.nl/p/makerfactory-beginnersset-voor-arduino-1612782<br />
<br />
===Sensor only Kit===<br />
<br />
* [https://nl.aliexpress.com/item/4000238240904.html?spm=a2g0o.search0304.0.0.7bca74dbu2i6KH&algo_pvid=59637d40-1368-41ba-bc30-63b1517303e9&aem_p4p_detail=2021092303503115630656510062050000317987&algo_exp_id=59637d40-1368-41ba-bc30-63b1517303e9-0 45-in-1] (aliexpress) Example sensor you will find in such a kit documented here<br />
<br />
===Arduino Starter Projects===<br />
<br />
* https://www.makerspaces.com/simple-arduino-projects-beginners/<br />
or slightly more complex:<br />
* http://www.makeuseof.com/tag/10-great-arduino-projects-for-beginners/<br />
or in videos:<br />
*[https://www.youtube.com/playlist?list=PLT6rF_I5kknPf2qlVFlvH47qHvqvzkkn%20d youtube playlist]<br />
or just many different ideas:<br />
*http://playground.arduino.cc/Projects/Ideas<br />
or - of course - on Instructables if you want to have a complete course:<br />
*https://www.instructables.com/class/Arduino-Class/<br />
or this course:<br />
*https://arduino.tkkrlab.space/<br />
ARDUINO + PROCESSING (visualizing sensors)<br />
*https://create.arduino.cc/projecthub/projects/tags/processing<br />
MISCELANIOUS KEYWORDS and LINKS<br />
*citizen science, for example: https://www.meetjestad.net/<br />
*https://forensic-architecture.org/<br />
<br />
====<p style="font-family:helvetica"> About the ESP8266 module</p> ====<br />
<br />
The ESP8266 is a microcontroller IC with Wi-Fi connection, it will allow us to connect the arduino to the internet so we can get the values obtained from sensors received directly on a self-hosted webpage. From this same web page, it would also be possible to control LESs, motors, LCD screens, etc.<br />
<br />
====<p style="font-family:helvetica"> Ressources about ESP8266 module</p> ====<br />
<br />
Kindly fowarded by Lousia:<br><br />
<br />
* https://www.youtube.com/watch?v=6hpIjx8d15s <br />
* https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/<br />
* https://www.youtube.com/watch?v=dWM4p_KaTHY<br />
* https://randomnerdtutorials.com/esp8266-web-server/<br />
* https://www.youtube.com/watch?v=6hpIjx8d15s<br />
* https://electronoobs.com/eng_arduino_tut101.php<br />
* http://surveillancearcade.000webhostapp.com/index.php (interface)<br />
<br />
====<p style="font-family:helvetica">Which ESP8266 to buy</p> ====<br />
<br />
* https://makeradvisor.com/tools/esp8266-esp-12e-nodemcu-wi-fi-development-board/<br />
* https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/<br />
* https://www.amazon.nl/-/en/dp/B06Y1ZPNMS/ref=sr_1_5?crid=3U8B6L2J834X0&dchild=1&keywords=SP8266%2BNodeMCU%2BCP2102%2BESP&qid=1635089256&refresh=1&sprefix=sp8266%2Bnodemcu%2Bcp2102%2Besp%2Caps%2C115&sr=8-5&th=1<br />
<br />
==<p style="font-family:helvetica">Installation</p>==<br />
<br />
===<p style="font-family:helvetica">Ressources</p> ===<br />
<br />
* Movable walls build out for Art Museum of West Virginia University [https://www.youtube.com/watch?v=E3SrGzAsRBE link]<br />
* Gallery Wall System (GWS) [https://www.youtube.com/watch?v=uJ-yFkJ9ykA link]<br />
* CASE-REAL installs movable walls inside a basement art gallery in tokyo [https://www.youtube.com/watch?v=kHTgAeN4XDg link]<br />
<br />
=<p style="font-family:helvetica">Venues</p> =<br />
<br />
==<p style="font-family:helvetica">Venue 1: Aquarium </p>==<br />
<br />
===<p style="font-family:helvetica">Description</p>===<br />
<br><br />
<b>AQUARIUM 1.0</b><br><br />
<br><br><br />
A Small Ecosystem for Living Thoughts<br><br />
<br><br />
Monday, 11th October<br><br />
19:30 – 21:30<br><br />
Leeszaal Rotterdam West<br><br />
Rijnhoutplein 3, 3014 TZ Rotterdam<br><br />
<br><br />
with Clara Gradel, Floor van Meeuwen, Martin Foucaut, Camilo Garcia, Federico Poni, <br />
Nami Kim, Euna Lee, Kendal Beynon, Jacopo Lega and Louisa Teichmann<br />
<br><br><br />
It’s oh-fish-ial! Students of the Experimental Publishing Master invite you to dive into their small ecosystem of living thoughts. Join us for an evening of conversation, discussion and new view points. If you look closely, you might even see some early thesis ideas hatching. Let's leave no rock unturned.<br />
<br />
==<p style="font-family:helvetica">Observation questionnaire</p>==<br />
<br />
This exercice is a very small, humble and almost 100% analog exercice questioning representation in two small steps. <br />
<br />
===<p style="font-family:helvetica">1st step</p>===<br />
<br />
[[File:Brick.jpg|300px|thumb|left|photo of a brick]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br />
* <b>1st step:</b> I give a sheet of paper to people during the venue and ask them to answer a series of questions concerning the object (brick) that is being displayed in the middle of the room on a podium. It is specified to them that they can be anywhere while observing this brick and in any position. Here are the quesitons:<br />
<br><br />
<br />
* <b>Please write down your first name: <br />
<br><br />
<br />
* Describe your position (sitting/standing/other):<br />
<br><br />
<br />
* Describe your location in the room:<br />
<br><br />
<br />
* Describe what you are seeing while looking at the screen:<br />
<br><br />
* Describe how you feel mentaly/emotionaly:</b><br />
<br><br />
<br><br />
===<p style="font-family:helvetica">2nd step</p>===<br />
<br />
[[File:Brickphoto.png|300px|thumb|left|photo of brick displayed inside a computer screen]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br />
<br />
* <b>2nd step:</b> I take the answers, wait a round, and then give back a new sheet of paper to the same people with the exact same questions concerning the respresentation of the object (brick) that is being displayed in the middle of the room on a computer screen on the same podium.<br />
<br />
===<p style="font-family:helvetica">Answer Samples</p>===<br />
<br />
1.0 <b>Object on a podium</b><br />
<br />
* 1.1 Sitting on corner stairs —> Want to see it from different angles —> Feeling trapped, frustrated<br />
* 1.2 Sitting on stairs —> a rock looking dead —> Feeling sad<br />
* 1.3 Sitting on the left close from columns —> rational observation —> Nostalgic memories because participated to the creation of the object as it looks right now<br />
* 1.4 Sitting in front of object —> Calm and slighly confused<br />
* 1.5 Sitting on the floor next to stairs in between the side and the middle —> Looking at the object from the bottom —> Feeling a bit confused and inspired<br />
<br><br><br />
2.0 <b>Photo of the object displayed on a computer screen placed on a podium</b><br />
<br />
* 2.1 Sitting on a chair seeing the brick from a bird perspective -> Feeling more control of the situation <br />
* 2.2 Sitting very close from the brick —> Seeing a flat and almost abstract picture —> Feeling drawn to the picture, aesthetically pleasing, feeling less sad about the object<br />
* 2.3 Sitting under a table very far way —> Looking abstract but identifiable —> Exited about the unusual and childish observation position<br />
* 2.4 Sitting on stairs —> and seeing the brick in 2D —> Feeling fine<br />
* 2.5 Sittiing on the stairs —> Seeing a side of the screen with a top view photo of the object —> Feeling confortable<br />
<br><br><br />
[[File:Answers1 RepresentationQuestionnaire.png|300px|thumb|left|Answers1_RepresentationQuestionnaire]]<br />
[[File:Answers2 RepresentationQuestionnaire.png|300px|thumb|center|Answers2_RepresentationQuestionnaire]]<br />
[[File:Answers3 RepresentationQuestionnaire.png|300px|thumb|left|Answers3_RepresentationQuestionnaire]]<br />
[[File:Answers4 RepresentationQuestionnaire.png|300px|thumb|center|Answers4_RepresentationQuestionnaire]]<br />
[[File:Answers5 RepresentationQuestionnaire.png|300px|thumb|left|Answers5_RepresentationQuestionnaire]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=<p style="font-family:helvetica">Venues</p> =<br />
<br />
==<p style="font-family:helvetica">Venue 2: Aquarium 2.0 </p>==<br />
<br />
===<p style="font-family:helvetica">Description</p>===<br />
<br><br />
Date 29th Nov — 4th Dec 2021 <br><br />
Time 15h — 18h <br><br />
29th Nov — 4th Dec 2021 (all day)<br><br />
Location: De Buitenboel, Rosier Faassenstraat 22 3025 GN Rotterdam, NL<br><br />
<br><br><br />
AQUARIUM 2.0 <br><br />
<br><br />
An ongoing window exhibition with Clara Gradel, Floor van Meeuwen, Martin Foucaut, Camilo Garcia, Federico Poni, Nami Kim, Euna Lee, Kendal Beynon, Jacopo Lega and Louisa Teichmann<br><br />
<br><br />
Tap upon the glass and peer into the research projects we are currently working on.<br />
From Monday 29th of November until Saturday 4th of December we put ourselves on display in the window of De Buitenboel as an entry point into our think tank. Navigating between a range of technologies, such as wireless radio waves, virtual realities, sensors, ecological and diffractive forms of publishing, web design frameworks, language games, and an ultra-territorial residency; we invite you to gaze inside the tank and float with us. Welcome back to the ecosystem of living thoughts.<br><br />
<br />
==<p style="font-family:helvetica">Aquarium LCD Portal (29 Nov – 4th Dec)</p>==<br />
<br />
This interactive micro-installation composed of a LCD screen and sensor(s) invites users/visitors to change the color of the screen and displayed messages by getting more or less close from the window. <br />
[https://www.pzwart.nl/blog/2021/11/30/aquarium-2-0/ Link]<br />
<br />
[[File:ScreenPortalFront.jpg|300px|thumb|left|ScreenPortalFront]]<br />
[[File:ScreenPortalback.jpg|300px|thumb|right|ScreenPortalback]]<br />
[[File:LCDScreenTest.gif|600px|thumb|center|LCDScreenTest]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=<p style="font-family:helvetica">Readings (new)(english)(with notes in english) </p>=<br />
<br />
==<p style="font-family:helvetica">About Institutional Critique</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
→&nbsp;1.&nbsp;[[Art and Contemporary Critical Practice: Reinventing Institutional Critique]][https://aaaaarg.fail/thing/51c584186c3a0ed90ba30900 Doc]<br><br />
→&nbsp;2.&nbsp;[[From the Critique of Institutions to an Institution of Critique - Andrea Fraser]][https://aaaaarg.fail/upload/andrea-fraser-from-the-critique-of-institutions-to-an-institution-of-critique-1.pdf Doc]<br><br />
→&nbsp;3.&nbsp;[[Institutional critique, an anthology of artists writings - Alexander Alberro]][https://aaaaarg.fail/upload/alexander-alberro-institutional-critique-an-anthology-of-artists-writings.pdf Doc]<br />
<br />
==<p style="font-family:helvetica">About Techno-Solutionism</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
<br />
→&nbsp;1.&nbsp;The Folly of Technological Solutionism: An Interview with Evgeny Morozov - Natasha Dow Schüll<br />
<br />
==<p style="font-family:helvetica">About Meta</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
→&nbsp;1.&nbsp; [https://www.tandfonline.com/doi/full/10.3402/jac.v6.23009 The meta as an aesthetic category] Bruno Trentini (2014)<br><br />
→&nbsp;2.&nbsp; [[File:RMZ ARTIST WRITING(2).pdf|left|[[thumb]]Rosa Maria Zangenberg ]] The eye tells the story by Rosa Maria Zangenberg (2017)<br><br />
→&nbsp;3.&nbsp; [https://brill.com/view/title/2075 Leonardo Da Vinci - Paragone by Louise Farago]<br />
<br />
==<p style="font-family:helvetica">About exhibition space</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
<br />
→&nbsp;2.&nbsp;Kluitenberg, Eric, ed. Book of imaginary media. Excavating the dream of the ultimate communication medium. Rotterdam: NAi Publishers, 2006.<br><br />
→&nbsp;3.&nbsp;[http://nt2.uqam.ca/fr/biblio/wall-and-canvas-lissitzkys-spatial-experiments-and-white-cube The wall and the canvas: Lissitzky’s spatial experiments and the White Cube]<br><br />
→&nbsp;6.&nbsp;[https://eastofborneo.org/articles/decorative-arts-billy-al-bengston-and-frank-gehry-discuss-their-1968-collaboration-at-lacma/ Decorative Arts: Billy Al Bengston and Frank Gehry discuss their 1968 collaboration at LACMA by Aram Moshayedi]<br><br />
→&nbsp;8.&nbsp; [[File:Resonance and Wonder STEPHEN GREENBLATT.pdf|thumb]] Resonance and Wonder - STEPHEN GREENBLATT<br><br />
→&nbsp;9.&nbsp; A Canon of Exhibitions - Bruce Altshuler [[File:A Canon of Exhibitions - Bruce Altshuler.pdf|thumb]]<br><br />
→&nbsp;10.&nbsp;Documenta - [[File:A BRIEF HISTORY OF AN EXHIBITION AND ITS CONTEXTS - Klaus Siebenhaar.pdf|thumb]] A BRIEF HISTORY OF AN EXHIBITION AND ITS CONTEXTS - Klaus Siebenhaar<br><br />
→&nbsp;11.&nbsp;Pallasmaa - The Eyes of the Skin [[File:Pallasmaa - The Eyes of the Skin.pdf|thumb]]<br><br />
→&nbsp;12.&nbsp;Venturi - Learning from Las Vegas [[File:Venturi - Learning from Las Vegas.pdf|thumb]]<br><br />
→&nbsp;13.&nbsp;Preserving and Exhibiting Media Art: Challenges and Perspectives - JULIA NOORDEGRAAF, COSETTA G. SABA; BARBARA LE MAÎTRE; VINZENZ HEDIGER<br />
Copyright: 2013 - Publisher: Amsterdam University Press Series: Framing Film<br />
<br />
===<p style="font-family:helvetica">Reading/Notes</p>===<br />
<br />
→&nbsp;1.&nbsp;[http://nt2.uqam.ca/fr/biblio/after-white-cube [[After the White Cube.]]] [https://www.lrb.co.uk/the-paper/v37/n06/hal-foster/after-the-white-cube ref] 2015 NOTES INSIDE<br><br />
* How and why White Cube rised and became democratized<br />
* White Cube // Consumerism = Art Consumerism?<br />
* Exhibition Space > Artworks<br />
* Experience of interpretation = Entertainment of Art?<br />
* Museum vs Mausoleum<br />
<br><br />
→&nbsp;2.&nbsp;[http://nt2.uqam.ca/fr/biblio/spaces-experience-art-gallery-interiors-1800-2000 [[Spaces of Experience: Art Gallery Interiors from 1800 – 2000]]] [http://nt2.uqam.ca/fr/biblio/spaces-experience-art-gallery-interiors-1800-2000 ref] NOTES INSIDE<br><br />
* Art vs 50's consumerism / Choregraphy of desire?<br />
* Check theorists Hermann von Helmholtz and Wilhelm Wundt<br />
<br><br />
→&nbsp;3.&nbsp;[https://www.e-flux.com/announcements/262138/colour-critique/ [[Colour Critique A Symposium on Colour as an Agent for Taste, Experience and Value in the Exhibition Space]]] NOTES INSIDE<br><br />
May 24, 2019 - Noise! Frans Hals, Otherwise, Frans Hals Museum<br><br />
→&nbsp;4.&nbsp; [[Colour_Critique_A_Symposium_on_Colour_as_an_Agent_for_Taste,_Experience_and_Value_in_the_Exhibition_Space|Noise! Frans Hals, Otherwise]] NOTES INSIDE<br><br />
* Role of colours in the viewer's experience of an exhibition<br />
* Institutional Critique<br />
* Institutionalised Space / White cube<br />
<br><br />
→&nbsp;5.&nbsp;[[Mental Spaces - Joost Rekveld/Michael van Hoogenhuyze]] NOTES INSIDE<br>(course for Artscience 2007/8)<br />
[http://www.joostrekveld.net/wp/?page_id=590 doc]<br><br />
* About perspective<br />
* About Space time<br />
* About Cyber Space<br />
<br><br />
→&nbsp;6.&nbsp; [[THE DEVIL IS IN THE DETAILS: MUSEUM - Displays and the Creation of Knowledge]] [https://pzwiki.wdka.nl/mw-mediadesign/images/5/57/The_Devil_is_in_the_details-_DETAIT-_MUSEUM_Displays_and_the_Creation_of_Knowledge.pdf Doc] NOTES INSIDE<br><br />
Stephanie Moser SOUTHAMPTON UNIVERSITY (MUSEUM ANTHROPOLOGY) 2010<br><br />
* Architecture (Neoclassical buildings)<br />
* Big vs Small exhibition Space<br />
* Lined up objects vs non systematic display<br />
* Architecture/Design<br />
* Gallery interiors (Ceiling/Interior Design elements/Furniture<br />
* Colors<br />
* Individual lighting of objects vs global lighting<br />
* Dark vs Bright lighting<br />
* Chronological vs Thematic arrangement<br />
* Academic vs Journalistic writting<br />
* Busy layout vs Minimal Layout<br />
* Exibition seen vs other exhibitions<br />
* Themed/idea-oriented vs objectled exhibitions<br />
* Didactic vs discovery exhibition<br />
* Contextual, immersive, or atmospheric exhibitions<br />
* Audience vs Reception<br />
<br><br />
→&nbsp;7.&nbsp;[[Fantasies of the Library - Etienne Turpin (ed.), Anne-Sophie Springer (ed.)]] [https://hub.xpub.nl/bootleglibrary/category/new/326 Ref]; Editeur: The MIT Press; Date de publication: 1 sept. 2018<br />
* How the a physical organization influence of a bookshelf can influence it's digital version<br />
* The book as a minitaure gallery/exhibition space<br />
* The library as a public place of reading<br />
* Library vs Exhibition Space = Use vs Display<br />
* Book-theme exhibitions<br />
<br />
==<p style="font-family:helvetica">About User vs Visitor, or user in exhibition space</p>==<br />
<br />
[[Designing the user experience in exhibition spaces - Elisa Rubegni, Caporali Maurizio, Antonio Rizzo, Erik Grönvall]]<br />
* What are the GUI intentions<br />
* What is the WIMP interaction model<br />
* What are the post-Wimp models<br />
* About Memex<br />
<br />
==<p style="font-family:helvetica">About User Interface</p>==<br />
<br />
=== Readings/Notes===<br />
<br />
→&nbsp;1.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=+The+Interface+Effect bootleg][[Alexander R. Galloway - The Interface Effect]] 1st ed. Malden, USA: Polity Press.<br><br />
* The interface paradox<br />
* The less they do, the more they achieve and the more they become invisible & unconsidered<br />
* The interface as a "significant surface"<br />
* The interface as a gateway<br />
* The interface as "the place where information moves from one entity to another"<br />
* The interface as the media itself<br />
* The interface as "agitation or generative friction between different formats"<br />
* The interface as "an area" that "separates and mixes the two worlds that meet together there"<br />
<br><br />
→&nbsp;2.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=Navigating+Neoliberalism bootleg] [[Nick Srnicek - Navigating Neoliberalism: Political Aesthetics in an Age of Crisis]] NOTES INSIDE<br><br />
Editeur: medium.com, Date de publication: 20 oct. 2016<br><br />
* From an aesthetic of sublime into an aesthetics of the interface<br />
* Cognitive mapping<br />
<br><br />
→&nbsp;3.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=+Program+or+be+programmed bootleg] [[Program Or Be Programmed - Ten Commands For A Digital Age Douglas Rushkoff]] NOTES INSIDE<br><br />
Douglas Rushkoff, A., 2010. Program Or Be Programmed - Ten Commands For A Digital Age Douglas Rushkoff. 1st ed. Minneapolis, USA: OR Books.<br><br />
*"Instead of learning about our technology, we opt for a world in which our technology learns about us."<br />
* Programmed by the interfaces<br />
* From a transparent to an opaque medium<br />
<br><br />
→&nbsp;4.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=The+Best+Interface+Is+No+Interface bootleg][[The Best Interface Is No Interface - Golden Krishna]] NOTES INSIDE<br><br />
Krishna, G., 2015. The Best Interface Is No Interface: The simple path to brilliant technology (Voices That Matter). 1st ed. unknown: New Riders Publishing.<br />
* "Screen Obsessed Approach to Design"<br />
* UI vs UX<br />
<br><br />
→&nbsp;5.&nbsp;[[Plasticity of User Interfaces:A Revised Reference Framework]] NOTES INSIDE<br><br />
Gaëlle Calvary, Joëlle Coutaz, David Thevenin<br />
Quentin Limbourg, Nathalie Souchon, Laurent Bouillon, Murielle Florins, Jean Vanderdonckt<br><br />
* About the term 'Placticity'<br />
<BR><br />
→&nbsp;6.&nbsp;[[Interface Critique- Beyond UX - FLORIAN HADLER, ALICE SOINÉ; DANIEL IRRGANG]] [https://hub.xpub.nl/bootleglibrary/search?query=interface DOC] Florian Hadler, Alice Soiné, Daniel Irrgang<br><br />
* The interface as an "historical artifact", a "space of power"<br />
* The interface as human -machine boudary<br />
* What is interface critique<br />
* Interface in computer science<br />
* The screen for Lev Manovitch<br />
<br />
<br><br><br />
<br />
=== More to read/see===<br />
<br />
→&nbsp;1.&nbsp;Bickmore, T.W., Schilit, B.N., Digestor: Device-<br />
Independent Access To The World Wide Web, in Proc. of 6th<br />
Int. World Wide Web Conf. WWW’6 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Santa Clara, April<br />
1997)<br />
<br />
→&nbsp;2.&nbsp;Bouillon, L., Vanderdonckt, J., Souchon, N., Recovering<br />
Alternative Presentation Models of a Web Page with VAQUITA,<br />
Chapter 27, in Proc. of 4th Int. Conf. on Computer-<br />
Aided Design of User Interfaces CADUI’2002 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Valenciennes,<br />
May 15-17, 2002)<br />
<br />
→&nbsp;3.&nbsp;Calvary, G., Coutaz, J., Thevenin, D., Supporting Context<br />
Changes for Plastic User Interfaces: a Process and a<br />
Mechanism, in “People and Computers XV – <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Interaction<br />
without Frontiers”, Joint Proceedings of AFIHM-BCS Conference<br />
on Human-Computer Interaction IHM-HCI’2001(Lille, 10-14 September 2001)<br />
<br />
→&nbsp;4.&nbsp;Cockton, G., Clarke S., Gray, P., Johnson, C., Literate Development:<br />
Weaving Human Context into Design Specifications,<br />
in “Critical Issues in User Interface Engineering”, <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;P.<br />
Palanque & D. Benyon (eds), Springer-Verlag, London,<br />
1995.<br />
<br />
→&nbsp;5.&nbsp;Graham, T.C.N., Watts, L., Calvary, G., Coutaz, J., Dubois,<br />
E., Nigay, L., A Dimension Space for the Design of Interactive<br />
Systems within their Physical Environments, in Proc. of<br />
Conf. on Designing Interactive Systems DIS’2000<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (New<br />
York, August 17-19, 2000,), ACM Press, New York, 2000,<br />
<br />
→&nbsp;6.&nbsp;Lopez, J.F., Szekely, P., Web page adaptation for Universal<br />
Access, in Proc. of Conf. on Universal Access in HCI UAHCI’<br />
2001 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(New Orleans, August 5-10, 2001), Lawrence<br />
Erlbaum Associates, Mahwah, 2001,<br />
<br />
→&nbsp;7.&nbsp;Thevenin, D., Coutaz, J., Plasticity of User Interfaces:<br />
Framework and Research Agenda, in Proc. of 7th IFIP International<br />
Conference on Human-Computer Interaction Interact'<br />
99<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Edinburgh, August 30 - September 3, 1999),<br />
Chapman & Hall, London, pp. 110-117.<br />
<br />
→&nbsp;8.&nbsp;Thevenin, D., Adaptation en Interaction Homme-Machine:<br />
Le cas de la Plasticité, Ph.D. thesis, Université Joseph Fourier,<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
Grenoble, 21 December 2001.<br />
<br />
→&nbsp;9.&nbsp;[[Graspable interfaces (Fitzmaurice et al., 1995)]] [https://www.dgp.toronto.edu/~gf/papers/PhD%20-%20Graspable%20UIs/Thesis.gf.html link]<br />
<br />
==<p style="font-family:helvetica">About User Condition</p>==<br />
<br />
=== Readings ===<br />
<br />
→&nbsp;1.&nbsp;[[The User Condition 04: A Mobile First World - Silvio Lorusso]] [https://networkcultures.org/entreprecariat/mobile-first-world/ Doc]<br />
* Most web user are smarphone users<br />
* How "mobile's first" affect global web design<br />
* How "mobile's first" affect the way we use computers<br />
<br />
=<p style="font-family:helvetica">Readings (old)(mostly french)(with notes in french)</p>=<br />
<br />
===<p style="font-family:helvetica">Books (old)</p>===<br />
<br />
<br><br />
→&nbsp;1.&nbsp; [[L'art comme expérience — John Dewey]] (french) ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Gallimard (1934)<br><br />
→&nbsp;2.&nbsp; [[L'œuvre d'art à l'époque de sa reproductibilité technique — Walter Benjamin]] (french<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Alia (1939)<br><br />
→&nbsp;3.&nbsp; [[La Galaxie Gutemberg — Marshall McLuhan]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: University of Toronto Press (1962)<br> <br />
→&nbsp;3.&nbsp; [[Pour comprendre les médias — Marshall McLuhan]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: McGraw-Hill Education (1964)<br> <br />
→&nbsp;4.&nbsp; [[Dispositif — Jean-Louis Baudry]] (french) <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Raymond Bellour, Thierry Kuntzel et Christian Metz (1975)<br> <br />
→&nbsp;5.&nbsp; [[L’Originalité de l’avant-garde et autres mythes modernistes — Rosalind Krauss]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Macula (1993)<br><br />
→&nbsp;6.&nbsp; [[L'art de l'observateur: vision et modernité au XIXe siècle — Jonathan Crary]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Jacqueline Chambon (Editions) (1994)<br><br />
→&nbsp;7.&nbsp; [[Inside the White Cube, the Ideology of Gallery Space — Brian O'Doherty]] (english) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Les presses du réel (2008)<br><br />
→&nbsp;8.&nbsp; [[Préçis de sémiotique générale — Jean-Marie Klinkenbeg]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Point (2000)<br> <br />
→&nbsp;9.&nbsp; [[Langage des nouveaux médias — Lev Manovitch]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Presses du Réel (2001)<br> <br />
→&nbsp;10.&nbsp;[[L'empire cybernétique — Cécile Lafontaine]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Seuil (2004)<br> <br />
→&nbsp;11.&nbsp; [[La relation comme forme — Jean Louis Boissier]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Genève, MAMCO(2004)<br> <br />
→&nbsp;12.&nbsp; [[Le Net Art au musée — Anne Laforêt]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Questions Théoriques(2011)<br> <br />
→&nbsp;13.&nbsp; [[Narrative comprehension and Film communication — Edward Branigan]] (english)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Routledge (2013) <br> <br />
→&nbsp;14.&nbsp;[[Statement and counter statement / Notes on experimental Jetset — Experimental Jetset]] (english)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Roma (2015)<br> <br />
→&nbsp;15.&nbsp;[[Post Digital Print — Alessandro Ludovico]] (french) ≈<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: B42 (2016)<br><br />
→&nbsp;16.&nbsp;[[L'écran comme mobile — Jean Louis Boissier]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Presses du réel (2016)<br><br />
→&nbsp;17.&nbsp;[[Design tactile — Josh Clark]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Eyrolles (2016)<br><br />
→&nbsp;18.&nbsp;[[Espaces de l'œuvre, espaces de l'exposition — Pamela Bianchi]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Eyrolles (2016)<br><br />
→&nbsp;19.&nbsp;[[Imprimer le monde]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Éditions HYX et les Éditions du Centre Pompidou (2017)<br><br />
→&nbsp;20.&nbsp;[[Version 0 - Notes sur le livre numérique]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: ECRIDIL (2018)<br><br />
<br />
===<p style="font-family:helvetica">Articles (old)</p>===<br />
<br />
→&nbsp;1.&nbsp;[[Frederick Kiesler — artiste- architecte]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(communiqué de presse) <br />
Centre pompidou; source : centrepompidou.fr (1996)<br><br />
→&nbsp;2.&nbsp;[[Oublier l'exposition]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Artpress special numéro 21 (2000)<br><br />
→&nbsp;3.&nbsp;[[Composer avec l’imprévisible: Le questionnaire sur les médias variables]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jon Ippolito; source : variablemedia.net/pdf/Permanence (2003)<br><br />
→&nbsp;4.&nbsp;[[Esthétique du numérique : rupture et continuité]] <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fred Forest; source : archives.icom.museum (2010)<br><br />
→&nbsp;5.&nbsp;[[La narration interactive]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dragana Trgovčević source : ensci.com/file_intranet/mastere_ctc/etude_Dragana_Trgovcevic.pdf (2011)<br><br />
→&nbsp;6.&nbsp;[[Des dispositifs aux appareils - L'Espacement d'un calcul]]<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Anthony Masure source : anthonymasure.com (2013)<br><br />
→&nbsp;7.&nbsp;[https://www.cairn.info/revue-cahiers-philosophiques1-2011-1-page-9.html?contenu=article Le musée n'est pas un dispositif - Jean-Louis Déotte] p.9 - 22 (2011)<br><br />
→&nbsp;8.&nbsp;[http://nt2.uqam.ca/fr/entree-carnet-recherche/apogee-et-perigee-du-white-cube Apogée et périgée du White Cube] Loosli, Alban<br><br />
<br />
=<p style="font-family:helvetica">References</p>=<br />
<br />
===<p style="font-family:helvetica">Exhibition space</p>===<br />
<br />
→&nbsp;&nbsp;[https://vanabbemuseum.nl/en/collection/details/collection/?lookup%5B1673%5D%5Bfilter%5D%5B0%5D=id%3AC969 Prouns Spaces — El lissitzky] (1920)<br><br />
→&nbsp;&nbsp;[https://thecharnelhouse.org/2013/11/19/frederick-kiesler-city-of-space-1925/ City in Space — Frederick Kiesler] (1920)<br><br />
→&nbsp;&nbsp;[https://fr.wikipedia.org/wiki/Air-Conditioning_Show The air conditionning Show — Terry Atkinson & Michael Baldwin](1966-67)<br><br />
→&nbsp;&nbsp;[https://www.google.com/search?q=Sans+titre+%E2%80%94+Michael+Asher&client=firefox-b-e&sxsrf=ALeKk002R7DoF2Y8QZ5Dp0GCnNVIJLEs5w:1603360434290&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiDzIeJ98fsAhXxyIUKHUB-DVUQ_AUoAXoECAQQAw&biw=1406&bih=759 Sans titre — Michael Asher] (1973)<br><br />
→&nbsp;&nbsp;[https://www.centrepompidou.fr/cpv/resource/cXjGAE/rREaz7 Serra Corner prop n°7 (for Nathalie) Richard Serra] (1983)<br><br />
→&nbsp;&nbsp;[https://www.muhka.be/programme/detail/1405-shilpa-gupta-today-will-end/item/30302-speaking-wall Speaking Wall] (2009 - 2010) <br><br />
<br />
===<p style="font-family:helvetica">Nothingness with Media</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=JTEFKFiXSx4 4’’33’ — John Cage] (1952)<br><br />
→&nbsp;&nbsp;[https://www.saatchigallery.com/artists/artpages/tom_friedman_8.htm Untitled - A Curse — Tom Friedman] (1965)<br><br />
→&nbsp;&nbsp;[https://fr.wikipedia.org/wiki/Air-Conditioning_Show The air conditionning Show — Terry Atkinson & Michael Baldwin](1966-67)<br><br />
→&nbsp;&nbsp;[https://www.google.com/search?q=Sans+titre+%E2%80%94+Michael+Asher&client=firefox-b-e&sxsrf=ALeKk002R7DoF2Y8QZ5Dp0GCnNVIJLEs5w:1603360434290&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiDzIeJ98fsAhXxyIUKHUB-DVUQ_AUoAXoECAQQAw&biw=1406&bih=759 Sans titre — Michael Asher] (1973)<br><br />
<br />
===<p style="font-family:helvetica">Mediatization of Media</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=JTEFKFiXSx4 4’’33’ — John Cage] (1952)<br><br />
→&nbsp;&nbsp;[https://www.guggenheim.org/artwork/9537 TV Garden — Nam June Paik] (1974)<br><br />
→&nbsp;&nbsp;[https://re-voir.com/shop/en/michael-snow/71-michael-snow-presents.html Presents — Michael Snow] (soon to be translated) <br><br />
→&nbsp;&nbsp;[https://www.experimentaljetset.nl/archive/lostformats Lost Formats Preservation Society — Experimental Jetset] (2000) <br><br />
→&nbsp;&nbsp;[https://www.experimentaljetset.nl/archive/lost-formats-winterthur Lost Formats Winterthur — Experimental Jetset] (2000) <br><br />
→&nbsp;&nbsp;[http://indexgrafik.fr/latlas-critique-dinternet/ L’atlas critique d’Internet] Louise Drulhe (2014-2015) <br><br />
<br />
===<p style="font-family:helvetica">Flags</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/artwork/10703 Netflag — Mark Napier] (2002) <br><br />
→&nbsp;&nbsp;[https://019-ghent.org/flags/flagpole/sd025/ 019 - Flag show] (2015)<br />
<br />
===<p style="font-family:helvetica">User perspective</p>===<br />
<br />
→&nbsp;&nbsp;[http://whatyouseeiswhatyouget.net/ What you see is what you get — Jonas Lund] (2012) <br><br />
<br />
===<p style="font-family:helvetica">Media Time perception</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=aLNfUB7JtA4&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=3 Present Continuous Past — Dan Graham's] (1974)<br />
<br />
===<p style="font-family:helvetica">Experimental cinema</p>===<br />
<br />
→&nbsp;&nbsp;[https://re-voir.com/shop/en/michael-snow/71-michael-snow-presents.html Presents — Michael Snow] (soon to be translated) <br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=bMDr_CFFgWE&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=4 Displacements — Michael Naimark] (1980) <br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=J2-VQFPYftM&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=5 BE NOW HERE — Michael Naimark] (1995)<br />
<br />
===<p style="font-family:helvetica">CSS composition</p>===<br />
<br />
→&nbsp;&nbsp;[http://sebastianlyserena.dk/ Sebastianly Serena]<br><br />
→&nbsp;&nbsp;[http://www.scrollbarcomposition.com/ Scrollbar Composition]<br><br />
→&nbsp;&nbsp;[http://www.intotime.com/ into time .com - Rafael Rozendaal]<br><br />
→&nbsp;&nbsp;[https://www.nicolassassoon.com/RIDGE_11.html Ridge 11 - Nicolas Sassoon]<br><br />
→&nbsp;&nbsp;[https://www.associationpaste.com/rectangulaire/ Rectangulaire - Claude Closky]<br><br />
→&nbsp;&nbsp;[https://jacksonpollock.org/ Jacksonpollock.org - Miltos Manetas]<br><br />
→&nbsp;&nbsp;[http://aabrahams.free.fr/movpaint/frame5.htm Moving Paintings - Annie Abrahams]<br />
<br />
===<p style="font-family:helvetica">Media deterioration</p>===<br />
<br />
→&nbsp;&nbsp;[https://img214270416jpg.tumblr.com/ Img214270417]<br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=mjnAE5go9dI&list=LLfu-Fy4NjlpiIYJyE447UDA&index=49&t=832s William Basinski - The Disintegration Loops]<br />
<br />
===<p style="font-family:helvetica">Undefined</p>===<br />
<br />
→&nbsp;&nbsp;[http://untitledsans.com/ Untitled Sans]<br />
<br />
===<p style="font-family:helvetica">User friendliness and anti-user friendliness</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.juhavaningen.com/websafe/1.html Web-Safe - Juha van Ingen]<br />
<br />
===<p style="font-family:helvetica">Media Art conservation</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/conservation/the-variable-media-initiative The Variable Media Initiative] 1999<br><br />
→&nbsp;&nbsp;[https://www.eai.org/resourceguide/ EAI Online Resource Guide forExhibiting, Collecting & Preserving Media Art]<br><br />
→&nbsp;&nbsp;[http://mattersinmediaart.org/ Matters in Media Art]<br><br />
→&nbsp;&nbsp;[https://www.incca.org/ The International Network for the Preservation of Contemporary Art (INCCA)]<br><br />
→&nbsp;&nbsp;[https://www.tandfonline.com/doi/full/10.1080/19455224.2019.1604398 Archiving complex digital artworks - Dušan Barok]<br />
<br />
===<p style="font-family:helvetica">Emulation</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/exhibition/seeing-double-emulation-in-theory-and-practice Seeing Double: Emulation in Theory and Practice]<br><br />
<br />
===<p style="font-family:helvetica">Technological Timeline</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.docam.ca/en/technological-timeline.html Technological Timeline]<br><br />
<br />
===<p style="font-family:helvetica">Media Art Online Archive</p>===<br />
<br />
→&nbsp;&nbsp;[https://digitalartarchive.siggraph.org/ ACM SIGGRAPH Art Show Archives]<br><br />
→&nbsp;&nbsp;[https://www.digitalartarchive.at/nc/home.html Archive of Digital Art (ADA)]<br><br />
→&nbsp;&nbsp;[https://ars.electronica.art/about/en/archiv/ Ars Electronica Archive]<br><br />
→&nbsp;&nbsp;[https://archive-it.org/collections/4388 Digital Art Web Archive (collected by Cornell)]<br><br />
→&nbsp;&nbsp;[https://monoskop.org/Recent Monoskop]<br><br />
→&nbsp;&nbsp;[https://rhizome.org/art/artbase/ The Rhizome ArtBase]<br><br />
<br />
===<p style="font-family:helvetica">Music/Sound</p>===<br />
<br />
→&nbsp;&nbsp;[https://wabi-sabi-tapes.bandcamp.com/album/the-end-of-music The end of music]<br />
<br />
===<p style="font-family:helvetica">HTML Quines</p>===<br />
<br />
→&nbsp;&nbsp;https://hugohil.github.io/dedans/<br><br />
→&nbsp;&nbsp;https://secretgeek.github.io/html_wysiwyg/html.html<br><br />
→&nbsp;&nbsp;http://all-html.net/?<br><br />
<br />
<div style=' <br />
width: 75%; <br />
font-size:16px;<br />
background-color: white;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
'><br />
<br />
<div style=' <br />
width: 75%; <br />
font-size:16px;<br />
background-color: white;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
'></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:CountonMephoto_07_RD.png&diff=259946File:CountonMephoto 07 RD.png2024-02-26T19:51:00Z<p>Martin: </p>
<hr />
<div>Photo of the installation "Count on Me" settled at 2022 XPUB Graduation Show</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:CountonMephoto_06_RD.png&diff=259945File:CountonMephoto 06 RD.png2024-02-26T19:50:25Z<p>Martin: </p>
<hr />
<div>Photo of the installation "Count on Me" settled at 2022 XPUB Graduation Show</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:CountonMephoto_05_RD.png&diff=259944File:CountonMephoto 05 RD.png2024-02-26T19:49:43Z<p>Martin: </p>
<hr />
<div>Photo of the installation "Count on Me" settled at 2022 XPUB Graduation Show</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:CountonMephoto_04_RD.png&diff=259943File:CountonMephoto 04 RD.png2024-02-26T19:49:07Z<p>Martin: </p>
<hr />
<div>Photo of the installation "Count on Me" settled at 2022 XPUB Graduation Show</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:CountonMephoto_03_RD.png&diff=259942File:CountonMephoto 03 RD.png2024-02-26T19:48:22Z<p>Martin: </p>
<hr />
<div>Photo of the installation "Count on Me" settled at 2022 XPUB Graduation Show</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:CountonMephoto_01_RD.png&diff=259941File:CountonMephoto 01 RD.png2024-02-26T19:45:17Z<p>Martin: </p>
<hr />
<div>Photo of the installation "Count on Me" settled at 2022 XPUB Graduation Show</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=XPUB2_Research_Board_/_Martin_Foucaut&diff=221348XPUB2 Research Board / Martin Foucaut2022-06-26T12:29:35Z<p>Martin: /* Grad Show: Worm */</p>
<hr />
<div>=<p style="font-family:helvetica">Links</p>=<br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
<br />
=<p style="font-family:helvetica">Draft Thesis</p>=<br />
<br />
===What do you want to make?===<br />
<br />
My project is a data collection installation that monitors people's behaviors in public physical spaces while explicitly encouraging them to help the algorithm collect more information. An overview of how it works is presented here in the project proposal and will be subject to further developments in the practice. <br />
<br><br><br />
The way the device is designed doesn’t pretend to give any beneficial outcomes for the subject, but only makes visible the benefits that the machine is getting from collecting their data. Yet, the way the device visually or verbally presents this collected data is done in a grateful way, which might be stimulating for the subject. In that sense, the subject, despite knowing that their actions are done solely to satisfy the device, could become intrigued, involved, or even addicted by a mechanism that deliberately uses it as a commodity. In that way, I intend to trigger conflictual feelings in the visitor’s mind, situated between a state of awareness regarding the operating monetization of their physical behaviors, and a state of engagement/entertainment /stimulation regarding the interactive value of the installation.<br />
<br><br><br />
My first desire is to make the mechanisms by which data collection is carried out, marketized and legitimized both understandable and accessible. The array of sensors, the Arduinos and the screen are the mainly technological components of this installation. Rather than using an already existing and complex tracking algorithm, the program is built from scratch, kept open source and limits itself to the conversion of a restricted range of physical actions into interactions. These include the detection of movements, positions, lapse of time spent standing still or moving, and entry or exit from a specific area of detection. Optionally they may also include the detection of the subject smartphone device or the log on a local Wi-Fi hotspot made by the subject.<br />
<br><br><br />
In terms of mechanic, the algorithm creates feedback loops starting from: <br><br />
_the subject behaviors being converted into information; <br><br />
_the translation of this information into written/visual feedback; <br><br />
_and the effects of this feedbacks on subject’s behavior; and so on. <br><br />
By doing so, it tries to shape the visitors as free data providers inside their own physical environment, and stimulate their engagement by converting each piece of collected information into points/money, feeding a user score among a global ranking.<br />
<br><br><br />
On the screen, displayed events can be:<br />
<br />
_ “subject [] currently located at [ ]” <br><br />
[x points earned/given]<br><br />
_ “subject [] entered the space” <br><br />
[x points earned/given]<br><br />
_ “subject [] left the space”<br> <br />
[x points earned/given]<br><br />
_ “subject [] moving/not moving”<br> <br />
[x points earned/given]<br><br />
_ “subject [] distance to screen: [ ] cm” <br><br />
[x points earned/given]<br><br />
_ “subject [] stayed at [ ] since [ ] seconds” <br><br />
[x points earned/given]<br><br />
_ “subject [] device detected <br><br />
[x points earned/given] (optional)<br><br />
_ “subject logged onto local Wi-Fi<br><br />
[x points earned/given] (optional)<br><br />
<br><br />
Added to that comes the instructions and comments from the devices in reaction to the subject’s behaviors:<br><br />
<br><br />
_ “Congratulations, you have now given the monitor 25 % of all possible data to collect!” <br><br />
[when 25-50-75-90-95-96-97-98-99% of the total array of events has been detected at least once]<br><br />
_ “Are you sure you don’t want to move to the left? The monitor has only collected data from 3 visitors so far in this spot!”<br><br />
[if the subject stands still in a specific location]<br><br />
_ “Congratulations, the monitor has reached 1000 pieces of information from you!”<br><br />
[unlocked at x points earned/given]<br><br />
_ “If you stay there for two more minutes, there is a 99% chance you will be in the top 100 of ALL TIME data-givers!”<br><br />
[if the subject stand still in a specific location]<br><br />
_ “Leaving all ready? The monitor has yet to collect 304759 crucial pieces of information from you!”<br><br />
[if the subject is a the edge of the detection range]<br><br />
_ “You are only 93860 pieces of information away from being the top one data-giver!”<br><br />
[unlocked at x points earned/given]<br><br />
_ “Statistics show that people staying for more than 5 minutes average will benefit me on average 10 times more!”<br><br />
[randomly appears]<br><br />
_ “The longer you stay on this spot, the more chance you have to win a “Lazy data-giver” badge”<br><br />
[if the subject stands still for a long time any location]<br><br />
<br><br />
Responding positively to the monitors instructions unlocks special achievement and extra points<br><br />
<br><br />
—Accidental data-giver badge <br><br />
[unlocked if the subject has passed the facility without deliberately wishing to interact with it] + [x points earned/given]<br><br />
—Lazy data-giver badge <br><br />
[unlocked if the subject has been standing still for at least one minute] + [x points earned/given]<br><br />
—Novice data-giver badge <br><br />
[unlocked if the subject has been successfully completing 5 missions from the monitor] + [x points earned/given]<br><br />
—Hyperactive data-giver badge <br><br />
[unlocked if the subject has never been standing still for 10 seconds within 2 minutes lapse time] + [x points earned/given]<br><br />
—Expert data-giver badge <br><br />
[unlocked if the subject has been successfully completing 10 missions from the monitor within 10 minutes] + [x points earned/given]<br><br />
—Master data-giver badge <br><br />
[unlocked if the subject has been successfully logging on the local Wi-Fi hotspot] + [x points earned/given] (optional)<br><br />
<br><br />
On the top left side of the screen, a user score displays the number of points generated by the collected pieces of information, and the unlocking of special achievements instructed by the monitor.<br><br />
<br><br />
—Given information: 298 pieces <br><br />
[displays number of collected events]<br><br />
—Points: 312000 <br><br />
[conversion of collected events and achievement into points]<br><br />
<br><br />
On the top right of the screen, the user is ranked among x number of previous visitors and the prestigious badge recently earned is displayed bellow<br><br />
<br><br />
—subject global ranking: 3/42 <br><br />
[compares subject’s score to all final scores from previous subjects]<br><br />
—subject status: expert data-giver<br><br />
[display the most valuable reward unlocked by the subject]<br><br />
<br><br />
When leaving the detection range, the subject gets a warning message and a countdown starts, and encouraging it to take the quick decision to come back<br><br />
<br><br />
—“Are you sure you want to leave? You have 5-4-3-2-1-0 seconds to come back within the detection range”<br><br />
[displayed as long as the subject remains completely undetected]<br><br />
<br><br />
If the subject definitely stands out of the detection range for more than 5 seconds, the monitor will also address a thankful message and the amount of money gathered, achievements, ranking, complete list of collected information and a qr code will be printed as a receipt with the help of a thermal printer. The QR will be a link to my thesis.<br><br />
<br><br />
—* “Thank you for helping today, don’t forget to take your receipt in order to collect and resume your achievements”<br><br />
[displayed after 5 seconds being undetected]<br><br />
<br><br />
In order to collect, read or/and use that piece of information, the visitor will inevitably have to come back within the range of detection, and intentionally, or not, reactivate the data tracking game. It is therefore impossible to leave the area of detection without leaving at least one piece of your own information printed in the space. Because of this, the physical space should gradually be invaded by tickets scattered on the floor. As in archaeology, these tickets give a precise trace of the behavior and actions of previous subjects for future subjects. <br><br />
<br />
===Why do you want to make it?===<br />
<br />
When browsing online or/and using connected devices in the physical world, even the most innocent action/information can be invisibly recorded, valued and translated into informational units, subsequently generating profit for monopolistic companies. While social platforms, brands, public institutions and governments explicitly promote the use of monitoring practices in order to better serve or protect us, we could also consider these techniques as implicitly political, playing around some dynamics of visibility and invisibility in order to assert new forms of power over targeted audiences. <br />
<br><br><br />
In the last decade, a strong mistrust of new technologies has formed in the public opinion, fueled by events such as the revelations of Edward Snowden, the Cambridge Analytica scandal or the proliferation of fake news on social networks. We have also seen many artists take up the subject, sometimes with activist purposes. But even if a small number of citizens have begun to consider the social and political issues related to mass surveillance, and some individuals/groups/governments/associations have taken legal actions, surveillance capitalism still remains generally accepted, often because ignored or/and misunderstood.<br />
<br><br><br />
Thanks to the huge profits generated by the data that we freely provide every day, big tech companies have been earning billions of dollars over the sale of our personal information. With that money, they could also further develop deep machine learning programs, powerful recommendation systems, and to broadly expand their range of services in order to track us in all circumstances and secure their monopolistic status. Even if we might consider this realm specific to the online world, we have seen a gradual involvement from the same companies to monitor the physical world and our human existences in a wide array of contexts. For example, with satellite and street photography (Google Earth, Street View), geo localization systems, simulated three-dimensional environments (augmented reality, virtual reality or metaverse) or extensions of our brains and bodies (vocal assistance and wearable devices). Ultimately, this reality has seen the emergence of not only a culture of surveillance but also of self-surveillance, as evidenced by the popularity of self-tracking and data sharing apps, which legitimize and encourage the datafication of the body for capitalistic purposes.<br />
<br><br><br />
For the last 15 years, self-tracking tools have made their way to consumers. I believe that this trend is showing how ambiguous our relationship can be with tools that allow such practices. Through my work, I do not wish to position myself as a whistleblower, a teacher or activist. Indeed, to adopt such positions would be hypocritical, given my daily use of tools and platforms that resort to mass surveillance. Instead, I wish to propose an experience that highlights the contradictions in which you and I, internet users and human beings, can find ourselves. This contradiction is characterized by a paradox between our state of concern about the intrusive surveillance practices operated by the Web giants (and their effects on societies and humans) and a state of entertainment or even active engagement with the tools/platforms through which this surveillance is operated/allowed. By doing so, I want to ask how do these companies still manage to get our consent and what human biases do they exploit in order to do so. That’s is how my graduation work and my thesis will investigate the effect of gamification, gambling or reward systems as well as a the esthetization of data/self-data as means to hook our attention, create always more interactions and orientate our behaviors.<br />
<br />
<br />
===How to you plan to make it and on what timetable?===<br />
<br />
I am developing this project with Arduino Uno/Mega boards, an array of ultrasonic sensor, P5.js and screens.<br><br><br />
<br />
<b>How does it work?</b><br />
<br><br><br />
The ultrasonic sensors can detect obstacles in a physical space and know the distance between the sensor and obstacle(s) by sending and receiving back an ultrasound. The Arduino Uno/Mega boards are microcontrollers which can receive this information, run it in a program in order to convert these values into a mm/cm/m but also map the space into an invisible grid. Ultimately, values collected on the Arduino’s serial monitor can be sent to P5.js through P5.serialcontrol. P5.js will then allow a greater freedom in way the information can be displayed on the screens.<br />
<br><br><br />
Process:<br />
<br><br><br />
<b>1st semester: Building a monitoring device, converting human actions into events, and events into visual feedbacks</b><br />
<br><br><br />
During the first semester, I am focused on exploring monitoring tools that can be used in the physical world, with a specific attention to ultrasonic sensors. Being new to Arduino programming, my way of working is to start from the smallest and most simple prototype and gradually increase its scale/technicality until reaching human/architectural scale. Prototypes are subject to testing, documentation and comments helping to define which direction to follow. The first semester also allows to experiment with different kind of screen (LCD screens, Touch screens, computer screens, TV screens) until finding the most adequate screen monitor(s) for the final installation. Before building the installation, the project is subject to several sketching and animated simulations in 3 dimensions, exploring different scenarios and narrations. At the end of the semester, the goal is to be able to convert a specific range of human actions into events and visual feedback creating a feedback loop from the human behaviors being converted into information; the translation of this information into written/visual feedbacks; and the effects of this feedbacks on human behavior; and so on.<br />
<br><br><br />
<b>2nd semester: Implementing gamification with the help of collaborative filtering, point system and ranking.</b><br />
<br><br><br />
During the second semester, it is all about building and implementing a narration with the help of gaming mechanics that will encourage humans to feed the data gathering device with their own help. An overview of how it works is presented here in the project proposal and will be subject to further developments in the practice. <br />
<br><br><br />
To summarize the storyline, the subject being positioned in the detection zone finds herself/himself unwillingly embodied as the main actor of a data collection game. Her/His mere presence generates a number of points/dollars displayed on a screen, growing as she/he stays within the area. The goal is simple: to get a higher score/rank and unlock achievements by acting as recommended by a data-collector. This can be done by setting clear goals/rewards to the subject, and putting its own performance in comparison to all the previous visitors, giving unexpected messages/rewards, and give an aesthetic value to the displayed informations. <br />
<br><br><br />
The mechanism is based on a sample of physical events that have been already explored in the first semester of prototyping (detection of movements, positions, lapse of time spent standing still or moving, and entry or exit from a specific area of detection). Every single detected event in this installation is stored in a data bank, and with the help of collaborative filtering, will allow to the display of custom recommendations such as:<br />
<br><br><br />
_ “Congratulations, you have now given the monitor 12 % of all possible data to collect”<br><br />
_ “Are you sure you don’t want to move to the left? The monitor has only collected data from 3 visitors so far in this spot”<br><br />
_ “Congratulations, the monitor has reached 1000 pieces of information from you!”<br><br />
_ “If you stay there for two more minutes, there is a 99% chance you will be in the top 100 of ALL TIME data-givers”<br><br />
_ “Leaving all-ready? The monitor has yet 304759 crucial pieces of information to collect from you”<br><br />
_ “You are only 93860 actions away from being the top one data-giver”<br><br />
_ “Statistics are showing that people staying for more than 5 minutes average will be 10 times more benefitting for me”<br><br />
_ “The longer you stay on this spot, the more chance you have to win a “Lazy data-giver” badge”<br><br />
<br><br><br />
The guideline is set out here, but will be constantly updated with the help of experiments and the results observed during the various moments of interaction between the students and the algorithm. For this purpose, the installation under construction will be left active and autonomous in its place of conception (studio) and will allow anyone who deliberately wishes to interact with it to do so. Beyond the voluntary interactions, my interest is also to see what can be extracted from people simply passing in front of this installation. In addition to this, some of the mechanics of the installation will be further explored by collaborating with other students, and setting up more ephemeral and organized experiences with the participants. (ex: 15 February 2022 with Louisa)<br />
<br><br><br />
This semester will also include the creation of a definite set of illustrations participating to engage the participants of the installation in a more emotional way, the illustrations will be made by an illustrator/designer, with whom I usually collaborate. <br />
<br><br><br />
<b>3rd semester: Build the final installation of final assessment and graduation show. Test runs, debug and final touchs.</b><br />
<br><br><br />
During the third semester, the installation should be settled in the school, in the alumni area, next to XPUB studio for the final assessment, and ultimately settled again at WORM for the graduation show. I am interested in putting this installation into privileged spaces of human circulation, (such as hallways) that would more easily involve the detection of people, and highlight the intrusive aspect of such technologies. The narration, the mechanics, illustrations and graphic aspect should be finalized at the beginning of the 3rd semester, and subject to intense test runs during all that period until meeting the deadline.<br />
<br />
===Relation to larger context===<br />
<br />
As GAFAM companies are facing more and more legal issues, and held accountable in growing numbers of social and political issues around the world, the pandemic context has greatly contributed to make all of us more dependent than ever on the online services provided by these companies and to somehow force our consent. While two decades of counter-terrorism measures legitimized domestic and public surveillance techniques such as online and video monitoring, the current public health crisis made even more necessary the use of new technologies for regulating the access to public spaces and services, but also for socializing, working together, accessing to culture, etc. In a lot of countries, from a day to another, and for an undetermined time, it has become necessary to carry a smartphone (or a printed QR code) in order to get access transport, entertainment, cultural and catering services, but also in order to do simple things such as to have a look at the menu in a bar/restaurant or to make an order.. Thus, this project takes place in a context where techno-surveillance has definitely taken a determining place in the way we can access spaces and services related to the physical world. <br><br><br />
<br />
Data Marketisation / Self Data: Quantified Self / Attention Economy / Public Health Surveillance / Cybernetics <br />
<br />
<br />
===Relation to previous practice?===<br />
<br />
During my previous studies in graphic design, I started being engaged with the new media by making a small online reissue of Raymond Queneau’s book called Exercices de Style. In this issue called Incidences Médiatiques (2017), the user/reader was encouraged to explore the 99 different versions of a same story written by the author in a less-linear way. The idea was to consider each user graphic user interface as a unique reading context. It would determine which story could be read, depending on the device used by the reader, and the user could navigate through these stories by resizing the Web window, by changing browser or by using on a different device. <br />
<br><br><br />
As part of my graduation project called Media Spaces (2019), I wanted to reflect on the status of networked writing and reading, by programming my thesis in the form of Web to Print website. Subsequently, this website became translated in the physical space as a printed book, and a series of installations displayed in an exhibition space that was following the online structure of my thesis (home page, index, part 1-2-3-4). In that way, I was interested to inviting to visitors to make a physical experience some aspects of the Web<br />
<br><br><br />
As a first-year student of Experimental Publishing, I continued to work in that direction by eventually creating a meta-website called Tense (2020) willing to display the invisible html <meta> tags inside of an essay in order to affect our interpretation of the text. In 2021, I worked on a geocaching pinball game highlighting invisible Web event, and a Web oscillator, which amplitude and frequency range were directly related to the user’s cursor position and browser screen-size.<br />
<br><br><br />
While it has always been clear to me that these works were motivated by the desire to define media as context, subject or/and content, the projects presented here have often made use of surveillance tools to detect and translate user information into feedbacks, participating in the construction of an individualized narrative or/and a unique viewing/listening context (interaction, screen size, browser, mouse position). The current work aims to take a critical look at the effect of these practices in the context of techno surveillance.<br />
<br><br><br />
Similarly, projects such as Media Spaces have sought to explore the growing confusion between human and web user, physical and virtual space or online and offline spaces. This project will demonstrate that these growing confusions will eventually lead us to be tracked in all circumstances, even in our most innocuous daily human activities/actions.<br />
<br />
<br />
===Selected References===<br />
<br />
<b>Works:</b><br />
<br />
* M. DARKE, fairlyintelligent.tech (2021) https://fairlyintelligent.tech/<br />
« invites us to take on the role of an auditor, tasked with addressing the biases in a speculative AI »Alternatives to techno-surveillance<br />
<br><br />
* MANUEL BELTRAN, Data Production Labor (2018) https://v2.nl/archive/works/data-production-labour/<br />
Expose humans as producers of useful intellectual labor that is benefiting to the tech giants and the use than can be made out of that labor.<br />
<br><br />
* TEGA BRAIN and SURYA MATTU, Unfit-bits (2016) http://tegabrain.com/Unfit-Bits<br />
Claims that that technological devices can be manipulated easily and hence, that they are fallible and subjective. They do this by simply placing a self-tracker (connected bracelet) in another context, such as on some other objects, in order to confuse these devices.<br />
<br><br />
* JACOB APPELBAUM, Autonomy Cube (2014), https://www.e-flux.com/announcements/2916/trevor-paglen-and-jacob-appelbaumautonomy-cube/<br />
Allows galleries to enjoy encrypted internet access and communications, through a Tor Network<br />
<br> <br />
* STUDIO MONIKER, Clickclickclick.click (2016) https://clickclickclick.click/<br />
You are rewarded for exploring all the interactive possibilities of your mouse, revealing how our online behaviors can be monitored and interpretated by machines.<br />
<br><br />
* RAFAEL LOZANO-HEMMER, Third Person (2006) https://www.lozano-hemmer.com/third_person.php<br />
Portrait of the viewer is drawn in real time by active words, which appear automatically to fill his or her silhouette https://www.lozano-hemmer.com/third_person.php<br />
<br><br />
* JONAL LUND, What you see is what you get (2012) http://whatyouseeiswhatyouget.net/<br />
«Every visitor to the website’s browser size, collected, and played back sequentially, ending with your own.»<br />
<br><br />
* USMAN HAQUE, Mischievous Museum (1997) https://haque.co.uk/work/mischievous-museum/<br />
Readings of the building and its contents are therefore always unique -- no two visitors share the same experience. https://haque.co.uk/work/mischievous-museum/<br />
<br><br><br />
<b>Books & Articles:</b><br />
<br />
* SHOSHANA ZUBOFF, The Age of Surveillance Capitalism (2020) <br />
Warns against this shift towards a «surveillance capitalism». Her thesis argues that, by appropriating our personal data, the digital giants are manipulating us and modifying our behavior, attacking our free will and threatening our freedoms and personal sovereignty.<br />
<br><br />
* EVGENY MOROZOV, Capitalism’s New Clothes (2019)<br />
Extensive analysis and critic of Shoshana Zuboff research and publications.<br />
<br><br />
* BYRON REEVES AND CLIFFORD NASS, The Media Equation, How People Treat Computers, Television, and New Media Like Real People and Places (1996)<br />
Precursor study of the relation between humans and machine, and how do you human relate to them.<br />
<br><br />
* OMAR KHOLEIF, Goodbye, World! — Looking at Art in the digital Age (2018) <br />
Authors shares it’s own data as a journal in a part of the book, while on another part, question how the Internet has changed the way we perceive and relate, and interact with/to images.<br />
<br><br />
* KATRIN FRITSCH, Towards an emancipatory understanding of widespread datafication (2018)<br />
Suggests that in response to our society of surveillance, artists can suggest activist response that doesn’t necessarily involve technological literacy, but instead can promote strong counter metaphors or/and counter use of these intrusive technologies.<br />
<br />
=<p style="font-family:helvetica">Prototyping</p>=<br />
<br />
<br />
==<p style="font-family:helvetica">Arduino</p>==<br />
<br />
Early sketch that is about comparing and questioning our Spectator experience of a physical exhibition space (where everything is often fixed and institutionalized), with our User experience of a Web space (where everything is way more elastic, unpredictable and obsolete). I’m interested about how slighly different can be rendered a same Web page to all different users depending on technological contexts (device nature, browser, IP address, screen size, zoom level, default settings, updates, luminosity, add-ons, restrictions, etc). I would like to try to create a physical exhibition space/installation that would be inspired from the technology of a Web user window interface in order then to play with exhbitions parameters such as the distance between the spectator and the artwork, the circulation in space, the luminosity/lighting of the artwork(s), the sound/acoustics, etc etc etc.<br />
<br><br><br />
Distance between wall behind the spectator and the artwork has to be translated into a variable that can affect sound or light in the room.<br />
Wall position could be connected to the dimensions of a user interface in real time with arduino and a motor.<br />
<br><br />
<br />
===<p style="font-family:helvetica">Create a connected telemeter with an Arduino, a ultrasonic Sensor (HC-SR04) and a ESP8266 module connected to Internet </p>===<br />
<br />
It seems possible to create your own telemeter with a arduino by implementing an [https://components101.com/sensors/ultrasonic-sensor-working-pinout-datasheet ultrasonic Sensor HC-SR04]<br><br />
By doing so, the values capted by the sensor could potentaialy be directly translated as a variable.<br> Then with the ESP8266 module, the values could be translated on a database on the internet.<br />
Then I could enter that website and see the values from anywhere and use them to control light, sound or anything else I wish.<br />
<br />
* https://pzwiki.wdka.nl/mediadesign/Arduino101#Anatomy_of_a_sketch<br />
<br />
===<p style="font-family:helvetica">Tool/Material list: </p>=== <br />
<br />
* Telemeter (user to get the distance between the device and an obstacle)<br><br />
* Rails<br />
* Handles<br />
* Wheels<br />
* Movable light wall <br />
* Fixed walls<br />
* USB Cable<br />
* Connexion cables<br />
* [https://www.arduino.cc/ Arduino]<br />
* ESP8266<br />
<br />
[[File:Connexioncable.jpg|200px|thumb|left|Connexion cables (Arduino)]]<br />
[[File:Usb cable1.jpg|200px|thumb|center|USB Cable]]<br />
[[File:Arduino1.png|200px|thumb|left|Arduino]]<br />
[[File:HC-SR04 Ultrasonic Sensor.jpg|200px|thumb|center|HC-SR04 Ultrasonic Sensor]]<br />
[[File:Plywood.jpg|200px|thumb|left|Plywood x 3]]<br />
[[File:Handle.jpg|200px|thumb|center|Handle]]<br />
[[File:ESP8266.jpg|200px|thumb|left|ESP8266]]<br />
[[File:Rail.jpg|200px|thumb|center|Rail]]<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica"> About the ultrasonic Sensor (HC-SR04)</p> ===<br />
<br />
====<p style="font-family:helvetica">Characteristics</p> ====<br />
<br />
Here are a few of it's technical characteristic of the HC-SR04 ultrasonic sensor : <br><br />
<br />
* Power supply: 5v.<br />
* Consumption in use: 15 mA.<br />
* Distance range: 2 cm to 5 m.<br />
* Resolution or accuracy: 3 mm.<br />
* Measuring angle: < 15°.<br />
<br />
[https://elec13.wordpress.com/2016/10/15/realisez-un-telemetre-avec-le-hc-sr04-et-une-carte-arduino/ Ref]<br />
More infos about the sensor [https://www.robot-maker.com/shop/img/cms/datasheet-capteur-ultrasons-hc-sr04.pdf here] and [https://www.aranacorp.com/fr/mesure-de-distance-avec-un-capteur-hc-sr04/ here]<br />
<br />
====<p style="font-family:helvetica"> Where to buy the ultrasonic Sensor (HC-SR04)</p> ====<br />
<br />
* 1piece = 9,57 € - https://fr.shopping.rakuten.com/offer/buy/7112482554/module-de-mesure-a-ultrasons-hc-sr04-capteur-de-mesure-de-distance-5v-pour.html?t=7036&bbaid=8830210388<br />
* 20 pieces = 34,22 € - https://fr.shopping.rakuten.com/offer/buy/7112482554/module-de-mesure-a-ultrasons-hc-sr04-capteur-de-mesure-de-distance-5v-pour.html?t=7036&bbaid=8830210388<br />
<br />
=== Prototype 1 : Arduino + Resistor ===<br />
<br />
During a workshop, we started with a very basic fake arduino kit, a led, a motor, and a sensor.<br />
After making a few connections, we got to understand a bit how it works.<br />
<br />
<br />
<br />
#include <Servo.h><br />
Servo myservo; // create servo object to control a servo<br />
int pos = 0; // variable to store the servo position<br />
int ldr = 0; // vairable to store light intensity<br />
<br />
void setup() {<br />
Serial.begin(9600); // begin serial communication, NOTE:set the same baudrate in the serial monitor/plotter<br />
myservo.attach(D7); // attaches the servo on pin 9 to the servo object<br />
}<br />
<br />
void loop() {<br />
//lets put the LDR value in a variable we can reuse<br />
ldr = analogRead(A0);<br />
<br />
//the value of the LDR is between 400-900 at the moment <br />
//the servo can only go from 0-180<br />
//so we need to translate 400-900 to 0-180<br />
//also the LDR value might change depending on the light of day<br />
//so we need to 'contrain' the value to a certain range<br />
ldr = constrain(ldr, 400, 900); <br />
<br />
//now we can translate<br />
ldr = map(ldr, 400, 900, 0, 180);<br />
<br />
//lets print the LDR value to serial monitor to see if we did a good job<br />
Serial.println(ldr); // read voltage on analog pin 0, print the value to serial monitor<br />
<br />
//now we can move the sensor accoring to the light/our hand!<br />
myservo.write(ldr); // tell servo to go to position in variable 'pos'<br />
delay(15); <br />
}<br />
<br />
<br />
[[File:Servo-breadboard.jpg|300px|thumb|left|How to make a engine work<br>credits: Dennis de Bel]]<br />
[[File:Ldrbreadboard.jpg|300px|thumb|center|How to make a sensor work<br>Credits: Dennis de Bel]]<br />
[[File:Combined-breadboard2.jpg|300px|thumb|left|How to make both sensor and engine works together<br>Credits: Dennis de Bel]]<br />
[[File:Sensortest.gif|300px|thumb|center|Sensortest during workshop]]<br />
<br />
=== Split Screen Arduino + Sensor + Serial Plotter + Responsive Space ===<br />
<br />
Trying here to show the simutaneous responses between the sensor, the values, and the simualtion. <br />
<br />
[[File:Splitscreen.gif|800px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 2: Arduino + Ultrasonic sensor</p> ===<br />
<br />
For this very simple first sketch and for later, I will include newPing library that improves a lot the ultrasonic sensor capacities.<br />
<br />
[[File:ArduinoUno Sensor Sketch1.jpg|400px|thumb|left|Sketch 1: Arduino Uno + Sensor]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
#include <NewPing.h> <br />
int echoPin = 10;<br />
int trigPin = 9;<br />
<br />
NewPing MySensor(trigPin, echoPin); //This defines a new variable<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop() {<br />
// put your main code here, to run repeatedly:<br />
int duration = MySensor.ping_median(); <br />
int distance = MySensor.convert_in(duration);<br />
<br />
Serial.print(distance);<br />
Serial.println("cm");<br />
delay(250);<br />
}<br />
<br />
===<p style="font-family:helvetica">Prototype 3: Arduino Uno + Sensor + LCD (+ LED)</p> ===<br />
<br />
All together from https://www.youtube.com/watch?v=GOwB57UilhQ<br />
<br />
[[File:Sketch2ArduinoUnoSensorLCD.jpg|400px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD]]<br />
[[File:Sketch3ArduinoUnoSensorLCDLED.jpg|400px|thumb|right|Sketch 3: Arduino Uno + Sensor + LCD + LED]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
#include <LiquidCrystal.h><br />
<br />
LiquidCrystal lcd(10,9,5,4,3,2);<br />
<br />
const int trigPin = 11;<br />
const int echoPin = 12;<br />
<br />
long duration;<br />
int distance;<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
analogWrite(6,100);<br />
lcd.begin(16,2);<br />
pinMode(trigPin, OUTPUT); // Sets the trigPin as an Output<br />
pinMode(echoPin, INPUT); // Sets the echoPin as an Input<br />
Serial.begin(9600); // Starts the serial communication<br />
<br />
<br />
}<br />
<br />
void loop() {<br />
long duration, distance;<br />
digitalWrite(trigPin,HIGH);<br />
delayMicroseconds(1000);<br />
digitalWrite(trigPin, LOW);<br />
duration=pulseIn(echoPin, HIGH);<br />
distance =(duration/2)/29.1;<br />
Serial.print(distance);<br />
Serial.println("CM");<br />
delay(10);<br />
// Prints the distance on the Serial Monitor<br />
Serial.print("Distance: ");<br />
Serial.println(distance);<br />
<br />
lcd.clear();<br />
lcd.setCursor(0,0);<br />
lcd.print("Distance = ");<br />
lcd.setCursor(11,0);<br />
lcd.print(distance);<br />
lcd.setCursor(14,0);<br />
lcd.print("CM");<br />
<br />
delay(500);<br />
<br />
}<br />
<br />
From this sketch, I start considering that the distance value could be directly sent to a computer and render a Web page depending on its value.<br />
<br>Note: It looks like this sensor max range is 119cm, which is almost 4 times less than the 4 meters max range stated in component description.<br />
<br />
===<p style="font-family:helvetica">Prototype 4: Arduino Uno + Sensor + LCD + 2 LED = Physical vs Digital Range detector </p> ===<br />
<br />
Using in-between values to activate the green LED<br><br />
Once again, puting together the simulation and the device in use.<br />
<br />
[[File:SensorSpace.gif|400px|thumb|left|Sensor Test VS Elastic Space]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
#include <LiquidCrystal.h><br />
#include <LcdBarGraph.h> <br />
#include <NewPing.h> <br />
<br />
LiquidCrystal lcd(10,9,5,4,3,2);<br />
<br />
const int LED1 = 13; <br />
const int LED2 = 8; <br />
const int trigPin = 11;<br />
const int echoPin = 12;<br />
<br />
long duration; //travel time<br />
int distance;<br />
int screensize;<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
analogWrite(6,100);<br />
lcd.begin(16,2);<br />
pinMode(trigPin, OUTPUT); // Sets the trigPin as an Output<br />
pinMode(echoPin, INPUT); // Sets the echoPin as an Input<br />
Serial.begin(9600); // Starts the serial communication<br />
<br />
pinMode(LED1, OUTPUT);<br />
pinMode(LED2, OUTPUT);<br />
}<br />
<br />
void loop() {<br />
long duration, distance;<br />
digitalWrite(trigPin,HIGH);<br />
delayMicroseconds(1000);<br />
digitalWrite(trigPin, LOW);<br />
duration=pulseIn(echoPin, HIGH);<br />
distance =(duration/2)/29.1; //convert to centimers<br />
screensize = distance*85;<br />
Serial.print(distance);<br />
Serial.println("CM");<br />
Serial.print(screensize);<br />
delay(10);<br />
<br />
if ((distance >= 15) && (distance<=20))<br />
{<br />
digitalWrite(LED2, HIGH);<br />
digitalWrite(LED1, LOW);<br />
}<br />
else<br />
{<br />
digitalWrite(LED1, HIGH);<br />
digitalWrite(LED2, LOW); <br />
}<br />
<br />
// Prints the distance on the Serial Monitor<br />
Serial.print("Distance: ");<br />
Serial.println(distance);<br />
<br />
lcd.clear();<br />
lcd.setCursor(0,0);<br />
lcd.print("ROOM");<br />
lcd.setCursor(6,0);<br />
lcd.print(distance);<br />
lcd.setCursor(9,0);<br />
lcd.print("cm"); <br />
lcd.setCursor(0,2);<br />
lcd.print("SCR");<br />
lcd.setCursor(6,2);<br />
lcd.print(screensize);<br />
lcd.setCursor(9,2);<br />
lcd.print("x1080px");<br />
<br />
delay(500);<br />
<br />
}<br />
<br />
<br />
I brought a second arduino, 2 long breadboards, black cables, another LCD screen, and remade the setup on this format.<br />
For some reasons the new LCD screen is not going in the breadboard, and I need more male to female cables in order to connect it correctly.<br />
With this longer breadboard, I want to extend the range value system, and make it visible with leds and sounds.<br />
<br />
[[File:Arduino Setup V3.jpg|400px|thumb|left|Upgrade]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">How to get more digital pins [not working]</p> ===<br />
<br />
* How to use analog pins as digital pins https://www.youtube.com/watch?v=_AAbGLBWk5s<br />
* Up to 60 more pins with Arduino Mega https://www.tinytronics.nl/shop/en/development-boards/microcontroller-boards/arduino-compatible/mega-2560-r3-with-usb-cable<br />
<br />
I tried 4 different tutorials but still didn't find a way to make the thing work, that's very weird, so I will just give up and take a arduino mega =*(<br />
<br />
[[File:ArduinoExtraDigitalPins.jpg|300px|thumb|left|ArduinoExtraDigitalPins]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 5: Arduino Uno + 3 Sensor + 3 LEDS </p> ===<br />
<br />
With a larger breadboard, connecting 3 sensors all together. Next step will be to define different ranges of inbetween values for each sensor in order to make a grid.<br />
To accomplish this grid I will make a second row of sensors such as this, in order to get x and y values in space<br />
<br />
===<p style="font-family:helvetica">Prototype 6: Arduino Uno + 3 Sensor + 12 LEDS</p> ===<br />
<br />
With 3 sensors, added on 2 long breadboads, and with a different set of range values, we can start mapping a space.<br />
<br />
[[File:SensorMediaQueries 01.gif|300px|thumb|left|SensorMediaQueries]]<br />
[[File:Physical Space Mapping.png|500px|thumb|center|Physical Space Mapping]]<br />
<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 7: Arduino Uno + 12 LEDS + 3 Sensor + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
For this prototype, I implement a buzzer that will emit a specific sound depending on the distance of the obstacle detected by the sensor.<br />
I also puted back a LCD displaying the 3 sensors values. The screen luminosity can be changed via a potentiometer.<br />
<br><br />
Ressources:<br />
* https://samsneatprojectblogcode.blogspot.com/2016/06/piezo-buzzer-code-and-fritzing.html<br />
* https://www.youtube.com/watch?v=m7bbfzZ2UNo<br />
* https://www.youtube.com/watch?v=K8AnlUT0ng0<br />
<br />
[[File:ArduinoMegaSensorBuzzerLCD.jpg|300px|thumb|left|ArduinoMegaSensorBuzzerLCD]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 8: Arduino Uno + 12 LEDS + 3 Sensor on mini breadboards + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
Same code, but new setup detaching each sensor from each others and allowing to place them anywhere.<br />
<br />
[[File:ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|300px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
===<p style="font-family:helvetica">Prototype 9: Arduino Uno + 21 LEDS + 7 Sensor + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
[[File:Sensor Wall 01.png|300px|thumb|left|Sensor Wall 01]]<br />
[[File:PhysicalMapping3.png|500px|thumb|right|PhysicalMapping2]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 10: Arduino Mega + 7 Sensors + LCD + 3 buzzers + P5.js </p> ===<br />
<br />
[[File:P5.js sensor.gif|300px|thumb|left|P5.js and ultrasonic sensor]]<br />
<br />
The goal here was to create a first communication between the physical setup and a P5.js web page<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 11: Arduino Mega + UltraSonicSensor + LCD TouchScreen </p> ===<br />
<br />
[[File:LCDArduinoVariableposter.gif|300px|thumb|left|LCD Arduino Variable poster]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Semester 2</p> ==<br />
<br />
[[File:Simu part 02.gif|left|1000px]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 12: Arduino Uno + P5serialcontrol + P5.js web editor = Code descrypter </p> ===<br />
<br />
[[File:Codeword 01.png|300px|thumb|left|P]]<br />
[[File:Codeword 02.png|300px|thumb|center|I]]<br />
[[File:Codeword 03.png|300px|thumb|left|G]]<br />
[[File:Codeword 04.png|300px|thumb|center|E]]<br />
[[File:Codeword 05.png|300px|thumb|left|O]]<br />
[[File:Codeword 06.png|300px|thumb|center|N]]<br />
<br />
<br><br><br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 13: Arduino Uno + P5serialcontrol + P5.js web editor = Game </p> ===<br />
<br />
[[File:01 Screen .png|300px|thumb|left|Stage 0<br>The subject is located too far away]]<br />
[[File:02 Screen.png|300px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage]]<br />
[[File:03 Screen.png|300px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage ]]<br />
[[File:04 Screen.png|300px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close]]<br />
[[File:06 Screen.png|300px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer]]<br />
[[File:07 Screen.png|300px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps]]<br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 14: Arduino Uno + P5serialcontrol + P5.js web editor = Simplified interface</p> ===<br />
<br />
[[File:Data Collector Sample 01.gif|400px|thumb|left]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br />
<br><br><br />
<br />
====<p style="font-family:helvetica">How to add split serial data value with more than one sensor</p>====<br />
<br />
* Use Split: function https://p5js.org/reference/#/p5/split<br />
* Pad example: https://hub.xpub.nl/soupboat/pad/p/Martin<br />
<br />
<br />
[[File:Debug Martin 01.png|500px|thumb|left]]<br />
[[File:Debug Martin 05.png|500px|thumb|center]]<br />
[[File:Debug Martin 02.png|500px|thumb|left]]<br />
[[File:Debug Martin 03.png|500px|thumb|center]]<br />
[[File:Debug Martin 04.png|500px|thumb|left]]<br />
[[File:Debug Martin 06.png|500px|thumb|center]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
<br />
===<p style="font-family:helvetica">Installation update</p>===<br />
<br />
[[File:Installation Update 01.jpg|300px|thumb|left]]<br />
[[File:Installation Update 02.jpg|300px|thumb|center]]<br />
<br />
<br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">To do</p> ===<br />
<br />
* Manage to store the data with WEB STORAGE API<br />
** https://www.w3schools.com/JS/js_api_web_storage.asp<br />
* Import Live data or Copy data from <br />
** https://www.worldometers.info/<br />
* Import Live data from stock market <br />
** https://money.cnn.com/data/hotstocks/index.html<br />
** https://www.tradingview.com/chart/?symbol=NASDAQ%3ALIVE <br />
** https://www.google.com/finance/portfolio/972cea17-388c-4846-95da-4da948830b03<br />
* Make a Bar graph<br />
** https://openprocessing.org/sketch/1152792<br />
<br />
===<p style="font-family:helvetica">Stages Design</p> ===<br />
<br />
Many stages (mini-levels) are being designed. They are all intended to evoke the different contexts and pretexts for which we perform daily micro-tasks to collect data.<br />
<br><br />
The visitor can unlock the next step by successfully completing one or more tasks in a row. After a while, even if the action is not successful, a new step will appear with a different interface and instructions. <br />
<br />
The list below details the different stages being produced, they will follow each others randomly during the session:<br />
<br />
** Money/Slot Machine<br />
** Well-Being<br />
** Healthcare<br />
** Yoga<br />
** Self-Management<br />
** Stock Market Exchange<br />
** Military interface<br />
<br />
The visuals bellow illustrate their design.<br />
<br />
[[File:Captcha 01.png|thumb|left|Captcha:<br>one action needed<br />
moving forward, backward or standing <br />
stillnext stage unlock after action done <br />
and short animation]]<br />
[[File:Self Track 01.png|thumb|center|Self Tracking:<br>no interaction needed<br />
visitor must stand still until <br />
one of the goal is completed]]<br />
[[File:Self Track 02.png|thumb|left|Self Tracking:<br>no interaction needed<br />
visitor must stand still until <br />
one of the goal is completed]]<br />
[[File:Slot Machine 01.png|thumb|center|Slot Machine:<br>no interactions needed<br />
transition between 2 stages<br />
determines randomly the next stage<br />
displayed when nobody detected]]<br />
[[File:Social Live 01.png|thumb|left|Social Live:<br>no interaction needed<br />
visitor must stand still until <br />
money goal is completed]]<br />
[[File:Stock Ticket 01.png|thumb|center|Stock Ticket:<br>no interactions needed<br />
displayed when nobody detected]]<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Stages Design with P5.js</p> ===<br />
[[File:AllStages HomoData.png|400px|thumb|left]]<br />
[[File:Homo Data 02.gif|400px|thumb|left|6 levels in a row then randomnized, more to come]]<br />
[[File:Consolelog 01.gif|400px|thumb|center]]<br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Grad Show: Worm</p> ===<br />
<br />
[[File:COM 01.jpg|400px|thumb|left|Count on Me - Worm - 01]]<br />
[[File:COM 02.jpg|400px|thumb|right|Count on Me - Worm - 02]]<br />
[[File:COM 03.jpg|400px|thumb|left|Count on Me - Worm - 03]]<br />
[[File:COM 04.jpg|400px|thumb|right|Count on Me - Worm - 04]]<br />
[[File:COM 05.jpg|400px|thumb|left|Count on Me - Worm - 05]]<br />
[[File:COM 06.jpg|400px|thumb|right|Count on Me - Worm - 06]]<br />
<br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica"> Prototyping Ressources</p> ==<br />
<br />
===Do it Yourself Ressources (from Dennis de Bel)===<br />
<br />
* [https://www.instructables.com/DIY-Sensors/ Instructables] is a huge source of (written) tutorials on all kinds of topics. Keep in mind it's more quantity than quality. Interesting for you might be 'diy sensors'<br />
* [http://loliel.narod.ru/DIY.pdf Hand Made Electronic (Music)]: Great resource for cheap, diy electronics project focussing on<br />
sound/music (pdf findable online)<br />
* [https://www.n5dux.com/ham/files/pdf/Make%20-%20Electronics.pdf Make: Electronics:] Amazing, complete guide to everything 'electronics' (Warning, HUGE pdf)<br />
* [https://www.thingiverse.com/ Thingiverse:] The place to find 3d printable mechanics, enclosures, parts etc.<br />
<br />
===Electronic Shops (physical)===<br />
<br />
* [https://www.radiotwenthe.nl/ Radio Twenthe] (Den Haag)<br />
* [https://radiopiet.nl/ Radio Piet] (Arnhem)<br />
LIST OF SHOPS (also more physical NL ones)<br />
* https://www.circuitsonline.net/shops<br />
<br />
===Electronic Webshops (NL)===<br />
<br />
* https://www.tinytronics.nl/ (semi physical, pickup only in Eindhoven)<br />
* http://www.newtone-online.nl/catalog/<br />
* https://www.brigatti.nl/<br />
<br />
===Electronic Webshops (Rest)===<br />
<br />
* [https://www.conrad.nl/ Conrad] (Germany, expensive)<br />
* [https://www.tme.eu/en/ TME] (Poland, cheap, ridiculously difficult website)<br />
* [https://www.segor.de/#/index Segor] (Germany)<br />
* [http://mouser.de/ Mouser] (Germany)<br />
* [https://www.reichelt.de/ Reichelt] (Germany)<br />
* [https://www.farnell.com/ Farnell] (Germany/UK)<br />
* [https://www.digikey.com/ Digi-key] (USA, fast but expensive shipping + tax)<br />
* [https://www.taydaelectronics.com/ Tayda] (Thailand/USA, 2-3 weeks shipping)<br />
* [https://nl.aliexpress.com/ A liexpress] (China, 2-3 weeks shipping)<br />
<br />
===PCB making EU (Expensive)===<br />
<br />
* [https://www.eurocircuits.com/ Eurocircuits] (Germany)<br />
* [https://aisler.net/ Aisler] (Germany, 1 week from design upload to in your hands, very high quality)<br />
* [https://www.leiton.de/ Leiton] (Germany)<br />
<br />
===PCB making China (Cheap but import tax)===<br />
<br />
* [https://jlcpcb.com/ JLCPCB] (1 week from design upload to in your hands, low quality solder mask)<br />
* [https://www.pcbway.com/ PCBWAY] (1 week from design upload to in your hands)<br />
* [https://www.allpcb.com/ ALLPCB] (1 week from design upload to in your hands)<br />
<br />
===Arduino and Sensors===<br />
<br />
* https://www.floris.cc/shop/en/19-starter-kits<br />
* https://www.tinytronics.nl/shop/nl/arduino/kits/arduino-starter-kit<br />
* https://www.conrad.nl/p/makerfactory-beginnersset-voor-arduino-1612782<br />
<br />
===Sensor only Kit===<br />
<br />
* [https://nl.aliexpress.com/item/4000238240904.html?spm=a2g0o.search0304.0.0.7bca74dbu2i6KH&algo_pvid=59637d40-1368-41ba-bc30-63b1517303e9&aem_p4p_detail=2021092303503115630656510062050000317987&algo_exp_id=59637d40-1368-41ba-bc30-63b1517303e9-0 45-in-1] (aliexpress) Example sensor you will find in such a kit documented here<br />
<br />
===Arduino Starter Projects===<br />
<br />
* https://www.makerspaces.com/simple-arduino-projects-beginners/<br />
or slightly more complex:<br />
* http://www.makeuseof.com/tag/10-great-arduino-projects-for-beginners/<br />
or in videos:<br />
*[https://www.youtube.com/playlist?list=PLT6rF_I5kknPf2qlVFlvH47qHvqvzkkn%20d youtube playlist]<br />
or just many different ideas:<br />
*http://playground.arduino.cc/Projects/Ideas<br />
or - of course - on Instructables if you want to have a complete course:<br />
*https://www.instructables.com/class/Arduino-Class/<br />
or this course:<br />
*https://arduino.tkkrlab.space/<br />
ARDUINO + PROCESSING (visualizing sensors)<br />
*https://create.arduino.cc/projecthub/projects/tags/processing<br />
MISCELANIOUS KEYWORDS and LINKS<br />
*citizen science, for example: https://www.meetjestad.net/<br />
*https://forensic-architecture.org/<br />
<br />
====<p style="font-family:helvetica"> About the ESP8266 module</p> ====<br />
<br />
The ESP8266 is a microcontroller IC with Wi-Fi connection, it will allow us to connect the arduino to the internet so we can get the values obtained from sensors received directly on a self-hosted webpage. From this same web page, it would also be possible to control LESs, motors, LCD screens, etc.<br />
<br />
====<p style="font-family:helvetica"> Ressources about ESP8266 module</p> ====<br />
<br />
Kindly fowarded by Lousia:<br><br />
<br />
* https://www.youtube.com/watch?v=6hpIjx8d15s <br />
* https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/<br />
* https://www.youtube.com/watch?v=dWM4p_KaTHY<br />
* https://randomnerdtutorials.com/esp8266-web-server/<br />
* https://www.youtube.com/watch?v=6hpIjx8d15s<br />
* https://electronoobs.com/eng_arduino_tut101.php<br />
* http://surveillancearcade.000webhostapp.com/index.php (interface)<br />
<br />
====<p style="font-family:helvetica">Which ESP8266 to buy</p> ====<br />
<br />
* https://makeradvisor.com/tools/esp8266-esp-12e-nodemcu-wi-fi-development-board/<br />
* https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/<br />
* https://www.amazon.nl/-/en/dp/B06Y1ZPNMS/ref=sr_1_5?crid=3U8B6L2J834X0&dchild=1&keywords=SP8266%2BNodeMCU%2BCP2102%2BESP&qid=1635089256&refresh=1&sprefix=sp8266%2Bnodemcu%2Bcp2102%2Besp%2Caps%2C115&sr=8-5&th=1<br />
<br />
==<p style="font-family:helvetica">Installation</p>==<br />
<br />
===<p style="font-family:helvetica">Ressources</p> ===<br />
<br />
* Movable walls build out for Art Museum of West Virginia University [https://www.youtube.com/watch?v=E3SrGzAsRBE link]<br />
* Gallery Wall System (GWS) [https://www.youtube.com/watch?v=uJ-yFkJ9ykA link]<br />
* CASE-REAL installs movable walls inside a basement art gallery in tokyo [https://www.youtube.com/watch?v=kHTgAeN4XDg link]<br />
<br />
=<p style="font-family:helvetica">Venues</p> =<br />
<br />
==<p style="font-family:helvetica">Venue 1: Aquarium </p>==<br />
<br />
===<p style="font-family:helvetica">Description</p>===<br />
<br><br />
<b>AQUARIUM 1.0</b><br><br />
<br><br><br />
A Small Ecosystem for Living Thoughts<br><br />
<br><br />
Monday, 11th October<br><br />
19:30 – 21:30<br><br />
Leeszaal Rotterdam West<br><br />
Rijnhoutplein 3, 3014 TZ Rotterdam<br><br />
<br><br />
with Clara Gradel, Floor van Meeuwen, Martin Foucaut, Camilo Garcia, Federico Poni, <br />
Nami Kim, Euna Lee, Kendal Beynon, Jacopo Lega and Louisa Teichmann<br />
<br><br><br />
It’s oh-fish-ial! Students of the Experimental Publishing Master invite you to dive into their small ecosystem of living thoughts. Join us for an evening of conversation, discussion and new view points. If you look closely, you might even see some early thesis ideas hatching. Let's leave no rock unturned.<br />
<br />
==<p style="font-family:helvetica">Observation questionnaire</p>==<br />
<br />
This exercice is a very small, humble and almost 100% analog exercice questioning representation in two small steps. <br />
<br />
===<p style="font-family:helvetica">1st step</p>===<br />
<br />
[[File:Brick.jpg|300px|thumb|left|photo of a brick]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br />
* <b>1st step:</b> I give a sheet of paper to people during the venue and ask them to answer a series of questions concerning the object (brick) that is being displayed in the middle of the room on a podium. It is specified to them that they can be anywhere while observing this brick and in any position. Here are the quesitons:<br />
<br><br />
<br />
* <b>Please write down your first name: <br />
<br><br />
<br />
* Describe your position (sitting/standing/other):<br />
<br><br />
<br />
* Describe your location in the room:<br />
<br><br />
<br />
* Describe what you are seeing while looking at the screen:<br />
<br><br />
* Describe how you feel mentaly/emotionaly:</b><br />
<br><br />
<br><br />
===<p style="font-family:helvetica">2nd step</p>===<br />
<br />
[[File:Brickphoto.png|300px|thumb|left|photo of brick displayed inside a computer screen]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br />
<br />
* <b>2nd step:</b> I take the answers, wait a round, and then give back a new sheet of paper to the same people with the exact same questions concerning the respresentation of the object (brick) that is being displayed in the middle of the room on a computer screen on the same podium.<br />
<br />
===<p style="font-family:helvetica">Answer Samples</p>===<br />
<br />
1.0 <b>Object on a podium</b><br />
<br />
* 1.1 Sitting on corner stairs —> Want to see it from different angles —> Feeling trapped, frustrated<br />
* 1.2 Sitting on stairs —> a rock looking dead —> Feeling sad<br />
* 1.3 Sitting on the left close from columns —> rational observation —> Nostalgic memories because participated to the creation of the object as it looks right now<br />
* 1.4 Sitting in front of object —> Calm and slighly confused<br />
* 1.5 Sitting on the floor next to stairs in between the side and the middle —> Looking at the object from the bottom —> Feeling a bit confused and inspired<br />
<br><br><br />
2.0 <b>Photo of the object displayed on a computer screen placed on a podium</b><br />
<br />
* 2.1 Sitting on a chair seeing the brick from a bird perspective -> Feeling more control of the situation <br />
* 2.2 Sitting very close from the brick —> Seeing a flat and almost abstract picture —> Feeling drawn to the picture, aesthetically pleasing, feeling less sad about the object<br />
* 2.3 Sitting under a table very far way —> Looking abstract but identifiable —> Exited about the unusual and childish observation position<br />
* 2.4 Sitting on stairs —> and seeing the brick in 2D —> Feeling fine<br />
* 2.5 Sittiing on the stairs —> Seeing a side of the screen with a top view photo of the object —> Feeling confortable<br />
<br><br><br />
[[File:Answers1 RepresentationQuestionnaire.png|300px|thumb|left|Answers1_RepresentationQuestionnaire]]<br />
[[File:Answers2 RepresentationQuestionnaire.png|300px|thumb|center|Answers2_RepresentationQuestionnaire]]<br />
[[File:Answers3 RepresentationQuestionnaire.png|300px|thumb|left|Answers3_RepresentationQuestionnaire]]<br />
[[File:Answers4 RepresentationQuestionnaire.png|300px|thumb|center|Answers4_RepresentationQuestionnaire]]<br />
[[File:Answers5 RepresentationQuestionnaire.png|300px|thumb|left|Answers5_RepresentationQuestionnaire]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=<p style="font-family:helvetica">Venues</p> =<br />
<br />
==<p style="font-family:helvetica">Venue 2: Aquarium 2.0 </p>==<br />
<br />
===<p style="font-family:helvetica">Description</p>===<br />
<br><br />
Date 29th Nov — 4th Dec 2021 <br><br />
Time 15h — 18h <br><br />
29th Nov — 4th Dec 2021 (all day)<br><br />
Location: De Buitenboel, Rosier Faassenstraat 22 3025 GN Rotterdam, NL<br><br />
<br><br><br />
AQUARIUM 2.0 <br><br />
<br><br />
An ongoing window exhibition with Clara Gradel, Floor van Meeuwen, Martin Foucaut, Camilo Garcia, Federico Poni, Nami Kim, Euna Lee, Kendal Beynon, Jacopo Lega and Louisa Teichmann<br><br />
<br><br />
Tap upon the glass and peer into the research projects we are currently working on.<br />
From Monday 29th of November until Saturday 4th of December we put ourselves on display in the window of De Buitenboel as an entry point into our think tank. Navigating between a range of technologies, such as wireless radio waves, virtual realities, sensors, ecological and diffractive forms of publishing, web design frameworks, language games, and an ultra-territorial residency; we invite you to gaze inside the tank and float with us. Welcome back to the ecosystem of living thoughts.<br><br />
<br />
==<p style="font-family:helvetica">Aquarium LCD Portal (29 Nov – 4th Dec)</p>==<br />
<br />
This interactive micro-installation composed of a LCD screen and sensor(s) invites users/visitors to change the color of the screen and displayed messages by getting more or less close from the window. <br />
[https://www.pzwart.nl/blog/2021/11/30/aquarium-2-0/ Link]<br />
<br />
[[File:ScreenPortalFront.jpg|300px|thumb|left|ScreenPortalFront]]<br />
[[File:ScreenPortalback.jpg|300px|thumb|right|ScreenPortalback]]<br />
[[File:LCDScreenTest.gif|600px|thumb|center|LCDScreenTest]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=<p style="font-family:helvetica">Readings (new)(english)(with notes in english) </p>=<br />
<br />
==<p style="font-family:helvetica">About Institutional Critique</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
→&nbsp;1.&nbsp;[[Art and Contemporary Critical Practice: Reinventing Institutional Critique]][https://aaaaarg.fail/thing/51c584186c3a0ed90ba30900 Doc]<br><br />
→&nbsp;2.&nbsp;[[From the Critique of Institutions to an Institution of Critique - Andrea Fraser]][https://aaaaarg.fail/upload/andrea-fraser-from-the-critique-of-institutions-to-an-institution-of-critique-1.pdf Doc]<br><br />
→&nbsp;3.&nbsp;[[Institutional critique, an anthology of artists writings - Alexander Alberro]][https://aaaaarg.fail/upload/alexander-alberro-institutional-critique-an-anthology-of-artists-writings.pdf Doc]<br />
<br />
==<p style="font-family:helvetica">About Techno-Solutionism</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
<br />
→&nbsp;1.&nbsp;The Folly of Technological Solutionism: An Interview with Evgeny Morozov - Natasha Dow Schüll<br />
<br />
==<p style="font-family:helvetica">About Meta</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
→&nbsp;1.&nbsp; [https://www.tandfonline.com/doi/full/10.3402/jac.v6.23009 The meta as an aesthetic category] Bruno Trentini (2014)<br><br />
→&nbsp;2.&nbsp; [[File:RMZ ARTIST WRITING(2).pdf|left|[[thumb]]Rosa Maria Zangenberg ]] The eye tells the story by Rosa Maria Zangenberg (2017)<br><br />
→&nbsp;3.&nbsp; [https://brill.com/view/title/2075 Leonardo Da Vinci - Paragone by Louise Farago]<br />
<br />
==<p style="font-family:helvetica">About exhibition space</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
<br />
→&nbsp;2.&nbsp;Kluitenberg, Eric, ed. Book of imaginary media. Excavating the dream of the ultimate communication medium. Rotterdam: NAi Publishers, 2006.<br><br />
→&nbsp;3.&nbsp;[http://nt2.uqam.ca/fr/biblio/wall-and-canvas-lissitzkys-spatial-experiments-and-white-cube The wall and the canvas: Lissitzky’s spatial experiments and the White Cube]<br><br />
→&nbsp;6.&nbsp;[https://eastofborneo.org/articles/decorative-arts-billy-al-bengston-and-frank-gehry-discuss-their-1968-collaboration-at-lacma/ Decorative Arts: Billy Al Bengston and Frank Gehry discuss their 1968 collaboration at LACMA by Aram Moshayedi]<br><br />
→&nbsp;8.&nbsp; [[File:Resonance and Wonder STEPHEN GREENBLATT.pdf|thumb]] Resonance and Wonder - STEPHEN GREENBLATT<br><br />
→&nbsp;9.&nbsp; A Canon of Exhibitions - Bruce Altshuler [[File:A Canon of Exhibitions - Bruce Altshuler.pdf|thumb]]<br><br />
→&nbsp;10.&nbsp;Documenta - [[File:A BRIEF HISTORY OF AN EXHIBITION AND ITS CONTEXTS - Klaus Siebenhaar.pdf|thumb]] A BRIEF HISTORY OF AN EXHIBITION AND ITS CONTEXTS - Klaus Siebenhaar<br><br />
→&nbsp;11.&nbsp;Pallasmaa - The Eyes of the Skin [[File:Pallasmaa - The Eyes of the Skin.pdf|thumb]]<br><br />
→&nbsp;12.&nbsp;Venturi - Learning from Las Vegas [[File:Venturi - Learning from Las Vegas.pdf|thumb]]<br><br />
→&nbsp;13.&nbsp;Preserving and Exhibiting Media Art: Challenges and Perspectives - JULIA NOORDEGRAAF, COSETTA G. SABA; BARBARA LE MAÎTRE; VINZENZ HEDIGER<br />
Copyright: 2013 - Publisher: Amsterdam University Press Series: Framing Film<br />
<br />
===<p style="font-family:helvetica">Reading/Notes</p>===<br />
<br />
→&nbsp;1.&nbsp;[http://nt2.uqam.ca/fr/biblio/after-white-cube [[After the White Cube.]]] [https://www.lrb.co.uk/the-paper/v37/n06/hal-foster/after-the-white-cube ref] 2015 NOTES INSIDE<br><br />
* How and why White Cube rised and became democratized<br />
* White Cube // Consumerism = Art Consumerism?<br />
* Exhibition Space > Artworks<br />
* Experience of interpretation = Entertainment of Art?<br />
* Museum vs Mausoleum<br />
<br><br />
→&nbsp;2.&nbsp;[http://nt2.uqam.ca/fr/biblio/spaces-experience-art-gallery-interiors-1800-2000 [[Spaces of Experience: Art Gallery Interiors from 1800 – 2000]]] [http://nt2.uqam.ca/fr/biblio/spaces-experience-art-gallery-interiors-1800-2000 ref] NOTES INSIDE<br><br />
* Art vs 50's consumerism / Choregraphy of desire?<br />
* Check theorists Hermann von Helmholtz and Wilhelm Wundt<br />
<br><br />
→&nbsp;3.&nbsp;[https://www.e-flux.com/announcements/262138/colour-critique/ [[Colour Critique A Symposium on Colour as an Agent for Taste, Experience and Value in the Exhibition Space]]] NOTES INSIDE<br><br />
May 24, 2019 - Noise! Frans Hals, Otherwise, Frans Hals Museum<br><br />
→&nbsp;4.&nbsp; [[Colour_Critique_A_Symposium_on_Colour_as_an_Agent_for_Taste,_Experience_and_Value_in_the_Exhibition_Space|Noise! Frans Hals, Otherwise]] NOTES INSIDE<br><br />
* Role of colours in the viewer's experience of an exhibition<br />
* Institutional Critique<br />
* Institutionalised Space / White cube<br />
<br><br />
→&nbsp;5.&nbsp;[[Mental Spaces - Joost Rekveld/Michael van Hoogenhuyze]] NOTES INSIDE<br>(course for Artscience 2007/8)<br />
[http://www.joostrekveld.net/wp/?page_id=590 doc]<br><br />
* About perspective<br />
* About Space time<br />
* About Cyber Space<br />
<br><br />
→&nbsp;6.&nbsp; [[THE DEVIL IS IN THE DETAILS: MUSEUM - Displays and the Creation of Knowledge]] [https://pzwiki.wdka.nl/mw-mediadesign/images/5/57/The_Devil_is_in_the_details-_DETAIT-_MUSEUM_Displays_and_the_Creation_of_Knowledge.pdf Doc] NOTES INSIDE<br><br />
Stephanie Moser SOUTHAMPTON UNIVERSITY (MUSEUM ANTHROPOLOGY) 2010<br><br />
* Architecture (Neoclassical buildings)<br />
* Big vs Small exhibition Space<br />
* Lined up objects vs non systematic display<br />
* Architecture/Design<br />
* Gallery interiors (Ceiling/Interior Design elements/Furniture<br />
* Colors<br />
* Individual lighting of objects vs global lighting<br />
* Dark vs Bright lighting<br />
* Chronological vs Thematic arrangement<br />
* Academic vs Journalistic writting<br />
* Busy layout vs Minimal Layout<br />
* Exibition seen vs other exhibitions<br />
* Themed/idea-oriented vs objectled exhibitions<br />
* Didactic vs discovery exhibition<br />
* Contextual, immersive, or atmospheric exhibitions<br />
* Audience vs Reception<br />
<br><br />
→&nbsp;7.&nbsp;[[Fantasies of the Library - Etienne Turpin (ed.), Anne-Sophie Springer (ed.)]] [https://hub.xpub.nl/bootleglibrary/category/new/326 Ref]; Editeur: The MIT Press; Date de publication: 1 sept. 2018<br />
* How the a physical organization influence of a bookshelf can influence it's digital version<br />
* The book as a minitaure gallery/exhibition space<br />
* The library as a public place of reading<br />
* Library vs Exhibition Space = Use vs Display<br />
* Book-theme exhibitions<br />
<br />
==<p style="font-family:helvetica">About User vs Visitor, or user in exhibition space</p>==<br />
<br />
[[Designing the user experience in exhibition spaces - Elisa Rubegni, Caporali Maurizio, Antonio Rizzo, Erik Grönvall]]<br />
* What are the GUI intentions<br />
* What is the WIMP interaction model<br />
* What are the post-Wimp models<br />
* About Memex<br />
<br />
==<p style="font-family:helvetica">About User Interface</p>==<br />
<br />
=== Readings/Notes===<br />
<br />
→&nbsp;1.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=+The+Interface+Effect bootleg][[Alexander R. Galloway - The Interface Effect]] 1st ed. Malden, USA: Polity Press.<br><br />
* The interface paradox<br />
* The less they do, the more they achieve and the more they become invisible & unconsidered<br />
* The interface as a "significant surface"<br />
* The interface as a gateway<br />
* The interface as "the place where information moves from one entity to another"<br />
* The interface as the media itself<br />
* The interface as "agitation or generative friction between different formats"<br />
* The interface as "an area" that "separates and mixes the two worlds that meet together there"<br />
<br><br />
→&nbsp;2.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=Navigating+Neoliberalism bootleg] [[Nick Srnicek - Navigating Neoliberalism: Political Aesthetics in an Age of Crisis]] NOTES INSIDE<br><br />
Editeur: medium.com, Date de publication: 20 oct. 2016<br><br />
* From an aesthetic of sublime into an aesthetics of the interface<br />
* Cognitive mapping<br />
<br><br />
→&nbsp;3.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=+Program+or+be+programmed bootleg] [[Program Or Be Programmed - Ten Commands For A Digital Age Douglas Rushkoff]] NOTES INSIDE<br><br />
Douglas Rushkoff, A., 2010. Program Or Be Programmed - Ten Commands For A Digital Age Douglas Rushkoff. 1st ed. Minneapolis, USA: OR Books.<br><br />
*"Instead of learning about our technology, we opt for a world in which our technology learns about us."<br />
* Programmed by the interfaces<br />
* From a transparent to an opaque medium<br />
<br><br />
→&nbsp;4.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=The+Best+Interface+Is+No+Interface bootleg][[The Best Interface Is No Interface - Golden Krishna]] NOTES INSIDE<br><br />
Krishna, G., 2015. The Best Interface Is No Interface: The simple path to brilliant technology (Voices That Matter). 1st ed. unknown: New Riders Publishing.<br />
* "Screen Obsessed Approach to Design"<br />
* UI vs UX<br />
<br><br />
→&nbsp;5.&nbsp;[[Plasticity of User Interfaces:A Revised Reference Framework]] NOTES INSIDE<br><br />
Gaëlle Calvary, Joëlle Coutaz, David Thevenin<br />
Quentin Limbourg, Nathalie Souchon, Laurent Bouillon, Murielle Florins, Jean Vanderdonckt<br><br />
* About the term 'Placticity'<br />
<BR><br />
→&nbsp;6.&nbsp;[[Interface Critique- Beyond UX - FLORIAN HADLER, ALICE SOINÉ; DANIEL IRRGANG]] [https://hub.xpub.nl/bootleglibrary/search?query=interface DOC] Florian Hadler, Alice Soiné, Daniel Irrgang<br><br />
* The interface as an "historical artifact", a "space of power"<br />
* The interface as human -machine boudary<br />
* What is interface critique<br />
* Interface in computer science<br />
* The screen for Lev Manovitch<br />
<br />
<br><br><br />
<br />
=== More to read/see===<br />
<br />
→&nbsp;1.&nbsp;Bickmore, T.W., Schilit, B.N., Digestor: Device-<br />
Independent Access To The World Wide Web, in Proc. of 6th<br />
Int. World Wide Web Conf. WWW’6 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Santa Clara, April<br />
1997)<br />
<br />
→&nbsp;2.&nbsp;Bouillon, L., Vanderdonckt, J., Souchon, N., Recovering<br />
Alternative Presentation Models of a Web Page with VAQUITA,<br />
Chapter 27, in Proc. of 4th Int. Conf. on Computer-<br />
Aided Design of User Interfaces CADUI’2002 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Valenciennes,<br />
May 15-17, 2002)<br />
<br />
→&nbsp;3.&nbsp;Calvary, G., Coutaz, J., Thevenin, D., Supporting Context<br />
Changes for Plastic User Interfaces: a Process and a<br />
Mechanism, in “People and Computers XV – <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Interaction<br />
without Frontiers”, Joint Proceedings of AFIHM-BCS Conference<br />
on Human-Computer Interaction IHM-HCI’2001(Lille, 10-14 September 2001)<br />
<br />
→&nbsp;4.&nbsp;Cockton, G., Clarke S., Gray, P., Johnson, C., Literate Development:<br />
Weaving Human Context into Design Specifications,<br />
in “Critical Issues in User Interface Engineering”, <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;P.<br />
Palanque & D. Benyon (eds), Springer-Verlag, London,<br />
1995.<br />
<br />
→&nbsp;5.&nbsp;Graham, T.C.N., Watts, L., Calvary, G., Coutaz, J., Dubois,<br />
E., Nigay, L., A Dimension Space for the Design of Interactive<br />
Systems within their Physical Environments, in Proc. of<br />
Conf. on Designing Interactive Systems DIS’2000<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (New<br />
York, August 17-19, 2000,), ACM Press, New York, 2000,<br />
<br />
→&nbsp;6.&nbsp;Lopez, J.F., Szekely, P., Web page adaptation for Universal<br />
Access, in Proc. of Conf. on Universal Access in HCI UAHCI’<br />
2001 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(New Orleans, August 5-10, 2001), Lawrence<br />
Erlbaum Associates, Mahwah, 2001,<br />
<br />
→&nbsp;7.&nbsp;Thevenin, D., Coutaz, J., Plasticity of User Interfaces:<br />
Framework and Research Agenda, in Proc. of 7th IFIP International<br />
Conference on Human-Computer Interaction Interact'<br />
99<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Edinburgh, August 30 - September 3, 1999),<br />
Chapman & Hall, London, pp. 110-117.<br />
<br />
→&nbsp;8.&nbsp;Thevenin, D., Adaptation en Interaction Homme-Machine:<br />
Le cas de la Plasticité, Ph.D. thesis, Université Joseph Fourier,<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
Grenoble, 21 December 2001.<br />
<br />
→&nbsp;9.&nbsp;[[Graspable interfaces (Fitzmaurice et al., 1995)]] [https://www.dgp.toronto.edu/~gf/papers/PhD%20-%20Graspable%20UIs/Thesis.gf.html link]<br />
<br />
==<p style="font-family:helvetica">About User Condition</p>==<br />
<br />
=== Readings ===<br />
<br />
→&nbsp;1.&nbsp;[[The User Condition 04: A Mobile First World - Silvio Lorusso]] [https://networkcultures.org/entreprecariat/mobile-first-world/ Doc]<br />
* Most web user are smarphone users<br />
* How "mobile's first" affect global web design<br />
* How "mobile's first" affect the way we use computers<br />
<br />
=<p style="font-family:helvetica">Readings (old)(mostly french)(with notes in french)</p>=<br />
<br />
===<p style="font-family:helvetica">Books (old)</p>===<br />
<br />
<br><br />
→&nbsp;1.&nbsp; [[L'art comme expérience — John Dewey]] (french) ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Gallimard (1934)<br><br />
→&nbsp;2.&nbsp; [[L'œuvre d'art à l'époque de sa reproductibilité technique — Walter Benjamin]] (french<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Alia (1939)<br><br />
→&nbsp;3.&nbsp; [[La Galaxie Gutemberg — Marshall McLuhan]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: University of Toronto Press (1962)<br> <br />
→&nbsp;3.&nbsp; [[Pour comprendre les médias — Marshall McLuhan]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: McGraw-Hill Education (1964)<br> <br />
→&nbsp;4.&nbsp; [[Dispositif — Jean-Louis Baudry]] (french) <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Raymond Bellour, Thierry Kuntzel et Christian Metz (1975)<br> <br />
→&nbsp;5.&nbsp; [[L’Originalité de l’avant-garde et autres mythes modernistes — Rosalind Krauss]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Macula (1993)<br><br />
→&nbsp;6.&nbsp; [[L'art de l'observateur: vision et modernité au XIXe siècle — Jonathan Crary]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Jacqueline Chambon (Editions) (1994)<br><br />
→&nbsp;7.&nbsp; [[Inside the White Cube, the Ideology of Gallery Space — Brian O'Doherty]] (english) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Les presses du réel (2008)<br><br />
→&nbsp;8.&nbsp; [[Préçis de sémiotique générale — Jean-Marie Klinkenbeg]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Point (2000)<br> <br />
→&nbsp;9.&nbsp; [[Langage des nouveaux médias — Lev Manovitch]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Presses du Réel (2001)<br> <br />
→&nbsp;10.&nbsp;[[L'empire cybernétique — Cécile Lafontaine]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Seuil (2004)<br> <br />
→&nbsp;11.&nbsp; [[La relation comme forme — Jean Louis Boissier]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Genève, MAMCO(2004)<br> <br />
→&nbsp;12.&nbsp; [[Le Net Art au musée — Anne Laforêt]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Questions Théoriques(2011)<br> <br />
→&nbsp;13.&nbsp; [[Narrative comprehension and Film communication — Edward Branigan]] (english)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Routledge (2013) <br> <br />
→&nbsp;14.&nbsp;[[Statement and counter statement / Notes on experimental Jetset — Experimental Jetset]] (english)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Roma (2015)<br> <br />
→&nbsp;15.&nbsp;[[Post Digital Print — Alessandro Ludovico]] (french) ≈<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: B42 (2016)<br><br />
→&nbsp;16.&nbsp;[[L'écran comme mobile — Jean Louis Boissier]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Presses du réel (2016)<br><br />
→&nbsp;17.&nbsp;[[Design tactile — Josh Clark]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Eyrolles (2016)<br><br />
→&nbsp;18.&nbsp;[[Espaces de l'œuvre, espaces de l'exposition — Pamela Bianchi]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Eyrolles (2016)<br><br />
→&nbsp;19.&nbsp;[[Imprimer le monde]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Éditions HYX et les Éditions du Centre Pompidou (2017)<br><br />
→&nbsp;20.&nbsp;[[Version 0 - Notes sur le livre numérique]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: ECRIDIL (2018)<br><br />
<br />
===<p style="font-family:helvetica">Articles (old)</p>===<br />
<br />
→&nbsp;1.&nbsp;[[Frederick Kiesler — artiste- architecte]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(communiqué de presse) <br />
Centre pompidou; source : centrepompidou.fr (1996)<br><br />
→&nbsp;2.&nbsp;[[Oublier l'exposition]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Artpress special numéro 21 (2000)<br><br />
→&nbsp;3.&nbsp;[[Composer avec l’imprévisible: Le questionnaire sur les médias variables]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jon Ippolito; source : variablemedia.net/pdf/Permanence (2003)<br><br />
→&nbsp;4.&nbsp;[[Esthétique du numérique : rupture et continuité]] <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fred Forest; source : archives.icom.museum (2010)<br><br />
→&nbsp;5.&nbsp;[[La narration interactive]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dragana Trgovčević source : ensci.com/file_intranet/mastere_ctc/etude_Dragana_Trgovcevic.pdf (2011)<br><br />
→&nbsp;6.&nbsp;[[Des dispositifs aux appareils - L'Espacement d'un calcul]]<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Anthony Masure source : anthonymasure.com (2013)<br><br />
→&nbsp;7.&nbsp;[https://www.cairn.info/revue-cahiers-philosophiques1-2011-1-page-9.html?contenu=article Le musée n'est pas un dispositif - Jean-Louis Déotte] p.9 - 22 (2011)<br><br />
→&nbsp;8.&nbsp;[http://nt2.uqam.ca/fr/entree-carnet-recherche/apogee-et-perigee-du-white-cube Apogée et périgée du White Cube] Loosli, Alban<br><br />
<br />
=<p style="font-family:helvetica">References</p>=<br />
<br />
===<p style="font-family:helvetica">Exhibition space</p>===<br />
<br />
→&nbsp;&nbsp;[https://vanabbemuseum.nl/en/collection/details/collection/?lookup%5B1673%5D%5Bfilter%5D%5B0%5D=id%3AC969 Prouns Spaces — El lissitzky] (1920)<br><br />
→&nbsp;&nbsp;[https://thecharnelhouse.org/2013/11/19/frederick-kiesler-city-of-space-1925/ City in Space — Frederick Kiesler] (1920)<br><br />
→&nbsp;&nbsp;[https://fr.wikipedia.org/wiki/Air-Conditioning_Show The air conditionning Show — Terry Atkinson & Michael Baldwin](1966-67)<br><br />
→&nbsp;&nbsp;[https://www.google.com/search?q=Sans+titre+%E2%80%94+Michael+Asher&client=firefox-b-e&sxsrf=ALeKk002R7DoF2Y8QZ5Dp0GCnNVIJLEs5w:1603360434290&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiDzIeJ98fsAhXxyIUKHUB-DVUQ_AUoAXoECAQQAw&biw=1406&bih=759 Sans titre — Michael Asher] (1973)<br><br />
→&nbsp;&nbsp;[https://www.centrepompidou.fr/cpv/resource/cXjGAE/rREaz7 Serra Corner prop n°7 (for Nathalie) Richard Serra] (1983)<br><br />
→&nbsp;&nbsp;[https://www.muhka.be/programme/detail/1405-shilpa-gupta-today-will-end/item/30302-speaking-wall Speaking Wall] (2009 - 2010) <br><br />
<br />
===<p style="font-family:helvetica">Nothingness with Media</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=JTEFKFiXSx4 4’’33’ — John Cage] (1952)<br><br />
→&nbsp;&nbsp;[https://www.saatchigallery.com/artists/artpages/tom_friedman_8.htm Untitled - A Curse — Tom Friedman] (1965)<br><br />
→&nbsp;&nbsp;[https://fr.wikipedia.org/wiki/Air-Conditioning_Show The air conditionning Show — Terry Atkinson & Michael Baldwin](1966-67)<br><br />
→&nbsp;&nbsp;[https://www.google.com/search?q=Sans+titre+%E2%80%94+Michael+Asher&client=firefox-b-e&sxsrf=ALeKk002R7DoF2Y8QZ5Dp0GCnNVIJLEs5w:1603360434290&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiDzIeJ98fsAhXxyIUKHUB-DVUQ_AUoAXoECAQQAw&biw=1406&bih=759 Sans titre — Michael Asher] (1973)<br><br />
<br />
===<p style="font-family:helvetica">Mediatization of Media</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=JTEFKFiXSx4 4’’33’ — John Cage] (1952)<br><br />
→&nbsp;&nbsp;[https://www.guggenheim.org/artwork/9537 TV Garden — Nam June Paik] (1974)<br><br />
→&nbsp;&nbsp;[https://re-voir.com/shop/en/michael-snow/71-michael-snow-presents.html Presents — Michael Snow] (soon to be translated) <br><br />
→&nbsp;&nbsp;[https://www.experimentaljetset.nl/archive/lostformats Lost Formats Preservation Society — Experimental Jetset] (2000) <br><br />
→&nbsp;&nbsp;[https://www.experimentaljetset.nl/archive/lost-formats-winterthur Lost Formats Winterthur — Experimental Jetset] (2000) <br><br />
→&nbsp;&nbsp;[http://indexgrafik.fr/latlas-critique-dinternet/ L’atlas critique d’Internet] Louise Drulhe (2014-2015) <br><br />
<br />
===<p style="font-family:helvetica">Flags</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/artwork/10703 Netflag — Mark Napier] (2002) <br><br />
→&nbsp;&nbsp;[https://019-ghent.org/flags/flagpole/sd025/ 019 - Flag show] (2015)<br />
<br />
===<p style="font-family:helvetica">User perspective</p>===<br />
<br />
→&nbsp;&nbsp;[http://whatyouseeiswhatyouget.net/ What you see is what you get — Jonas Lund] (2012) <br><br />
<br />
===<p style="font-family:helvetica">Media Time perception</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=aLNfUB7JtA4&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=3 Present Continuous Past — Dan Graham's] (1974)<br />
<br />
===<p style="font-family:helvetica">Experimental cinema</p>===<br />
<br />
→&nbsp;&nbsp;[https://re-voir.com/shop/en/michael-snow/71-michael-snow-presents.html Presents — Michael Snow] (soon to be translated) <br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=bMDr_CFFgWE&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=4 Displacements — Michael Naimark] (1980) <br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=J2-VQFPYftM&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=5 BE NOW HERE — Michael Naimark] (1995)<br />
<br />
===<p style="font-family:helvetica">CSS composition</p>===<br />
<br />
→&nbsp;&nbsp;[http://sebastianlyserena.dk/ Sebastianly Serena]<br><br />
→&nbsp;&nbsp;[http://www.scrollbarcomposition.com/ Scrollbar Composition]<br><br />
→&nbsp;&nbsp;[http://www.intotime.com/ into time .com - Rafael Rozendaal]<br><br />
→&nbsp;&nbsp;[https://www.nicolassassoon.com/RIDGE_11.html Ridge 11 - Nicolas Sassoon]<br><br />
→&nbsp;&nbsp;[https://www.associationpaste.com/rectangulaire/ Rectangulaire - Claude Closky]<br><br />
→&nbsp;&nbsp;[https://jacksonpollock.org/ Jacksonpollock.org - Miltos Manetas]<br><br />
→&nbsp;&nbsp;[http://aabrahams.free.fr/movpaint/frame5.htm Moving Paintings - Annie Abrahams]<br />
<br />
===<p style="font-family:helvetica">Media deterioration</p>===<br />
<br />
→&nbsp;&nbsp;[https://img214270416jpg.tumblr.com/ Img214270417]<br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=mjnAE5go9dI&list=LLfu-Fy4NjlpiIYJyE447UDA&index=49&t=832s William Basinski - The Disintegration Loops]<br />
<br />
===<p style="font-family:helvetica">Undefined</p>===<br />
<br />
→&nbsp;&nbsp;[http://untitledsans.com/ Untitled Sans]<br />
<br />
===<p style="font-family:helvetica">User friendliness and anti-user friendliness</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.juhavaningen.com/websafe/1.html Web-Safe - Juha van Ingen]<br />
<br />
===<p style="font-family:helvetica">Media Art conservation</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/conservation/the-variable-media-initiative The Variable Media Initiative] 1999<br><br />
→&nbsp;&nbsp;[https://www.eai.org/resourceguide/ EAI Online Resource Guide forExhibiting, Collecting & Preserving Media Art]<br><br />
→&nbsp;&nbsp;[http://mattersinmediaart.org/ Matters in Media Art]<br><br />
→&nbsp;&nbsp;[https://www.incca.org/ The International Network for the Preservation of Contemporary Art (INCCA)]<br><br />
→&nbsp;&nbsp;[https://www.tandfonline.com/doi/full/10.1080/19455224.2019.1604398 Archiving complex digital artworks - Dušan Barok]<br />
<br />
===<p style="font-family:helvetica">Emulation</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/exhibition/seeing-double-emulation-in-theory-and-practice Seeing Double: Emulation in Theory and Practice]<br><br />
<br />
===<p style="font-family:helvetica">Technological Timeline</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.docam.ca/en/technological-timeline.html Technological Timeline]<br><br />
<br />
===<p style="font-family:helvetica">Media Art Online Archive</p>===<br />
<br />
→&nbsp;&nbsp;[https://digitalartarchive.siggraph.org/ ACM SIGGRAPH Art Show Archives]<br><br />
→&nbsp;&nbsp;[https://www.digitalartarchive.at/nc/home.html Archive of Digital Art (ADA)]<br><br />
→&nbsp;&nbsp;[https://ars.electronica.art/about/en/archiv/ Ars Electronica Archive]<br><br />
→&nbsp;&nbsp;[https://archive-it.org/collections/4388 Digital Art Web Archive (collected by Cornell)]<br><br />
→&nbsp;&nbsp;[https://monoskop.org/Recent Monoskop]<br><br />
→&nbsp;&nbsp;[https://rhizome.org/art/artbase/ The Rhizome ArtBase]<br><br />
<br />
===<p style="font-family:helvetica">Music/Sound</p>===<br />
<br />
→&nbsp;&nbsp;[https://wabi-sabi-tapes.bandcamp.com/album/the-end-of-music The end of music]<br />
<br />
===<p style="font-family:helvetica">HTML Quines</p>===<br />
<br />
→&nbsp;&nbsp;https://hugohil.github.io/dedans/<br><br />
→&nbsp;&nbsp;https://secretgeek.github.io/html_wysiwyg/html.html<br><br />
→&nbsp;&nbsp;http://all-html.net/?<br><br />
<br />
<div style=' <br />
width: 75%; <br />
font-size:16px;<br />
background-color: white;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
'><br />
<br />
<div style=' <br />
width: 75%; <br />
font-size:16px;<br />
background-color: white;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
'></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=XPUB2_Research_Board_/_Martin_Foucaut&diff=221347XPUB2 Research Board / Martin Foucaut2022-06-26T12:29:12Z<p>Martin: /* Stages Design with P5.js */</p>
<hr />
<div>=<p style="font-family:helvetica">Links</p>=<br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
<br />
=<p style="font-family:helvetica">Draft Thesis</p>=<br />
<br />
===What do you want to make?===<br />
<br />
My project is a data collection installation that monitors people's behaviors in public physical spaces while explicitly encouraging them to help the algorithm collect more information. An overview of how it works is presented here in the project proposal and will be subject to further developments in the practice. <br />
<br><br><br />
The way the device is designed doesn’t pretend to give any beneficial outcomes for the subject, but only makes visible the benefits that the machine is getting from collecting their data. Yet, the way the device visually or verbally presents this collected data is done in a grateful way, which might be stimulating for the subject. In that sense, the subject, despite knowing that their actions are done solely to satisfy the device, could become intrigued, involved, or even addicted by a mechanism that deliberately uses it as a commodity. In that way, I intend to trigger conflictual feelings in the visitor’s mind, situated between a state of awareness regarding the operating monetization of their physical behaviors, and a state of engagement/entertainment /stimulation regarding the interactive value of the installation.<br />
<br><br><br />
My first desire is to make the mechanisms by which data collection is carried out, marketized and legitimized both understandable and accessible. The array of sensors, the Arduinos and the screen are the mainly technological components of this installation. Rather than using an already existing and complex tracking algorithm, the program is built from scratch, kept open source and limits itself to the conversion of a restricted range of physical actions into interactions. These include the detection of movements, positions, lapse of time spent standing still or moving, and entry or exit from a specific area of detection. Optionally they may also include the detection of the subject smartphone device or the log on a local Wi-Fi hotspot made by the subject.<br />
<br><br><br />
In terms of mechanic, the algorithm creates feedback loops starting from: <br><br />
_the subject behaviors being converted into information; <br><br />
_the translation of this information into written/visual feedback; <br><br />
_and the effects of this feedbacks on subject’s behavior; and so on. <br><br />
By doing so, it tries to shape the visitors as free data providers inside their own physical environment, and stimulate their engagement by converting each piece of collected information into points/money, feeding a user score among a global ranking.<br />
<br><br><br />
On the screen, displayed events can be:<br />
<br />
_ “subject [] currently located at [ ]” <br><br />
[x points earned/given]<br><br />
_ “subject [] entered the space” <br><br />
[x points earned/given]<br><br />
_ “subject [] left the space”<br> <br />
[x points earned/given]<br><br />
_ “subject [] moving/not moving”<br> <br />
[x points earned/given]<br><br />
_ “subject [] distance to screen: [ ] cm” <br><br />
[x points earned/given]<br><br />
_ “subject [] stayed at [ ] since [ ] seconds” <br><br />
[x points earned/given]<br><br />
_ “subject [] device detected <br><br />
[x points earned/given] (optional)<br><br />
_ “subject logged onto local Wi-Fi<br><br />
[x points earned/given] (optional)<br><br />
<br><br />
Added to that comes the instructions and comments from the devices in reaction to the subject’s behaviors:<br><br />
<br><br />
_ “Congratulations, you have now given the monitor 25 % of all possible data to collect!” <br><br />
[when 25-50-75-90-95-96-97-98-99% of the total array of events has been detected at least once]<br><br />
_ “Are you sure you don’t want to move to the left? The monitor has only collected data from 3 visitors so far in this spot!”<br><br />
[if the subject stands still in a specific location]<br><br />
_ “Congratulations, the monitor has reached 1000 pieces of information from you!”<br><br />
[unlocked at x points earned/given]<br><br />
_ “If you stay there for two more minutes, there is a 99% chance you will be in the top 100 of ALL TIME data-givers!”<br><br />
[if the subject stand still in a specific location]<br><br />
_ “Leaving all ready? The monitor has yet to collect 304759 crucial pieces of information from you!”<br><br />
[if the subject is a the edge of the detection range]<br><br />
_ “You are only 93860 pieces of information away from being the top one data-giver!”<br><br />
[unlocked at x points earned/given]<br><br />
_ “Statistics show that people staying for more than 5 minutes average will benefit me on average 10 times more!”<br><br />
[randomly appears]<br><br />
_ “The longer you stay on this spot, the more chance you have to win a “Lazy data-giver” badge”<br><br />
[if the subject stands still for a long time any location]<br><br />
<br><br />
Responding positively to the monitors instructions unlocks special achievement and extra points<br><br />
<br><br />
—Accidental data-giver badge <br><br />
[unlocked if the subject has passed the facility without deliberately wishing to interact with it] + [x points earned/given]<br><br />
—Lazy data-giver badge <br><br />
[unlocked if the subject has been standing still for at least one minute] + [x points earned/given]<br><br />
—Novice data-giver badge <br><br />
[unlocked if the subject has been successfully completing 5 missions from the monitor] + [x points earned/given]<br><br />
—Hyperactive data-giver badge <br><br />
[unlocked if the subject has never been standing still for 10 seconds within 2 minutes lapse time] + [x points earned/given]<br><br />
—Expert data-giver badge <br><br />
[unlocked if the subject has been successfully completing 10 missions from the monitor within 10 minutes] + [x points earned/given]<br><br />
—Master data-giver badge <br><br />
[unlocked if the subject has been successfully logging on the local Wi-Fi hotspot] + [x points earned/given] (optional)<br><br />
<br><br />
On the top left side of the screen, a user score displays the number of points generated by the collected pieces of information, and the unlocking of special achievements instructed by the monitor.<br><br />
<br><br />
—Given information: 298 pieces <br><br />
[displays number of collected events]<br><br />
—Points: 312000 <br><br />
[conversion of collected events and achievement into points]<br><br />
<br><br />
On the top right of the screen, the user is ranked among x number of previous visitors and the prestigious badge recently earned is displayed bellow<br><br />
<br><br />
—subject global ranking: 3/42 <br><br />
[compares subject’s score to all final scores from previous subjects]<br><br />
—subject status: expert data-giver<br><br />
[display the most valuable reward unlocked by the subject]<br><br />
<br><br />
When leaving the detection range, the subject gets a warning message and a countdown starts, and encouraging it to take the quick decision to come back<br><br />
<br><br />
—“Are you sure you want to leave? You have 5-4-3-2-1-0 seconds to come back within the detection range”<br><br />
[displayed as long as the subject remains completely undetected]<br><br />
<br><br />
If the subject definitely stands out of the detection range for more than 5 seconds, the monitor will also address a thankful message and the amount of money gathered, achievements, ranking, complete list of collected information and a qr code will be printed as a receipt with the help of a thermal printer. The QR will be a link to my thesis.<br><br />
<br><br />
—* “Thank you for helping today, don’t forget to take your receipt in order to collect and resume your achievements”<br><br />
[displayed after 5 seconds being undetected]<br><br />
<br><br />
In order to collect, read or/and use that piece of information, the visitor will inevitably have to come back within the range of detection, and intentionally, or not, reactivate the data tracking game. It is therefore impossible to leave the area of detection without leaving at least one piece of your own information printed in the space. Because of this, the physical space should gradually be invaded by tickets scattered on the floor. As in archaeology, these tickets give a precise trace of the behavior and actions of previous subjects for future subjects. <br><br />
<br />
===Why do you want to make it?===<br />
<br />
When browsing online or/and using connected devices in the physical world, even the most innocent action/information can be invisibly recorded, valued and translated into informational units, subsequently generating profit for monopolistic companies. While social platforms, brands, public institutions and governments explicitly promote the use of monitoring practices in order to better serve or protect us, we could also consider these techniques as implicitly political, playing around some dynamics of visibility and invisibility in order to assert new forms of power over targeted audiences. <br />
<br><br><br />
In the last decade, a strong mistrust of new technologies has formed in the public opinion, fueled by events such as the revelations of Edward Snowden, the Cambridge Analytica scandal or the proliferation of fake news on social networks. We have also seen many artists take up the subject, sometimes with activist purposes. But even if a small number of citizens have begun to consider the social and political issues related to mass surveillance, and some individuals/groups/governments/associations have taken legal actions, surveillance capitalism still remains generally accepted, often because ignored or/and misunderstood.<br />
<br><br><br />
Thanks to the huge profits generated by the data that we freely provide every day, big tech companies have been earning billions of dollars over the sale of our personal information. With that money, they could also further develop deep machine learning programs, powerful recommendation systems, and to broadly expand their range of services in order to track us in all circumstances and secure their monopolistic status. Even if we might consider this realm specific to the online world, we have seen a gradual involvement from the same companies to monitor the physical world and our human existences in a wide array of contexts. For example, with satellite and street photography (Google Earth, Street View), geo localization systems, simulated three-dimensional environments (augmented reality, virtual reality or metaverse) or extensions of our brains and bodies (vocal assistance and wearable devices). Ultimately, this reality has seen the emergence of not only a culture of surveillance but also of self-surveillance, as evidenced by the popularity of self-tracking and data sharing apps, which legitimize and encourage the datafication of the body for capitalistic purposes.<br />
<br><br><br />
For the last 15 years, self-tracking tools have made their way to consumers. I believe that this trend is showing how ambiguous our relationship can be with tools that allow such practices. Through my work, I do not wish to position myself as a whistleblower, a teacher or activist. Indeed, to adopt such positions would be hypocritical, given my daily use of tools and platforms that resort to mass surveillance. Instead, I wish to propose an experience that highlights the contradictions in which you and I, internet users and human beings, can find ourselves. This contradiction is characterized by a paradox between our state of concern about the intrusive surveillance practices operated by the Web giants (and their effects on societies and humans) and a state of entertainment or even active engagement with the tools/platforms through which this surveillance is operated/allowed. By doing so, I want to ask how do these companies still manage to get our consent and what human biases do they exploit in order to do so. That’s is how my graduation work and my thesis will investigate the effect of gamification, gambling or reward systems as well as a the esthetization of data/self-data as means to hook our attention, create always more interactions and orientate our behaviors.<br />
<br />
<br />
===How to you plan to make it and on what timetable?===<br />
<br />
I am developing this project with Arduino Uno/Mega boards, an array of ultrasonic sensor, P5.js and screens.<br><br><br />
<br />
<b>How does it work?</b><br />
<br><br><br />
The ultrasonic sensors can detect obstacles in a physical space and know the distance between the sensor and obstacle(s) by sending and receiving back an ultrasound. The Arduino Uno/Mega boards are microcontrollers which can receive this information, run it in a program in order to convert these values into a mm/cm/m but also map the space into an invisible grid. Ultimately, values collected on the Arduino’s serial monitor can be sent to P5.js through P5.serialcontrol. P5.js will then allow a greater freedom in way the information can be displayed on the screens.<br />
<br><br><br />
Process:<br />
<br><br><br />
<b>1st semester: Building a monitoring device, converting human actions into events, and events into visual feedbacks</b><br />
<br><br><br />
During the first semester, I am focused on exploring monitoring tools that can be used in the physical world, with a specific attention to ultrasonic sensors. Being new to Arduino programming, my way of working is to start from the smallest and most simple prototype and gradually increase its scale/technicality until reaching human/architectural scale. Prototypes are subject to testing, documentation and comments helping to define which direction to follow. The first semester also allows to experiment with different kind of screen (LCD screens, Touch screens, computer screens, TV screens) until finding the most adequate screen monitor(s) for the final installation. Before building the installation, the project is subject to several sketching and animated simulations in 3 dimensions, exploring different scenarios and narrations. At the end of the semester, the goal is to be able to convert a specific range of human actions into events and visual feedback creating a feedback loop from the human behaviors being converted into information; the translation of this information into written/visual feedbacks; and the effects of this feedbacks on human behavior; and so on.<br />
<br><br><br />
<b>2nd semester: Implementing gamification with the help of collaborative filtering, point system and ranking.</b><br />
<br><br><br />
During the second semester, it is all about building and implementing a narration with the help of gaming mechanics that will encourage humans to feed the data gathering device with their own help. An overview of how it works is presented here in the project proposal and will be subject to further developments in the practice. <br />
<br><br><br />
To summarize the storyline, the subject being positioned in the detection zone finds herself/himself unwillingly embodied as the main actor of a data collection game. Her/His mere presence generates a number of points/dollars displayed on a screen, growing as she/he stays within the area. The goal is simple: to get a higher score/rank and unlock achievements by acting as recommended by a data-collector. This can be done by setting clear goals/rewards to the subject, and putting its own performance in comparison to all the previous visitors, giving unexpected messages/rewards, and give an aesthetic value to the displayed informations. <br />
<br><br><br />
The mechanism is based on a sample of physical events that have been already explored in the first semester of prototyping (detection of movements, positions, lapse of time spent standing still or moving, and entry or exit from a specific area of detection). Every single detected event in this installation is stored in a data bank, and with the help of collaborative filtering, will allow to the display of custom recommendations such as:<br />
<br><br><br />
_ “Congratulations, you have now given the monitor 12 % of all possible data to collect”<br><br />
_ “Are you sure you don’t want to move to the left? The monitor has only collected data from 3 visitors so far in this spot”<br><br />
_ “Congratulations, the monitor has reached 1000 pieces of information from you!”<br><br />
_ “If you stay there for two more minutes, there is a 99% chance you will be in the top 100 of ALL TIME data-givers”<br><br />
_ “Leaving all-ready? The monitor has yet 304759 crucial pieces of information to collect from you”<br><br />
_ “You are only 93860 actions away from being the top one data-giver”<br><br />
_ “Statistics are showing that people staying for more than 5 minutes average will be 10 times more benefitting for me”<br><br />
_ “The longer you stay on this spot, the more chance you have to win a “Lazy data-giver” badge”<br><br />
<br><br><br />
The guideline is set out here, but will be constantly updated with the help of experiments and the results observed during the various moments of interaction between the students and the algorithm. For this purpose, the installation under construction will be left active and autonomous in its place of conception (studio) and will allow anyone who deliberately wishes to interact with it to do so. Beyond the voluntary interactions, my interest is also to see what can be extracted from people simply passing in front of this installation. In addition to this, some of the mechanics of the installation will be further explored by collaborating with other students, and setting up more ephemeral and organized experiences with the participants. (ex: 15 February 2022 with Louisa)<br />
<br><br><br />
This semester will also include the creation of a definite set of illustrations participating to engage the participants of the installation in a more emotional way, the illustrations will be made by an illustrator/designer, with whom I usually collaborate. <br />
<br><br><br />
<b>3rd semester: Build the final installation of final assessment and graduation show. Test runs, debug and final touchs.</b><br />
<br><br><br />
During the third semester, the installation should be settled in the school, in the alumni area, next to XPUB studio for the final assessment, and ultimately settled again at WORM for the graduation show. I am interested in putting this installation into privileged spaces of human circulation, (such as hallways) that would more easily involve the detection of people, and highlight the intrusive aspect of such technologies. The narration, the mechanics, illustrations and graphic aspect should be finalized at the beginning of the 3rd semester, and subject to intense test runs during all that period until meeting the deadline.<br />
<br />
===Relation to larger context===<br />
<br />
As GAFAM companies are facing more and more legal issues, and held accountable in growing numbers of social and political issues around the world, the pandemic context has greatly contributed to make all of us more dependent than ever on the online services provided by these companies and to somehow force our consent. While two decades of counter-terrorism measures legitimized domestic and public surveillance techniques such as online and video monitoring, the current public health crisis made even more necessary the use of new technologies for regulating the access to public spaces and services, but also for socializing, working together, accessing to culture, etc. In a lot of countries, from a day to another, and for an undetermined time, it has become necessary to carry a smartphone (or a printed QR code) in order to get access transport, entertainment, cultural and catering services, but also in order to do simple things such as to have a look at the menu in a bar/restaurant or to make an order.. Thus, this project takes place in a context where techno-surveillance has definitely taken a determining place in the way we can access spaces and services related to the physical world. <br><br><br />
<br />
Data Marketisation / Self Data: Quantified Self / Attention Economy / Public Health Surveillance / Cybernetics <br />
<br />
<br />
===Relation to previous practice?===<br />
<br />
During my previous studies in graphic design, I started being engaged with the new media by making a small online reissue of Raymond Queneau’s book called Exercices de Style. In this issue called Incidences Médiatiques (2017), the user/reader was encouraged to explore the 99 different versions of a same story written by the author in a less-linear way. The idea was to consider each user graphic user interface as a unique reading context. It would determine which story could be read, depending on the device used by the reader, and the user could navigate through these stories by resizing the Web window, by changing browser or by using on a different device. <br />
<br><br><br />
As part of my graduation project called Media Spaces (2019), I wanted to reflect on the status of networked writing and reading, by programming my thesis in the form of Web to Print website. Subsequently, this website became translated in the physical space as a printed book, and a series of installations displayed in an exhibition space that was following the online structure of my thesis (home page, index, part 1-2-3-4). In that way, I was interested to inviting to visitors to make a physical experience some aspects of the Web<br />
<br><br><br />
As a first-year student of Experimental Publishing, I continued to work in that direction by eventually creating a meta-website called Tense (2020) willing to display the invisible html <meta> tags inside of an essay in order to affect our interpretation of the text. In 2021, I worked on a geocaching pinball game highlighting invisible Web event, and a Web oscillator, which amplitude and frequency range were directly related to the user’s cursor position and browser screen-size.<br />
<br><br><br />
While it has always been clear to me that these works were motivated by the desire to define media as context, subject or/and content, the projects presented here have often made use of surveillance tools to detect and translate user information into feedbacks, participating in the construction of an individualized narrative or/and a unique viewing/listening context (interaction, screen size, browser, mouse position). The current work aims to take a critical look at the effect of these practices in the context of techno surveillance.<br />
<br><br><br />
Similarly, projects such as Media Spaces have sought to explore the growing confusion between human and web user, physical and virtual space or online and offline spaces. This project will demonstrate that these growing confusions will eventually lead us to be tracked in all circumstances, even in our most innocuous daily human activities/actions.<br />
<br />
<br />
===Selected References===<br />
<br />
<b>Works:</b><br />
<br />
* M. DARKE, fairlyintelligent.tech (2021) https://fairlyintelligent.tech/<br />
« invites us to take on the role of an auditor, tasked with addressing the biases in a speculative AI »Alternatives to techno-surveillance<br />
<br><br />
* MANUEL BELTRAN, Data Production Labor (2018) https://v2.nl/archive/works/data-production-labour/<br />
Expose humans as producers of useful intellectual labor that is benefiting to the tech giants and the use than can be made out of that labor.<br />
<br><br />
* TEGA BRAIN and SURYA MATTU, Unfit-bits (2016) http://tegabrain.com/Unfit-Bits<br />
Claims that that technological devices can be manipulated easily and hence, that they are fallible and subjective. They do this by simply placing a self-tracker (connected bracelet) in another context, such as on some other objects, in order to confuse these devices.<br />
<br><br />
* JACOB APPELBAUM, Autonomy Cube (2014), https://www.e-flux.com/announcements/2916/trevor-paglen-and-jacob-appelbaumautonomy-cube/<br />
Allows galleries to enjoy encrypted internet access and communications, through a Tor Network<br />
<br> <br />
* STUDIO MONIKER, Clickclickclick.click (2016) https://clickclickclick.click/<br />
You are rewarded for exploring all the interactive possibilities of your mouse, revealing how our online behaviors can be monitored and interpretated by machines.<br />
<br><br />
* RAFAEL LOZANO-HEMMER, Third Person (2006) https://www.lozano-hemmer.com/third_person.php<br />
Portrait of the viewer is drawn in real time by active words, which appear automatically to fill his or her silhouette https://www.lozano-hemmer.com/third_person.php<br />
<br><br />
* JONAL LUND, What you see is what you get (2012) http://whatyouseeiswhatyouget.net/<br />
«Every visitor to the website’s browser size, collected, and played back sequentially, ending with your own.»<br />
<br><br />
* USMAN HAQUE, Mischievous Museum (1997) https://haque.co.uk/work/mischievous-museum/<br />
Readings of the building and its contents are therefore always unique -- no two visitors share the same experience. https://haque.co.uk/work/mischievous-museum/<br />
<br><br><br />
<b>Books & Articles:</b><br />
<br />
* SHOSHANA ZUBOFF, The Age of Surveillance Capitalism (2020) <br />
Warns against this shift towards a «surveillance capitalism». Her thesis argues that, by appropriating our personal data, the digital giants are manipulating us and modifying our behavior, attacking our free will and threatening our freedoms and personal sovereignty.<br />
<br><br />
* EVGENY MOROZOV, Capitalism’s New Clothes (2019)<br />
Extensive analysis and critic of Shoshana Zuboff research and publications.<br />
<br><br />
* BYRON REEVES AND CLIFFORD NASS, The Media Equation, How People Treat Computers, Television, and New Media Like Real People and Places (1996)<br />
Precursor study of the relation between humans and machine, and how do you human relate to them.<br />
<br><br />
* OMAR KHOLEIF, Goodbye, World! — Looking at Art in the digital Age (2018) <br />
Authors shares it’s own data as a journal in a part of the book, while on another part, question how the Internet has changed the way we perceive and relate, and interact with/to images.<br />
<br><br />
* KATRIN FRITSCH, Towards an emancipatory understanding of widespread datafication (2018)<br />
Suggests that in response to our society of surveillance, artists can suggest activist response that doesn’t necessarily involve technological literacy, but instead can promote strong counter metaphors or/and counter use of these intrusive technologies.<br />
<br />
=<p style="font-family:helvetica">Prototyping</p>=<br />
<br />
<br />
==<p style="font-family:helvetica">Arduino</p>==<br />
<br />
Early sketch that is about comparing and questioning our Spectator experience of a physical exhibition space (where everything is often fixed and institutionalized), with our User experience of a Web space (where everything is way more elastic, unpredictable and obsolete). I’m interested about how slighly different can be rendered a same Web page to all different users depending on technological contexts (device nature, browser, IP address, screen size, zoom level, default settings, updates, luminosity, add-ons, restrictions, etc). I would like to try to create a physical exhibition space/installation that would be inspired from the technology of a Web user window interface in order then to play with exhbitions parameters such as the distance between the spectator and the artwork, the circulation in space, the luminosity/lighting of the artwork(s), the sound/acoustics, etc etc etc.<br />
<br><br><br />
Distance between wall behind the spectator and the artwork has to be translated into a variable that can affect sound or light in the room.<br />
Wall position could be connected to the dimensions of a user interface in real time with arduino and a motor.<br />
<br><br />
<br />
===<p style="font-family:helvetica">Create a connected telemeter with an Arduino, a ultrasonic Sensor (HC-SR04) and a ESP8266 module connected to Internet </p>===<br />
<br />
It seems possible to create your own telemeter with a arduino by implementing an [https://components101.com/sensors/ultrasonic-sensor-working-pinout-datasheet ultrasonic Sensor HC-SR04]<br><br />
By doing so, the values capted by the sensor could potentaialy be directly translated as a variable.<br> Then with the ESP8266 module, the values could be translated on a database on the internet.<br />
Then I could enter that website and see the values from anywhere and use them to control light, sound or anything else I wish.<br />
<br />
* https://pzwiki.wdka.nl/mediadesign/Arduino101#Anatomy_of_a_sketch<br />
<br />
===<p style="font-family:helvetica">Tool/Material list: </p>=== <br />
<br />
* Telemeter (user to get the distance between the device and an obstacle)<br><br />
* Rails<br />
* Handles<br />
* Wheels<br />
* Movable light wall <br />
* Fixed walls<br />
* USB Cable<br />
* Connexion cables<br />
* [https://www.arduino.cc/ Arduino]<br />
* ESP8266<br />
<br />
[[File:Connexioncable.jpg|200px|thumb|left|Connexion cables (Arduino)]]<br />
[[File:Usb cable1.jpg|200px|thumb|center|USB Cable]]<br />
[[File:Arduino1.png|200px|thumb|left|Arduino]]<br />
[[File:HC-SR04 Ultrasonic Sensor.jpg|200px|thumb|center|HC-SR04 Ultrasonic Sensor]]<br />
[[File:Plywood.jpg|200px|thumb|left|Plywood x 3]]<br />
[[File:Handle.jpg|200px|thumb|center|Handle]]<br />
[[File:ESP8266.jpg|200px|thumb|left|ESP8266]]<br />
[[File:Rail.jpg|200px|thumb|center|Rail]]<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica"> About the ultrasonic Sensor (HC-SR04)</p> ===<br />
<br />
====<p style="font-family:helvetica">Characteristics</p> ====<br />
<br />
Here are a few of it's technical characteristic of the HC-SR04 ultrasonic sensor : <br><br />
<br />
* Power supply: 5v.<br />
* Consumption in use: 15 mA.<br />
* Distance range: 2 cm to 5 m.<br />
* Resolution or accuracy: 3 mm.<br />
* Measuring angle: < 15°.<br />
<br />
[https://elec13.wordpress.com/2016/10/15/realisez-un-telemetre-avec-le-hc-sr04-et-une-carte-arduino/ Ref]<br />
More infos about the sensor [https://www.robot-maker.com/shop/img/cms/datasheet-capteur-ultrasons-hc-sr04.pdf here] and [https://www.aranacorp.com/fr/mesure-de-distance-avec-un-capteur-hc-sr04/ here]<br />
<br />
====<p style="font-family:helvetica"> Where to buy the ultrasonic Sensor (HC-SR04)</p> ====<br />
<br />
* 1piece = 9,57 € - https://fr.shopping.rakuten.com/offer/buy/7112482554/module-de-mesure-a-ultrasons-hc-sr04-capteur-de-mesure-de-distance-5v-pour.html?t=7036&bbaid=8830210388<br />
* 20 pieces = 34,22 € - https://fr.shopping.rakuten.com/offer/buy/7112482554/module-de-mesure-a-ultrasons-hc-sr04-capteur-de-mesure-de-distance-5v-pour.html?t=7036&bbaid=8830210388<br />
<br />
=== Prototype 1 : Arduino + Resistor ===<br />
<br />
During a workshop, we started with a very basic fake arduino kit, a led, a motor, and a sensor.<br />
After making a few connections, we got to understand a bit how it works.<br />
<br />
<br />
<br />
#include <Servo.h><br />
Servo myservo; // create servo object to control a servo<br />
int pos = 0; // variable to store the servo position<br />
int ldr = 0; // vairable to store light intensity<br />
<br />
void setup() {<br />
Serial.begin(9600); // begin serial communication, NOTE:set the same baudrate in the serial monitor/plotter<br />
myservo.attach(D7); // attaches the servo on pin 9 to the servo object<br />
}<br />
<br />
void loop() {<br />
//lets put the LDR value in a variable we can reuse<br />
ldr = analogRead(A0);<br />
<br />
//the value of the LDR is between 400-900 at the moment <br />
//the servo can only go from 0-180<br />
//so we need to translate 400-900 to 0-180<br />
//also the LDR value might change depending on the light of day<br />
//so we need to 'contrain' the value to a certain range<br />
ldr = constrain(ldr, 400, 900); <br />
<br />
//now we can translate<br />
ldr = map(ldr, 400, 900, 0, 180);<br />
<br />
//lets print the LDR value to serial monitor to see if we did a good job<br />
Serial.println(ldr); // read voltage on analog pin 0, print the value to serial monitor<br />
<br />
//now we can move the sensor accoring to the light/our hand!<br />
myservo.write(ldr); // tell servo to go to position in variable 'pos'<br />
delay(15); <br />
}<br />
<br />
<br />
[[File:Servo-breadboard.jpg|300px|thumb|left|How to make a engine work<br>credits: Dennis de Bel]]<br />
[[File:Ldrbreadboard.jpg|300px|thumb|center|How to make a sensor work<br>Credits: Dennis de Bel]]<br />
[[File:Combined-breadboard2.jpg|300px|thumb|left|How to make both sensor and engine works together<br>Credits: Dennis de Bel]]<br />
[[File:Sensortest.gif|300px|thumb|center|Sensortest during workshop]]<br />
<br />
=== Split Screen Arduino + Sensor + Serial Plotter + Responsive Space ===<br />
<br />
Trying here to show the simutaneous responses between the sensor, the values, and the simualtion. <br />
<br />
[[File:Splitscreen.gif|800px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 2: Arduino + Ultrasonic sensor</p> ===<br />
<br />
For this very simple first sketch and for later, I will include newPing library that improves a lot the ultrasonic sensor capacities.<br />
<br />
[[File:ArduinoUno Sensor Sketch1.jpg|400px|thumb|left|Sketch 1: Arduino Uno + Sensor]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
#include <NewPing.h> <br />
int echoPin = 10;<br />
int trigPin = 9;<br />
<br />
NewPing MySensor(trigPin, echoPin); //This defines a new variable<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
Serial.begin(9600);<br />
}<br />
<br />
void loop() {<br />
// put your main code here, to run repeatedly:<br />
int duration = MySensor.ping_median(); <br />
int distance = MySensor.convert_in(duration);<br />
<br />
Serial.print(distance);<br />
Serial.println("cm");<br />
delay(250);<br />
}<br />
<br />
===<p style="font-family:helvetica">Prototype 3: Arduino Uno + Sensor + LCD (+ LED)</p> ===<br />
<br />
All together from https://www.youtube.com/watch?v=GOwB57UilhQ<br />
<br />
[[File:Sketch2ArduinoUnoSensorLCD.jpg|400px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD]]<br />
[[File:Sketch3ArduinoUnoSensorLCDLED.jpg|400px|thumb|right|Sketch 3: Arduino Uno + Sensor + LCD + LED]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
#include <LiquidCrystal.h><br />
<br />
LiquidCrystal lcd(10,9,5,4,3,2);<br />
<br />
const int trigPin = 11;<br />
const int echoPin = 12;<br />
<br />
long duration;<br />
int distance;<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
analogWrite(6,100);<br />
lcd.begin(16,2);<br />
pinMode(trigPin, OUTPUT); // Sets the trigPin as an Output<br />
pinMode(echoPin, INPUT); // Sets the echoPin as an Input<br />
Serial.begin(9600); // Starts the serial communication<br />
<br />
<br />
}<br />
<br />
void loop() {<br />
long duration, distance;<br />
digitalWrite(trigPin,HIGH);<br />
delayMicroseconds(1000);<br />
digitalWrite(trigPin, LOW);<br />
duration=pulseIn(echoPin, HIGH);<br />
distance =(duration/2)/29.1;<br />
Serial.print(distance);<br />
Serial.println("CM");<br />
delay(10);<br />
// Prints the distance on the Serial Monitor<br />
Serial.print("Distance: ");<br />
Serial.println(distance);<br />
<br />
lcd.clear();<br />
lcd.setCursor(0,0);<br />
lcd.print("Distance = ");<br />
lcd.setCursor(11,0);<br />
lcd.print(distance);<br />
lcd.setCursor(14,0);<br />
lcd.print("CM");<br />
<br />
delay(500);<br />
<br />
}<br />
<br />
From this sketch, I start considering that the distance value could be directly sent to a computer and render a Web page depending on its value.<br />
<br>Note: It looks like this sensor max range is 119cm, which is almost 4 times less than the 4 meters max range stated in component description.<br />
<br />
===<p style="font-family:helvetica">Prototype 4: Arduino Uno + Sensor + LCD + 2 LED = Physical vs Digital Range detector </p> ===<br />
<br />
Using in-between values to activate the green LED<br><br />
Once again, puting together the simulation and the device in use.<br />
<br />
[[File:SensorSpace.gif|400px|thumb|left|Sensor Test VS Elastic Space]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
#include <LiquidCrystal.h><br />
#include <LcdBarGraph.h> <br />
#include <NewPing.h> <br />
<br />
LiquidCrystal lcd(10,9,5,4,3,2);<br />
<br />
const int LED1 = 13; <br />
const int LED2 = 8; <br />
const int trigPin = 11;<br />
const int echoPin = 12;<br />
<br />
long duration; //travel time<br />
int distance;<br />
int screensize;<br />
<br />
void setup() {<br />
// put your setup code here, to run once:<br />
analogWrite(6,100);<br />
lcd.begin(16,2);<br />
pinMode(trigPin, OUTPUT); // Sets the trigPin as an Output<br />
pinMode(echoPin, INPUT); // Sets the echoPin as an Input<br />
Serial.begin(9600); // Starts the serial communication<br />
<br />
pinMode(LED1, OUTPUT);<br />
pinMode(LED2, OUTPUT);<br />
}<br />
<br />
void loop() {<br />
long duration, distance;<br />
digitalWrite(trigPin,HIGH);<br />
delayMicroseconds(1000);<br />
digitalWrite(trigPin, LOW);<br />
duration=pulseIn(echoPin, HIGH);<br />
distance =(duration/2)/29.1; //convert to centimers<br />
screensize = distance*85;<br />
Serial.print(distance);<br />
Serial.println("CM");<br />
Serial.print(screensize);<br />
delay(10);<br />
<br />
if ((distance >= 15) && (distance<=20))<br />
{<br />
digitalWrite(LED2, HIGH);<br />
digitalWrite(LED1, LOW);<br />
}<br />
else<br />
{<br />
digitalWrite(LED1, HIGH);<br />
digitalWrite(LED2, LOW); <br />
}<br />
<br />
// Prints the distance on the Serial Monitor<br />
Serial.print("Distance: ");<br />
Serial.println(distance);<br />
<br />
lcd.clear();<br />
lcd.setCursor(0,0);<br />
lcd.print("ROOM");<br />
lcd.setCursor(6,0);<br />
lcd.print(distance);<br />
lcd.setCursor(9,0);<br />
lcd.print("cm"); <br />
lcd.setCursor(0,2);<br />
lcd.print("SCR");<br />
lcd.setCursor(6,2);<br />
lcd.print(screensize);<br />
lcd.setCursor(9,2);<br />
lcd.print("x1080px");<br />
<br />
delay(500);<br />
<br />
}<br />
<br />
<br />
I brought a second arduino, 2 long breadboards, black cables, another LCD screen, and remade the setup on this format.<br />
For some reasons the new LCD screen is not going in the breadboard, and I need more male to female cables in order to connect it correctly.<br />
With this longer breadboard, I want to extend the range value system, and make it visible with leds and sounds.<br />
<br />
[[File:Arduino Setup V3.jpg|400px|thumb|left|Upgrade]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">How to get more digital pins [not working]</p> ===<br />
<br />
* How to use analog pins as digital pins https://www.youtube.com/watch?v=_AAbGLBWk5s<br />
* Up to 60 more pins with Arduino Mega https://www.tinytronics.nl/shop/en/development-boards/microcontroller-boards/arduino-compatible/mega-2560-r3-with-usb-cable<br />
<br />
I tried 4 different tutorials but still didn't find a way to make the thing work, that's very weird, so I will just give up and take a arduino mega =*(<br />
<br />
[[File:ArduinoExtraDigitalPins.jpg|300px|thumb|left|ArduinoExtraDigitalPins]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 5: Arduino Uno + 3 Sensor + 3 LEDS </p> ===<br />
<br />
With a larger breadboard, connecting 3 sensors all together. Next step will be to define different ranges of inbetween values for each sensor in order to make a grid.<br />
To accomplish this grid I will make a second row of sensors such as this, in order to get x and y values in space<br />
<br />
===<p style="font-family:helvetica">Prototype 6: Arduino Uno + 3 Sensor + 12 LEDS</p> ===<br />
<br />
With 3 sensors, added on 2 long breadboads, and with a different set of range values, we can start mapping a space.<br />
<br />
[[File:SensorMediaQueries 01.gif|300px|thumb|left|SensorMediaQueries]]<br />
[[File:Physical Space Mapping.png|500px|thumb|center|Physical Space Mapping]]<br />
<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 7: Arduino Uno + 12 LEDS + 3 Sensor + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
For this prototype, I implement a buzzer that will emit a specific sound depending on the distance of the obstacle detected by the sensor.<br />
I also puted back a LCD displaying the 3 sensors values. The screen luminosity can be changed via a potentiometer.<br />
<br><br />
Ressources:<br />
* https://samsneatprojectblogcode.blogspot.com/2016/06/piezo-buzzer-code-and-fritzing.html<br />
* https://www.youtube.com/watch?v=m7bbfzZ2UNo<br />
* https://www.youtube.com/watch?v=K8AnlUT0ng0<br />
<br />
[[File:ArduinoMegaSensorBuzzerLCD.jpg|300px|thumb|left|ArduinoMegaSensorBuzzerLCD]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Prototype 8: Arduino Uno + 12 LEDS + 3 Sensor on mini breadboards + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
Same code, but new setup detaching each sensor from each others and allowing to place them anywhere.<br />
<br />
[[File:ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|300px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
===<p style="font-family:helvetica">Prototype 9: Arduino Uno + 21 LEDS + 7 Sensor + Buzzer + Potentiometer + LCD</p> ===<br />
<br />
[[File:Sensor Wall 01.png|300px|thumb|left|Sensor Wall 01]]<br />
[[File:PhysicalMapping3.png|500px|thumb|right|PhysicalMapping2]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 10: Arduino Mega + 7 Sensors + LCD + 3 buzzers + P5.js </p> ===<br />
<br />
[[File:P5.js sensor.gif|300px|thumb|left|P5.js and ultrasonic sensor]]<br />
<br />
The goal here was to create a first communication between the physical setup and a P5.js web page<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 11: Arduino Mega + UltraSonicSensor + LCD TouchScreen </p> ===<br />
<br />
[[File:LCDArduinoVariableposter.gif|300px|thumb|left|LCD Arduino Variable poster]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Semester 2</p> ==<br />
<br />
[[File:Simu part 02.gif|left|1000px]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 12: Arduino Uno + P5serialcontrol + P5.js web editor = Code descrypter </p> ===<br />
<br />
[[File:Codeword 01.png|300px|thumb|left|P]]<br />
[[File:Codeword 02.png|300px|thumb|center|I]]<br />
[[File:Codeword 03.png|300px|thumb|left|G]]<br />
[[File:Codeword 04.png|300px|thumb|center|E]]<br />
[[File:Codeword 05.png|300px|thumb|left|O]]<br />
[[File:Codeword 06.png|300px|thumb|center|N]]<br />
<br />
<br><br><br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 13: Arduino Uno + P5serialcontrol + P5.js web editor = Game </p> ===<br />
<br />
[[File:01 Screen .png|300px|thumb|left|Stage 0<br>The subject is located too far away]]<br />
[[File:02 Screen.png|300px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage]]<br />
[[File:03 Screen.png|300px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage ]]<br />
[[File:04 Screen.png|300px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close]]<br />
[[File:06 Screen.png|300px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer]]<br />
[[File:07 Screen.png|300px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps]]<br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Sketch 14: Arduino Uno + P5serialcontrol + P5.js web editor = Simplified interface</p> ===<br />
<br />
[[File:Data Collector Sample 01.gif|400px|thumb|left]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br />
<br><br><br />
<br />
====<p style="font-family:helvetica">How to add split serial data value with more than one sensor</p>====<br />
<br />
* Use Split: function https://p5js.org/reference/#/p5/split<br />
* Pad example: https://hub.xpub.nl/soupboat/pad/p/Martin<br />
<br />
<br />
[[File:Debug Martin 01.png|500px|thumb|left]]<br />
[[File:Debug Martin 05.png|500px|thumb|center]]<br />
[[File:Debug Martin 02.png|500px|thumb|left]]<br />
[[File:Debug Martin 03.png|500px|thumb|center]]<br />
[[File:Debug Martin 04.png|500px|thumb|left]]<br />
[[File:Debug Martin 06.png|500px|thumb|center]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
<br />
===<p style="font-family:helvetica">Installation update</p>===<br />
<br />
[[File:Installation Update 01.jpg|300px|thumb|left]]<br />
[[File:Installation Update 02.jpg|300px|thumb|center]]<br />
<br />
<br><br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">To do</p> ===<br />
<br />
* Manage to store the data with WEB STORAGE API<br />
** https://www.w3schools.com/JS/js_api_web_storage.asp<br />
* Import Live data or Copy data from <br />
** https://www.worldometers.info/<br />
* Import Live data from stock market <br />
** https://money.cnn.com/data/hotstocks/index.html<br />
** https://www.tradingview.com/chart/?symbol=NASDAQ%3ALIVE <br />
** https://www.google.com/finance/portfolio/972cea17-388c-4846-95da-4da948830b03<br />
* Make a Bar graph<br />
** https://openprocessing.org/sketch/1152792<br />
<br />
===<p style="font-family:helvetica">Stages Design</p> ===<br />
<br />
Many stages (mini-levels) are being designed. They are all intended to evoke the different contexts and pretexts for which we perform daily micro-tasks to collect data.<br />
<br><br />
The visitor can unlock the next step by successfully completing one or more tasks in a row. After a while, even if the action is not successful, a new step will appear with a different interface and instructions. <br />
<br />
The list below details the different stages being produced, they will follow each others randomly during the session:<br />
<br />
** Money/Slot Machine<br />
** Well-Being<br />
** Healthcare<br />
** Yoga<br />
** Self-Management<br />
** Stock Market Exchange<br />
** Military interface<br />
<br />
The visuals bellow illustrate their design.<br />
<br />
[[File:Captcha 01.png|thumb|left|Captcha:<br>one action needed<br />
moving forward, backward or standing <br />
stillnext stage unlock after action done <br />
and short animation]]<br />
[[File:Self Track 01.png|thumb|center|Self Tracking:<br>no interaction needed<br />
visitor must stand still until <br />
one of the goal is completed]]<br />
[[File:Self Track 02.png|thumb|left|Self Tracking:<br>no interaction needed<br />
visitor must stand still until <br />
one of the goal is completed]]<br />
[[File:Slot Machine 01.png|thumb|center|Slot Machine:<br>no interactions needed<br />
transition between 2 stages<br />
determines randomly the next stage<br />
displayed when nobody detected]]<br />
[[File:Social Live 01.png|thumb|left|Social Live:<br>no interaction needed<br />
visitor must stand still until <br />
money goal is completed]]<br />
[[File:Stock Ticket 01.png|thumb|center|Stock Ticket:<br>no interactions needed<br />
displayed when nobody detected]]<br />
<br><br><br><br><br><br><br><br />
<br />
===<p style="font-family:helvetica">Stages Design with P5.js</p> ===<br />
[[File:AllStages HomoData.png|400px|thumb|left]]<br />
[[File:Homo Data 02.gif|400px|thumb|left|6 levels in a row then randomnized, more to come]]<br />
[[File:Consolelog 01.gif|400px|thumb|center]]<br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br><br><br />
<br />
===<p style="font-family:helvetica">Grad Show: Worm</p> ===<br />
<br />
[[File:COM 01.jpg|400px|thumb|left|Count on Me - Worm - 01]]<br />
[[File:COM 02.jpg|400px|thumb|right|Count on Me - Worm - 02]]<br />
[[File:COM 03.jpg|400px|thumb|left|Count on Me - Worm - 03]]<br />
[[File:COM 04.jpg|400px|thumb|right|Count on Me - Worm - 04]]<br />
[[File:COM 05.jpg|400px|thumb|left|Count on Me - Worm - 05]]<br />
[[File:COM 06.jpg|400px|thumb|right|Count on Me - Worm - 06]]<br />
<br />
==<p style="font-family:helvetica"> Prototyping Ressources</p> ==<br />
<br />
===Do it Yourself Ressources (from Dennis de Bel)===<br />
<br />
* [https://www.instructables.com/DIY-Sensors/ Instructables] is a huge source of (written) tutorials on all kinds of topics. Keep in mind it's more quantity than quality. Interesting for you might be 'diy sensors'<br />
* [http://loliel.narod.ru/DIY.pdf Hand Made Electronic (Music)]: Great resource for cheap, diy electronics project focussing on<br />
sound/music (pdf findable online)<br />
* [https://www.n5dux.com/ham/files/pdf/Make%20-%20Electronics.pdf Make: Electronics:] Amazing, complete guide to everything 'electronics' (Warning, HUGE pdf)<br />
* [https://www.thingiverse.com/ Thingiverse:] The place to find 3d printable mechanics, enclosures, parts etc.<br />
<br />
===Electronic Shops (physical)===<br />
<br />
* [https://www.radiotwenthe.nl/ Radio Twenthe] (Den Haag)<br />
* [https://radiopiet.nl/ Radio Piet] (Arnhem)<br />
LIST OF SHOPS (also more physical NL ones)<br />
* https://www.circuitsonline.net/shops<br />
<br />
===Electronic Webshops (NL)===<br />
<br />
* https://www.tinytronics.nl/ (semi physical, pickup only in Eindhoven)<br />
* http://www.newtone-online.nl/catalog/<br />
* https://www.brigatti.nl/<br />
<br />
===Electronic Webshops (Rest)===<br />
<br />
* [https://www.conrad.nl/ Conrad] (Germany, expensive)<br />
* [https://www.tme.eu/en/ TME] (Poland, cheap, ridiculously difficult website)<br />
* [https://www.segor.de/#/index Segor] (Germany)<br />
* [http://mouser.de/ Mouser] (Germany)<br />
* [https://www.reichelt.de/ Reichelt] (Germany)<br />
* [https://www.farnell.com/ Farnell] (Germany/UK)<br />
* [https://www.digikey.com/ Digi-key] (USA, fast but expensive shipping + tax)<br />
* [https://www.taydaelectronics.com/ Tayda] (Thailand/USA, 2-3 weeks shipping)<br />
* [https://nl.aliexpress.com/ A liexpress] (China, 2-3 weeks shipping)<br />
<br />
===PCB making EU (Expensive)===<br />
<br />
* [https://www.eurocircuits.com/ Eurocircuits] (Germany)<br />
* [https://aisler.net/ Aisler] (Germany, 1 week from design upload to in your hands, very high quality)<br />
* [https://www.leiton.de/ Leiton] (Germany)<br />
<br />
===PCB making China (Cheap but import tax)===<br />
<br />
* [https://jlcpcb.com/ JLCPCB] (1 week from design upload to in your hands, low quality solder mask)<br />
* [https://www.pcbway.com/ PCBWAY] (1 week from design upload to in your hands)<br />
* [https://www.allpcb.com/ ALLPCB] (1 week from design upload to in your hands)<br />
<br />
===Arduino and Sensors===<br />
<br />
* https://www.floris.cc/shop/en/19-starter-kits<br />
* https://www.tinytronics.nl/shop/nl/arduino/kits/arduino-starter-kit<br />
* https://www.conrad.nl/p/makerfactory-beginnersset-voor-arduino-1612782<br />
<br />
===Sensor only Kit===<br />
<br />
* [https://nl.aliexpress.com/item/4000238240904.html?spm=a2g0o.search0304.0.0.7bca74dbu2i6KH&algo_pvid=59637d40-1368-41ba-bc30-63b1517303e9&aem_p4p_detail=2021092303503115630656510062050000317987&algo_exp_id=59637d40-1368-41ba-bc30-63b1517303e9-0 45-in-1] (aliexpress) Example sensor you will find in such a kit documented here<br />
<br />
===Arduino Starter Projects===<br />
<br />
* https://www.makerspaces.com/simple-arduino-projects-beginners/<br />
or slightly more complex:<br />
* http://www.makeuseof.com/tag/10-great-arduino-projects-for-beginners/<br />
or in videos:<br />
*[https://www.youtube.com/playlist?list=PLT6rF_I5kknPf2qlVFlvH47qHvqvzkkn%20d youtube playlist]<br />
or just many different ideas:<br />
*http://playground.arduino.cc/Projects/Ideas<br />
or - of course - on Instructables if you want to have a complete course:<br />
*https://www.instructables.com/class/Arduino-Class/<br />
or this course:<br />
*https://arduino.tkkrlab.space/<br />
ARDUINO + PROCESSING (visualizing sensors)<br />
*https://create.arduino.cc/projecthub/projects/tags/processing<br />
MISCELANIOUS KEYWORDS and LINKS<br />
*citizen science, for example: https://www.meetjestad.net/<br />
*https://forensic-architecture.org/<br />
<br />
====<p style="font-family:helvetica"> About the ESP8266 module</p> ====<br />
<br />
The ESP8266 is a microcontroller IC with Wi-Fi connection, it will allow us to connect the arduino to the internet so we can get the values obtained from sensors received directly on a self-hosted webpage. From this same web page, it would also be possible to control LESs, motors, LCD screens, etc.<br />
<br />
====<p style="font-family:helvetica"> Ressources about ESP8266 module</p> ====<br />
<br />
Kindly fowarded by Lousia:<br><br />
<br />
* https://www.youtube.com/watch?v=6hpIjx8d15s <br />
* https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/<br />
* https://www.youtube.com/watch?v=dWM4p_KaTHY<br />
* https://randomnerdtutorials.com/esp8266-web-server/<br />
* https://www.youtube.com/watch?v=6hpIjx8d15s<br />
* https://electronoobs.com/eng_arduino_tut101.php<br />
* http://surveillancearcade.000webhostapp.com/index.php (interface)<br />
<br />
====<p style="font-family:helvetica">Which ESP8266 to buy</p> ====<br />
<br />
* https://makeradvisor.com/tools/esp8266-esp-12e-nodemcu-wi-fi-development-board/<br />
* https://randomnerdtutorials.com/getting-started-with-esp8266-wifi-transceiver-review/<br />
* https://www.amazon.nl/-/en/dp/B06Y1ZPNMS/ref=sr_1_5?crid=3U8B6L2J834X0&dchild=1&keywords=SP8266%2BNodeMCU%2BCP2102%2BESP&qid=1635089256&refresh=1&sprefix=sp8266%2Bnodemcu%2Bcp2102%2Besp%2Caps%2C115&sr=8-5&th=1<br />
<br />
==<p style="font-family:helvetica">Installation</p>==<br />
<br />
===<p style="font-family:helvetica">Ressources</p> ===<br />
<br />
* Movable walls build out for Art Museum of West Virginia University [https://www.youtube.com/watch?v=E3SrGzAsRBE link]<br />
* Gallery Wall System (GWS) [https://www.youtube.com/watch?v=uJ-yFkJ9ykA link]<br />
* CASE-REAL installs movable walls inside a basement art gallery in tokyo [https://www.youtube.com/watch?v=kHTgAeN4XDg link]<br />
<br />
=<p style="font-family:helvetica">Venues</p> =<br />
<br />
==<p style="font-family:helvetica">Venue 1: Aquarium </p>==<br />
<br />
===<p style="font-family:helvetica">Description</p>===<br />
<br><br />
<b>AQUARIUM 1.0</b><br><br />
<br><br><br />
A Small Ecosystem for Living Thoughts<br><br />
<br><br />
Monday, 11th October<br><br />
19:30 – 21:30<br><br />
Leeszaal Rotterdam West<br><br />
Rijnhoutplein 3, 3014 TZ Rotterdam<br><br />
<br><br />
with Clara Gradel, Floor van Meeuwen, Martin Foucaut, Camilo Garcia, Federico Poni, <br />
Nami Kim, Euna Lee, Kendal Beynon, Jacopo Lega and Louisa Teichmann<br />
<br><br><br />
It’s oh-fish-ial! Students of the Experimental Publishing Master invite you to dive into their small ecosystem of living thoughts. Join us for an evening of conversation, discussion and new view points. If you look closely, you might even see some early thesis ideas hatching. Let's leave no rock unturned.<br />
<br />
==<p style="font-family:helvetica">Observation questionnaire</p>==<br />
<br />
This exercice is a very small, humble and almost 100% analog exercice questioning representation in two small steps. <br />
<br />
===<p style="font-family:helvetica">1st step</p>===<br />
<br />
[[File:Brick.jpg|300px|thumb|left|photo of a brick]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br />
* <b>1st step:</b> I give a sheet of paper to people during the venue and ask them to answer a series of questions concerning the object (brick) that is being displayed in the middle of the room on a podium. It is specified to them that they can be anywhere while observing this brick and in any position. Here are the quesitons:<br />
<br><br />
<br />
* <b>Please write down your first name: <br />
<br><br />
<br />
* Describe your position (sitting/standing/other):<br />
<br><br />
<br />
* Describe your location in the room:<br />
<br><br />
<br />
* Describe what you are seeing while looking at the screen:<br />
<br><br />
* Describe how you feel mentaly/emotionaly:</b><br />
<br><br />
<br><br />
===<p style="font-family:helvetica">2nd step</p>===<br />
<br />
[[File:Brickphoto.png|300px|thumb|left|photo of brick displayed inside a computer screen]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br />
<br />
* <b>2nd step:</b> I take the answers, wait a round, and then give back a new sheet of paper to the same people with the exact same questions concerning the respresentation of the object (brick) that is being displayed in the middle of the room on a computer screen on the same podium.<br />
<br />
===<p style="font-family:helvetica">Answer Samples</p>===<br />
<br />
1.0 <b>Object on a podium</b><br />
<br />
* 1.1 Sitting on corner stairs —> Want to see it from different angles —> Feeling trapped, frustrated<br />
* 1.2 Sitting on stairs —> a rock looking dead —> Feeling sad<br />
* 1.3 Sitting on the left close from columns —> rational observation —> Nostalgic memories because participated to the creation of the object as it looks right now<br />
* 1.4 Sitting in front of object —> Calm and slighly confused<br />
* 1.5 Sitting on the floor next to stairs in between the side and the middle —> Looking at the object from the bottom —> Feeling a bit confused and inspired<br />
<br><br><br />
2.0 <b>Photo of the object displayed on a computer screen placed on a podium</b><br />
<br />
* 2.1 Sitting on a chair seeing the brick from a bird perspective -> Feeling more control of the situation <br />
* 2.2 Sitting very close from the brick —> Seeing a flat and almost abstract picture —> Feeling drawn to the picture, aesthetically pleasing, feeling less sad about the object<br />
* 2.3 Sitting under a table very far way —> Looking abstract but identifiable —> Exited about the unusual and childish observation position<br />
* 2.4 Sitting on stairs —> and seeing the brick in 2D —> Feeling fine<br />
* 2.5 Sittiing on the stairs —> Seeing a side of the screen with a top view photo of the object —> Feeling confortable<br />
<br><br><br />
[[File:Answers1 RepresentationQuestionnaire.png|300px|thumb|left|Answers1_RepresentationQuestionnaire]]<br />
[[File:Answers2 RepresentationQuestionnaire.png|300px|thumb|center|Answers2_RepresentationQuestionnaire]]<br />
[[File:Answers3 RepresentationQuestionnaire.png|300px|thumb|left|Answers3_RepresentationQuestionnaire]]<br />
[[File:Answers4 RepresentationQuestionnaire.png|300px|thumb|center|Answers4_RepresentationQuestionnaire]]<br />
[[File:Answers5 RepresentationQuestionnaire.png|300px|thumb|left|Answers5_RepresentationQuestionnaire]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=<p style="font-family:helvetica">Venues</p> =<br />
<br />
==<p style="font-family:helvetica">Venue 2: Aquarium 2.0 </p>==<br />
<br />
===<p style="font-family:helvetica">Description</p>===<br />
<br><br />
Date 29th Nov — 4th Dec 2021 <br><br />
Time 15h — 18h <br><br />
29th Nov — 4th Dec 2021 (all day)<br><br />
Location: De Buitenboel, Rosier Faassenstraat 22 3025 GN Rotterdam, NL<br><br />
<br><br><br />
AQUARIUM 2.0 <br><br />
<br><br />
An ongoing window exhibition with Clara Gradel, Floor van Meeuwen, Martin Foucaut, Camilo Garcia, Federico Poni, Nami Kim, Euna Lee, Kendal Beynon, Jacopo Lega and Louisa Teichmann<br><br />
<br><br />
Tap upon the glass and peer into the research projects we are currently working on.<br />
From Monday 29th of November until Saturday 4th of December we put ourselves on display in the window of De Buitenboel as an entry point into our think tank. Navigating between a range of technologies, such as wireless radio waves, virtual realities, sensors, ecological and diffractive forms of publishing, web design frameworks, language games, and an ultra-territorial residency; we invite you to gaze inside the tank and float with us. Welcome back to the ecosystem of living thoughts.<br><br />
<br />
==<p style="font-family:helvetica">Aquarium LCD Portal (29 Nov – 4th Dec)</p>==<br />
<br />
This interactive micro-installation composed of a LCD screen and sensor(s) invites users/visitors to change the color of the screen and displayed messages by getting more or less close from the window. <br />
[https://www.pzwart.nl/blog/2021/11/30/aquarium-2-0/ Link]<br />
<br />
[[File:ScreenPortalFront.jpg|300px|thumb|left|ScreenPortalFront]]<br />
[[File:ScreenPortalback.jpg|300px|thumb|right|ScreenPortalback]]<br />
[[File:LCDScreenTest.gif|600px|thumb|center|LCDScreenTest]]<br />
<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=<p style="font-family:helvetica">Readings (new)(english)(with notes in english) </p>=<br />
<br />
==<p style="font-family:helvetica">About Institutional Critique</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
→&nbsp;1.&nbsp;[[Art and Contemporary Critical Practice: Reinventing Institutional Critique]][https://aaaaarg.fail/thing/51c584186c3a0ed90ba30900 Doc]<br><br />
→&nbsp;2.&nbsp;[[From the Critique of Institutions to an Institution of Critique - Andrea Fraser]][https://aaaaarg.fail/upload/andrea-fraser-from-the-critique-of-institutions-to-an-institution-of-critique-1.pdf Doc]<br><br />
→&nbsp;3.&nbsp;[[Institutional critique, an anthology of artists writings - Alexander Alberro]][https://aaaaarg.fail/upload/alexander-alberro-institutional-critique-an-anthology-of-artists-writings.pdf Doc]<br />
<br />
==<p style="font-family:helvetica">About Techno-Solutionism</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
<br />
→&nbsp;1.&nbsp;The Folly of Technological Solutionism: An Interview with Evgeny Morozov - Natasha Dow Schüll<br />
<br />
==<p style="font-family:helvetica">About Meta</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
→&nbsp;1.&nbsp; [https://www.tandfonline.com/doi/full/10.3402/jac.v6.23009 The meta as an aesthetic category] Bruno Trentini (2014)<br><br />
→&nbsp;2.&nbsp; [[File:RMZ ARTIST WRITING(2).pdf|left|[[thumb]]Rosa Maria Zangenberg ]] The eye tells the story by Rosa Maria Zangenberg (2017)<br><br />
→&nbsp;3.&nbsp; [https://brill.com/view/title/2075 Leonardo Da Vinci - Paragone by Louise Farago]<br />
<br />
==<p style="font-family:helvetica">About exhibition space</p>==<br />
<br />
===<p style="font-family:helvetica">To read</p>===<br />
<br />
→&nbsp;2.&nbsp;Kluitenberg, Eric, ed. Book of imaginary media. Excavating the dream of the ultimate communication medium. Rotterdam: NAi Publishers, 2006.<br><br />
→&nbsp;3.&nbsp;[http://nt2.uqam.ca/fr/biblio/wall-and-canvas-lissitzkys-spatial-experiments-and-white-cube The wall and the canvas: Lissitzky’s spatial experiments and the White Cube]<br><br />
→&nbsp;6.&nbsp;[https://eastofborneo.org/articles/decorative-arts-billy-al-bengston-and-frank-gehry-discuss-their-1968-collaboration-at-lacma/ Decorative Arts: Billy Al Bengston and Frank Gehry discuss their 1968 collaboration at LACMA by Aram Moshayedi]<br><br />
→&nbsp;8.&nbsp; [[File:Resonance and Wonder STEPHEN GREENBLATT.pdf|thumb]] Resonance and Wonder - STEPHEN GREENBLATT<br><br />
→&nbsp;9.&nbsp; A Canon of Exhibitions - Bruce Altshuler [[File:A Canon of Exhibitions - Bruce Altshuler.pdf|thumb]]<br><br />
→&nbsp;10.&nbsp;Documenta - [[File:A BRIEF HISTORY OF AN EXHIBITION AND ITS CONTEXTS - Klaus Siebenhaar.pdf|thumb]] A BRIEF HISTORY OF AN EXHIBITION AND ITS CONTEXTS - Klaus Siebenhaar<br><br />
→&nbsp;11.&nbsp;Pallasmaa - The Eyes of the Skin [[File:Pallasmaa - The Eyes of the Skin.pdf|thumb]]<br><br />
→&nbsp;12.&nbsp;Venturi - Learning from Las Vegas [[File:Venturi - Learning from Las Vegas.pdf|thumb]]<br><br />
→&nbsp;13.&nbsp;Preserving and Exhibiting Media Art: Challenges and Perspectives - JULIA NOORDEGRAAF, COSETTA G. SABA; BARBARA LE MAÎTRE; VINZENZ HEDIGER<br />
Copyright: 2013 - Publisher: Amsterdam University Press Series: Framing Film<br />
<br />
===<p style="font-family:helvetica">Reading/Notes</p>===<br />
<br />
→&nbsp;1.&nbsp;[http://nt2.uqam.ca/fr/biblio/after-white-cube [[After the White Cube.]]] [https://www.lrb.co.uk/the-paper/v37/n06/hal-foster/after-the-white-cube ref] 2015 NOTES INSIDE<br><br />
* How and why White Cube rised and became democratized<br />
* White Cube // Consumerism = Art Consumerism?<br />
* Exhibition Space > Artworks<br />
* Experience of interpretation = Entertainment of Art?<br />
* Museum vs Mausoleum<br />
<br><br />
→&nbsp;2.&nbsp;[http://nt2.uqam.ca/fr/biblio/spaces-experience-art-gallery-interiors-1800-2000 [[Spaces of Experience: Art Gallery Interiors from 1800 – 2000]]] [http://nt2.uqam.ca/fr/biblio/spaces-experience-art-gallery-interiors-1800-2000 ref] NOTES INSIDE<br><br />
* Art vs 50's consumerism / Choregraphy of desire?<br />
* Check theorists Hermann von Helmholtz and Wilhelm Wundt<br />
<br><br />
→&nbsp;3.&nbsp;[https://www.e-flux.com/announcements/262138/colour-critique/ [[Colour Critique A Symposium on Colour as an Agent for Taste, Experience and Value in the Exhibition Space]]] NOTES INSIDE<br><br />
May 24, 2019 - Noise! Frans Hals, Otherwise, Frans Hals Museum<br><br />
→&nbsp;4.&nbsp; [[Colour_Critique_A_Symposium_on_Colour_as_an_Agent_for_Taste,_Experience_and_Value_in_the_Exhibition_Space|Noise! Frans Hals, Otherwise]] NOTES INSIDE<br><br />
* Role of colours in the viewer's experience of an exhibition<br />
* Institutional Critique<br />
* Institutionalised Space / White cube<br />
<br><br />
→&nbsp;5.&nbsp;[[Mental Spaces - Joost Rekveld/Michael van Hoogenhuyze]] NOTES INSIDE<br>(course for Artscience 2007/8)<br />
[http://www.joostrekveld.net/wp/?page_id=590 doc]<br><br />
* About perspective<br />
* About Space time<br />
* About Cyber Space<br />
<br><br />
→&nbsp;6.&nbsp; [[THE DEVIL IS IN THE DETAILS: MUSEUM - Displays and the Creation of Knowledge]] [https://pzwiki.wdka.nl/mw-mediadesign/images/5/57/The_Devil_is_in_the_details-_DETAIT-_MUSEUM_Displays_and_the_Creation_of_Knowledge.pdf Doc] NOTES INSIDE<br><br />
Stephanie Moser SOUTHAMPTON UNIVERSITY (MUSEUM ANTHROPOLOGY) 2010<br><br />
* Architecture (Neoclassical buildings)<br />
* Big vs Small exhibition Space<br />
* Lined up objects vs non systematic display<br />
* Architecture/Design<br />
* Gallery interiors (Ceiling/Interior Design elements/Furniture<br />
* Colors<br />
* Individual lighting of objects vs global lighting<br />
* Dark vs Bright lighting<br />
* Chronological vs Thematic arrangement<br />
* Academic vs Journalistic writting<br />
* Busy layout vs Minimal Layout<br />
* Exibition seen vs other exhibitions<br />
* Themed/idea-oriented vs objectled exhibitions<br />
* Didactic vs discovery exhibition<br />
* Contextual, immersive, or atmospheric exhibitions<br />
* Audience vs Reception<br />
<br><br />
→&nbsp;7.&nbsp;[[Fantasies of the Library - Etienne Turpin (ed.), Anne-Sophie Springer (ed.)]] [https://hub.xpub.nl/bootleglibrary/category/new/326 Ref]; Editeur: The MIT Press; Date de publication: 1 sept. 2018<br />
* How the a physical organization influence of a bookshelf can influence it's digital version<br />
* The book as a minitaure gallery/exhibition space<br />
* The library as a public place of reading<br />
* Library vs Exhibition Space = Use vs Display<br />
* Book-theme exhibitions<br />
<br />
==<p style="font-family:helvetica">About User vs Visitor, or user in exhibition space</p>==<br />
<br />
[[Designing the user experience in exhibition spaces - Elisa Rubegni, Caporali Maurizio, Antonio Rizzo, Erik Grönvall]]<br />
* What are the GUI intentions<br />
* What is the WIMP interaction model<br />
* What are the post-Wimp models<br />
* About Memex<br />
<br />
==<p style="font-family:helvetica">About User Interface</p>==<br />
<br />
=== Readings/Notes===<br />
<br />
→&nbsp;1.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=+The+Interface+Effect bootleg][[Alexander R. Galloway - The Interface Effect]] 1st ed. Malden, USA: Polity Press.<br><br />
* The interface paradox<br />
* The less they do, the more they achieve and the more they become invisible & unconsidered<br />
* The interface as a "significant surface"<br />
* The interface as a gateway<br />
* The interface as "the place where information moves from one entity to another"<br />
* The interface as the media itself<br />
* The interface as "agitation or generative friction between different formats"<br />
* The interface as "an area" that "separates and mixes the two worlds that meet together there"<br />
<br><br />
→&nbsp;2.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=Navigating+Neoliberalism bootleg] [[Nick Srnicek - Navigating Neoliberalism: Political Aesthetics in an Age of Crisis]] NOTES INSIDE<br><br />
Editeur: medium.com, Date de publication: 20 oct. 2016<br><br />
* From an aesthetic of sublime into an aesthetics of the interface<br />
* Cognitive mapping<br />
<br><br />
→&nbsp;3.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=+Program+or+be+programmed bootleg] [[Program Or Be Programmed - Ten Commands For A Digital Age Douglas Rushkoff]] NOTES INSIDE<br><br />
Douglas Rushkoff, A., 2010. Program Or Be Programmed - Ten Commands For A Digital Age Douglas Rushkoff. 1st ed. Minneapolis, USA: OR Books.<br><br />
*"Instead of learning about our technology, we opt for a world in which our technology learns about us."<br />
* Programmed by the interfaces<br />
* From a transparent to an opaque medium<br />
<br><br />
→&nbsp;4.&nbsp;[https://hub.xpub.nl/bootleglibrary/search?query=The+Best+Interface+Is+No+Interface bootleg][[The Best Interface Is No Interface - Golden Krishna]] NOTES INSIDE<br><br />
Krishna, G., 2015. The Best Interface Is No Interface: The simple path to brilliant technology (Voices That Matter). 1st ed. unknown: New Riders Publishing.<br />
* "Screen Obsessed Approach to Design"<br />
* UI vs UX<br />
<br><br />
→&nbsp;5.&nbsp;[[Plasticity of User Interfaces:A Revised Reference Framework]] NOTES INSIDE<br><br />
Gaëlle Calvary, Joëlle Coutaz, David Thevenin<br />
Quentin Limbourg, Nathalie Souchon, Laurent Bouillon, Murielle Florins, Jean Vanderdonckt<br><br />
* About the term 'Placticity'<br />
<BR><br />
→&nbsp;6.&nbsp;[[Interface Critique- Beyond UX - FLORIAN HADLER, ALICE SOINÉ; DANIEL IRRGANG]] [https://hub.xpub.nl/bootleglibrary/search?query=interface DOC] Florian Hadler, Alice Soiné, Daniel Irrgang<br><br />
* The interface as an "historical artifact", a "space of power"<br />
* The interface as human -machine boudary<br />
* What is interface critique<br />
* Interface in computer science<br />
* The screen for Lev Manovitch<br />
<br />
<br><br><br />
<br />
=== More to read/see===<br />
<br />
→&nbsp;1.&nbsp;Bickmore, T.W., Schilit, B.N., Digestor: Device-<br />
Independent Access To The World Wide Web, in Proc. of 6th<br />
Int. World Wide Web Conf. WWW’6 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Santa Clara, April<br />
1997)<br />
<br />
→&nbsp;2.&nbsp;Bouillon, L., Vanderdonckt, J., Souchon, N., Recovering<br />
Alternative Presentation Models of a Web Page with VAQUITA,<br />
Chapter 27, in Proc. of 4th Int. Conf. on Computer-<br />
Aided Design of User Interfaces CADUI’2002 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Valenciennes,<br />
May 15-17, 2002)<br />
<br />
→&nbsp;3.&nbsp;Calvary, G., Coutaz, J., Thevenin, D., Supporting Context<br />
Changes for Plastic User Interfaces: a Process and a<br />
Mechanism, in “People and Computers XV – <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Interaction<br />
without Frontiers”, Joint Proceedings of AFIHM-BCS Conference<br />
on Human-Computer Interaction IHM-HCI’2001(Lille, 10-14 September 2001)<br />
<br />
→&nbsp;4.&nbsp;Cockton, G., Clarke S., Gray, P., Johnson, C., Literate Development:<br />
Weaving Human Context into Design Specifications,<br />
in “Critical Issues in User Interface Engineering”, <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;P.<br />
Palanque & D. Benyon (eds), Springer-Verlag, London,<br />
1995.<br />
<br />
→&nbsp;5.&nbsp;Graham, T.C.N., Watts, L., Calvary, G., Coutaz, J., Dubois,<br />
E., Nigay, L., A Dimension Space for the Design of Interactive<br />
Systems within their Physical Environments, in Proc. of<br />
Conf. on Designing Interactive Systems DIS’2000<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (New<br />
York, August 17-19, 2000,), ACM Press, New York, 2000,<br />
<br />
→&nbsp;6.&nbsp;Lopez, J.F., Szekely, P., Web page adaptation for Universal<br />
Access, in Proc. of Conf. on Universal Access in HCI UAHCI’<br />
2001 <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(New Orleans, August 5-10, 2001), Lawrence<br />
Erlbaum Associates, Mahwah, 2001,<br />
<br />
→&nbsp;7.&nbsp;Thevenin, D., Coutaz, J., Plasticity of User Interfaces:<br />
Framework and Research Agenda, in Proc. of 7th IFIP International<br />
Conference on Human-Computer Interaction Interact'<br />
99<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Edinburgh, August 30 - September 3, 1999),<br />
Chapman & Hall, London, pp. 110-117.<br />
<br />
→&nbsp;8.&nbsp;Thevenin, D., Adaptation en Interaction Homme-Machine:<br />
Le cas de la Plasticité, Ph.D. thesis, Université Joseph Fourier,<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
Grenoble, 21 December 2001.<br />
<br />
→&nbsp;9.&nbsp;[[Graspable interfaces (Fitzmaurice et al., 1995)]] [https://www.dgp.toronto.edu/~gf/papers/PhD%20-%20Graspable%20UIs/Thesis.gf.html link]<br />
<br />
==<p style="font-family:helvetica">About User Condition</p>==<br />
<br />
=== Readings ===<br />
<br />
→&nbsp;1.&nbsp;[[The User Condition 04: A Mobile First World - Silvio Lorusso]] [https://networkcultures.org/entreprecariat/mobile-first-world/ Doc]<br />
* Most web user are smarphone users<br />
* How "mobile's first" affect global web design<br />
* How "mobile's first" affect the way we use computers<br />
<br />
=<p style="font-family:helvetica">Readings (old)(mostly french)(with notes in french)</p>=<br />
<br />
===<p style="font-family:helvetica">Books (old)</p>===<br />
<br />
<br><br />
→&nbsp;1.&nbsp; [[L'art comme expérience — John Dewey]] (french) ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Gallimard (1934)<br><br />
→&nbsp;2.&nbsp; [[L'œuvre d'art à l'époque de sa reproductibilité technique — Walter Benjamin]] (french<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Alia (1939)<br><br />
→&nbsp;3.&nbsp; [[La Galaxie Gutemberg — Marshall McLuhan]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: University of Toronto Press (1962)<br> <br />
→&nbsp;3.&nbsp; [[Pour comprendre les médias — Marshall McLuhan]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: McGraw-Hill Education (1964)<br> <br />
→&nbsp;4.&nbsp; [[Dispositif — Jean-Louis Baudry]] (french) <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Raymond Bellour, Thierry Kuntzel et Christian Metz (1975)<br> <br />
→&nbsp;5.&nbsp; [[L’Originalité de l’avant-garde et autres mythes modernistes — Rosalind Krauss]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Macula (1993)<br><br />
→&nbsp;6.&nbsp; [[L'art de l'observateur: vision et modernité au XIXe siècle — Jonathan Crary]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Jacqueline Chambon (Editions) (1994)<br><br />
→&nbsp;7.&nbsp; [[Inside the White Cube, the Ideology of Gallery Space — Brian O'Doherty]] (english) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Les presses du réel (2008)<br><br />
→&nbsp;8.&nbsp; [[Préçis de sémiotique générale — Jean-Marie Klinkenbeg]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Point (2000)<br> <br />
→&nbsp;9.&nbsp; [[Langage des nouveaux médias — Lev Manovitch]] (french) ⚠️(yet to be filled)⚠️<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Presses du Réel (2001)<br> <br />
→&nbsp;10.&nbsp;[[L'empire cybernétique — Cécile Lafontaine]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Seuil (2004)<br> <br />
→&nbsp;11.&nbsp; [[La relation comme forme — Jean Louis Boissier]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Genève, MAMCO(2004)<br> <br />
→&nbsp;12.&nbsp; [[Le Net Art au musée — Anne Laforêt]] (french)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Questions Théoriques(2011)<br> <br />
→&nbsp;13.&nbsp; [[Narrative comprehension and Film communication — Edward Branigan]] (english)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Routledge (2013) <br> <br />
→&nbsp;14.&nbsp;[[Statement and counter statement / Notes on experimental Jetset — Experimental Jetset]] (english)<br> <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Roma (2015)<br> <br />
→&nbsp;15.&nbsp;[[Post Digital Print — Alessandro Ludovico]] (french) ≈<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: B42 (2016)<br><br />
→&nbsp;16.&nbsp;[[L'écran comme mobile — Jean Louis Boissier]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Presses du réel (2016)<br><br />
→&nbsp;17.&nbsp;[[Design tactile — Josh Clark]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Eyrolles (2016)<br><br />
→&nbsp;18.&nbsp;[[Espaces de l'œuvre, espaces de l'exposition — Pamela Bianchi]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Eyrolles (2016)<br><br />
→&nbsp;19.&nbsp;[[Imprimer le monde]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: Éditions HYX et les Éditions du Centre Pompidou (2017)<br><br />
→&nbsp;20.&nbsp;[[Version 0 - Notes sur le livre numérique]] (french)<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;publisher: ECRIDIL (2018)<br><br />
<br />
===<p style="font-family:helvetica">Articles (old)</p>===<br />
<br />
→&nbsp;1.&nbsp;[[Frederick Kiesler — artiste- architecte]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(communiqué de presse) <br />
Centre pompidou; source : centrepompidou.fr (1996)<br><br />
→&nbsp;2.&nbsp;[[Oublier l'exposition]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Artpress special numéro 21 (2000)<br><br />
→&nbsp;3.&nbsp;[[Composer avec l’imprévisible: Le questionnaire sur les médias variables]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jon Ippolito; source : variablemedia.net/pdf/Permanence (2003)<br><br />
→&nbsp;4.&nbsp;[[Esthétique du numérique : rupture et continuité]] <br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fred Forest; source : archives.icom.museum (2010)<br><br />
→&nbsp;5.&nbsp;[[La narration interactive]] ⚠️(yet to be filled)⚠️<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dragana Trgovčević source : ensci.com/file_intranet/mastere_ctc/etude_Dragana_Trgovcevic.pdf (2011)<br><br />
→&nbsp;6.&nbsp;[[Des dispositifs aux appareils - L'Espacement d'un calcul]]<br><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Anthony Masure source : anthonymasure.com (2013)<br><br />
→&nbsp;7.&nbsp;[https://www.cairn.info/revue-cahiers-philosophiques1-2011-1-page-9.html?contenu=article Le musée n'est pas un dispositif - Jean-Louis Déotte] p.9 - 22 (2011)<br><br />
→&nbsp;8.&nbsp;[http://nt2.uqam.ca/fr/entree-carnet-recherche/apogee-et-perigee-du-white-cube Apogée et périgée du White Cube] Loosli, Alban<br><br />
<br />
=<p style="font-family:helvetica">References</p>=<br />
<br />
===<p style="font-family:helvetica">Exhibition space</p>===<br />
<br />
→&nbsp;&nbsp;[https://vanabbemuseum.nl/en/collection/details/collection/?lookup%5B1673%5D%5Bfilter%5D%5B0%5D=id%3AC969 Prouns Spaces — El lissitzky] (1920)<br><br />
→&nbsp;&nbsp;[https://thecharnelhouse.org/2013/11/19/frederick-kiesler-city-of-space-1925/ City in Space — Frederick Kiesler] (1920)<br><br />
→&nbsp;&nbsp;[https://fr.wikipedia.org/wiki/Air-Conditioning_Show The air conditionning Show — Terry Atkinson & Michael Baldwin](1966-67)<br><br />
→&nbsp;&nbsp;[https://www.google.com/search?q=Sans+titre+%E2%80%94+Michael+Asher&client=firefox-b-e&sxsrf=ALeKk002R7DoF2Y8QZ5Dp0GCnNVIJLEs5w:1603360434290&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiDzIeJ98fsAhXxyIUKHUB-DVUQ_AUoAXoECAQQAw&biw=1406&bih=759 Sans titre — Michael Asher] (1973)<br><br />
→&nbsp;&nbsp;[https://www.centrepompidou.fr/cpv/resource/cXjGAE/rREaz7 Serra Corner prop n°7 (for Nathalie) Richard Serra] (1983)<br><br />
→&nbsp;&nbsp;[https://www.muhka.be/programme/detail/1405-shilpa-gupta-today-will-end/item/30302-speaking-wall Speaking Wall] (2009 - 2010) <br><br />
<br />
===<p style="font-family:helvetica">Nothingness with Media</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=JTEFKFiXSx4 4’’33’ — John Cage] (1952)<br><br />
→&nbsp;&nbsp;[https://www.saatchigallery.com/artists/artpages/tom_friedman_8.htm Untitled - A Curse — Tom Friedman] (1965)<br><br />
→&nbsp;&nbsp;[https://fr.wikipedia.org/wiki/Air-Conditioning_Show The air conditionning Show — Terry Atkinson & Michael Baldwin](1966-67)<br><br />
→&nbsp;&nbsp;[https://www.google.com/search?q=Sans+titre+%E2%80%94+Michael+Asher&client=firefox-b-e&sxsrf=ALeKk002R7DoF2Y8QZ5Dp0GCnNVIJLEs5w:1603360434290&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiDzIeJ98fsAhXxyIUKHUB-DVUQ_AUoAXoECAQQAw&biw=1406&bih=759 Sans titre — Michael Asher] (1973)<br><br />
<br />
===<p style="font-family:helvetica">Mediatization of Media</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=JTEFKFiXSx4 4’’33’ — John Cage] (1952)<br><br />
→&nbsp;&nbsp;[https://www.guggenheim.org/artwork/9537 TV Garden — Nam June Paik] (1974)<br><br />
→&nbsp;&nbsp;[https://re-voir.com/shop/en/michael-snow/71-michael-snow-presents.html Presents — Michael Snow] (soon to be translated) <br><br />
→&nbsp;&nbsp;[https://www.experimentaljetset.nl/archive/lostformats Lost Formats Preservation Society — Experimental Jetset] (2000) <br><br />
→&nbsp;&nbsp;[https://www.experimentaljetset.nl/archive/lost-formats-winterthur Lost Formats Winterthur — Experimental Jetset] (2000) <br><br />
→&nbsp;&nbsp;[http://indexgrafik.fr/latlas-critique-dinternet/ L’atlas critique d’Internet] Louise Drulhe (2014-2015) <br><br />
<br />
===<p style="font-family:helvetica">Flags</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/artwork/10703 Netflag — Mark Napier] (2002) <br><br />
→&nbsp;&nbsp;[https://019-ghent.org/flags/flagpole/sd025/ 019 - Flag show] (2015)<br />
<br />
===<p style="font-family:helvetica">User perspective</p>===<br />
<br />
→&nbsp;&nbsp;[http://whatyouseeiswhatyouget.net/ What you see is what you get — Jonas Lund] (2012) <br><br />
<br />
===<p style="font-family:helvetica">Media Time perception</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=aLNfUB7JtA4&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=3 Present Continuous Past — Dan Graham's] (1974)<br />
<br />
===<p style="font-family:helvetica">Experimental cinema</p>===<br />
<br />
→&nbsp;&nbsp;[https://re-voir.com/shop/en/michael-snow/71-michael-snow-presents.html Presents — Michael Snow] (soon to be translated) <br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=bMDr_CFFgWE&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=4 Displacements — Michael Naimark] (1980) <br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=J2-VQFPYftM&list=PLDBIRMMxLGqOnvwJGO5kge8RMESFmA0MX&index=5 BE NOW HERE — Michael Naimark] (1995)<br />
<br />
===<p style="font-family:helvetica">CSS composition</p>===<br />
<br />
→&nbsp;&nbsp;[http://sebastianlyserena.dk/ Sebastianly Serena]<br><br />
→&nbsp;&nbsp;[http://www.scrollbarcomposition.com/ Scrollbar Composition]<br><br />
→&nbsp;&nbsp;[http://www.intotime.com/ into time .com - Rafael Rozendaal]<br><br />
→&nbsp;&nbsp;[https://www.nicolassassoon.com/RIDGE_11.html Ridge 11 - Nicolas Sassoon]<br><br />
→&nbsp;&nbsp;[https://www.associationpaste.com/rectangulaire/ Rectangulaire - Claude Closky]<br><br />
→&nbsp;&nbsp;[https://jacksonpollock.org/ Jacksonpollock.org - Miltos Manetas]<br><br />
→&nbsp;&nbsp;[http://aabrahams.free.fr/movpaint/frame5.htm Moving Paintings - Annie Abrahams]<br />
<br />
===<p style="font-family:helvetica">Media deterioration</p>===<br />
<br />
→&nbsp;&nbsp;[https://img214270416jpg.tumblr.com/ Img214270417]<br><br />
→&nbsp;&nbsp;[https://www.youtube.com/watch?v=mjnAE5go9dI&list=LLfu-Fy4NjlpiIYJyE447UDA&index=49&t=832s William Basinski - The Disintegration Loops]<br />
<br />
===<p style="font-family:helvetica">Undefined</p>===<br />
<br />
→&nbsp;&nbsp;[http://untitledsans.com/ Untitled Sans]<br />
<br />
===<p style="font-family:helvetica">User friendliness and anti-user friendliness</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.juhavaningen.com/websafe/1.html Web-Safe - Juha van Ingen]<br />
<br />
===<p style="font-family:helvetica">Media Art conservation</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/conservation/the-variable-media-initiative The Variable Media Initiative] 1999<br><br />
→&nbsp;&nbsp;[https://www.eai.org/resourceguide/ EAI Online Resource Guide forExhibiting, Collecting & Preserving Media Art]<br><br />
→&nbsp;&nbsp;[http://mattersinmediaart.org/ Matters in Media Art]<br><br />
→&nbsp;&nbsp;[https://www.incca.org/ The International Network for the Preservation of Contemporary Art (INCCA)]<br><br />
→&nbsp;&nbsp;[https://www.tandfonline.com/doi/full/10.1080/19455224.2019.1604398 Archiving complex digital artworks - Dušan Barok]<br />
<br />
===<p style="font-family:helvetica">Emulation</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.guggenheim.org/exhibition/seeing-double-emulation-in-theory-and-practice Seeing Double: Emulation in Theory and Practice]<br><br />
<br />
===<p style="font-family:helvetica">Technological Timeline</p>===<br />
<br />
→&nbsp;&nbsp;[https://www.docam.ca/en/technological-timeline.html Technological Timeline]<br><br />
<br />
===<p style="font-family:helvetica">Media Art Online Archive</p>===<br />
<br />
→&nbsp;&nbsp;[https://digitalartarchive.siggraph.org/ ACM SIGGRAPH Art Show Archives]<br><br />
→&nbsp;&nbsp;[https://www.digitalartarchive.at/nc/home.html Archive of Digital Art (ADA)]<br><br />
→&nbsp;&nbsp;[https://ars.electronica.art/about/en/archiv/ Ars Electronica Archive]<br><br />
→&nbsp;&nbsp;[https://archive-it.org/collections/4388 Digital Art Web Archive (collected by Cornell)]<br><br />
→&nbsp;&nbsp;[https://monoskop.org/Recent Monoskop]<br><br />
→&nbsp;&nbsp;[https://rhizome.org/art/artbase/ The Rhizome ArtBase]<br><br />
<br />
===<p style="font-family:helvetica">Music/Sound</p>===<br />
<br />
→&nbsp;&nbsp;[https://wabi-sabi-tapes.bandcamp.com/album/the-end-of-music The end of music]<br />
<br />
===<p style="font-family:helvetica">HTML Quines</p>===<br />
<br />
→&nbsp;&nbsp;https://hugohil.github.io/dedans/<br><br />
→&nbsp;&nbsp;https://secretgeek.github.io/html_wysiwyg/html.html<br><br />
→&nbsp;&nbsp;http://all-html.net/?<br><br />
<br />
<div style=' <br />
width: 75%; <br />
font-size:16px;<br />
background-color: white;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
'><br />
<br />
<div style=' <br />
width: 75%; <br />
font-size:16px;<br />
background-color: white;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
'></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:COM_06.jpg&diff=221346File:COM 06.jpg2022-06-26T12:28:51Z<p>Martin: </p>
<hr />
<div>Count on Me - Worm - 06</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:COM_05.jpg&diff=221345File:COM 05.jpg2022-06-26T12:28:05Z<p>Martin: </p>
<hr />
<div>Count on Me - Worm - 05</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:COM_04.jpg&diff=221344File:COM 04.jpg2022-06-26T12:27:38Z<p>Martin: </p>
<hr />
<div>Count on Me - Worm - 04</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:COM_03.jpg&diff=221343File:COM 03.jpg2022-06-26T12:27:16Z<p>Martin: </p>
<hr />
<div>Count on Me - Worm - 03</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:COM_02.jpg&diff=221342File:COM 02.jpg2022-06-26T12:26:42Z<p>Martin: </p>
<hr />
<div>Count on Me - Worm - 02</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:COM_01.jpg&diff=221341File:COM 01.jpg2022-06-26T12:26:15Z<p>Martin: </p>
<hr />
<div>Count on Me - Worm - 01</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220875User:Martin/Final presentation2022-06-13T17:07:44Z<p>Martin: /* Best of readings */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as a Web oscillator<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===Assesment===<br />
<br />
—————————————————————————————————————————————————————————<br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===Re-Assesment===<br />
<br />
—————————————————————————————————————————————————————————<br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault. How do we sometimes operate to our own surveillance, how can be used the data your provide.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220864User:Martin/Final presentation2022-06-13T15:19:42Z<p>Martin: /* January 2021 */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as a Web oscillator<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===Assesment===<br />
<br />
—————————————————————————————————————————————————————————<br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===Re-Assesment===<br />
<br />
—————————————————————————————————————————————————————————<br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault. How do we sometimes operate to our own surveillance, how can be used the data your provide.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220863User:Martin/Final presentation2022-06-13T15:18:59Z<p>Martin: /* Assesment */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as a Web oscillator<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===Assesment===<br />
<br />
—————————————————————————————————————————————————————————<br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault. How do we sometimes operate to our own surveillance, how can be used the data your provide.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220862User:Martin/Final presentation2022-06-13T15:18:39Z<p>Martin: /* December 2021 */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as a Web oscillator<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===Assesment===<br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault. How do we sometimes operate to our own surveillance, how can be used the data your provide.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220857User:Martin/Final presentation2022-06-13T15:01:29Z<p>Martin: /* Special Issue 15: Civil Entertainment Sirens:The GUI (graphic user interface) as an elastic context for sound performing [WEB + SOUND] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as a Web oscillator<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault. How do we sometimes operate to our own surveillance, how can be used the data your provide.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220855User:Martin/Final presentation2022-06-13T15:00:07Z<p>Martin: /* Thesis: Hidden in plain sight */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault. How do we sometimes operate to our own surveillance, how can be used the data your provide.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220854User:Martin/Final presentation2022-06-13T14:51:58Z<p>Martin: /* Special Issue 14: Playing around with hidden Web eventsDesigning a game that operates both on the Web and in the physical world [WEB + GEOCACHING] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:LauncherIRL1.gif|thumb|350px|left|Launcher Running at PNF 01]]<br />
[[File:Intro slides.gif|thumb|350px|center|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|left|Folder interface design]]<br />
[[File:GIF.Booklet.gif|350px|thumb|center|The booklet, hand-guide for the Special Issue 14]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220852User:Martin/Final presentation2022-06-13T14:42:31Z<p>Martin: /* Special Issue 13: Making the visibleQuestions the physicality of the Web [WEB to PRINT] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Bookfinal1.jpg|350px|thumb|center|WFTF Book Final Shot 01]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220851User:Martin/Final presentation2022-06-13T14:34:48Z<p>Martin: </p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)-Graduation Board (September 2021 - June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220850User:Martin/Final presentation2022-06-13T14:34:19Z<p>Martin: </p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)-project proposal]]<br />
*[[Martin (XPUB)-thesis outline]]<br />
*[[Martin (XPUB)-thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)-project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)—Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220849User:Martin/Final presentation2022-06-13T14:33:35Z<p>Martin: </p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[[Martin (XPUB)—project proposal]]<br />
*[[Martin (XPUB)—thesis outline]]<br />
*[[Martin (XPUB)—thesis]]<br />
*[https://project.xpub.nl/notitleyet/ Martin (XPUB)—project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Martin (XPUB)—Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220847User:Martin/Final presentation2022-06-13T14:13:43Z<p>Martin: /* Special Issue 13: Making the visible [WEB to PRINT] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br>Questions the physicality of the Web [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220846User:Martin/Final presentation2022-06-13T14:12:55Z<p>Martin: /* Special Issue 14: Playing around with hidden Web events [WEB + GEOCACHING] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br>Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220845User:Martin/Final presentation2022-06-13T14:12:18Z<p>Martin: /* Background + Special Issues + Extra Contributions */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques (optional)</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces (optional)</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220844User:Martin/Final presentation2022-06-13T14:10:20Z<p>Martin: /* Media Spaces:the Web, the Print, the Exhibition Space as a series of reading/browsing context [WEB TO PRINT + INSTALLATION] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the print and the physical space as a series of browsing/reading experiences<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220843User:Martin/Final presentation2022-06-13T14:07:26Z<p>Martin: /* Caution Weird Floor - XPUB Geocatching Game: [WEB + GEOCACHING] */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game with Federico Poni</i>:<br><div style="color: grey; display:inline-block;">Designing a game that operates both on the Web and in the physical world<br> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220738User:Martin/Final presentation2022-06-12T22:41:58Z<p>Martin: /* Description */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task succesfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220736User:Martin/Final presentation2022-06-12T22:37:22Z<p>Martin: /* Plans for Final Publication */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220735User:Martin/Final presentation2022-06-12T22:37:04Z<p>Martin: /* Plans for Final Publication */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
</gallery><br />
<br />
==<p style="font-family:helvetica">Upcoming improvments</p>==<br />
<br><br />
Added to the improvments mentioned for the graduation show, I would like to improve the project with the following updates:<br />
* Make GPS Street Viewer really interactive, based on the real time location of the visitor.<br />
* Make Self checkout really interactive, based on the real time informations collected about the visitor.<br />
* Implement message when more than one person detected (already programmed but not translated into a visual feedback)<br />
* Create 1 more levels: <br />
** Personality test based on the total amount of time spent on each location (A1, A2, etc.)<br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220731User:Martin/Final presentation2022-06-12T22:29:48Z<p>Martin: /* Plans for Final Publication */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br><br />
The visuals bellow will be used to illustrate some examples given in the text.<br><br />
More to ideas to come about this.<br />
<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220730User:Martin/Final presentation2022-06-12T22:24:35Z<p>Martin: /* Plans for Graduation Show */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Roles & Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220729User:Martin/Final presentation2022-06-12T22:24:14Z<p>Martin: /* Plans for Graduation Show */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* <b>Graphic design copyediting</b> (reviewing design details before final export)<br />
* <b>External communication</b> w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* <b>Internal communication</b> w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* <b>Budget team</b> w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* <b>Creating radio frequency</b> dedicated to the project's topic<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220728User:Martin/Final presentation2022-06-12T22:22:56Z<p>Martin: /* Plans for final publication */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Graduation Show</p>==<br />
<br><br />
My current roles in the graduation show are:<br />
<br><br />
* Graphic design copyediting (reviewing design details before final export)<br />
* External communication w/Nami (Writting graduation show description, posting in on social media, communicating with WORM<br />
* Internal communication w/Camilo (Communicating about the global outcomes of each meetings to XPUB2 students)<br />
* Budget team w/Amy (Managing general budget and expenses between individual budget, exhibition budget, performers budget, transport budget, etc.)<br />
* Managing contents for a radio frequency dedicated to the project<br />
<br><br />
What I aim to fix for the graduation show:<br />
<br><br />
* Randomnize and loop the different levels <br />
* Make more explicit what can be done or not with the crypto-currency<br />
* Finalize the installation setup <br />
<br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for Final Publication</p>==<br />
<br><br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220700User:Martin/Final presentation2022-06-12T22:06:42Z<p>Martin: /* How to unlock stages? (Soluce) */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
<br><br />
Here is a secret guide to unlock all stages<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220696User:Martin/Final presentation2022-06-12T22:05:41Z<p>Martin: /* How to interact with the device? */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
<br><br />
You can interact with the installation by taking different positions within the range of detection of the device.<br><br />
A debug more also exists in order to activate the sensors remotely, you'll have to use an AZERTY (french) keyboard for that.<br />
<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220689User:Martin/Final presentation2022-06-12T22:03:45Z<p>Martin: /* What is it made of? */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
<br />
Material list and assembling of the installation. Note that [https://www.arduino.cc/ Arduino], [https://p5js.org/ P5.js] and [https://github.com/p5-serial/p5.serialcontrol P5.serialcontrol] should be installed on the computer in use. <br />
<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220686User:Martin/Final presentation2022-06-12T22:01:18Z<p>Martin: /* When you leave/exit */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
<br><br />
When you leave the range of detection of the data collector, a 5 seconds countdown starts. If you don't come back in time, you session will be ended, and you crypto-earning converted into € <br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220682User:Martin/Final presentation2022-06-12T21:59:35Z<p>Martin: /* Stages */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br><br />
Your journey randomly passes through 8 data-driven levels, each of which requires specific interactions from you in order to unlock the next level(s).<br />
<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220675User:Martin/Final presentation2022-06-12T21:56:20Z<p>Martin: /* Stages */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220674User:Martin/Final presentation2022-06-12T21:55:38Z<p>Martin: /* How to interact with the device? */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha/b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220673User:Martin/Final presentation2022-06-12T21:55:30Z<p>Martin: /* How to interact and unlock stages? (Soluce) */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha/b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact with the device? ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
<br />
=== How to unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220659User:Martin/Final presentation2022-06-12T21:48:09Z<p>Martin: /* How to interact and unlock stages? (Soluce) */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha/b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact and unlock stages? (Soluce) ===<br />
[[File:Schema Martin 04.png|400px|thumb|left|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|center|Soluce Martin 02 Count on Me]]<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220658User:Martin/Final presentation2022-06-12T21:47:37Z<p>Martin: /* How to interact and unlock stages? (Soluce) */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha/b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact and unlock stages? (Soluce) ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Instructions Martin 01 Count on Me]]<br />
[[File:Schema Martin 04.png|400px|thumb|center|Soluce Martin 01 Count on Me]]<br />
[[File:Schema Martin 05.png|400px|thumb|left|Soluce Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=File:Schema_Martin_05.png&diff=220657File:Schema Martin 05.png2022-06-12T21:46:49Z<p>Martin: </p>
<hr />
<div>Schema Martin 05</div>Martinhttps://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Martin/Final_presentation&diff=220655User:Martin/Final presentation2022-06-12T21:46:12Z<p>Martin: /* How to interact and unlock stages? (Soluce) */</p>
<hr />
<div><div style='<br />
background-color: #F5F5F5;<br />
width: 100%;<br />
'><br />
<br />
<div style=' <br />
width: 65%; <br />
font-size:16px;<br />
color:black;<br />
float: left;<br />
border:1px black;<br />
font-family: helvetica;<br />
background-color: #F5F5F5;<br />
'><br />
<br />
*[https://project.xpub.nl/notitleyet/ Project page]<br />
*[[XPUB2_Research_Board_/_Martin_Foucaut|Graduation Board (September 2021 — June 2022)]]<br />
<br />
<br />
==<p style="font-family:helvetica">Background + Special Issues + Extra Contributions</p>==<br />
<br />
=== <i>Incidences médiatiques</i>:<br><div style="color: grey; display:inline-block;">the GUI (graphic user interface) as an elastic reading context<br> [WEB]</div> ===<br />
<br />
Incidences médiatiques is an online reissue of Raymond Queneau's book called ''Exercices de Style''.<br />
In the original book from 1947, we can read an identical story, written in 99 differents writing styles.<br />
In order to increase this publication towards a more open form of literature, the project is presented <br />
here as its hypertextual version. This first plastic work, wanted to highlight the unpredictable nature <br />
of the devices by which we receive the online content.... They then appear to us in very different forms <br />
and aspects depending on the reading context. Factors such as the type of media used, the size of the screen,<br />
thesize of the digital window, the position of the cursor or our finger on the screen, are then suggesting us <br />
an infinity of possible reading directions.<br />
<br />
[[File:Incidences médiatiques .gif|350px|thumb|left]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Media Spaces</i>:<br><div style="color: grey; display:inline-block;">the Web, the Print, the Exhibition Space as a series of reading/browsing context<br> [WEB TO PRINT + INSTALLATION]</div> ===<br />
<br />
[https://martinfoucaut.com/GRADUATION-PROJECT-MEDIA-SPACES-ESPACES-MEDIATIQUES-LEFT Media Spaces] deals with the question of representation through the different media, supports and spaces of representation. I primarily reflected on the status of networked writing and reading, by programming his dissertation in the form of an online Website. Subsequently, I wished to question the effects of the process of transposition from the Web to print, by printing my thesis publication on different physical supports, from espacesmediatiques.martinfoucaut.com (currently offline). Finally, it is about designing a scenography wishing to put in space this text and these images from the Web. It is then embodied in the form of an exhibition interface directly inspired by the network of Web pages of the online publication. We find there a series of interactive installations wishing to give to see, to read, but also to make a physical experience of the new media.<br />
<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION.jpg||350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION2.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION3.jpg|350px|thumb|left]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION4.jpg|350px|thumb|center]]<br />
[[File:CROQUIS EXPRESS PLANCHES IMPRESSION5.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 06.jpg|350px|thumb|center]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 07.jpg|350px|thumb|left]]<br />
[[File:ESPACESMEDITATIQUE MARTINFOUCAUT 09.jpg|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 13</i>:<br><div style="color: grey; display:inline-block;"> Making the <invisible> visible<br> [WEB to PRINT]</div> ===<br />
<br />
For the Special Issue 13, I interpreted the essay TENSE (2018) by Simon(e)<br />
van Saarloos. With my interpretation, I amplified the author’s discourse on descriptive<br />
language by exagerating the use of meta-descriptions through the form of HTMLtags.<br />
Normally, a HTML <tag> acts as a descriptive container, it is invisible from the<br />
Web-user point of view as it is only made to be read and interpreted by the computer<br />
in order to arrange the structure of the Web-page. By looking for ways to make these meta tags visible and readable from a Web-user’s<br />
point of view, I affect the reader’s interpretaion of the essay. Additionally to the Web, I made my three HTML documents<br />
(essay, artistic response and map) printable from the Web and included them in the<br />
Special Issue 13 book. As part of the design team of the Special Issue 13, I collaborated with two XPUB1<br />
students to make the project’s visual identity, including the making of Web-to-print<br />
documents such as the blank map; bookcover and colophon.<br />
<br />
[[File:Tense main page.png|350px|thumb|left|Tense main page Screeshot]]<br />
[[File:Tense map page Screenshot.png|350px|thumb|center|Tense map page Screenshot]]<br />
[[File:Tense Button Display 1.png|350px|thumb|left|Tense Button Display 1]]<br />
[[File:Square screencapture TENSE 01.png|350px|thumb|center|Square screencapture TENSE 01]]<br />
[[File:TENSEMOTIONInitialCapture.gif|350px|thumb|left|TENSE MOTION Initial Screen Capture 1]]<br />
[[File:Martin Foucaut Tense V3.gif|350px|thumb|center|Special issue 13 - Wor(l)ds for the Future<br> Tense screen recording montage of <i>Tense</i>]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 14</i>:<br><div style="color: grey; display:inline-block;"> Playing around with hidden Web events<br> [WEB + GEOCACHING]</div> ===<br />
<br />
For the Special Issue 14, I wished to explore, detect, and implement<br />
unconsidered Web events and situations in my own pinball game. Later on, this work<br />
evolved into a city-based pinball game, eventually becoming the publication’s launcher<br />
page. This launcher page allows the user to find coordinates of local Wi-Fi networks<br />
located within the city of The Hague.In addition to the launcher, I created a series of pinball inspired folder interfaces. Each<br />
of them allow visitors, who are connected to one of the local Wi-Fi network locations,<br />
to access content created and shared by XPUB1 students. This content can be games,<br />
texts or codes embedded within compositions of clickable pinball bumpers.<br />
In order to connect the launcher page with a total of five folder interfaces as part of<br />
a more unified navigation and visual system, I was working in the design team of the<br />
Special Issue 14 with three other students and together we assembled the project’s<br />
visual identity.<br />
<br />
[[File:SI14.gif|350px|thumb|left|SI14 communication GIF]]<br />
[[File:MartinFoucaut_GameProto_01.gif|350px|thumb|center|Player is encouraged to play with screen display size to influence ball direction and speed in order to catch or avoid various elements.]]<br />
[[File:Intro slides.gif|thumb|350px|left|Intro slides on phone]]<br />
[[File:Folderinterface02.gif|350px|thumb|center|Folder interface design]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Special Issue 15</i>: Civil Entertainment Sirens:<br><div style="color: grey; display:inline-block;">The GUI (graphic user interface) as an elastic context for sound performing<br> [WEB + SOUND]</div> ===<br />
<br />
Civil Entertainment Sirens® is a Web-oscillator develloped during the Special Issue 15, and which was performed briefly during the XPUB event window.open at Page Not Found. The instrument allows to explore different combinations of sound frequencies, echoed in time, which can sound quiet similar to sirens. It consists of a series of polyphonic textures (drone) which sound differently depending on your screen size (developped with P5.sound.js). <br />
<br />
[[File:CivilEntertainmentSirens1.png|350px|thumb|left|Civil Entertainment Sirens Capture]]<br />
[[File:OscillatorGifWiki.gif|400px|thumb|center|]][[File:Martinfoucaut responsiveintrument-02.png|350px|thumb|left|]]<br />
[[File:Responsive instument Sketch-02.png|350px|thumb|center|]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== <i>Caution Weird Floor - XPUB Geocatching Game</i>:<br><div style="color: grey; display:inline-block;"> [WEB + GEOCACHING]</div>===<br />
<br />
Federico and I developed a Web app allowing the visitiors of The Hague Contemporary Art Weekend 2021 to compose and generate custom routes across the different contemporary art locations of the city. These routes are generated from a series of combined words picked by the player, creating speculative poetry and offering many ways to explore the diverse manifestations from the 23 partners of the festival. During the festival, visitors could derive through The Hague catching the Weird Yellow Signboards around the locations and generate Weird Slippery Poems based on the imput description of each events. The yellow signs are the result of a (Webto) printing of the game interface.<br />
<br />
[[File:Video1 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:Video2 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|center|]]<br />
[[File:Video3 CautionWeirdFloor MartinFoucaut FedericoPoni THC.gif|350px|thumb|left|]]<br />
[[File:XPUB Geocatching game Visual Square 01 B.jpg|350px|thumb|center|XPUB Geocatching game Visual]]<br />
[[File:GeocatchingMartinPoni.gif|350px|thumb|left|User Interface]]<br />
[[File:GeocatchingPoniMartin 01.png|350px|thumb|center]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Reading Practice</p>==<br />
<br><br />
===Best of readings===<br />
<br><br />
<br />
→ <b>Crawford, K., Lingel, J., Karppi, T., (2015). Our metrics, ourselves: A hundred years of self-tracking from the weight scale to the wrist wearable device</b><br><br />
* Questions the ethic of wearable self-tracking devices<br />
* "commodification and knowledge-making that occurs between data and bodies."<br />
<br><br />
→ <b>Debord, G., (1967). The Society of the Spectacle</b><br><br />
* Post-War consumerism leaded to a "Celebrity Culture", "Society of the spectacle" or society of self-performance.<br />
<br><br />
→ <b>Foucault, M., (1982). Technologies of the Self</b><br><br />
* Form of power that is not necessarily only applied from one subject to another subject but also by the subject toward himself.<br />
<br><br />
→ <b>Foucault, M., (1977). Discipline and Punish: The Birth of the Prison</b><br><br />
* The panopticon metaphor<br />
<br><br />
→ <b>Fritsch, K., (2018). Towards an emancipatory understanding of widespread datafication</b><br><br />
* Dismantle the technological mysticism of these systems and propose artistic works that speak to everyone.<br />
<br><br />
→ <b>Kholeif, O., (2018). Goodbye, World! — Looking at Art in the Digital Age</b><br><br />
* Data diary<br />
* Normalizarion of data centered marketing strategies/advertisments / Aesthetization of data<br />
<br><br />
→ <b>Morozov, E., (2019). Capitalism's New Clothes. The Baffler</b><br><br />
* Critic of Zuboff, S., (2019). The age of surveillance capitalism<br />
* It is possible to imagine and build a society with the Internet without this logic of surveillance<br />
<br><br />
→ <b>Seymour, R., (2019). The Twittering Machine</b><br><br />
* When interacting, we are collectively writing to the machines<br />
* Social media platforms as "rigged lottery systems" where a post is a gamble<br />
* Why do we persist using tools and platforms that exploit us<br />
<br><br />
→ <b>Wu, T., (2016). The Attention Merchants: The Epic Scramble to Get Inside Our Heads.</b><br><br />
* The rise of the attention economy of the Web<br />
<br><br />
→ <b>Zuboff, S., (2019). The age of surveillance capitalism</b><br><br />
* Introduce the term surveillance capitalism, which differs from governmental surveillance<br />
* Desillusions on the future of the Internet<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Prototyping Practice</p>==<br />
<br />
===October 2021===<br />
<br><br />
* In October 2021, I started using Arduino for the first time, during a workshop with Dennis de Bel. During a workshop, we started with a very basic unoficial arduino kit, a led, a motor, and a sensor. After making a few connections, we got to understand a bit how it works. It was from that point that I started getting more and more familiar with Arduino and work with ultrasonic sensors.<br />
<br />
<br><br />
<gallery><br />
Ldrbreadboard.jpg|250px|thumb|left|How to make a sensor work<br>Credits: Dennis de Bel<br />
Sensortest.gif|250px|thumb|center|Sensortest during workshop<br />
Splitscreen.gif|250px|thumb|left|Splitscreen Arduino + Sensor + Serial Plotter + Responsive Space<br />
ArduinoUno Sensor Sketch1.jpg|250px|thumb|center|Sketch 1: Arduino Uno + Sensor<br />
Sketch2ArduinoUnoSensorLCD.jpg|250px|thumb|left|Sketch 2: Arduino Uno + Sensor + LCD<br />
Sketch3ArduinoUnoSensorLCDLED.jpg|250px|thumb|center|Sketch 3: Arduino Uno + Sensor + LCD + LED<br />
SensorSpace.gif|250px|thumb|left|Sensor Test VS Elastic Space<br />
Arduino Setup V3.jpg|250px|thumb|center|Upgrade - Using a larger board<br />
</gallery><br />
<br />
===November 2021===<br />
<br><br />
* During the month of November, I started working with multiple sensors at the same time in order to map the position of an obstacle on a wider detection range.<br />
<br><br />
<gallery><br />
ArduinoExtraDigitalPins.jpg|250px|thumb|left|ArduinoExtraDigitalPins<br />
SensorMediaQueries 01.gif|250px|thumb|center|SensorMediaQueries<br />
Physical Space Mapping.png|250px|thumb|left|Physical Space Mapping<br />
ArduinoMegaSensorBuzzerLCD.jpg|250px|thumb|center|ArduinoMegaSensorBuzzerLCD<br />
ArduinoMegaSensorBuzzerLCDMinibreadboard.jpg|250px|thumb|left<br />
Sensor Wall 01.png|250px|thumb|center|Sensor Wall 01<br />
PhysicalMapping3.png|250px|thumb|left|PhysicalMapping2<br />
</gallery><br />
<br />
===December 2021===<br />
<br><br />
* In December, after getting a lot more confortable with Arduino, I investigated the possibilty to transmit the values detected by the sensors and Arduino to P5.js, by making a serial communication (with [https://github.com/p5-serial/p5.serialcontrol/releases P5.serialcontrol]). By doing so, I could gain more freedom in terms of visual/sound feedbacks. However, the serial communication between Arduino and P5.js was in stand by for a very long time, because I didn't know (yet) how to send the values of more than one sensor.<br><br />
* During the Window exhibition at Buitenboel, I created micro-installation composed of a LCD screen and sensor(s) inviting users/visitors to change the color of the screen and displayed messages by getting closer from the window.<br />
<br><br />
<gallery><br />
P5.js sensor.gif|250px|thumb|left|P5.js and ultrasonic sensor<br />
LCDArduinoVariableposter.gif|250px|thumb|center|LCD Arduino Variable poster<br />
ScreenPortalFront.jpg|300px|thumb|center|ScreenPortalFront<br />
ScreenPortalback.jpg|300px|thumb|left|ScreenPortalback<br />
LCDScreenTest.gif|600px|thumb|center|LCDScreenTest<br />
</gallery><br />
<br />
===January 2021===<br />
<br><br />
* In January 2021, I simulated scenarios with an updated version of my graduation project.<br />
<gallery><br />
MartinFoucaut video F 01.jpg|thumb|center|Visitor arrives in space<br />
MartinFoucaut video F 02.jpg|thumb|Visitor gets encourage to get a reward by staying on a specific location<br />
MartinFoucaut video F 03.jpg|thumb|Visitor is encouraged to move to the left<br />
MartinFoucaut video F 04.jpg|thumb|Visitor earns a badge<br />
MartinFoucaut video F 05.jpg|thumb|left|Visitor is about to leave the detection range<br />
MartinFoucaut video F 06.jpg|thumb|center|Visitor left the detection range for too long, a receipt in printed<br />
</gallery><br />
<br />
===February 2022===<br />
<br><br />
* In February, we created a small hybrid reality quest with Louisa. For this occasion, I created a mini-game with a sensor setup, allowing players to unlock a secret password by taking the good positions in space.<br />
<br><br />
<gallery><br />
Codeword 01.png|250px|thumb|left|Password unlock with sensors: letter P appears<br />
Codeword 02.png|250px|thumb|center|Password unlock with sensors: letter I appears<br />
Codeword 03.png|250px|thumb|left|Password unlock with sensors: letter G appears<br />
Codeword 04.png|250px|thumb|center|Password unlock with sensors: letter E appears<br />
Codeword 05.png|250px|thumb|left|Password unlock with sensors: letter O appears<br />
Codeword 06.png|250px|thumb|center|Password unlock with sensors: letter N appears<br />
LouisaMartinHybridRealityGame.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 02.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 03.jpg|250px|thumb|left|Hybrid reality game with Louisa<br>photo: Louisa<br />
LouisaMartinHybridRealityGame 04.jpg|250px|thumb|center|Hybrid reality game with Louisa<br>photo: Louisa<br />
</gallery><br />
<br />
===March 2022===<br />
<br><br />
* In March 2022, I started designing differents stages/steps for the installation. The installation requires once again the player to hold on on specific position in order to unlock new stages.<br />
<br><br />
<gallery><br />
01 Screen .png|250px|thumb|left|Stage 0<br>The subject is located too far away<br />
02 Screen.png|250px|thumb|center|Stage 0<br>The subject is well located and will hold position to reach next stage<br />
03 Screen.png|250px|thumb|left|Stage 1<br>The subject unlocked Stage 1 and will hold position to reach next stage <br />
04 Screen.png|250px|thumb|center|Stage 2<br>The subject unlocked Stage 2 and is located too close<br />
06 Screen.png|250px|thumb|left|Stage 3<br>The subject unlocked Stage 3 and need to get closer<br />
07 Screen.png|250px|thumb|center|Transition Stage<br>The subject unlocked all stage and needs to wait the countdown for following steps<br />
Data Collector Sample 01.gif|250px|thumb|Early preview of the values I worked with<br />
Debug Martin 01.png|250px|thumb|P5 serial control (debug)<br />
Debug Martin 05.png|250px|thumb|Data from 5 sensors arrive in one line here (debug)<br />
Debug Martin 02.png|250px|thumb|Serial monitor in Arduino (debug)<br />
Debug Martin 03.png|250px|thumb|Serial plotter in Arduino (debug)<br />
StockTicker Visual Reference 01.png|250px|thumb|center|StockTicker_Visual_Reference_01<br />
StockTicker Visual Reference 02.png|250px|thumb|left|StockTicker_Visual_Reference_02<br />
StockTicker Visual Reference 03.png|250px|thumb|center|StockTicker_Visual_Reference_03<br />
StockTicker Visual Reference 04.png|250px|thumb|left|StockTicker_Visual_Reference_04<br />
StockTicker Visual Reference 05.png|250px|thumb|center|StockTicker_Visual_Reference_05<br />
StockTicker Visual Reference 06.png|250px|thumb|left|StockTicker_Visual_Reference_06<br />
StockTicker Visual Reference 07.jpg|250px|center|thumb|center|StockTicker_Visual_Reference_07<br />
Checkout Visual Reference 01.jpg|250px|thumb|left|Checkout Visual Reference_01<br />
Checkout Visual Reference 02.jpg|250px|thumb|center|Checkout Visual Reference 01<br />
Checkout Visual Reference 03.jpg|250px|thumb|left|Checkout Visual Reference 03<br />
SlotMachine Visual Reference 01.jpg|250px|thumb|center|Slot Machine Visual Reference 01<br />
Catpcha Visual Reference 01.jpg|250px|thumb|left|Captcha Visual Reference_01<br />
Self Tracker Visual Reference°01.png|250px|thumb|center|Self Tracker Visual Reference 01<br />
Self Tracker Visual Reference 02.png|250px|thumb|left|Self_Tracker_Visual_Reference_02<br />
Self Tracker Visual Reference 03.png|250px|thumb|center|Self Tracker Visual Reference 03<br />
Self Tracker Visual Reference 04.png|250px|thumb|left|Self Tracker Visual Reference 04<br />
Self Tracker Visual Reference 05.png|250px|thumb|center|Self Tracker Visual Reference 05<br />
Self Tracker Visual Reference 06.png|250px|thumb|left|Self Tracker Visual Reference 06<br />
Self Tracker Visual Reference 08.png|250px|thumb|center|Self Tracker Visual Reference 08<br />
Self Tracker Visual Reference 09.png|250px|thumb|left|Self Tracker Visual Reference_09<br />
Self Tracker Visual Reference 10.png|250px|thumb|center|Self Tracker Visual Reference 10<br />
</gallery><br />
<br />
===April 2022===<br />
<br><br />
* In April, I started designing the final interfaces for my installation. The idea was to refer to the differents contexts of surveillance and self-surveillance evoked in my thesis.<br />
* Luckily, Joseph explained to me how to make the serial communication between Arduino and P5.Js with more than one sensor value, by splitting the data in many parts. <br />
<br><br />
<gallery><br />
Installation Update 01.jpg|250px|thumb|left<br />
Installation Update 02.jpg|250px|thumb|center<br />
Captcha 01.png|250px|thumb|left|Captcha:<br>one action needed moving forward, backward or standing still next stage unlock after action done and short animation<br />
Self Track 01.png|250px|thumb|center|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Self Track 02.png|250px|thumb|left|Self Tracking:<br>no interaction needed visitor must stand still until one of the goal is completed<br />
Slot Machine 01.png|250px|thumb|center|Slot Machine:<br>no interactions needed transition between 2 stages determines randomly the next stage displayed when nobody detected<br />
Social Live 01.png|250px|thumb|left|Social Live:<br>no interaction needed visitor must stand still until money goal is completed<br />
Stock Ticket 01.png|250px|thumb|center|Stock Ticket:<br>no interactions needed displayed when nobody detected<br />
</gallery><br />
<br />
===May 2022===<br />
<br><br />
* In May, I started considering to transiting from a small to a bigger screen for the grad show. I also updated the position of the different sensors.<br />
* While I spent the previous month designing the different stages interfaces, I spent this one connecting all the displayed values to the sensors.<br />
<br><br />
<gallery><br />
Sensors Array Mapping Interface.png|250px|thumb|left|Sensors array mapping for the installation interface<br />
StockTicker small.jpg|250px|thumb|left|Stock Ticker Interface on small screen<br />
Sensors array Calibration.jpg|250px|thumb|center|Calibrating sensors angle to 15°<br />
Vertical TVSCREEN.jpg|250px|thumb|center|Drilling and displaying the TV support vertically<br />
Vertical TVSCREEN Final.jpg|250px|thumb|left|TV Screen can now be fixed vertically<br />
Vertical TV Screen 02.jpg|250px|thumb|center|Vertical TV Screen 02<br />
Rounded Sensors Array 01.jpg|250px|thumb|left|Rounded_Sensors_Array_01<br />
Rounded Sensors Array 02.jpg|250px|thumb|center|Rounded_Sensors_Array_02<br />
Rounded Sensors Array 03.jpg|250px|thumb|left|Rounded_Sensors_Array_03<br />
Rounded Sensors Array 04.jpg|250px|thumb|center|Rounded_Sensors_Array_04<br />
Streaming Interface Vertical Screen 01.jpg|250px|thumb|center|Streaming Interface on Vertical Screen<br />
000 Exit jpg.png|450px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|thumb|01 Stock Ticker<br />
02 SlotMachine jpg.png|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|thumb|center|05 Livestream 02<br />
07 SelfRegister jpg.png|thumb|left|07 Self Register<br />
</gallery><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Thesis: <i>Hidden in plain sight</i></p>==<br />
<br><br />
<b><i>Hidden in plain sight:</b><br />
<br>Understanding our consent and distrust in the context of capitalist techno-surveillance</i><br />
<br />
'''1''' → Homo Data<br />
<br> <br> <br />
We approach here the model of surveillance and attention on which many of the tools and services we use are based and to situate this economy within the broader historical framework of the Internet. We learn how and when this business model emerged, how it evolved, and who we are (as human and users) inside this economy. As a clue of the widespread datafication and the culture of surveillance that emerged from this economy, we also observe how tech firms try to legitimise practices of surveillance and self-surveillance through the promotion of tracking apps and data-driven advertisements.<br />
<br><br><br />
'''2''' → Addiction machines <br />
<br><br> <br />
We investigate here the effects of the interfaces built to mobilise our attention, stimulate our interactions, obtain our consent, and create addictions. <br />
We study the implementation of gamification, gambling and lottery systems in various connected devices and online platforms, as well as question their effects on online users.<br />
By closely following these companies' expansionist logic, we also investigate the intrusion of these surveillance tools in our physical environments and our bodies, leading towards an entirely datafied society.<br />
<br><br><br />
'''3''' → Self-empowerment <br />
<br><br> <br />
A specific focus on the self-tracking/monitroing devices, framed in relationship with the discipline of the body and the technology of self from Foucault.<br />
<br><br><br />
'''4''' → Agree and continue?<br />
<br><br> <br />
We consider here other perspectives on the culture of surveillance and self-surveillance,notably through the exploration of counter-practices, alternative tools, and critical and activist works.<br />
<br><br><br />
[[Martin_(XPUB)-thesis|Thesis link]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Graduation Work: <i>Count On Me</i></p>==<br />
<br><br><br />
=== Description ===<br />
<br><br><br />
I am <i>Count on me</i>, an interactive installation speculating on the study and marketisation of human behavioural data in public spaces. <br />
When I detect you, your position in space is simultaneously translated into information, interactions and ⇅* earnings/losses. During your journey through 8 different levels, you will be consciously participating to the commodification of your own existence!<br />
<br><br><br />
In order to maximise “earnings”, you will have to keep letting me detect you, find the most lucrative positions and act accordingly to the instructions displayed on the screen. <br />
Each micro-task successfully performed will allow you to unlock new data-driven interfaces. Once you exit the session for more than 5 seconds, your ⇅ earnings are automatically converted into euros according to the exchange rates.** *** <br />
<br><br><br />
So, what are you waiting for?<br><br />
Start counting today and you can count on me!<br />
<br><br><br />
.* ⇅ = crypto-currency<br><br />
.** see level 1: Stock ticker<br><br />
.*** avg.ratio ⇅ 1 ≈ € 0.0001 <br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== Stages ===<br />
<br />
[[File:01 StockTicker.gif|400px|thumb|left|Count On me / 01 <b>StockTicker</b> / Martin Foucaut (2022)]]<br />
[[File:02 SlotMachine.gif|400px|thumb|center|Count On me / 02 <b>SlotMachine</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 01.gif|400px|thumb|left|Count On me / 03 <b>Self Tracker V1</b> / Martin Foucaut (2022)]]<br />
[[File:05 Livestream.gif|400px|thumb|center|Count On me / 04 <b>Livestream</b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:03 SelfTracker 02.gif|400px|thumb|left|Count On me / 05 <b>Self Tracker V2</b> / Martin Foucaut (2022)]]<br />
[[File:06 Captha.gif|400px|thumb|center|Captcha / 06 <b>Captcha/b> / Martin Foucaut (2022)]]<br />
<br><br />
[[File:07 Self Register.gif|400px|thumb|left|Count On me / 07 <b>Self Register</b> / Martin Foucaut (2022)]]<br />
[[File:08 GPS 01.gif|400px|thumb|center|Count On me / 08 <b>Street Viewer</b> / Martin Foucaut (2022)]]<br />
<br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
=== When you leave/exit ===<br />
[[File:000 Exit.gif|400px|thumb|left|Count On me / 00 <b>Exit</b> / Martin Foucaut (2022)]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== What is it made of?===<br />
[[File:Schema Martin 01 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 02 Count on Me.png|400px|thumb|center|Schema Martin 01 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
=== How to interact and unlock stages? (Soluce) ===<br />
[[File:Schema Martin 03 Count on Me.png|400px|thumb|left|Schema Martin 01 Count on Me]]<br />
[[File:Schema Martin 04.png|400px|thumb|center|Schema Martin 02 Count on Me]]<br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br />
<br />
==<p style="font-family:helvetica">Plans for final publication</p>==<br />
<br />
For the final publication, I want to connect my installation work with my writtings.<br />
<gallery><br />
000 Exit jpg.png|200px|thumb|left|000 Exit<br />
01 StockTicker jpg.png|200px|thumb|center|01 Stock Ticker<br />
02 SlotMachine jpg.png|200px|thumb|left|02 Slot Machine<br />
03 SelfTracker 01 jpg.png|200px|thumb|center|03 SelfTracker 01<br />
04 SelfTracker 02 jpg.png|200px|thumb|left|04 SelfTracker 02<br />
05 Livestream 02 jpg.png|200px|thumb|center|05 Livestream 02<br />
06 Captcha png.png|thumb|center|06 Captcha<br />
07 SelfRegister jpg.png|200px|thumb|left|07 Self Register<br />
Schema Martin 01 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 02 Count on Me.png|200px|thumb|left|Schema Martin 01 Count on Me<br />
Schema Martin 03 Count on Me.png|200px|thumb|center|Schema Martin 01 Count on Me<br />
Schema Martin 04 Count on Me.png|200px|thumb|left|Schema Martin 04 Count on Me<br />
<br />
</gallery><br />
<br />
</div><br />
</div></div>Martin