Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Music in Pieces

1. Kurzbeschreibung

„Music in Pieces“ lädt dazu ein, Musik auf spielerisch analoge und digitale Weise zu entdecken. 

Mit Hilfe von vier Stempeln, die die vier meistbenutzten Instrumente Piano, Gitarre, Bass und Schlagzeug darstellen, entsteht eine eigene kleine Komposition auf einer Postkarte. An einer Scan-Station erkennt ein Machine-Learning-Modell die Instrumente mithilfe von Teachable Machine und p5.js. Dieser lässt den Song hör- und sichtbar werden. Für die Melodie wurden Midi-Spuren von dem Song Clocks - Coldplay verwendet.

Ein experimentelles Projekt zwischen analoger Gestaltung und digitaler Interpretation, das Musik in ihre Einzelteile zerlegt und wieder zusammensetzt.

2. Filmische Dokumentation

3. Bilder der Umsetzung / Anwendung / Ausstellung

ID KD6.pngID KD6.png

ID KD6 (1).pngID KD6 (1).png

ID KD6 (2).pngID KD6 (2).png

4. Pitch Deck

Nicis und Julies Interaction-Reise KD6 (9).pdf PDF Nicis und Julies Interaction-Reise KD6 (9).pdf

5. User Flow

Nicis und Julies Interaction-Reise KD6 - User Flow (1).jpgNicis und Julies Interaction-Reise KD6 - User Flow (1).jpg

6. Designprozess

ID KD6 (3).pngID KD6 (3).png
ID KD6 (4).pngID KD6 (4).png
ID KD6 (5).pngID KD6 (5).png

7. Links zu Quellcode und Prototypen

p5-js-Web-Editor-Angepasster-Code-Handy-FINAL-ID-KD6-07-21-2025_12_20_AM (1).pngp5-js-Web-Editor-Angepasster-Code-Handy-FINAL-ID-KD6-07-21-2025_12_20_AM (1).png

_________________________________________

Themensammlung

Nici und Julies Interaction-Reise KD6 - Themensammlung Cluster.jpgNici und Julies Interaction-Reise KD6 - Themensammlung Cluster.jpg
Nici und Julies Interaction-Reise KD6 - Themensammlung Cluster1.jpgNici und Julies Interaction-Reise KD6 - Themensammlung Cluster1.jpg

Gemeinsame Themenrecherche mit Nicole

KORG NTS-3 kaos pad kit

IMG_8725.jpegIMG_8725.jpeg
IMG_8728.jpegIMG_8728.jpeg

Medien- & Projektsammlung

Nici und Julies Interaction-Reise KD6 - Projekt-Recherche zur Inspo.jpgNici und Julies Interaction-Reise KD6 - Projekt-Recherche zur Inspo.jpg
Nici und Julies Interaction-Reise KD6 - Mögliche interessante Medien.jpgNici und Julies Interaction-Reise KD6 - Mögliche interessante Medien.jpg

Erweiterte Projektsammlung

Nici und Julies Interaction-Reise KD6 - Projektrahmen Brainstorming Julie __.jpgNici und Julies Interaction-Reise KD6 - Projektrahmen Brainstorming Julie __.jpg

What How Why

Nicis und Julies Interaction-Reise KD6 - Projektskizze & What How Why Sammlung.jpgNicis und Julies Interaction-Reise KD6 - Projektskizze & What How Why Sammlung.jpg

Pitchdeck

Nicis und Julies Interaction-Reise KD6 (2).pdf PDF Nicis und Julies Interaction-Reise KD6 (2).pdf

Projektsammlung

Nicis und Julies Interaction-Reise KD6 - Studienreihe_ Varianten ausformuliert.jpgNicis und Julies Interaction-Reise KD6 - Studienreihe_ Varianten ausformuliert.jpg

Vorläufige Recherche

Nicis und Julies Interaction-Reise KD6 - Recherche.jpgNicis und Julies Interaction-Reise KD6 - Recherche.jpg

Brainstorming für Projekt 2 und 3

Nicis und Julies Interaction-Reise KD6 - Projekt 2 Brainstorming.jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 Brainstorming.jpg
Nicis und Julies Interaction-Reise KD6 - Projekt 3 Brainstorming.jpgNicis und Julies Interaction-Reise KD6 - Projekt 3 Brainstorming.jpg

Weitere Ausarbeitungen 19.05.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 19.05..jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 19.05..jpg
image (1).jpgimage (1).jpg
image (11).pngimage (11).png
ID1.pngID1.png
ID3.pngID3.png
ID27.pngID27.png

Nicis und Julies Interaction-Reise KD6 - Projekt 3 19.05..jpgNicis und Julies Interaction-Reise KD6 - Projekt 3 19.05..jpg

Weitere Ausarbeitungen 26.05.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 26.05..jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 26.05..jpg
image.jpgimage.jpg
ID.pngID.png

Nicis und Julies Interaction-Reise KD6 - Projekt 3 26.05..jpgNicis und Julies Interaction-Reise KD6 - Projekt 3 26.05..jpg
ID1.pngID1.png

Weitere Ausarbeitung 02.06.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 02.06..jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 02.06..jpg
a1.pnga1.png
a2.pnga2.png
a3.pnga3.png
a4.pnga4.png

UserFlow

Nicis und Julies Interaction-Reise KD6 - User Flow.jpgNicis und Julies Interaction-Reise KD6 - User Flow.jpg

Weitere Ausarbeitung 16.06.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 16.06..jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 16.06..jpg
image (2).jpgimage (2).jpg
image (3).jpgimage (3).jpg
image (4).jpgimage (4).jpg
image (5).jpgimage (5).jpg
image (6).jpgimage (6).jpg
image (7).jpgimage (7).jpg
image (8).jpgimage (8).jpg
image (9).jpgimage (9).jpg
image (10).jpgimage (10).jpg
image (11).jpgimage (11).jpg
image (12).jpgimage (12).jpg

Weitere Ausarbeitung 23.06.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 23.06. (1).jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 23.06. (1).jpg
image (21).jpgimage (21).jpg
image (20).jpgimage (20).jpg
image (22).jpgimage (22).jpg
image (23).jpgimage (23).jpg
image (25).jpgimage (25).jpg
image (24).jpgimage (24).jpg

CNC Linol Experiment

image (13).jpgimage (13).jpg
image (14).jpgimage (14).jpg
image (18).jpgimage (18).jpg
image (15).jpgimage (15).jpg
image (16).jpgimage (16).jpg
image (19).jpgimage (19).jpg
image (17).jpgimage (17).jpg

Drehgeschwindigkeit -> 45 Umdrehungen

Arbeitsgeschwindigkeit -> 50%

Fazit:

  • Funktioniert recht gut, wenn der Druck nicht zu detailreich ist (siehe Notenschlüssel) 
  • Wenn der Abstand zu klein ist (z.B. zwischen den Trommeln) geht der Bohrer gar nicht erst durch 
  • Manche Flächen wurden trotzdem vom Bohrer mitgerissen (Note links & Fuß rechts)

Weitere Ausarbeitung 30.06.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 30.06..jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 30.06..jpg
image (27).jpgimage (27).jpg
image (26).jpgimage (26).jpg
image (30).jpgimage (30).jpg
image (29).jpgimage (29).jpg

Neuer Code, der jetzt an das Handy angepasst ist: https://editor.p5js.org/juliaroth1405/sketches/69zhCK8Ym

Postkarten Layouts

ID-Postkarte-Rückseite4.pngID-Postkarte-Rückseite4.png
ID-Postkarte-Rückseite5.pngID-Postkarte-Rückseite5.png
ID-Postkarte-Rückseite2.pngID-Postkarte-Rückseite2.png
ID-Postkarte-Rückseite.pngID-Postkarte-Rückseite.png
ID-Postkarte-Rückseite3.pngID-Postkarte-Rückseite3.png

Das 1. Layout wurde in den Druck bei Flyer Alarm geschickt (100 Stück).

Weitere Ausarbeitung 07.07.

Nicis und Julies Interaction-Reise KD6 - Projekt 2 07.07..jpgNicis und Julies Interaction-Reise KD6 - Projekt 2 07.07..jpg
image (31).jpgimage (31).jpg
image (32).jpgimage (32).jpg

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Designprojekt 3: Interaction / Information Design

Entstehungszeitraum

Sommersemester 2025