with NO SCREENS?

5. – 7.05. & 12. – 14.05. 11:00 – 13:00 & 14:00 – 16:00.

This workshop is only open to S&&O students

This workshop was born out of the social distancing restrictions we are practicing to delay the spread of the corona virus. It is an attempt to teach a very materials based electronics workshop remotely, via means of video calls, screen-sharing, kits that have been distributed to all participants and a game board that leads us through the week. Not only is the tool-set of this workshop shaped by the current situation, the workshop content itself is looking to explore different ways of creating social connections and experiences over distance.

We will use network technology to SEND MESSAGES over the internet. On either end of this digital connection we are going to imagine and prototype devices that TRANSLATE these electrically encoded messages into analog/physical/material INTERACTIONS and ACTIONS.

Basically we will use SENSORS to capture and translate our physical bodily interactions with the world into electronic signals. Use ARDUINO to translate these analog signals into digital messages. Encode these messages in the MQTT PROTOCOL and make use of the amazing network infrastructure that is THE INTERNET to PUBLISH these messages to a BROKER so others can SUBSCRIBE to them, translate them back into into physical actions by means of electronic ACTUATORS.

What is it that we will sense&&send and then receive&do with this technical setup?
This will be the most fun, experimental and challenging part of the workshop. In order to explore, we will prototype our ideas so that we can observe first-hand the kinds of social experiences we have through the network.

#noscreens is a provocation to get us thinking beyond the visual ways we so readily communicate over networks these days.

---

week1_
DAY_0: preparations (30-60min)
DAY_1: PLAYING_TOGETHER
DAY_2: GETTING PHYSICAL
DAY_3: TAKING CONTROL

---

week2_
DAY_0: preparations
DAY_1: CUTTING CABLES && ROAMING FREE
DAY_2: [tbd]
DAY_3: [tbd|

---

week1_

---

DAY_0: preparations (30-60min)

YOU WILL NEED:

*from SPACE to SPACE KIT
*the game board
*5 x 1 euro coins (or placeholders)
*small jar or box for placing coins inside
*pencil/pen, paper
*large table with space for computer, KIT, game board
*comfortable seat
*good selection of snacks, and big bottle for drinking water

TO DO:

*download and print the game board:
>> http://plusea.at/downloads/games/20-S2S_gameboard_PRINTA4_BW.pdf

*tape the game board together

*prepare your workspace for the week by cleaning up your desk and laying the game board down in front of you
place your 5 x 1 euro coins onto the board (the board is intended as a work-surface it is not precious. use it to take notes, doodle…..)

*download and install newest version of Processing (processing.org/)

*download and install newest version of Arduino (https://www.arduino.cc)

*follow these instructions to install the MQTT processing library:

*explore the contents of the KIT
(make sure you read the labels before making use of any items)

*open the Spiel&&Object pouch and enjoy some of the kuhstallwärme (if you like)

---

KINO MONTAG

* * * FREE movies and popcorn on monday nights * * *
watch a movie, documentary, series, youtube clip, or play a game about networks, communication, space…

Bellow a list of recommendations.
More coming soon…..

---

*history, animation
A Brief History of Communication

---

*Dokumentarfilm
Das Netz
Unabomber, LSD und Internet ist ein Buch und Dokumentarfilm von Lutz Dammbeck über Entstehung des Internets und möglicher Parallelen aus den Bereichen Kunst und Lebenskultur. Der Film zeigt und interviewt Personen, die an der Entwicklung der Technologien des Internets oder deren soziologischen Theorien beteiligt waren.

trailer:

full film:

---

*art, talk
Evan Roth presents “Internet Landscapes”

In Internet Landscapes, Evan Roth investigates the physicality of the Internet as a means to reconnect with changing digital and natural landscapes. Roth plans to follow fiber optic cables as they traverse the globe, and document their often invisible existence using technologies and techniques developed by paranormal societies, including: full spectrum photography; infrared video; instruments of trans-communication; and devices for recording electronic voice phenomena. As his personal pilgrimage to the Internet progresses, he will open this process up to a wider group in which techniques, locations and technologies can be shared freely. From his time in the wilderness of the Internet, Roth will produce a series of pieces in a range of mediums (sculptures, prints and websites) for exhibition off and online. Read more: http://www.creative-capital.org/proje…

---

*series
Halt and Catch Fire

Halt and Catch Fire is a television series depicting a fictional insider’s view of the personal computer revolution of the 1980s and later the growth of the World Wide Web in the early 1990s. The show’s title refers to computer machine code instruction Halt and Catch Fire (HCF), the execution of which would cause the computer’s central processing unit to stop working (catch fire being a humorous exaggeration).

---

STEP0_CHARACTER DESIGN

*find the character design kit in the box
*design your character
*post a picture of your character to the S&&O discord channel #noscreens

---

>>>>>>>> START <<<<<<<<<

---

---

DAY_1: PLAYING_TOGETHER

tuesday 11:00 meet on discord and skype!

---

STEP1_ CHECK-IN

*video/audio/txt connections working?
*you have your kits, gameboards….. desk, seat, snacks?
*anybody watch any KINO last night?
*other video/game recommendations related to our networked society?

*QUESTIONS?

*what are your expectations for the week? what your wishes?

INTRO TO THE WORKSHOP THEME (from SPACE to SPACE)
*networked society, network infrastructure
*analog-digital
*virtual-physical
*etextiles, wearables, body… space

SCHEDULE OVERVIEW
week1_
DAY_0: preparations (30-60min)
DAY_1: PLAYING_TOGETHER
DAY_2: GETTING PHYSICAL
DAY_3: TAKING CONTROL

week2_
DAY_0: preparations
DAY_1: CUTTING CABLES && ROAMING FREE
DAY_2: [tbd]
DAY_3: [tbd|

INTRO TO THE WORKSHOP FORMAT (A MAKING ADVENTURE BOARDGAME?)

some elements:

kuhstallwärme >> all gratis, no cost, consume/use anytime

Brutstätten posttraditionaler Vergemeinschaftung – Über Jugendszenen von Ronald Hitzler
https://link.springer.com/chapter/10.1007/978-3-531-91780-1_3

experience log >> a means to keep track of how our networked experiences are affecting us. find a format that works for you. wiki, instagramm, paper, video…. letters to friends….

notes >> a place for you

money money money >> a means of creating value, scarcity, focus….. open for discussion. keep track of your expenses and income. make suggestions for new purchase items…..
at the end of the game we can collectively decide what to do with the money we spent.

challenges >> towards the end of each day there is a challenge. you can set your own challenges. share them with the group, to hold yourself responsible.

---

?????????? QUESTIONS ??????????

---

STEP2_ NETWORKS

*what is MQTT?

Message Queuing Telemetry Transport (MQTT)
MQTT is a lightweight, publish-subscribe network protocol that transports messages between devices. The protocol usually runs over TCP/IP
>> https://de.wikipedia.org/wiki/MQTT

*what is a BROKER?

A broker is a person or firm who arranges transactions between a buyer and a seller for a commission when the deal is executed.

Markler, Vermittler

*introduce the siftr.io MQTT broker:
goto Shiftr.io “try” Namespace >> https://shiftr.io/try

*describe the visualization, what are we seeing?

* processing code commands:

---

STEP3_ PROCESSING

*what is PROCESSING?
java library, IDE, community, code examples…

*familiarize ourselves with IDE

menu: File –> Examples:
Basics –> Input –> MousePress
Basics –> Lights –> Directional
Basics –> Lights –> Mixture (3D!)
…

setup();
draw();
right-click + “find in reference”
cheatsheet

Contribted Libraries –> MQTT –> PublishSubscribe

*PublishSubscribe – go over in detail
structure, syntax….
everybody open
edit “ClientID”
press play –> do you see yourself in the visualization?
edit publish “topic”
edit subscribe “topic”
edit “message”

*so easy!?!

*QUESTIONS?
*IDEAS?

---

STEP4_ DRAWING-TOGETHER

*download code examples “DAY_1.Zip” >> https://www.plusea.at/downloads/games/20-SPACEtoSPACE/DAY_1.zip

*open “random pair generator”
what is your colour? who is your partner?

*open “drawingTogetherSimple_2p”
hannah demos:
make copy of code / or play with one other?
edit topic colours and player numbers
play to show
click
see visualization on >> https://shiftr.io/plusea/drawing-together

NOW FOR SOME EXPERIMENTS!

*play in pairs
use colour to create new subtopic, for example “red”
decide who is p1 and p2
“/drawing-together/red/p1/xy”

EXPERIMENTS: (no video or audio!)
1) 3min no fade, 2min log experience
2) 3min fade, 2min log experience
3) 3min unknown fade or no fade? 2min log experience
4) unknown partner, decide style, 2min log experience
5) …..?

*what to log?
impressions, feelings, ideas for things to do, what if fun, what is boring…..

---

LUNCH / BREAK

---

STEP5_ THERE-IS-NO-STEP-5

---

STEP6_ EXPLORING-TOGETHER

*introduce other examples:
drawTogether_withFade_2p
drawTogether_onPlan_2p
connectingLine_2p
typeTogether_2p

*play in same random pairs
//make “experience log” entries
//take screenshots of anything interesting that happened on screen
//take note of the experience you have

((( if you have time, you can start writing your own sketch which will be the challenge at the end of the day )))

!! i will be available the whole time for discord chat or skype call

---

STEP7_ CHECK-OUT

*compare notes, experiences, issues, ideas
*what would you want to try next?
*feedback on how the day went

---

CHALLENGE 1:

CODE YOUR OWN NETWORKED EXPERIENCE

*write your own XXX-together sketch
((( possible to pair up differently? )))
*run and document (on the wiki: title, text, screenshots)
*create your own Namespace on Shiftr.io?

---

DAY_2: GETTING_PHYSICAL

wednesday 11:00 meet on discord and skype!

---

STEP1_ CHECK-IN

---

RESOURCES

---

Global Game Jam Diversifiers

>> https://globalgamejam.org/global-game-jam-diversifiers

---

Cheatsheets

Arduino >> http://makitpro.com/index.php/2016/04/14/arduino-cheat-sheet/

Processing >> >> https://www.academia.edu/19867735/Processing_Cheatsheet_Ingles

MQTT >> https://cheatography.com/otavio021/cheat-sheets/mqtt-lightweight-messaging-protocol/

Resistor Colour Code

>> https://www.digikey.com/en/resources/conversion-calculators/conversion-calculator-resistor-color-code-4-band

---

NACHMITTAGS PLAN:

1) alle erstellen shiftr.io account und einen Namespace (think about a name for your namespace…..:-)
((( maybe something like: hannahSPACE, friedrichSPACE….. )))

2) challenge: work by yourself to write a sketch that involves 2 (or more?) players

3) playtest your sketch with others
document on wiki (description/anleitung, screenshot, code)

4) go out and enjoy the sun :city_sunset:
((( ich bleibe bis 16:00 online um fragen zu beantworten und kann auch mit spiele testen )))

---

DAY_4: CUTTING CABLES && ROAMING FREE

---

SCHEDULE FÜR HEUTE

11-13:00 (video call)
ESP intro and code snippits for remote string pulling

LUNCH

14-16:00 (open working time)
VORFREUDE CHALLENGE: implement code and build stable constructions so that we can pull each other’s strings!

---

ESP32

1_SETUP

1
Menu: Preferences —> Additional Boards Manager URLs:
https://dl.espressif.com/dl/package_esp32_index.json

2
Menu: Tools —> Boards —> Boards Manager:
search for: “ESP32”
Install: “esp32 by Espressif Systems”

3
Menu: Tools —> Board: ESP32 Dev Module

Menu: Tools —> Port: dev/cu…
(unplug and plug to see which port appears)

Menu: Tools —> Flash Mode: QIO

Menu: Tools —> Flash Size: 4MB

Menu: Tools —> Flash Frequency: 80Mhz

Menu: Tools —> Upload Speed: 115200

---

2_TEST

Menu: File —> Examples —> Basics —> “Blink”

edit: LED_PIN = 2;

—> blue LED should blink on/off

---

3_READ ANALOG SENSOR

Menu: File —> Examples —> Communication —> “Graph”

edit: Serial.begin(115200);

edit: pick a GPIO pin with and ADC
(GPIO = General Purpose In Out)
(ADC = Analog Digital Converter)

for example: analogRead(34);

Note: ADC2 pins cannot be used when Wi-Fi is used. So, if you’re using Wi-Fi and you’re having trouble getting the value from an ADC2 GPIO, you may consider using an ADC1 GPIO instead, that should solve your problem.

---

4_SEND SENSOR DATA OVER MQTT BROKER (Shiftr.io)

Menu: Sketch —> Include Library —> Manage Libraries

search for: “MQTT”

Install: MQTT library for Arduino
by Joel Gaehwiler

Menu: File —> Examples —> MQTT —> ESP32DevelopmentBoard

edit: your wifi info:
your network name / SIID
(SIID = Service Set Identifier)
your password

edit: the “ClientID” so that you can see yourself connect:
client.connect(“ClientID”, “try”, “try”)

edit: the topics you subscribe and publish to by adding “/yourName”
you can also change the “message” you are sending!

client.subscribe(“/hello/yourName”);

client.publish(“/hello/yourName”, “message”);