1 – Kurzbeschreibung

Alltagsklänge prägen das Leben einer Stadt, bleiben aber meist unbewusst und werden selten dokumentiert. How it Sounds – Münchberg setzt genau hier an: Über eine interaktive Karte werden lokale Klangräume gesammelt und zugänglich gemacht – von Industrie bis Natur, vomStadtleben bis zu spirituellen Orten. Jeder Klangpunkt ist mit einer Echtzeit-Animation verknüpft, die den akustischen Eindruck visuell begleitet. So entsteht ein digitales Soundinterface von Münchberg, das den Stadtraum auf neue Art erlebbar macht.

2 – Filmische Dokumentation

3 – Bilder der Anwendung

4 – Finales Pitch Deck

5 – Userflow

6 – Link

https://editor.p5js.org/wengel.mayer933/sketches/A9c8VSI15

7 – Designprozess

1. Themensammlung

https://miro.com/app/board/uXjVIMKIxX8=/

2. Pocket Operator

In der Vorlesung durften wir in Gruppen mit verschiedene Synthesizern experimentieren, in unserem Fall war das der Pocket Operator von teenage engineering. Diese kompakten, ultraportable Synthesizer mit Studio-Klangqualität und maximaler Flexibilität sehen auf den ersten Blick aus wie ganz normale Taschenrechner sind technisch aber sehr komplex. Sie sind erschwinglich, mit allen Musikgeräten kompatibel und bereits ab 49 € erhältlich.

Durch ausprobieren und Verwendung einer Anleitung, die online verfügbar ist, erforschten wir Grundfunktionen wie einen Teil der voreingestellten Töne von 1-16, die aus verschiedenen Höhen bestanden, sowie den Play Button, der eine gespeicherte Melodie spielt und die Aufnahmefunktion, mit der eigene Samples möglich sind.

Unser Fazit war, dass der Synthesizer auf den ersten Blick sehr simpel wirkt, man aber nach kurzer Einarbeitung recht schnell vom Gegenteil überzeugt wird. Es handelt sich um ein sehr komplexes Gerät mit einer weiten Bandbreite an Möglichkeiten. Wir hätten sehr gerne noch weiter damit experimentiert.

3. Erweiterte Research – erste Projektideen

4. WHAT, HOW, WHY? – Modulare Projektskizzen

5. Pitch Deck

6. Aufnahmemöglichkeiten

7. Kartendarstellungen

8. Research – Historischer Vergleich von Klängen in Münchberg

9. Brainstorming – Erste Ideen für Anwendung/Web

10. Erste Aufnahmen mit Field Recorder und Kontakt mit dem Stadtarchiv Münchberg

11. Feedback Stadtarchiv + Liste zur Anfrage von Bildmaterial

12. Weitere Eingrenzungen von Hotspots mit Koordinaten und möglicher historischer Simulation

13. Sketche in OpenProcessing

Erste einfache Visualisierungsversuche mit Balken und Kreis

https://openprocessing.org/sketch/2658921

https://openprocessing.org/sketch/2659062

https://openprocessing.org/sketch/2659066

Versuch eigenen Vektor als Array einzubauen

https://openprocessing.org/sketch/2663008

Erstes Interface als Dropwdown Menü mit verschiedenen Visualisierungen und einem einfachen Vektor

https://openprocessing.org/sketch/2663014

14. Moodboard Icons

15. Soundinterface in Figma - Prototyp

16. Userflow

17. Weitere Aufnahmen

18. Finale Icons

19. Finale Ausarbeitung im P5jS Web Editor

Dropdown mit allen Kategorien und einfachem Vektor

https://editor.p5js.org/wengel.mayer933/sketches/OoTXpUZG1

Alle Kategorien mit eigener passender Visualisierung mit eigenen Sounds als .mp3 und SVGs als .txt Dateien

Nature

https://editor.p5js.org/wengel.mayer933/sketches/254XfOliu

Industry

https://editor.p5js.org/wengel.mayer933/sketches/mwpssFRBw

Mobility

https://editor.p5js.org/wengel.mayer933/sketches/sNzDSiXsf

Shop

https://editor.p5js.org/wengel.mayer933/sketches/tUe6pi_9A

Water

https://editor.p5js.org/wengel.mayer933/sketches/_67BC7sgU

Farm

https://editor.p5js.org/wengel.mayer933/sketches/2GBhfdIHK

Freetime

https://editor.p5js.org/wengel.mayer933/sketches/jMFEFcgPB

Culture

https://editor.p5js.org/wengel.mayer933/sketches/dU1SeNxM-

Spiritual

https://editor.p5js.org/wengel.mayer933/sketches/XT_9Xym8J

City

https://editor.p5js.org/wengel.mayer933/sketches/4h2RJYrfN

Einbau einer Karte von Münchberg im unteren Bereich als Interface mit klickbaren farbigen MapPoints für jede Kategorie als Trigger der Soundanimationen mit allgemeinen Infotexten

https://editor.p5js.org/wengel.mayer933/sketches/cEHbBAmHd

Finale Version, mit angepasstem UI/UX, Animationen, Sounds und die Skalierung auf ein iPad Pro als Endgerät für die Ausstellung 

Finale Animationen

https://editor.p5js.org/wengel.mayer933/sketches/A9c8VSI15

20. Ausstellung

Projektbeschreibung

Plakat

Übersicht