# Stadt+Digital+X

[Atelierprojekt WiSe 2020/21](https://www.hbksaar.de/vorlesungen/details/1266)
Fraas, Detzler, Käfer, Schmitz

*In den 70er Jahren war es Science Fiction – sind die Ideen von damals heute Realität? Die vernetzte Stadt, ob als smarter Effizienzmaschinen oder als Labor demokratischer Praxis, urbane Räume sind Schlüsselorte die es zu gestalten gilt.*

*Wie sieht unsere Vision der Stadt, in der wir in Zukunft leben wollen, im Kontext von Digitalisierung aus und wie kann diese gestaltet werden? Das ist die Frage die sich durch das multidisziplinäre Atelierprojekt stadt+digital+x ziehen wird.*

*Gemeinsam untersuchen wir die Historie der Entwicklung von Städten und deren immer größer werdenden Vernetzung. Methodisch werden wir uns dem Stadtgebiet Saarbrückens nähern und eine erste Bestandsaufnahme an Herausforderungen im öffentlichen Raum listen. Darauf aufbauend werden Konzepte und erste Prototypen entwickelt.*

Startdatum: 09.11.2020
Enddatum: 08.02.2021
Montag: 14:00 - 18:00

**Alle Treffen unter: https://meet.google.com/ncr-ecno-ieb**

**Alle gemeinsamen Daten unter:
https://drive.google.com/drive/folders/1q3Myv6lDIVapV4gFuQN-d8rmY5kpJotQ?usp=sharing**
### Kontakt

Prof. Maike Fraas: [e-mail]
Prof. Detzler: [e-mail]
Hannes Käfer: [e-mail]
Michael Schmitz: [e-mail]

### Ressourcen

*in Kürze!*

---
## 1. Treffen 9.11.2020

Vorstellungsrunde
Vorstellung Projekt, Methoden, Quellen
Ablauf

Erste Aufgabe:In 2er Gruppen die Stadt begehen, Orte beobachten, Methodenformular befüllen

Shooresh und Tobias
Benjamin und Mercedes
Sebastian und Julie
Daniel und Behnaz
Katharina und Jongmin

---

## 2. Treffen 16.11.2020

[Präsentation Burkhard Detzler](https://docs.google.com/presentation/d/1Fcj1WGGjiEeFtFYmT76Wr6qSu30XlAfumtO3lCw3q04/edit?usp=sharing)

Zweite Aufgabe:
- Weiter recherchieren
- Projektsfeld bestimmen
- Digitalität nicht vergessen

### Uberschrifte

**Mercedes:**
[Adobe Creative day - Bus Stop Prank](https://youtu.be/BRAM8MpqIeA)

**Shooresh und Tobias**
- Zunehmende Abhängigkeit von Städten zu Konzernen im Datenbereich
- Daten als Werkzeug zur Stadtentwicklung
- Aufklärung darüber wer Daten von wem sammelt und wie verwendet
- Daten öffnen und dem Nutzer zugänglich machen
- Den Nutzer über die Zugänglichkeit seiner Daten entscheiden lassen

**Katharina & Jeongmin:**
- Shared Projektions Space in der Stadt
- Lichtprojektionen im öffentlichen Raum

TODO: weitere Recherche und Ausarbeitung der Ideen

---

## 3. Treffen 23.11.2020

## 4. Treffen 30.11.2020
Headlines, Visualisierung und weiterführende links

**"Zeitarchiv Saarbrücken" (Julie/Sebastian)**


Link zur PDF: https://drive.google.com/file/d/1u3INFrIulxC8t8mRf7RDjD_FMYKrKkFm/view?usp=sharing

---

**Tobias und Shooresh**

Projekt: Spiel mit den Daten
Projekt: Du hast die Wahl

[https://drive.google.com/file/d/14hi1FiFQC_NDopVdN32cASLfbaF1GHWd/view?usp=sharing]

**Mercedes**
[Wie gut kennen Sie Saarbrücken?](https://docs.google.com/document/d/1dpJdUyF8CN5jA8i8OZi7bVMtB8GUDTLJRumYrBXUVnk/edit?usp=sharing)
* Für nächste Woche: Fokusieren sich auf das Potenzial Menschen zusammenzubringen, um zusammenzuarbeiten / teilzunehmen / zu spielen, anstatt auf ihre Handys zu schauen

**Katharina & Jeongmin:**
Idee1: Schnitzel Jagd durch Saarbrücken

Schnitzeljad durch Saarbrücken als interaktive Führung zu versteckten Orten. Rätsel und Hinweise über QR Codes + Konzept für eigenständige App.
Die Spieler werden in einem ausgewählten Setting über Koordinaten, Bildern oder anderen Rätseln durch Saarbrücken geführt. QR Codes mit Logos bieten sich für weiter Rätsel an.
Außerdem dienen sie als Markierung für die Jagd.

Idee2: Social Media Board

Eine Webseite, welche Social Media Postings über einen Hashtag oder ähnliche Filtermethoden sammelt, wird auf die Medienfassade projiziert. Es soll ein öffentliches Klemmbrett für die Einwohner enstehen.
Das ganze soll sich bei Missbrauch selbst regulieren. Jeder darf also schreiben, was er/sie möchte. Dazu müssen verschiedene Themen vorgegeben werden. Evtl. soll es Regionale Einschränkungen geben, damit die Postings vor Ort oder zumindest in Saarbrücken gemacht werden müssen. Es soll ein technischer Prototyp entstehen bei dem erste Versuche gemacht werden können.

[Jodel als Social Media Plattform](https://drive.google.com/drive/u/0/folders/1Jzj4uVDmKRC3u9JimPwcF4qzjcvxJEXv)

---

## 5. Treffen 07.12.2020

Vorstellungen der Arbeiten und Besprechung der nächsten Schritte:

**Mercedes**
* Fokus auf interaktive Haltestelle (Recherche, zB https://www.georgious.nl)
* Lookup (https://www.lookup.org.au) Recherche in SB war ergebnislos

*Für nächste Woche: Erster Schritt in die Entwürfe / visuelle Beispiele, Collagen, Storyboards*

**Benjamin**
* Digital Graffiti, erste Ansätze für die Generierung von Inhalten durch User

*Aufgabe: Weitere (mehrere!) konkrete Beispiele entwerfen, Ort + Inhalt*

**Shooresh & Tobias**

...

*nächster Schritt: visualisieren
Aufwendige Präsentation :-)*

**Daniel & Behnaz**

* Melde-App für Bürger an die Stadt

*In dem bestehenden Ansatz (Teilen kartenbasierter Inhalte) noch einmal neue Ideen generieren, nicht ausschließlich Stadtverwaltungs-Perspektive*

**Katharina & Jeongmeen**

* Social Media Board und Verwendung von Jodel

*Zum nächsten Mal: Visualisieren, inhaltliche Beispiele durchspielen, konkrete technische Umsetzung recherchieren*

**Julie & Sebastian**
* Am Beispiel Nauwieser 19 "Historie" eines Ortes archivieren und weitergeben,

*Jetzt visualisieren, die Stories der Beteiligten Nutzer zeigen*

**-> Comic PDF Julie & Sebastian:**
https://drive.google.com/file/d/1I6PgAbFo5R9ywA0kiiD8XxhEUilNYKZB/view?usp=sharing

---

# 6. Treffen 14.12.2020

Protokoll der Fortschrittsberichte bzw. nächster Schritte

**Katharina & Jeongmeen**

* Konzeptuell: Noch weitere Ideen generieren für Inhalte/Themen
* Technisch: Weitere Recherche zur Plattform, Jodel, hashtag of the day
* Visualisierungen! Beispiele zeigen

**Julie & Sebastian**

* Beispiel Nauwieser 19 durchspielen
* Gestaltung angehen

**Daniel & Behnaz**

* Konzept weiter entwickeln
* Erste Prototypentwicklung

**Shooresh & Tobias**

* Detaillierung Konzept und Gestaltung der Installation

**Benjamin**

* konkrete Visualisierung der Beispiele

**Mercedes**

* [Du... irgendwo in Saarbrücken](https://docs.google.com/document/d/1dpJdUyF8CN5jA8i8OZi7bVMtB8GUDTLJRumYrBXUVnk/edit?usp=sharing). Gestaltung der Installation, Vorstellungsart definieren

# 7. Treffen 4.1.2020

**Mercedes**
Prototyp möglichkeiten:

* Pose erkennen und vergleichen (Software)
* [MoveMirror](https://experiments.withgoogle.com/collection/ai/move-mirror/view/mirror): Google's AI Experiment matches your pose with poses from photos in an 80.000-item library (TensorFlow)
**Mögliche Probleme:** Owned by Google. Ich habe es probiert und es ist nicht so exact. Braucht Internet access
* *OpenPose*: Real-time multi-person keypoint detection library for body, face, hands, and foot estimation ([Github](https://github.com/CMU-Perceptual-Computing-Lab/openpose)) -> *Open Source!* 😍
[Single pose estimation and comparison](https://becominghuman.ai/single-pose-comparison-a-fun-application-using-human-pose-estimation-part-2-4fd16a8bf0d3) (2017) Braucht nur ein Digitales Camera und normale OS (Windows, Ubuntu) Funktioniert Offline
**Mögliche Probleme:** Entwickelt mit Caffe, Funktionalität kann im Vergleich zu z.B. TensorFlow eingeschränkt sein (so wie ich es verstanden habe). Kann auch irrelevant sein, wenn die Einschränkungen hauptsächlich für die mobile Entwicklung sind, da die mobile Entwicklung nicht erforderlich/gewünscht wäre (großer Bildschirm als interaktive Werbetafel).
* [PoseNet](https://github.com/tensorflow/tfjs-models/tree/master/posenet) (TensorFlow) Sollte Offline funktionieren
**Mögliche Probleme:** Nicht so aktiv als OpenPose, wahrscheinlich mehr Bugs, nicht so viel Dokumentation verfügbar.

* Bild zeigen (Hardware)
* [LED Display](https://www.bueroshop24.de/showdown%C2%AE-displays-digitales-panel-smart-line-led-display-h%C3%A4ngend-108-0-cm-(43-zoll)-926535?srpId=7a3d4d7dddc0426beca9357d7b9fdd5d&obt=1&fcv=8abd684136344af0fef4614f954d511c&storeType=B2C&lkz=624761&gclid=Cj0KCQiAlsv_BRDtARIsAHMGVSY8og4GS5hQnLO0vO2nfJNEyLAybEh0ex0uBKT1mwdBp0MtnIbMrTQaAt3uEALw_wcB)
* [Werbungsfernseher](https://www.office-partner.de/lg-digital-signage-43sm5d-b-lcd-display-43-schwarz-8069963?campaign=psm%2Fgoogle%2FMarkenshops%2FLG%2FMonitore%2Fab96%2C52cm(38Zoll)&gclid=Cj0KCQiAlsv_BRDtARIsAHMGVSZt4ruNzTtIURLI-x6-as5OUkGFe05Eaf2YapWwDlLCUI9SGRMOkRwaAqdxEALw_wcB)
* [Touchpoints](https://www.crossvertise.com/digital-out-of-home/touchpoints/bahnhof)

**Mögliche Probleme:** Es ist mir nicht klar wie Programierbar / Hackable diese Optionen sind, um das Software laufen zu lassen und um das Kamera anzuschliessen.

* Mit dem User interagieren, Bildschirm kontrollieren (Hardware)
* Raspberry Pi (Ubuntu) + USB Kamera
* Normales Laptop (Windows / Ubuntu) + USB Kamera
* Repurposed Smartphone (nur mit Software das mit TensorFLow entwickelt wurde)

* Zu lösen
* Stromanschluss
* Hardware schützen/verstecken
* IP Protection Class (Wetterständig) Outdoor/Indoor?

* Ort
* Hauptbahnhof (hat schon ein paar LED Displays)
* Europa Gallerie

# 8. Treffen 11.1.2020

**Katharina & Jeongmin**

* Visualisierungen: https://drive.google.com/drive/folders/16M_CHrX_FqWC1n2RbnfR9frzAfeGg5l5?usp=sharing
* Implemetierung der Twitter API und Wechsel von FLow-Flow auf Smash Balloon: https://hbk.schinken.cloud/

# 9. Treffen 18.1.2020

# 10. Treffen 25.1.2020
## Video für digitalen Rundgang
https://forms.gle/KuCeaU5Wz6s4YDqJ6

**Shooresh & Tobias**

* Visualisierung:
https://drive.google.com/file/d/1apuGTgbHqA9f-pYaEqFhvfZ6fXOxS2yp/view?usp=sharing

---
# Konzepte

## **Julie & Sebastian**


Die **»Saarbrücker Kulturkarte«** ist eine interaktive historische Karte von Saarbrücken. Durch die zahlreichen Kulturvereine, die über ganz Saarbrücken verteilt sind, hat sich in den vergangenen Jahrzehnten ein wahrer Schatz an Archivmaterial angehäuft, der bis heute nicht hinreichend Aufmerksamkeit erfährt. Durch die Saarbrücker Kulturkarte werden diese Informationen nun sowohl zeitlich als auch räumlich eingeordnet.

<img src="https://i.imgur.com/2tk9syp.png" alt="Screenshot" style="width:400px;height:222px;">

</br>Über die Karte werden wichtige Orte in der Stadt sichtbar, die ihrerseits jeweils spannende Artikel über ihre Historie einstellen können. Diese kann man zusätzlich über einen Zeitstrahl filtern und somit genau feststellen wann wo was passiert ist.

Um die Kulturorte zusätzlich auch physisch in das Konzept einzubinden, sind die Beiträge auf der Seite jedoch zunächst nicht einfach abrufbar. Die Nutzer:innen müssen selbst durch Saarbrücken gehen, die Orte die sie interessieren aufsuchen und sich vor Ort umsehen. Entdecken die Besucher:innen eine der zahlreichen Code-Karten, so können sie über diese Karten die Beiträge des jeweiligen Kulturortes freischalten.


Gleichzeitig funktionieren die Karten auch als ein spielerischer Ansatz, sowie als Marketing-Element für die digitalen Beiträge. Nutzer:innen bekommen etwas haptisches in die Hand, können es mitnehmen und sammeln. Zudem verbreitet sich der digitale Content durch die Karten, die man vor Ort auch dann entdecken kann, wenn man das Konzept der Seite noch gar nicht kennt.

### **Info:**

Link zur Präsentation vom 01.02.21
https://prezi.com/view/80Q49SwIgsZAalyaYFzC/

Link zur Dokumentation
https://drive.google.com/file/d/1LB-LSsaj_YqOWevzYRGgf5ux6tl7ZX2j/view?usp=sharing

[Link zur interaktive Demo](https://framer.com/share/Kulturkarte-Saarbr-cken--eBipdIlM3p74WeuNXEjq/Mj8B3FDGx)

[Link zum Videotrailer](https://www.youtube.com/watch?v=Ts6oHlR32mk&feature=youtu.be)

</br>

---
## **Tobias & Shooresh**

Die Smart City hat Potential. Vielleicht erreichen wir ökologische Ziele, wie einen effizienten Umgang mit Ressourcen, mit einem regen Datenaustausch schneller. Hier gibt es allerdings ein Problem: Die Daten der Smart City spiegeln und speichern unser persönliches Verhalten. Wir sollten uns genau überlegen, wem wir sie zur Verfügung stellen.

Deshalb möchten wir Bürgerinnen und Bürger auf die Datenproduktion in der Smart City aufmerksam machen und zum kritischen Umgang damit ermutigen. Dafür haben wir eine Kampagne entwickelt, die das Thema im öffentlichen Raum anteasert und auf eine Webseite weiterleitet. Dort werden Information zu Daten in der Smart City spielerisch aufbereitet.

Unsere Kampagne “**Deine Daten - Deine Stadt**” steht für Datensparsamkeit und eine Smart City, die sich am Gemeinwohl orientiert.

**Öffentlicher Raum:**

Um Aufmerksamkeit im öffentlichen Raum zu generieren, wird an Aufenthaltsorten wie Bahnhofshallen und Bibliotheken ein Infokiosk aufgestellt. Wenn eine Person vor den Kiosk tritt, erscheint sie auch auf dem Screen, eingebettet in die Stadtlandschaft. Dann wird ein Foto von ihr gemacht und die Person so auf die Webseite gelockt.

**Webseite**

Der User wählt einen Avatar aus, der für je ein Datenbeispiel steht. In weniger als einer Minute wird spielerisch gezeigt, welche konkreten Vor- und Nachteile es haben kann, seine persönlichen Daten preiszugeben. Die Simulation soll einen verblüffenden Effekt haben und Fragen offen lassen. Dann wird der User auf die Infoseite des Vereins weitergeleitet.


---
## **Behnaz & Daniel**

<!---->

Im städtischen Raum begegnen uns viele tolle Orte. Und mitunter auch weniger tolle. Mit **»Toll.eck«** wollen wir besser auf interessante Orte in der Stadt aufmerksam machen.

### Prototyp
Im Laufe des Projekts haben wir zunächst einen Low-Fidelity-Prototyp aus Papier erstellt, um grundlegende Ideen zu Gestaltung und Interaktionsweise greifbar zu machen. Auf dieser Grundlage haben wir mit [Figma](https://www.figma.com) einen Design-Prototyp entworfen, in dem die Funktionalitäten zum Entdecken, Markieren, Taggen, Kommentieren, Bebildern und Teilen von Orten realisiert sind.


### Links
[Figma-Prototyp](https://www.figma.com/proto/eLcFOTuKWh1mmr6jJXzp5l/Tolleck?node-id=29%3A0&scaling=contain&hotspot-hints=0)
[Videotrailer](https://vimeo.com/508623694/3f3977ea1f)
<!--[Videotrailer](https://drive.google.com/file/d/1Wc37QPLxZOFmEBOjRvGptgMiH_eUr7Md/view?usp=sharing)-->

## **Katharina & Jeongmin**


**Idee**

Die DailyWall ist eine öffentliche Pinnwand, welche Bürgern die Möglichkeit bietet sich im öffentlichen Raum auszutauchen. Ziel ist es den städtischen Raum für sich zu nutzen und diesen selbst gestalten zu können. An der Wand kann somit jeder eigene Nachrichten verfassen, welche dann groß und sichtbar auf einer Wand zu sehen sind. Jeder kann selbst für sich entscheiden, ob er/sie die Wand nutzen möchte, um auf ernste Themen aufmerksam zu machen, schöne Plätze im Ort zu präsentieren oder einfach nette Grüße auszurichten.


**Prototyp**

Im Laufe des Atelierprojekts ist daraufhin ein Prototyp enstanden, der auf der Medienfassade der HBKSaar ausgestrahlt wird. Die Wand ist frei und ohne vorgebenen Themen nutzbar. Der Prototyp funktioniert in Kombination mit Twitter. So wird über ein RSS nach dem #hbkwall auf Twitter gefiltert. Alle Nachrichten, die dieses Hashtag beinhalten, erscheinen somit auf der Wand.
Dieses RSS wurde daraufhin in eine Wordpress Seite eingebunden. Mit ein wenig Php- und Css-Code wurde die Seite so angepasst, dass Sie sich selbständig alle 15 Sekunden aktualisiert. Das Css wurde für das minimalistische Design der Seite benötigt.


**Hier sind die wichtigsten Php-Codes, falls jemand so etwas in Wordpress nachbauen möchte:**

**Autorefresh Webseite:**
Das muss in die header.php des genutzten Wordpress Themes.

> //<?php
> if (is_front_page()) {
> echo '<META HTTP-EQUIV="REFRESH" CONTENT="10">' ;
> }
> ?>*

Die "//" sind hier für HackMd zum ausklammern, das muss in der header.php weg. Die 10 bei CONTENT="10" steht für die Sekunden, in der die Webseite sich Updaten soll. Also alle 10 Sekunden.

**Auto refresh RSS Block schneller:**
Das muss in die funtions.php des genutzten Wordpress Themes.

> //add_filter( 'wp_feed_cache_transient_lifetime',
> create_function('$a', 'return 600;') );

Auch hier steht die Zahl, in dem Fall "600", für die Refresh-Rate.

Mit diesen Befehlen könnt ihr dafür sorgen, dass sich euer RSS Feed und eure Webseite schnell Updaten.
Als Backup würde ich dennoch eine AutoRefresh Chrome Extension empfehlen. Diese könnt ihr einfach auf dem Rechner, der die Projektion steuer installieren, falls mal etwas an der Webseite nicht funktioniert. Es kann passieren, dass die zusätzlichen Php-Code Zeilen auf eurer Webseite aus Gründen wie einem Theme Update oder Server-Neustart gelöscht werden. In dem Fall müsst ihr die Seite natürlich wieder manuell neuladen, damit die Zeilen auch wieder in der angezeigten Seite sind. Die Chrome Extension wurde bei der Daily so eingestellt, dass sie jede Stunde die Seite neulädt.

**Twitter**

Um zu verhindern, dass Nachrichten von anderen Twitternutzern, die sich nicht auf die DailyWall beziehen, zu vermeiden, wurde extra ein Hashtag rausgesucht, welches nicht verwendet wurde. Dieses Hashtag ist auch nur auf der Wand zu zu sehen. Die URl der Webseite wird nirgendwo veröffentlicht.

**Der Prototyp wird 5 Tage lang von 17-23 Uhr an der Medienfassade ausgestrahlt.**



---

## **Mercedes**

### Warum *möchte* jemand in Saarbrücken leben?
In den 3 ½ Jahren, die ich hier lebe, habe ich die seltsamen und gegensätzlichen Beziehungen erlebt, die verschiedene Menschen zu dieser Stadt zu haben scheinen.

Touristen wissen außer den Einkaufsmöglichkeiten oder den Wanderwegen nicht viel zu schätzen. Diejenigen, die zum Arbeiten oder Studieren hierher kommen, schauen vielleicht auf Saarbrücken herab und kategorisieren es als geschmacklos oder langweilig. Ein Beitrag im Spiegel-TV nannte es "Saarbrooklyn" (offenbar kein Kompliment) und zeichnete es als ["Verwahrlost, heruntergekommen und asozial"](https://www.sr.de/sr/sr3/themen/panorama/antwort_saarbrooklyn_beitrag_100.html). Ich persönlich habe sogar schon gehört, dass es "Saarbrückistan" genannt wird.

Doch wer im Saarland geboren und aufgewachsen ist, fühlt sich in der Regel mit ihm verbunden, egal wie viel er reist, nirgendwo fühlt er sich so sehr zu Hause. Sie wollen immer wieder zurückkommen und die Saarbrigger sind da nicht anders.

### Eine Frage der Perspektive


Die Erfahrungen meines Mannes und von mir lagen irgendwie in der Mitte dieser beiden Extreme. Wir *entschieden* uns, hierher zu kommen, und als wir alles gefunden hatten, was wir für unser Zusammenleben brauchten, *entschieden* wir uns, zu bleiben.

Saarbrücken zu schätzen, muss nicht bedeuten, sich ein Leben lang daran zu binden. Wir wussten schon eine Weile, dass es keine langfristige Option für uns ist, aber wir sind dankbar für jede Sekunde und fühlen uns zugehörig, *weil* wir all die guten Dinge an der Stadt wahrgenommen haben.

Mit meinem Projekt wollte ich anderen in unserer Lage helfen, eine ähnliche Perspektive zu gewinnen.

### Saarbrücken Sießschmieren

*Ein interaktives Plakat, die dein Bild in lustigen Situationen rund um Saarbrücken digital bearbeitet*

#### Kontext: Bushaltestelle
- Unproduktive und unstimulierende Zeit beim Warten auf den Bus
- Wenig bis keine menschliche Interaktion. Mögliche Eisbrecher zwischen wartende Einsteiger.
- Perfekte Gelegenheit, die Menschen daran zu erinnern, "die Aussicht" auf die Stadt zu genießen

#### Umsetzung:
- Digitales Plakat - Bildschirm
- Kamera (kann USB sein) im Struktur integriert
- [OpenPose Software](https://github.com/CMU-Perceptual-Computing-Lab/openpose): Open Source und offline verwendbar. (Kompatibel mit Mac / Windows / Linux)
- Keine große Speicherkapazität erforderlich

#### Datenschutz:
- Die Bilder werden nicht gespeichert und die Person wird darüber informiert
- Die Installation muss nicht mit dem Internet verbunden sein

### [Video](https://drive.google.com/file/d/1z1IER4ZjqMpyVx1n8AtthGe9Lq3FpVb3/view?usp=sharing)

### [Präsentation mit Video](https://drive.google.com/file/d/1FDKhIwvmMryTHOCR3D7gaPxo21yoRZum/view?usp=sharing)