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
7 – Designprozess
1. Themensammlung
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
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
20. Ausstellung
Projektbeschreibung
Plakat
