Verbindungsproblem

Die Verbindung zur Datenbank konnte nicht hergestellt werden.
Mögliche Gründe:

  • Ein AdBlocker blockiert das Skript.
  • Die Internetverbindung ist instabil.
  • Die Supabase-Bibliothek wurde nicht geladen.

Projekt: Stille

Dieses Projekt arbeitet mit subtilen visuellen und auditiven Wahrnehmungen.

Bitte verwenden Sie gute Kopfhörer.

Wichtiger Hinweis zur Lautstärke

Stellen Sie Ihre Lautstärke zunächst auf einen mittleren Bereich ein. Je nach verwendetem Kopfhörer kann die Wahrnehmung stark variieren – passen Sie die Lautstärke bei Bedarf individuell an.

Eintrag löschen?

Diese Aktion kann nicht rückgängig gemacht werden.

Audio Wiedergabe

{{ testState.resultPlayback.item.title }}

{{ testState.resultPlayback.type === 'visual' ? 'Modus: Nur Bild (Stumm)' : testState.resultPlayback.type === 'audio' ? 'Modus: Nur Ton (Blind)' : 'Modus: Realität (Bild & Ton)' }}

Tippen Sie ausserhalb, um zu schliessen

Menü

© 2025 Eline Brändle

Projekt: Stille

Ein interaktives Experiment

Wählen Sie einen Modus, um zu beginnen.

{{ showTop20Only ? 'Top 20' : 'Alle Videos' }}

{{ mode === 'mode1' ? 'Originalton' : 'Zufallston' }}

{{ mode === 'mode1' ? 'Das unverfälschte Erlebnis.' : 'Visuelle Lautstärke trifft auf akustische Stille (oder umgekehrt).' }}

Zufalls-Player

Spielt ein zufälliges Video mit Originalton ab.

Manuelle Wahl

Wählen Sie Video und Ton manuell aus.

Wahrnehmungstest

Phase 1: Visuelle Stille (Ordnen Sie nach visueller Lautstärke)

Phase 2: Auditive Stille (Ordnen Sie nach auditiver Lautstärke)

Ergebnis: Der Vergleich

Willkommen im Wahrnehmungslabor

In diesem Experiment werden Ihnen 10 zufällige Szenen präsentiert.

1. Zuerst sehen Sie nur das Bild (ohne Ton) und ordnen es von "Laut" nach "Still".
2. Danach hören Sie nur den Ton (ohne Bild) und ordnen ihn erneut.
3. Am Ende vergleichen wir Ihre visuelle und auditive Wahrnehmung.

Audio wird abgespielt...

Wählen Sie ein Element aus der Liste

{{ testState.step === 1 ? 'Beurteilen Sie nur das Visuelle.' : 'Beurteilen Sie nur das Auditive.' }}

LAUT (Lärm/Hektik)
{{ index + 1 }}. {{ testState.step === 1 ? item.title : 'Audio Aufnahme ' + item.tempId }}
STILL (Ruhe/Harmonie)

Auswertung: Die grössten Überraschungen zuerst

{{ res.item.title }}

Visueller Rang: {{ res.visualRank }} Auditiver Rang: {{ res.audioRank }} Differenz: {{ Math.abs(res.diff) }}

{{ getInterpretation(res.diff) }}

Lautstärkebewertung

Bewerten Sie 15 zufällige Videos

Video {{ volumeTestState.currentIndex + 1 }} von {{ volumeTestState.selectedVideos.length }}

Ihre Ergebnisse

Lautstärkebewertungstest

In diesem Test werden Ihnen 15 zufällige Videos präsentiert.

Bewerten Sie jedes Video auf einer Skala von 1 (sehr still) bis 10 (sehr laut).

Am Ende erhalten Sie eine Übersicht über alle Ihre Bewertungen.

{{ volumeTestState.selectedVideos[volumeTestState.currentIndex].title }}

1 (Still) 10 (Laut)
{{ volumeTestState.ratings[volumeTestState.selectedVideos[volumeTestState.currentIndex].id] || 5 }}

Ihre Bewertungen

{{ result.item.title }}

{{ result.rating }}

{{ editingId ? 'Eintrag bearbeiten' : 'Ihr Fazit' }}

Was haben Sie empfunden? Wie hat sich Ihre Wahrnehmung verändert? Hinterlassen Sie einen Gedanken für zukünftige Besucher.

{{ captchaQuestion }} =

Gedanken anderer Besucher

Noch keine Einträge. Seien Sie der Erste!
{{ comment.name || 'Anonym' }} {{ formatDate(comment.created_at) }}

{{ comment.message }}

Über das Projekt

Ein interaktives Kunstprojekt zur Wahrnehmung von Stille

Was ist Stille?

Stille ist etwas zutiefst Individuelles. Jeder Mensch trägt eine andere Vorstellung davon in sich. Was für den einen still ist, kann für den anderen laut sein. Doch bei genauerer Betrachtung wird klar: Stille ist kein Zustand – sie ist eine Vorstellung.

In unserer Realität existiert keine absolute Stille. Die Welt steht niemals still. Alles ist in Bewegung: der Wind, das Wasser, die Städte, die Menschen, unsere eigenen Gedanken. Wahre Stille, im absoluten Sinne, gibt es erst im Tod.

Diese Erkenntnis führte mich zu einer grundlegenden Frage: Wie können wir Stille überhaupt wahrnehmen, wenn wir ständig denken, die Welt sich immer bewegt und es akustisch niemals vollkommen ruhig wird?

Die Antwort liegt in unseren Sinnen. Wir Menschen haben zwei Sinnesorgane, die Stille – aber auch Hektik und Lärm – wahrnehmen können: das Auge und das Ohr. Wir nehmen Stille sowohl visuell als auch auditiv wahr. Doch diese beiden Wahrnehmungen stimmen oft nicht überein.

Visuell erscheint uns etwas schnell als still: eine nächtliche Gasse, in der nichts in Bewegung ist, eine weite Landschaft, etwas ästhetisch Schönes, das uns innerlich beruhigt. Das Auge findet schnell zur Ruhe.

Auditiv hingegen ist es nie wirklich still. Wir hören immer etwas. Was wir als Stille empfinden, ist in Wahrheit nur relative Leise. Unsere auditive Wahrnehmung orientiert sich an der Lautstärke: Leise nehmen wir als ruhig wahr, laut als Lärm.

Mit diesem Projekt wollte ich diese Wahrnehmung von visueller und auditiver Stille erlebbar machen. Da Stille für mich etwas zutiefst Individuelles ist, habe ich ein interaktives Kunstprojekt entwickelt, bei dem Sie selbst herausfinden können, was Stille für Sie bedeutet.

Was Sie über sich selbst lernen können

All diese Funktionen führen zu einer zentralen Erkenntnis: Stille ist keine Eigenschaft der Welt – sie ist eine Eigenschaft Ihrer Wahrnehmung.

Zwei Menschen können am selben Ort stehen. Der eine empfindet Stille, der andere Lärm. Der Unterschied liegt nicht im Ort – er liegt im Menschen.

Dieses Projekt gibt Ihnen die Werkzeuge, um Ihre eigene Wahrnehmung zu verstehen. Nicht um sie zu bewerten. Nicht um sie zu verändern. Nur um sie zu sehen.

Und das ist der erste Schritt, um Stille zu finden: Zu wissen, was Stille für Sie bedeutet.

Die Modi und Tests

Die vier Player-Modi

1 Originalton

Was Sie damit erreichen: Sie erleben ein Video mit seinem echten, unveränderten Ton – so wie es tatsächlich vor Ort aufgenommen wurde.

Worauf Sie achten sollten: Achten Sie darauf, ob der Ton Ihren Erwartungen entspricht. Oft klingt eine Szene anders, als das Bild vermuten lässt. Hören Sie genau hin: Welche Hintergrundgeräusche nehmen Sie wahr, die Sie auf den ersten Blick nicht erwartet hätten?

2 Zufalls-Player

Was Sie damit erreichen: Ein zufälliges Video mit Originalton wird abgespielt. Mit der Endlosschleife können Sie sich durch verschiedene Szenen führen lassen, ohne selbst auszuwählen.

Worauf Sie achten sollten: Dieser Modus eignet sich, um verschiedene Orte zu entdecken, ohne vorher zu wissen, was kommt. Beobachten Sie Ihre erste Reaktion: Empfinden Sie die Szene als still oder laut?

3 Zufallston

Was Sie damit erreichen: Sie wählen ein Video aus, aber der Ton stammt von einer zufällig anderen Aufnahme. So erleben Sie bewusst eine Kombination, die nicht zusammengehört.

Worauf Sie achten sollten: Achten Sie auf den Kontrast zwischen Bild und Ton. Passt das Visuelle zum Auditiven? Wie verändert sich Ihre Wahrnehmung des Bildes, wenn ein "falscher" Ton dazukommt? Fühlt sich die Kombination störend oder überraschend stimmig an?

4 Manuelle Wahl

Was Sie damit erreichen: Sie wählen Video und Ton getrennt aus und bestimmen selbst, welche Kombination entsteht. So können Sie gezielt Kontraste oder Harmonien erzeugen. Ich empfehle besonders, Bild- und Tonspuren desselben Ortes miteinander zu kombinieren. Ein spannendes Beispiel hierfür ist die Verknüpfung des Videos „Bellevue Nacht" mit der Tonspur „Bellevue".

Worauf Sie achten sollten: Experimentieren Sie mit unterschiedlichen Kombinationen. Was passiert, wenn Sie ein ruhiges Bild mit einem lauten Ton verbinden – oder umgekehrt? Welche Kombination empfinden Sie als angenehm, welche als unangenehm?

Die zwei Tests

Wahrnehmungstest

Was Sie damit erreichen: Sie erfahren, wie unterschiedlich Sie dieselben Szenen visuell (nur Bild) und auditiv (nur Ton) einschätzen. Am Ende sehen Sie, bei welchen Videos Ihre Einschätzung stark abweicht.

Worauf Sie achten sollten:
  • Phase 1 (Bild ohne Ton): Ordnen Sie die Videos danach, wie laut oder still sie auf Sie wirken – rein vom Aussehen her.
  • Phase 2 (Ton ohne Bild): Ordnen Sie dieselben Szenen erneut, diesmal nur nach dem, was Sie hören.
  • Auswertung: Schauen Sie sich die Differenz an. Je grösser der Unterschied zwischen Ihrem visuellen und auditiven Ranking, desto mehr hat das Bild Ihre Erwartung beeinflusst.
Lautstärkebewertung

Was Sie damit erreichen: Sie bewerten 15 Videos auf einer Skala von 1 (sehr still) bis 10 (sehr laut). Am Ende sehen Sie eine Übersicht, die zeigt, was Sie persönlich als still oder laut empfinden.

Worauf Sie achten sollten: Bewerten Sie nach Ihrem spontanen Eindruck. Es gibt keine richtigen oder falschen Antworten – es geht um Ihre persönliche Wahrnehmung. Schauen Sie sich am Ende an, welche Videos Sie besonders still oder besonders laut fanden.

Der Prozess

Der Arbeitsprozess: von der ersten Idee, über die Techniken bis hin zur Umsetzung

Inhaltsverzeichnis

Alle Kapitel

Scrolle durch alle Kapitel des Arbeitsprozesses

1 Fachlicher Input

Zu Beginn des Arbeitsprozesses erhielten wir von unserer Betreuungslehrperson, Sabrina Barbieri, einen umfassenden fachlichen Input. Sie beleuchtete verschiedene künstlerische Medien und Herangehensweisen und zeigte anhand konkreter Beispiele auf, wie sich das Thema "Stille" vielfältig umsetzen lässt. Diese theoretischen Grundlagen bildeten für mich eine wertvolle Basis und lieferten zahlreiche Anknüpfungspunkte für mein eigenes Projekt.

Hier sind die zentralen Aspekte, die ich aus dem Vortrag für meine Arbeit mitgenommen habe:

1. Malerei und Zeichnung

Im zweidimensionalen Bereich haben wir die Freiheit, sowohl abstrakt als auch figurativ zu arbeiten. Besonders spannend ist dabei der Umgang mit dem Format: Das Spektrum reicht von minimalen Arbeiten (z.B. 1x1 cm) bis hin zur grossflächigen Wandgestaltung. Auch der dreidimensionale Raum kann hierbei mit einbezogen werden.

Zur Inspiration wurden uns verschiedene künstlerische Positionen vorgestellt:

  • Kevin Lucbert und Sandra Boeschenstein: Inspirierend für Landschaften und reduzierte Darstellungen (z.B. Mondlandschaften).
  • Ingo Giezendanner: Sein Fokus liegt auf der direkten Beobachtung und der Anschauung vor Ort.
  • Nanne Meyer: Ein Beispiel für serielles Arbeiten (z.B. Triptychen) und das intensive Studieren eines Motivs (wie Wolken) unter verschiedenen Aspekten.
  • Peter Doig: Er arbeitet oft nicht naturalistisch und nutzt Fotografien als Startpunkt, um diese neu zu kombinieren – häufig ohne feste Vorstellung des Endprodukts.
  • Emil Ferris: Ein Referenzpunkt für erzählerische Fantasie, Comics und die Illustration eigener Erfahrungen.
Meine Gedanken

Wenn alles still ist – im Schlaf, beim Cellospielen oder in Momenten der Ruhe – ordnen sich meine Gedanken, und ich finde zu innerer Ruhe. Auch beim Sport, wenn ich an meine körperlichen Grenzen gelange, entsteht eine besondere Form von Stille: Die Konzentration richtet sich ganz auf den gegenwärtigen Moment, während alles andere in den Hintergrund tritt. Ähnlich wirkt die nächtliche Stille, in der Gedanken langsamer werden und sich klären. Diese unterschiedlichen Formen von Stille könnten eine gute Idee sein, um solche Momente oder Zustände bildnerisch festzuhalten.

Fachlicher Input und Notizen

Notizen vom Input Malerei und Zeichnung

2. (Digitales) Collagieren & Animation

Auch digitale Medien bieten vielfältige Möglichkeiten, das Thema zu bearbeiten. Durch Collagen – ob analog oder digital – lassen sich Kompositionen neu ordnen und gänzlich "neue Welten" erschaffen.

  • Animation: Thematisiert wurden Techniken wie Stop-Motion, GIFs oder die Arbeit mit Blender.
Meine Idee

In diesem Bereich konnte ich mir die Umsetzung mittels Stop-Motion besonders gut vorstellen. Meine konkrete Idee war, eine digital gezeichnete Stop-Motion-Animation eines Sonnenaufgangs oder der Unterwasserwelt zu erstellen und diese mit passenden Toneffekten zu untermalen.

Digitale Experimente

Notizen vom Input (Digitales) Collagieren & Animation sowie Fotografie

3. Fotografie

Ein zentraler Leitsatz für dieses Medium lautete: "Das Konzept bestimmt, wie das Bild aussehen soll." Die Fotografie dient hier nicht der reinen Abbildung, sondern der bewussten Inszenierung.

  • Sophie Calle: Ihre Arbeit (z.B. das Fotografieren und Befragen blinder Personen zum Thema Schönheit) zeigt eindrücklich, wie stark Text und Bild zusammenwirken können.
  • Umdeutung: Ein spannender Ansatz ist es, triviale Dinge (wie Abfallstücke) so zu inszenieren, dass sie "edel" wirken, oder Probleme visuell in Fotos darzustellen.
Meine Gedanken

Die Arbeitsweise von Sophie Calle, insbesondere ihre Zusammenarbeit mit blinden Personen, empfinde ich als sehr inspirierend. Es wäre spannend, diesen Ansatz weiterzudenken und mit tauben Personen zu arbeiten.

2 Ideenfindung

Mind Map

Um das abstrakte Thema «Stille» greifbar zu machen und meine persönlichen Assoziationen zu ordnen, habe ich eine Mind Map erstellt. Im Zentrum dieser Mind Map steht die Leitfrage: «Wann begegne ich Stille?» Dabei haben sich vier Hauptbereiche herauskristallisiert:

Mind Map zum Thema Stille

Persönliche Mind Map zur Ideenfindung

Natur und Umwelt
  • Was mich immer besonders beruhigt, sind Landschaften, die schön aussehen, und bei denen ich richtig in der Natur ankomme. Deswegen hatte ich die Idee, eventuell Materialien von dieser Landschaft zu nehmen und die Landschaft bildnerisch darzustellen – sodass nicht nur die Landschaft abgebildet wird, sondern die Landschaft auch physisch im Bild steckt. Oder auch die Stille im Alltag gestalterisch mit natürlichen Materialien zu verbinden und so ein Bild zu schaffen.
  • Wasser strahlt für mich Stille aus, obwohl in der Unterwasserwelt eigentlich viel los ist. Heutzutage ist es aber oft so, dass es zur Überfischung kommt und alles ganz leise wird, da die Unterwasserwelt zerstört wird. Hier habe ich mich gefragt, wie man dies genau darstellen könnte, und bin auf die Idee gekommen, einen Stop-Motion-Film zu machen (z.B. mit Modellieren von Figuren).
Orte und Kontraste
  • Um Stille überhaupt definieren zu können, müssen wir auch wissen, was das Gegenteil davon ist. Deswegen wäre es spannend, eine Stop-Motion vom Bahnhof zu machen. Wenn der Zug ankommt, ist alles hektisch und laut, aber wenn der Zug mit den Leuten abgefahren ist, ist alles still und man hört nichts mehr. Nur noch das Geräusch, wie der Zug leise verschwindet. Die Stop-Motion würde ich dann entweder mit Knete modellieren oder als Animation umsetzen.
  • Die Nacht verbinde ich mit Stille, da dann alles schläft und ruht. Der Kontrast dazu ist der Sonnenaufgang, bei dem alles erwacht und lebendig wird. Dies wäre auch spannend als Stop-Motion umzusetzen: die Nacht, den Sonnenaufgang und das Erwachen der Welt darzustellen.
Existentielles und Körperliches
  • Stille ist auch sehr eng mit dem Körper verbunden – wie er sich anfühlt und ob man gestresst ist oder die Gedanken einfach fliessen lassen kann. Dabei definiere ich Schlaf und Entspannung als Stille, da ich in diesem Moment mein Gehirn abschalten kann und mich keineswegs körperlich oder psychisch anstrengen muss. Jedoch ist auch der Tod eine Art von Stille: Das Herz hört auf zu schlagen, das Gehirn hört auf zu denken.

Während des Brainstormings kamen mir erste Ideen zur Umsetzung. Dabei sticht besonders die Technik Stop-Motion (durch Modellieren oder digitales Zeichnen) heraus. Die Stop-Motion ist für mich ein Medium, das einen Prozess oder eine Entwicklung aufzeigt, wie etwas passiert, und mit dem man somit auch eine Geschichte erzählen kann.

Konkretisierung des Projektes

Als ich mir die Mind Map nochmals genau angeschaut habe, wollte ich unbedingt ein Projekt umsetzen, das nicht nur ein riesiges Problem in der Natur darstellt, sondern wo auch «politische Stille» herrscht: das Thema Überfischung. Ich finde, dass dies eines der stärkeren Themen ist, da alle davon betroffen sind. Hinzu kommt, dass viele mit diesem Projekt mitfühlen und verstehen können, warum das jetzt genau «Stille» ist. Wenn ich einfach meine stillen Landschaften zeige oder die Stille in meinem Alltag, kann ich viele Betrachter vielleicht gar nicht abholen, da sie meine Ausgangslage nicht verstehen. Darum habe ich mich für ein grosses Problem entschieden, das in der Gesellschaft und Natur herrscht.

Ich habe dabei schon eine konkrete Idee, was ich genau machen will. Da mir die Technik Stop-Motion beim Input unserer Betreuungslehrperson super gefallen hat und ich auch schon ein paar Erfahrungen mit diesem Medium gesammelt habe, denke ich, dass das super passen würde. Man kann durch Stop-Motion eine konkrete und vielaussagende Geschichte entwickeln. Um nicht nur das Visuelle zu haben, plane ich, auch auditiv etwas zu machen, um die ganze Wirkung nochmals zu verstärken. Hierbei bin ich mir noch unsicher, ob ich das materiell oder digital ausführen sollte.

Im Geografieunterricht haben wir das Thema Überfischung und Grundschleppnetze behandelt, und in Biologie eine Doku geschaut, in der gezeigt wurde, wie durch genau solche Grundschleppnetze lebendige Bereiche im Meer zerstört werden. Ganze Korallenriffe werden vernichtet, den Fischen werden die Lebensräume genommen und sie werden selbst in zu grossen Mengen gefischt, sodass es nicht genügend Fortpflanzung geben kann, um diese Ausbeutung auszugleichen. Somit werden die Fische im Stillen immer weniger und das Meer wird auch immer stiller. In der Doku gab es eine Szene, die mir ganz besonders eingefahren ist: Zuerst wurde ein ganz lebendiges Korallenriff gezeigt, das jedoch durch das Durchfahren der Grundschleppnetze komplett zerstört wurde. Schlussendlich blieben nur noch zerstörte Riffstücke zurück und sonst gar nichts. Der Sand war nur noch aufgewirbelt und aus einer lebendigen Unterwasserwelt wurde eine tote und triste Welt.

Dabei ist diese Szene in drei Handlungen aufgeteilt. Zuerst die lebendige Unterwasserwelt, danach wie das Grundschleppnetz vorbeizieht und schlussendlich die tote Unterwasserwelt. Diese drei Handlungen habe ich auch versucht zu zeichnen und habe drei Skizzen gemacht.

Skizzen der drei Phasen

Erste Skizzen der Handlungsphasen

Um eher noch ein bisschen offener zu bleiben, habe ich mir noch zwei weitere Techniken überlegt, wie ich das Projekt umsetzen könnte. Und zwar wäre dies eine Rauminstallation, die genau diese drei Phasen aufzeigt, oder eine 3D-Illusion.

3 Projektkonzept & Entscheidung

Projektkonzept

Nach der ersten Ideenfindung und den Skizzen habe ich meine Gedanken in einem formalen Konzept schriftlich festgehalten. Darin definiere ich mein Thema: Die Bodendestruktion durch Grundschleppnetze. Das beigefügte Dokument erläutert detailliert:

  • Die Verbindung zum Thema "Stille" (die lautlose Verwüstung unter Wasser und die Stille nach der Zerstörung des Lebensraums).
  • Die zwei technischen Umsetzungswege, die ich anwenden könnte (Stop-Motion vs. 3D-Illusion).

Hier geht es zum vollständigen Konzept: 📄 Konzept PDF ansehen

Entscheidungsprozess & Wahl der Technik

Im Anschluss an mein schriftliches Konzept habe ich die Machbarkeit der verschiedenen Optionen nochmals überdacht. Dabei habe ich mich bewusst gegen zwei der ursprünglichen Ideen entschieden:

Warum keine Rauminstallation?

Gegen die Rauminstallation sprachen vor allem die technische Umsetzung und der Materialaufwand. Es fiel mir schwer, eine praktische Lösung zu finden, um Elemente wie "schwebende Fische" oder massive Korallenriffe glaubhaft im Raum zu inszenieren. Zudem fehlte mir hier die Möglichkeit, die Geschichte und den zeitlichen Ablauf der Zerstörung so klar zu erzählen, wie es für meine Botschaft nötig ist.

Warum keine 3D-Illusion?

Auch die 3D-Illusion habe ich nach vertieftem nachdenken verworfen. Dafür gab es zwei Hauptgründe:

  • Das Motiv: Diese Technik eignet sich hervorragend für geometrische, rechteckige Architektur. Organische, wilde Formen wie ein Korallenriff perspektivisch korrekt in einer Illusion darzustellen, ist extrem schwierig.
  • Die Erzählung: Eine Illusion ist statisch – sie zeigt einen Raum oder einen Moment. Mein Ziel ist es aber, einen Prozess (die Veränderung von Lebendigkeit zu Tod) zu zeigen. Das kann ein statisches Bild nicht leisten.
Fazit

Aufgrund dieser Überlegungen hat sich die Stop-Motion-Animation als das ideale Medium herauskristallisiert. Sie erlaubt mir, organische Formen frei zu gestalten und vor allem den Faktor "Zeit" zu nutzen, um die Geschichte der Zerstörung Schritt für Schritt sichtbar zu machen.

4 Experiment & Technischer Test: Animation mit Adobe Fresco

Um herauszufinden, mit welcher Software sich eine gezeichnete Stop-Motion-Animation am besten umsetzen lässt, habe ich zunächst umfassend recherchiert. Dabei kristallisierte sich Adobe Fresco als eines der besten Programme heraus. Da uns die Schule Zugang zur Adobe Creative Cloud bietet, konnte ich die App direkt installieren und mich mithilfe von Tutorials in die Benutzeroberfläche und die Animations-Tools einarbeiten.

Der technische Versuch

Ein zentrales Werkzeug in Fresco ist das sogenannte "Zwiebelschalenprinzip" (Onion Skinning), das für flüssige Bewegungsabläufe essenziell ist. Um die Technik zu testen, habe ich folgendes Vorgehen gewählt:

  • Vorlage: Da ich den Fokus auf die Animationstechnik legen wollte, habe ich ein Bild mit Fischen und einem Korallenriff als Vorlage genutzt.
  • Arbeit mit Ebenen: Ich habe das Motiv mithilfe der Pipette und verschiedenen Ebenen digital nachgezeichnet ("abgepaust"). Die Aufteilung der Ebenen war dabei entscheidend:
    • Ebene 1: Statische Elemente (Dinge, die sich nicht bewegen).
    • Ebene 2: Das bewegliche Objekt (der Fisch).
    • Ebene 3: Der Hintergrund (das Wasser).
    Diese Trennung ist wichtig, damit sich bei der Animation nicht das gesamte Bild verschiebt, sondern nur das gewünschte Objekt.
  • Pfad-Animation: Um den Fisch zum Schwimmen zu bringen, nutzte ich die Funktion "Pfad". Ich zeichnete eine Linie ein, der der Fisch folgen sollte.
Adobe Fresco Benutzeroberfläche

Mit diesem Bild erkläre ich, wo was im Programm ist

Test-Animation

Und das ist das Video zur Animation

Fazit des Experiments

Das digitale Zeichnen und Animieren am Computer hat mir grossen Spass gemacht. Allerdings wurde mir während dieses Tests klar, welch enormer Aufwand dahintersteckt. Um das Korallensterben glaubhaft und "lebendig" darzustellen, müsste ich unzählige Details animieren. Ich realisierte, dass es mir sehr schwerfallen würde, das Projekt in der geplanten Qualität und Vollständigkeit alleine umzusetzen.

5 Die neue Projektidee

Parallel dazu entwickelte sich eine neue, experimentellere Idee, die auch für Aussenstehende einen spannenden Zugang bietet, da das Empfinden von Stille sehr individuell ist.

Das Konzept: Visuelle vs. Auditive Stille

Stille kann man sowohl visuell als auch auditiv wahrnehmen – doch diese beiden Ebenen stimmen nicht immer überein.

Beispiel

Im Wald kann es visuell sehr ruhig wirken, während man auditiv das Rauschen der Strasse im Hintergrund hört.

Mein Ziel ist es nun nicht mehr, eine vorgefertigte Geschichte zu erzählen, sondern die Betrachter dazu zu bringen, ihre eigene Definition von Stille zu finden. Um Stille zu definieren, muss man auch ihren Kontrast – den Lärm – kennen.

Die Umsetzung: Ein interaktives Kunstprojekt

Ich plane die Entwicklung einer interaktiven Webseite, auf der die Nutzerinnen und Nutzer selbst experimentieren können.

  • Material: Ich werde verschiedene Video- und Tonaufnahmen machen, die bewusst Kontraste zeigen (laute vs. ruhige Orte).
  • Funktion: Auf der Webseite können die Besucher Bild und Ton neu kombinieren.
  • Der "Zufalls-Modus": Es soll möglich sein, per Zufallsprinzip eine Tonspur mit einem völlig anderen Video zu mischen (z.B. ein visuell stiller Ort mit lautem Ton).
Ziel des Projekts

Die Besucher sollen spielerisch herausfinden, wie stark das Visuelle und das Auditive ihre Wahrnehmung beeinflussen. Wann empfinden sie etwas als still? Ist es das Bild oder der Ton, der dominiert? Das Projekt wird so zu einer individuellen Auseinandersetzung mit der eigenen Wahrnehmung.

6 Filmtechnisches Konzept

Um mein Konzept der interaktiven Webseite technisch sauber umsetzen zu können, muss ich ein einheitliches System haben. Da später jedes Video mit jeder beliebigen Tonspur kompatibel sein muss, dürfen die visuellen Aufnahmen keine stilistischen Brüche aufweisen. Aus diesem Grund habe ich mich vorab mit der Filmtechnik auseinandergesetzt und folgendes für meine Arbeit festgelegt:

1. Bildkomposition: Der Ausschnitt

Zunächst habe ich untersucht, wie viel von der Umgebung gezeigt werden soll. Hierbei waren zwei Einstellungsgrössen relevant:

  • Die Totale: Hier wird ein Objekt oder eine Figur in ihrer Gesamtheit gezeigt. Der Fokus liegt jedoch bereits eher auf der Umgebung als auf Details der Figur.
  • Die Extreme Totale (Super-Totale): Diese Einstellung fängt einen sehr grossen Bereich ein. Sie konzentriert sich fast ausschliesslich auf die Landschaft oder Umgebung. Personen wirken darin winzig; es geht um das "Ausmass" des Raumes.
Beispiel Bildkomposition 1

Totale

Beispiel Bildkomposition 2

Extreme Totale

Meine Entscheidung

Da ich keine Protagonisten oder spezifischen Objekte im Fokus habe, sondern die Atmosphäre eines Ortes einfangen will, habe ich mich für die Extreme Totale entschieden. Sie eignet sich am besten, um visuelle Stille (oder Lärm) in der Umgebung darzustellen.

2. Kamerabewegung: Statisch vs. Dynamisch

Kamerabewegungen (wie Schwenks, Zoom, Kamerafahrten oder der Kippeffekt) dienen im Film dazu, den Fokus des Publikums aktiv zu lenken. Da ich dokumentarisch arbeite und aufnehmen will, was "einfach da ist", empfinde ich eine Kamerabewegung als störend. Sie würde dem Betrachter eine Sichtweise aufzwingen.

Meine Entscheidung

Ich werde mit einer statischen Kamera (Stativ) arbeiten. Das Bild soll ruhig stehen, damit der Betrachter den Ort ungestört wahrnehmen kann.

3. Perspektive & Höhe

Um ein einheitliches Bildmaterial zu erhalten, muss auch die Perspektive bei allen Videos identisch sein.

Meine Entscheidung

Mein Ziel ist es, den Kontrast zwischen meiner visuellen und auditiven Wahrnehmung darzustellen. Die Kamera fungiert dabei als "mein Auge". Deshalb werde ich das Stativ konsequent auf meine Augenhöhe (ca. 1,60 m) einstellen. So sieht der Betrachter die Welt genau aus meiner Perspektive.

4. Länge der Videos

Damit der "Zufallsgenerator" auf der Webseite funktioniert und Bild und Ton nahtlos ineinandergreifen, benötigen alle finalen Clips exakt dieselbe Länge.

  • Ziel-Länge: Die finalen Ausschnitte sollen max. 30 Sekunden lang sein. Das ist lang genug, um in die Atmosphäre einzutauchen, aber kurz genug, um die Aufmerksamkeit zu halten.
  • Aufnahme-Strategie: Da man vor Ort oft schwer einschätzen kann, wann der "perfekte Moment" passiert, werde ich deutlich mehr Material aufnehmen. Ich plane Aufnahmen von 1 bis 5 Minuten pro Ort.
  • Vorteil: Nach dem Dreh kann ich am Computer in Ruhe den besten 30-Sekunden-Ausschnitt wählen. Es ist immer besser, Material zu kürzen, als zu wenig Material zu haben.

7 Ausrüstung & Technisches Setup

Das Equipment

Für die Umsetzung meiner Videoaufnahmen hat mir die Schule die grundlegende Ausrüstung zur Verfügung gestellt. Da für das Projekt der Ton jedoch eine zentrale Rolle spielt und die Schule kein Mikrofon mehr vorrätig hatte, habe ich meine Ausrüstung privat erweitert.

Mein Equipment Setup

Aufbau vom Equipment

Schul-Ausrüstung (Video)
Private Ergänzung (Ton)
  • Mikrofon: Zoom H5 Studio Mikrofon
  • Zubehör: Windschutz (Windscreen), um auch im Freien störungsfreie Tonaufnahmen machen zu können.

Erste Tests & Workflow

Um schon einmal erste Erfahrungen mit dem Mikrofon zu sammeln, habe ich ein paar Tests gemacht und geübt, damit umzugehen. Daraus ergab sich folgende Vorgehensweise:

Verbindung zur Kamera

Bei den Videoaufnahmen verbinde ich das Mikrofon direkt mit der Kamera, damit der Ton vom Mikrofon direkt im Videofile aufgenommen wird.

Starten der Aufnahme

Ich drücke zuerst den Start/Rekord-Knopf beim Mikrofon und danach starte ich das Video. So stelle ich sicher, dass das ganze Video bereits die gute Tonaufnahme hat.

Sicherheits-Backup

Zudem habe ich so eine Sicherheit: Falls etwas mit der Übertragung vom Ton auf die Kamera nicht funktioniert hat, habe ich immer noch die separate Tonaufnahme auf dem Zoom H5. Diese kann ich dann später passend zum Video zuschneiden.

8 09.10.2025 – Erste Aufnahmen in Pontresina

Heute war ich in Pontresina spazieren und habe die Kamera mitgenommen, um meine ersten richtigen Aufnahmen zu machen. An einem schönen Weg, der um den Berg führt, habe ich einen guten Platz gefunden und gleich drei Videos gedreht.

{{ item.title }}

Unterschiedliche Wahrnehmung

Dabei fand ich es sehr spannend, dass auf dem Video etwas ganz anderes herauskam, als ich vor Ort wahrgenommen hatte. Auf den Aufnahmen fiel mir sofort der Lärm auf. Man hörte den Baulärm und das Leben unten im Tal sehr deutlich – Dinge, die ich während des Spaziergangs gar nicht so stark bemerkt hatte.

Erkenntnis

Mir ist dort klar geworden, dass es im Leben fast nie absolute Stille gibt. Man kann zwar "visuelle Stille" aufnehmen (z.B. Bäume, die sich im Wind bewegen), aber auditiv ist es selten ganz still. Selbst in der Natur dringen Geräusche wie Autos oder Baustellen durch. Trotzdem empfinde ich die Natur als still und entspannend, weil ich mich dort vom Alltagsstress entfernen kann. Stille bedeutet für mich also nicht, dass es totenstill sein muss, sondern dass ich abschalten kann.

Anpassung der Einstellungen

Als ich versucht habe, die Kamera genau nach meinen vorherigen Regeln einzustellen (auf meiner Augenhöhe), habe ich gemerkt: Jeder Ort braucht etwas anderes.

  • Als ich die Baumspitzen im Wind filmen wollte, musste ich die Kamera nach oben neigen.
  • Für den Blick ins Tal musste ich die Kamera tiefer stellen.
Entscheidung

Deshalb habe ich entschieden, flexibel zu bleiben: Wenn ich einfach die Umgebung filme, bleibe ich bei meiner Augenhöhe und dem weiten Ausschnitt (extreme Totale). Aber wenn ich etwas Bestimmtes zeigen will, passe ich den Winkel und die Höhe so an, wie es für den Ort am besten passt.

Sichtung und Entscheidung zur Videolänge

Später, als ich die Videos in Ruhe angeschaut habe, ist mir etwas Wichtiges aufgefallen: Dreissig Sekunden reichen kaum aus, um sich wirklich in die Atmosphäre hineinzufühlen und das Video voll aufzunehmen. Es wirkt zu hektisch.

Neue Entscheidung

Deswegen habe ich mich entschieden, meinen ursprünglichen Plan zu ändern: Die Videos werden nun eine Minute lang sein. So hat der Betrachter genügend Zeit, den Moment und die Stimmung wirklich auf sich wirken zu lassen.

9 09.10.2025 – Abendstimmung und Kontraste

Am Abend, als ich in der Ferienwohnung in der Loggia sass und für die Schule arbeitete, fiel mir draussen ein sehr schöner Sonnenuntergang auf. Ich habe spontan die Kamera geholt, um den Moment festzuhalten. Mein Fokus lag dabei voll auf den Wolken und dem Licht.

{{ item.title }}

Der Bruch in der Wahrnehmung

Visuell sah der Himmel für mich sehr beruhigend und friedlich aus. Aber direkt neben der Wohnung gibt es eine Bushaltestelle und eine kleine Strasse. Genau in dem Moment, als ich die Aufnahme machte, fuhr ein Bus vorbei. Zuerst habe ich mich gefragt, ob ich das so überhaupt verwenden kann. Wolken machen ja eigentlich kein Geräusch, und der laute Bus auf der Tonspur wirkte im ersten Moment irritierend und "falsch".

Nach kurzem Nachdenken habe ich aber entschieden, dass ich genau solche Aufnahmen behalten werde. Wenn ich zum Beispiel einen Baum filme, der sich bewegt, erwartet man automatisch das Geräusch von Wind. Bei den Wolken erwartet man Stille – und genau deshalb ist der Lärm des Busses hier so spannend. Das ist die Realität: Nur weil wir etwas Schönes sehen, das visuell still wirkt, heisst das nicht, dass es auch auditiv (vom Ton her) still ist.

Erkenntnis für das Projekt

Genau das ist der Sinn meines Projekts. Ich möchte die reale Stille zeigen und keine künstlich erzeugte perfekte Stille. Solche Momente zeigen den harten Kontrast zwischen dem, was wir sehen, und dem, was wir hören. Im Alltag fällt mir das oft gar nicht auf, aber mein Projekt soll genau diese Unterschiede sichtbar machen, damit man für sich selbst herausfinden kann, was Stille eigentlich bedeutet.

10 31.10.2025 – Filmtag bei Herbstwetter

Den heutigen sonnigen Herbsttag habe ich direkt genutzt, um weitere Videoaufnahmen zu sammeln. Ich bin mit dem Fahrrad zu verschiedenen Kulissen gefahren, um unterschiedliche Stimmungen einzufangen.

Standort 1 & 2: Zuhause und Feldbach

Mein erster Stopp war direkt vor meiner Haustür, wo ich in den Wald gefilmt habe. Im Hintergrund waren Kuhglocken zu hören – eine sehr idyllische Stimmung. Danach fuhr ich zu einer Stelle oberhalb des Bahnhofs Feldbach. Von dort hat man einen Blick auf den Bahnhof, die Seestrasse und den See. Dieser Ort war besonders spannend, da man sowohl die Geräusche der Züge als auch der Strasse hören konnte.

Das Problem

Leider musste ich feststellen, dass viele dieser Aufnahmen unbrauchbar sind. Ich hatte vergessen, den Autofokus richtig einzustellen, weshalb das Bild bei fast allen Videos unscharf wurde.

Der Erfolg

Glücklicherweise hat eine Aufnahme dennoch super funktioniert. Sie ist scharf und man sieht bis nach Rapperswil, was visuell sehr schön aussieht. Im Hintergrund hört man dazu passend einen Bauern bei der Arbeit und das Rauschen der Seestrasse.

{{ item.title }}

Standort 3: Brücke über dem Bahnhof

Als Nächstes positionierte ich mich auf der Brücke über dem Bahnhof Feldbach und filmte auf die Gleise hinunter. Dabei habe ich verschiedene Szenarien festgehalten: die Einfahrt des Zuges, die Abfahrt beider Züge und die leeren Gleise, wenn gerade nichts fährt.

Das Ergebnis

Besonders die Aufnahme der Zugeinfahrt wäre visuell hervorragend geworden und sah sehr cool aus.

Das Problem

Leider kann ich dieses Video trotzdem nicht nutzen. Ein Passant wurde neugierig, was ich da mache, und hat mir direkt in die Aufnahme geredet.

{{ item.title }}

Standort 4: Am Seeufer

Zum Schluss bin ich direkt an den See gefahren. Da die Seestrasse hier sehr nah am Ufer verläuft, entstand genau der Kontrast, den ich suche: Man hört das natürliche Rauschen der Wellen, das sich mit dem Lärm der vorbeifahrenden Autos vermischt. Ich habe hier mit verschiedenen Bildwinkeln experimentiert.

Das Problem

Auch hier hatte ich Pech mit der Technik. Bei einigen Clips wurde der Ton nicht richtig aufgezeichnet oder die Datei ging verloren.

Der Erfolg

Zum Glück konnte ich wenigstens eine Aufnahme retten. Diese ist wirklich toll geworden und zeigt genau die Stimmung, die ich mir vorgestellt habe.

{{ item.title }}

Checkliste

Da heute technisch viel schiefgelaufen ist (Unschärfe, Störung durch Personen, Ton-Verlust), habe ich mir eine Checkliste für die kommenden Drehtage erstellt, die ich vor jeder Aufnahme durchgehe:

  • Fokus-Check: Sitzt der Autofokus auf dem richtigen Punkt? Ist das Bild scharf?
  • Umgebungs-Check: Sind Personen in der Nähe, die gleich ins Bild laufen oder mich ansprechen könnten?
  • Audio-Check: Läuft die Aufnahme am Mikrofon wirklich? Habe ich den Pegel kontrolliert?

11 02.11.2025 – Experimentieren mit Regen

Dieser Tag war regnerisch und stürmisch. Ich wollte dieses Wetter nutzen, um mit dem Element Wasser zu spielen und zu testen, wie der Regen in den verschiedenen Videoaufnahmen zur Geltung kommt.

Wahrnehmung von Stille

Für mich persönlich hat Regen – sei es das Tröpfeln auf ein Glasdach oder das allgemeine Prasseln – eine sehr beruhigende Wirkung. Obwohl es ein Geräusch ist, nehme ich in diesem Moment "Stille" wahr. Diesen speziellen Effekt wollte ich einfangen.

Die Aufnahmen

Dafür habe ich Aufnahmen an drei verschiedenen Orten gemacht:

  • Im Garten (hinten): Unter dem Vordach/Glasdach unseres Hauses, um das Tropfgeräusch direkt einzufangen.
  • Im Garten (vorne): Mit Blick auf den Wald, um die regnerische Stimmung in der Natur zu zeigen.
  • Im Auto: Später habe ich gefilmt, wie der Regen gegen die Windschutzscheibe prasselt. Hier entsteht durch den geschlossenen Raum eine ganz eigene, gedämpfte Akustik.
{{ item.title }}

12 06.11.2025 – Nebel und Sonnenuntergang

Als ich heute nach der Schule nach Hause kam, fiel mir der Sonnenuntergang in Kombination mit dem starken Nebel auf. Ich habe diese Situation sofort genutzt, um Videoaufnahmen zu machen, da sie gut zu meinem Thema passen.

Die Wirkung von Nebel

Nebel ist für mein Projekt interessant, da er physikalisch dämpfend wirkt: Er absorbiert Schallwellen, wodurch Geräusche leiser wahrgenommen werden, und lässt das Licht nur teilweise durch.

Atmosphäre

Zusammen mit dem Sonnenuntergang entstand so eine sehr friedliche Stimmung. Da der Tag zu Ende ging, wurde es allgemein ruhiger. Diese Kombination aus visueller Stille und auditiver Stille wollte ich festhalten.

{{ item.title }}

13 08.11.2025 – Kontraste im Engadin

Heute war ich wieder im Engadin. Die Natur wirkt hier auf mich optisch sehr beruhigend und löst sofort ein Gefühl von Stille aus. Doch die auditive Realität sieht oft anders aus: Samedan hat einen Flughafen und eine Rega-Basis, und im Herbst finden vor der Wintersaison noch viele Bauarbeiten statt. Dazu kommt der Strassenlärm.

Tagaufnahmen: Natur vs. Lärm

Um diesen Kontrast einzufangen, bin ich spazieren gegangen und habe gezielt Videos von Wasser und Bergen gemacht.

Der Kontrast: Ich habe Aufnahmen gemacht, bei denen der Gegensatz sehr stark ist. Man sieht die ruhige Natur, hört aber im Hintergrund die Strasse oder einen Helikopter.

{{ item.title }}

Nachtaufnahmen im Dorf

Am Abend bin ich noch einmal ins Dorf gegangen. Im Engadin gibt es viele Brunnen, die ich als Motiv genutzt habe.

Atmosphäre: In den meisten Gassen herrschte Totenstille. Das einzige Geräusch war das Plätschern der Brunnen oder vereinzelt eine Kirchenglocke. Diese ruhige Stimmung habe ich festgehalten.

{{ item.title }}

Ein besonderer Zufall

Im Dorfkern ist mir dann eine besonders tolle Aufnahme gelungen: Gerade als ich die Kamera gestartet hatte, lief ein Fuchs vorbei. Er rannte zweimal über den Platz. Da es so still war, konnte man auf der Aufnahme sogar hören, wie seine Tatzen auf dem Boden aufschlugen.

{{ item.title }}

14 09.11.2025 – Rückfahrt über den Albulapass

Am nächsten Tag fuhren meine Familie und ich über den Albulapass zurück nach Zürich. Dabei haben wir einige Zwischenstopps eingelegt, die ich für weitere Aufnahmen nutzte.

Die Passstrasse (Zivilisation vs. Leere)

Ich habe die Passstrasse in zwei verschiedenen Videos gefilmt. Hier zeigte sich ein extrem harter Kontrast:

  • Wenn Autos vorbeifuhren, war der Lärm sofort da.
  • Sobald aber kein Auto zu sehen war, herrschte absolute Totenstille. Da es dort oben weit und breit keine Zivilisation gibt, hörte man wirklich gar nichts.
{{ item.title }}

Der gefrorene See

Später hielten wir an einem gefrorenen See an. Dort bin ich direkt in der Stille "angekommen". Auch auditiv herrschte hier Ruhe, abgesehen von ein wenig Vogelgezwitscher. Das nehme ich jedoch nicht als Lärm wahr, sondern eher als entspannend.

{{ item.title }}

15 10.12.2025 – Fokuswechsel: Hektik und Lärm in Zürich

Bis zu diesem Zeitpunkt hatte ich fast nur ruhiges und stilles Material gesammelt. Deshalb habe ich entschieden, mich nun bewusst auf lautere und hektischere Situationen zu konzentrieren. Dafür bin ich am Abend mit dem Zug nach Zürich gefahren.

Zürich HB und Rice Up

Mein erstes Video habe ich beim "Rice Up" in der Halle gemacht. Dort waren viele Leute, alles war in Bewegung und im Hintergrund lief laute Musik. So konnte ich sowohl visuelle als auch auditive Hektik einfangen. Danach filmte ich in der grossen Halle des Hauptbahnhofs beim Weihnachtsmarkt. Durch die Akustik der Halle wirkte das Stimmengewirr sehr laut und die Szene war extrem belebt.

{{ item.title }}

Bahnhofstrasse

Der dritte Standort war direkt an der Bahnhofstrasse. Es regnete, und die Menschen liefen mit ihren farbigen Regenschirmen unter der "Lucy"-Weihnachtsbeleuchtung umher.

Das Problem

Visuell ist die Aufnahme eigentlich perfekt geworden. Leider hatte ich wieder Komplikationen mit dem Mikrofon, weshalb kein Ton aufgenommen wurde. Ohne den Stadtlärm fehlt der Aufnahme die Wirkung.

Bahnhofstrasse Regen

Bahnhof Uerikon

Die letzte Aufnahme machte ich zurück am Bahnhof in Uerikon. Ich filmte den ganzen Ablauf: Der Zug fährt ein, Leute steigen ein, und er fährt laut wieder an.

Beobachtung

Interessant ist hier der Kontrast: Zuerst ist es sehr laut, aber sobald der Zug weg ist, wird alles schlagartig wieder still. Der Bahnhof ist leer, und man hört nur noch das Geräusch des Zuges, der in der Ferne verschwindet, und den Regen.

{{ item.title }}

16 12.12.2025 – Lärm am Flughafen

An diesem Tag bin ich an den Flughafen gefahren, um neue Videoaufnahmen zu machen. Mein Ziel war diesmal, den konstanten Lärm einzufangen, der die Umgebung des Flughafens dominiert.

Standort 1: Rand der Landepiste

Zuerst habe ich mich am Rand der Landepiste positioniert und verschiedene Blickwinkel ausprobiert, um zu testen, wie sich die Wahrnehmung ändert. Bei der ersten Einstellung sieht man nur die leere Landepiste. Das Flugzeug nähert sich von hinten, aber man sieht es nicht – man hört nur, wie der Lärm langsam anschwillt. Es wird extrem laut, bis es schliesslich an einem vorbeifliegt und auf der Piste landet. Erst dann wird es wieder etwas ruhiger, auch wenn der allgemeine Flughafenlärm bleibt.

Als Kontrast dazu habe ich bewusst vom Flughafen weg in das "ruhige" Naturschutzgebiet gefilmt, während hinter mir die Flugzeuge durchflogen. Dabei habe ich gemerkt, dass der Bildwinkel eine enorme Auswirkung hat: Wenn man die Landepiste nicht sieht, erwartet man als Zuschauer Stille. Wenn diese Stille dann plötzlich durchbrochen wird, entsteht ein spannender Überraschungseffekt.

{{ item.title }}

Standort 2: Brücke mit Blick auf die Startpiste

Danach habe ich den Ort gewechselt und bin zu einer Brücke mit Blick auf die Startpiste gegangen.

Das Problem

Das war jedoch schwierig, da unter der Brücke eine stark befahrene Strasse verläuft. Der Strassenlärm war so laut, dass die startenden Flugzeuge gar nicht mehr richtig herausstachen, weswegen ich dann den Standort gewechselt habe.

Standort 3: Fluss und Himmel

Danach bin ich zu einem Fluss in der Nähe weiter gezogen, der sehr idyllisch aussah. Dabei habe ich nur den Fluss gefilmt, während die Flugzeuge über mich flogen, aber nicht im Bild waren. Das erzeugte einen widersprüchlichen Kontrast, da man die visuelle Stille des Wassers sieht, aber den Lärm hört. Wenn man die Quelle des Lärms nicht sieht, kann das sehr irritierend wirken.

Als Vergleich dazu habe ich eine Aufnahme gemacht, wo man beides sieht: die Natur und das Flugzeug. Da man hier die Quelle sieht, weiss man sofort, woher der Lärm kommt.

Zum Schluss habe ich noch direkt in den Himmel gefilmt. Dabei ist eine sehr schöne Aufnahme entstanden: Man sieht, wie die Flugzeuge über mir in den Wolken verschwinden. Das Spannende daran ist, dass das Flugzeug zwar visuell weg ist (in der Wolke), der Lärm aber trotzdem noch da bleibt.

{{ item.title }}

17 14.12.2025 – Zürich bei Nacht

Da ich an diesem Sonntag erst um 22:00 Uhr mit dem Zug aus dem Engadin in Zürich ankam, dachte ich mir, dass dies der perfekte Zeitpunkt für ein paar Videoaufnahmen wäre. An einem Sonntagabend ist in Zürich normalerweise nicht viel los und die Weihnachtsmärkte sind bereits geschlossen.

Bahnhofstrasse

Ich bin direkt zur Bahnhofstrasse gegangen für meine erste Aufnahme. Überraschenderweise waren dort noch ziemlich viele Leute unterwegs. Ich konnte eine gute Aufnahme machen, da viel los war: Autos, Trams und Menschen zogen vorbei.

Technisches Problem

Leider hatte ich hier wieder Schwierigkeiten mit dem Mikrofon. Ich hatte die Kanäle nicht weit genug geöffnet, weshalb die Tonaufnahme zu leise geworden ist. Ich hoffe aber, dass ich den Ton im Schnitt noch verstärken kann.

{{ item.title }}

Paradeplatz

Anschliessend bin ich die Bahnhofstrasse weitergelaufen, am St. Annahof vorbei und noch ein bisschen weiter zum Paradeplatz. Dort habe ich zwei weitere Aufnahmen gemacht. Hier merkte man den Unterschied zu einem Samstagabend in Zürich deutlich: Es waren nur noch wenige Leute unterwegs, die Strassen waren nicht mehr so voll und es fuhren nur noch wenige Trams.

{{ item.title }}

Lindenhof

Als Nächstes bin ich hinauf zum Lindenhof gegangen. Dort oben war absolut gar nichts los. Man hörte die Stadtgeräusche nur aus der Ferne und ab und zu das Plätschern eines Brunnens, sonst war es still. Dieser Ort hatte einen sehr beruhigenden Effekt auf mich. Man kann sich vom Stadtlärm entfernen und alles von oben beobachten.

Erkenntnis

Hier würde ich die Situation als "still" definieren, gerade weil man den Kontrast kennt: Man weiss, wie laut es unten in der Stadt ist. Wenn man sich etwas entfernen kann, fühlt es sich für diesen Moment wie Stille an. Ich habe hier einmal zum Grossmünster und einmal zur ETH gefilmt.

{{ item.title }}

Münsterbrücke

Danach ging es zur Münsterbrücke. Ausser ein paar Leuten, die vorbeigelaufen sind, war es dort eigentlich leer. Von diesem Standort aus hatte man einen Ausblick auf die Quaibrücke, über die Autos und Trams fuhren.

Wahrnehmung

Ähnlich wie beim Lindenhof konnte ich das Geschehen von weitem beobachten, während es bei mir selbst ruhig war. Der Ton der Stadt wirkte dadurch leicht gedämpft, da er aus der Distanz kam.

{{ item.title }}

Weihnachtsmarkt

Zum Schluss habe ich noch kurz den Weihnachtsmarkt besucht. Da dieser schon um 23:45 Uhr geschlossen hatte, bot sich mir ein seltenes Bild. Auf der Aufnahme ist alles schön still; nur im Hintergrund hört man ein paar Stimmen von Leuten, die ebenfalls noch durch die Gassen gingen.

Gedanken

Normalerweise kennen wir das komplette Gegenteil: Weihnachtsmärkte sind oft so vollgestopft, dass man kaum vorankommt. Es war schön, den Markt einmal von dieser ruhigen und leeren Seite kennenzulernen.

{{ item.title }}

18 15.12.2025 – Stosszeiten und Probleme mit der Bewilligung

An diesem Tag bin ich um 06:30 Uhr auf den Zug gegangen. Ich wollte ein paar Aufnahmen von Zürich während der Stosszeiten machen.

Der Vorfall am HB (Wichtiges Learning)

Ich baute mein Equipment am HB auf und begann zu filmen. Nach etwa einer Minute wurde ich jedoch von einem jungen Mann vom SBB-Sicherheitsdienst unterbrochen.

Die Regel

Er erklärte mir, dass Filmen aus der Hand zwar erlaubt sei, aber sobald man ein Stativ benutzt, auf dem SBB-Areal zwingend eine Drehbewilligung erforderlich ist.

Das Problem

Da ich keine Bewilligung hatte, musste ich den Dreh sofort abbrechen.

Konsequenz & Planänderung

Dieser Vorfall hatte direkte Auswirkungen auf meinen weiteren geplanten Filmorten. Ursprünglich wollte ich auch noch am Bahnhof Stadelhofen und im Flughafengebäude filmen. Da diese Bereiche aber ebenfalls zum SBB-Areal oder überwachten Zonen gehören, musste ich diese Orte von meiner Liste streichen.

Erkenntnis

Für zukünftige Projekte weiss ich nun, dass ich für Innenaufnahmen an Bahnhöfen oder mit professionellem Equipment (Stativ) im öffentlichen Verkehrsbereich Vorlaufzeit für Genehmigungen brauche. Ich habe mich deshalb entschieden, ab jetzt nicht mehr auf SBB-Areal zu filmen.

Bellevue

Ich disponierte um und ging ans Bellevue. Dort konnte ich die Stosszeit problemlos filmen.

Atmosphäre

Hier war extrem viel los. Sowohl visuell (Menschenmassen, Verkehr) als auch auditiv (Lärmpegel) konnte ich genau die Hektik einfangen, die ich gesucht hatte. Das ist eine super Ergänzung zu meinen sonst eher ruhigen Videos.

{{ item.title }}

Seepromenade

Zum Schluss ging ich an die Seepromenade, wo es vergleichsweise ruhig war. Hier machte ich zwei spezifische Aufnahmen, um mit Distanz und Wahrnehmung zu spielen:

  • Blick auf die Quaibrücke: Ich filmte über den See auf die Brücke, auf der wegen des Berufsverkehrs Stau herrschte.
    Beobachtung (Distanz dämpft)

    Obwohl man visuell das Chaos auf der Brücke sieht, hört man den Strassenlärm nur sehr gedämpft aus der Ferne. Im Vordergrund hörte man stattdessen kreischende Möwen.

  • Die Promenade selbst: Die zweite Aufnahme zeigt den Weg direkt am See. Visuell war es sehr still (nur eine Joggerin lief vorbei).
    Beobachtung (Hintergrundlärm)

    Hier entstand wieder dieser spannende Widerspruch: Das Bild strahlt Ruhe aus, aber auf der Tonspur ist der Stadtlärm (Trams, Autos im Hintergrund) deutlich zu hören. Visuelle Stille heisst in der Stadt eben selten auditive Stille.

{{ item.title }}

19 18.12.2025 – Zürich bei Nacht (02:30 Uhr)

In dieser Nacht bin ich extra um 02:30 Uhr aufgestanden, um mit dem Auto nach Zürich zu fahren. Mein Plan war, an denselben Orten wie tagsüber zu filmen, in der Erwartung, dort absolute Stille vorzufinden. Doch die Realität zeigte sich teilweise anders.

Seefeld & Opernhaus

Zuerst machte ich eine Aufnahme im Seefeld. Dort war absolut nichts los; man hörte nur das Plätschern eines Brunnens. Niemand war auf der Strasse: kein Tram, kein Auto, kein Mensch.

Danach fuhr ich zum Opernhaus, ging zur Theaterstrasse und filmte mitten auf der Strasse.

Unerwarteter Lärm

Hier war es deutlich lauter als erwartet, da gerade eine Lieferung mit einem Lastwagen ausgeladen wurde. Auch um diese Uhrzeit waren vereinzelt Autos und Menschen unterwegs.

{{ item.title }}

Bellevue (Der Vergleich)

Weiter vorne am Bellevue positionierte ich mich am exakt gleichen Ort wie bei den Stosszeiten-Aufnahmen. Zwar fuhren auch hier ein paar Autos vorbei, aber das störte mich nicht.

Erkenntnis

Wenn man diese Aufnahme mit der vom Tag vergleicht, erkennt man den riesigen Unterschied. Es ist zwar nicht lautlos, aber im Vergleich extrem ruhig. Genau das war der Grund, warum ich am selben Standort zu unterschiedlichen Zeiten gefilmt habe: Um direkt aufzuzeigen, was "laute Stadt" versus "leise Stadt" wirklich bedeutet.

{{ item.title }}

Stadelhofen (Definition von Stille)

Der dritte Ort war beim Stadelhofen (ausserhalb des SBB-Areals). Ich filmte die geschlossene "Hot Drinks"-Bar und den leeren Ausgang, wo sonst Menschenmassen strömen.

Wichtige Erkenntnis (Relativität)

Hier wurde mir klar: Eine Stadt ist nie so ruhig wie die Natur (z.B. der Albulapass). Auch nicht in der Nacht.

Erkenntnis

Wie ich schon erwähnt habe, kann man Stille nur definieren, wenn man den Kontrast kennt. Vielleicht ist es nachts in Zürich auditiv nicht perfekt leise, aber es ist visuell still und viel leiser als am Tag. Weil ich den lauten Kontrast kenne, empfinde ich diese Nachtaufnahme trotzdem als "still".

{{ item.title }}

Weihnachtsdorf (Das Detailgeräusch)

Auf dem Weg zurück zum Auto bemerkte ich beim Eingang des Weihnachtsdorfs, wie die Flammen in einer Metallkugel knisterten. Die Stadt war so ruhig, dass man dieses feine Geräusch tatsächlich hören konnte.

Momentaufnahme

Ich versuchte, dieses Knistern einzufangen. Leider fuhren gerade mehrere Autos vorbei, doch wenn man in der Aufnahme genau hinhört, kann man das Feuer knistern hören.

{{ item.title }}

Bahnhofstrasse & Paradeplatz (Die Stadt schläft nicht)

Zum Schluss wollte ich an der Bahnhofstrasse (beim HB) filmen. Das kam jedoch anders als geplant: Mehrere Putzkräfte reinigten gerade die Strasse.

Realitäts-Check

Das kam sehr unerwartet, da man denkt, nachts schlafen alle. Ich ging ein Stück weiter, sodass das Putzpersonal nicht im Bild war, aber man hört ab und zu das Wischen der Besen.

Am Paradeplatz reinigte sogar ein grosser Putzwagen den ganzen Platz. Ich habe trotzdem gefilmt, denn das ist die Realität: Nacht bedeutet nicht automatisch Stille.

Akustischer Kontrast

Diese Aufnahme ist super geworden, weil sie beides zeigt. Zuerst ist der laute Putzwagen da. Als er aber um die Ecke biegt und wegfährt, kehrt schlagartig absolute Stille ein. Das ist ein extrem spannender Moment im Video.

{{ item.title }}

20 Technische Herausforderungen und Equipment-Entscheidungen

Rückblickend muss ich feststellen, dass die technische Umsetzung – sowohl beim Bild als auch beim Ton – oft schwieriger war als gedacht. Besonders das Zusammenspiel von Mikrofon und dem Thema "Stille" führte zu unerwarteten Problemen.

Das Mikrofon

Das Handling des Mikrofons erwies sich als echte Geduldsprobe. Ich musste lernen, dass technische Stille nicht einfach "nichts" ist.

Das Problem

Das Mikrofon neigt dazu, sehr stark zu verstärken. Wenn es in der Umgebung eigentlich still ist, versucht die Technik krampfhaft, ein Signal zu finden, was zu einem deutlichen Grundrauschen führt. Selbst wenn ich den Eingangspegel (Gain) manuell heruntergeregelt habe, blieb oft ein störendes Surren im Hintergrund.

Das Beispiel Uerikon

Besonders deutlich wurde dieses Problem bei der Aufnahme am Bahnhof Uerikon. Hier hatte ich mit extremen Dynamik-Unterschieden zu kämpfen. Als der Zug einfuhr, war es extrem laut. Als er weg war, kehrte schlagartig Stille ein. Das Mikrofon verfügt offenbar über eine Art automatische Anpassung (Auto-Gain). Als der Zug weg war und der Pegel sank, regelte das Mikrofon automatisch hoch, um die Lautstärke zu halten. Das Ergebnis: Die eigentliche Stille wurde extrem laut und verrauscht wiedergegeben.

Lösungsansatz

Ich hoffe, dass ich dieses technische Rauschen beim Schnitt noch herausfiltern oder zumindest reduzieren kann, damit die Stille wieder "sauber" klingt.

Die Kamera

Auch bei der Kamera musste ich Kompromisse eingehen. Mir ist aufgefallen, dass die Videoqualität meiner aktuellen Kamera an ihre Grenzen stösst; die Aufnahmen wirken oft nicht zu 100 % scharf, wie man es von modernen Produktionen gewohnt ist.

Im Verlauf des Projekts hätte ich die Möglichkeit gehabt, auf eine Sony Alpha 7 IV umzusteigen.

Der Reiz

Diese Kamera hätte eine deutlich bessere Bildqualität geliefert, besonders bei den schwierigen Lichtverhältnissen in der Nacht (besseres Rauschverhalten/ISO). Die Aufnahmen wären brillanter und schärfer gewesen.

Die Entscheidung

Ich habe mich jedoch ganz bewusst dagegen entschieden. Hätte ich mitten im Projekt die Kamera gewechselt, wäre ein sichtbarer Bruch in der Bildästhetik entstanden. Die neuen Videos hätten ganz anders ausgesehen als die alten. Mir war es wichtiger, visuell konsistent zu bleiben und einen einheitlichen Look über das gesamte Projekt hinweg zu behalten, anstatt technisch perfekte, aber stilistisch unpassende Einzelvideos zu haben.

21 Schnitt von Ton und Video: Mein Vorgehen

Nach den Aufnahmen ging es an die Nachbearbeitung. Hierfür musste ich eine Software finden, mit der ich Bild- und Tonspuren präzise und getrennt voneinander bearbeiten konnte. Nach meiner Recherche entschied ich mich für Adobe Premiere Pro 2025.

So bin ich im Detail vorgegangen:

1. Datensicherung und Organisation

Nach jedem Videodreh habe ich das Rohmaterial (Video und Ton) auf Google Drive abgespeichert und nach Drehtagen sortiert. Um die Videos zu bearbeiten, bin ich wie folgt vorgegangen:

  • Lokales Speichern: Ich habe mir immer einen Ordner ausgesucht und diesen lokal auf meinem Laptop abgespeichert. Dies verhindert Performance-Probleme und gewährleistet eine flüssige Wiedergabe während der Bearbeitung.
  • Sichtung und Umbenennung: Ich habe die Videos angeschaut und die Dateinamen direkt geändert, sodass ich am Namen genau erkennen konnte, welcher Inhalt im Video zu sehen ist.

2. Projektstruktur in Adobe Premiere

Anschliessend habe ich in Adobe Premiere ein neues Projekt erstellt. Um die Übersicht zu behalten, habe ich meine Ordnerstruktur vom Computer im Programm nachgebaut:

  • Erstellung von Ordnern nach dem Datum der Drehtage.
  • Darin Unterordner mit den Namen der bereits umbenannten Videos.
  • In diese Ordner habe ich dann die passenden Videodateien importiert.
Projektstruktur Screenshot 1 Projektstruktur Screenshot 2 Projektstruktur Screenshot 3

3. Der Schnitt in der Timeline

Das Video zog ich dann in den Arbeitsbereich, die sogenannte Timeline. Hier wurden die Tonspur und die Videospur separat untereinander angezeigt.

  • Die Auswahl: Aus dem Rohmaterial habe ich genau die Sequenz herausgeschnitten, die den gewünschten Inhalt hatte.
  • Die Länge: Ich habe das Video auf exakt eine Minute gekürzt.
Timeline Screenshot

4. Export der Videospur (Bild)

Wenn ich mit der einminütigen Sequenz zufrieden war, ging es an das Speichern (Exportieren). Da ich Bild und Ton getrennt brauchte, habe ich zuerst die Tonspur in der Timeline gelöscht, sodass nur noch das Bild übrig blieb. Mit der Tastenkombination Strg + M öffnete ich das Export-Fenster.

  • Speicherort: Zuvor hatte ich auf Google Drive einen Ordner „Geschnittene Videos" erstellt (wieder sortiert nach Drehtagen und Videonamen). Dort habe ich die Datei abgelegt.
  • Format-Einstellungen:
    • Format: H.264
    • Vorgabe: Adaptiv mit niedriger Bitrate
Warum diese Einstellung?
  • Sehr gute Bildqualität bei relativ kleiner Dateigrösse.
  • Benötigt wenig Rechenleistung beim Abspielen (läuft flüssiger).
  • Das Video wird im MP4-Container gespeichert. Dieser ist sehr weit verbreitet und wird von fast allen Geräten und Plattformen direkt erkannt.

5. Export der Audiospur (Ton)

Nach dem Video-Export kehrte ich zur Timeline zurück.

  • Schritt zurück: Ich drückte Strg + Z (Rückgängig), um die gelöschte Tonspur wiederherzustellen.
  • Bild löschen: Nun löschte ich die Videospur und drückte wieder Strg + M, um nur den Ton zu exportieren.
  • Speicherort: Die Audiodatei speicherte ich im selben Ordner wie das Video.
  • Format-Einstellungen:
    • Format: Wellenform-Audio (WAV)
Warum diese Einstellung?

Dieses Format erzeugt zwar grosse Dateien (da es unkomprimiert ist), war aber für mich notwendig:

  • Maximale Audioqualität ohne Informationsverlust.
  • Keine Kompressionsartefakte (keine Störgeräusche durch Verkleinerung).
  • Ideal für die Nachbearbeitung: Da ich den Ton wegen des Kompressors vom Mikrofon noch bearbeiten muss, habe ich mich für dieses Format entschieden. Es bietet die nötige Präzision ohne Qualitätsverlust, was für meine Webseite ungeeignet wäre, aber für den Arbeitsprozess wichtig ist.

22 Die Audiobearbeitung mit Audacity

Da die Tonaufnahmen durch den internen Kompressor des Mikrofons teilweise starke Lautstärkeschwankungen aufwiesen, war eine Nachbearbeitung notwendig. Ich suchte nach einer Software, die mir einen präzisen Tonausgleich ermöglicht. Meine Wahl fiel auf Audacity, da dieses Programm kostenlos ist und alle nötigen Funktionen bietet.

Vorbereitung

  • Installation: Nach dem Herunterladen von Audacity musste ich zusätzlich das sogenannte FFmpeg-Plugin installieren. Dies war notwendig, um die Dateien später im gewünschten modernen Format (AAC/M4A) exportieren zu können.
  • Import: Ich lud die zuvor exportierten WAV-Dateien (aus Premiere Pro) in das Programm.

Der Bearbeitungsablauf

Schritt A: Normalisieren

Als Erstes habe ich jede Datei „normalisiert" (Menü: Effekt → Lautstärke und Kompression → Normalisieren).

Was das bewirkt:

Dieser Schritt bringt die Lautstärke der gesamten Aufnahme auf ein definiertes, sicheres Niveau. Zu leise Passagen werden angehoben, ohne dass der Klangcharakter verändert wird.

Zusatz:

Bei Aufnahmen mit viel Stille oder einem hörbaren Grundrauschen habe ich zusätzlich die Funktion „Rausch-Verminderung" genutzt, um Störgeräusche zu filtern.

Schritt B: Manuelle Anpassung (Hüllkurven-Werkzeug)

Automatische Filter stiessen an ihre Grenzen, da die Software nicht wissen kann, wie laut ein bestimmtes Geräusch (z. B. ein Brunnen) im Kontext klingen soll. Der Kompressor des Mikrofons hatte manche Stellen unnatürlich laut aufgenommen. Deshalb habe ich das Hüllkurven-Werkzeug genutzt:

  • Die Funktion: Wenn man dieses Werkzeug aktiviert, erscheinen zwei blaue Linien am oberen und unteren Rand der Tonspur.
  • Die Anwendung: Durch Klicken auf diese Linien konnte ich sogenannte Kontrollpunkte setzen. An Stellen, die zu laut waren, habe ich die Linie zwischen den Punkten manuell nach unten gezogen.
  • Das Ergebnis: So konnte ich die Lautstärke ganz gezielt, sanft und fliessend absenken, ohne dass der Ton abgehackt oder künstlich wirkte.
Hüllkurven-Werkzeug in Audacity
Hörbeispiel: Vorher & Nachher

Vorher (mit Kompressor-Artefakten):

Nachher (manuell angepasst):

Schritt C: Homogenisierung der Lautstärke (Levelling)

Ein wesentlicher Teil der Feinbearbeitung war es, alle 60 Audiodateien auf ein einheitliches Lautstärkeniveau zu bringen.

Hörkomfort

Ziel war es, „Lautstärkesprünge" beim Wechseln der Videos zu vermeiden. Der Nutzer soll sich durch die Galerie klicken können, ohne ständig die Lautstärke am Computer oder Smartphone nachregeln zu müssen.

Fokus auf den Inhalt

Durch diese technische Angleichung wird sichergestellt, dass wahrgenommene Lautstärkeunterschiede echt sind (also auf der Umgebung basieren) und nicht auf unterschiedlichen Aufnahmepegeln beruhen.

Schritt D: Der Export

Sobald der Klang stimmig war, habe ich die Datei exportiert.

Format: M4A (AAC)

Warum dieses Format?

  • Sehr gute Qualität bei gleichzeitig kleiner Dateigrösse.
  • Besser als MP3 bei gleicher Datenrate.
  • Ideal für das Web: Perfekt geeignet für Videos und Streaming auf meiner Webseite.

23 Der Auswahlprozess der Videos (Selektion)

Während meines Projektes entstanden insgesamt 114 Videoaufnahmen. Da der Schnitt sehr zeitaufwendig ist und sich viele Motive ähnelten, musste ich eine strenge Auswahl treffen.

Phase 1: Technische Qualität

Ich habe jedes einzelne Video gesichtet. Aufnahmen, die technisch nicht sauber waren, habe ich direkt aussortiert.

Ausschlusskriterien:
  • Zu kurze Aufnahmen
  • Unscharfes Bild
  • Starke Verwacklungen

Phase 2: Inhaltliche Relevanz

Hier stellte ich mir die Kernfrage meines Projekts: Welche Aufnahmen zeigen den Kontrast zwischen Auditivem (Ton) und Visuellem (Bild) am besten?

Basierend darauf habe ich Duplikate entfernt und nur die aussagekräftigsten Perspektiven behalten.

Zwischenstand:

Nach dieser Phase blieben 64 Aufnahmen übrig, die ich geschnitten habe.

Phase 3: Feinschliff während des Schnitts

Auch während der aktiven Arbeit in Adobe Premiere habe ich weiter ausgesiebt:

  • Einige Aufnahmen erwiesen sich im Nachhinein als unbrauchbar (z. B. durch Störungen im Bild oder Tonunterbrechungen).
  • In anderen Fällen war eine Rohaufnahme so ergiebig, dass ich daraus zwei separate Sequenzen schneiden konnte.

Das Endergebnis

Nach diesem intensiven Auswahl- und Bearbeitungsprozess umfasst meine finale Sammlung 60 fertig geschnittene Videos.

24 Programmierung und technische Umsetzung der Webseite

Für die Präsentation des Kunstprojektes war die Wahl der richtigen digitalen Plattform entscheidend. Mein Ziel war es, eine Lösung zu schaffen, die technisch stabil ist, aber gleichzeitig keine Hürden für die Betrachter aufbaut. Hier ist die detaillierte Dokumentation meines Entwicklungsprozesses.

1. Konzeption: Applikation vs. Webseite

Zu Beginn des Projekts stand ich vor der grundlegenden Entscheidung: Soll ich eine installierbare App oder eine Webseite entwickeln?

Die Analyse

Native Apps (für Windows, iOS oder Android) haben einen entscheidenden Nachteil: Sie schliessen Nutzer aus, die das "falsche" Gerät besitzen. Zudem ist die Hürde für Nutzer hoch, wenn sie erst eine Datei herunterladen und installieren müssen.

Die Entscheidung

Um das Kunstprojekt möglichst barrierefrei zugänglich zu machen, entschied ich mich für eine browserbasierte Web-Applikation. Der Vorteil: Egal ob jemand am Smartphone (iPhone/Android), am Tablet oder am Desktop-PC sitzt – die Webseite funktioniert sofort über den Internetbrowser, ohne Installation.

2. Auswahl der Technologie (Tech-Stack)

Da ich keine professionelle Programmiererin bin, musste ich eine Technologie finden, die leistungsfähig ist, aber eine flache Lernkurve bietet. Ich verglich folgende Optionen:

  • React.js: Der Industriestandard. Allerdings ist die Struktur sehr komplex, da Logik und Design stark verschachtelt sind. Für mein Projekt wäre die Einarbeitungszeit zu lang gewesen.
  • Svelte: Eine moderne, sehr effiziente Sprache. Das Problem war hier die geringe Verbreitung. Bei Fehlern hätte ich im Internet kaum Lösungen oder Dokumentationen gefunden.
  • Reines HTML/CSS/JavaScript: Dies wäre die traditionelle Methode. Da ich jedoch kein JavaScript beherrsche, hätte ich jede Funktion (wie das Abspielen der Videos auf Knopfdruck) mühsam von Hand programmieren müssen.
Vue.js (Meine Wahl)

Vue.js bot für mich den perfekten Kompromiss. Es ist bekannt für seine hohe Performance und nutzt moderne Techniken. Der entscheidende Vorteil war jedoch die Struktur: Alles (Code, Design, Inhalt) kann in einer einzigen, übersichtlichen Datei gespeichert werden. Das erleichterte mir das Verständnis und den späteren Upload enorm.

3. Entwicklungsprozess mit KI-Unterstützung

Die eigentliche Programmierung setzte ich mit moderner KI-Unterstützung um.

  • Das Tool: Ich nutzte Gemini 2.5 mit der speziellen „Canvas"-Oberfläche.
  • Der Workflow: Anstatt Codezeilen selbst zu tippen, beschrieb ich meine Anforderungen in natürlicher Sprache (z. B. "Erstelle eine Galerie mit abspielbaren Videos"). Gemini generierte daraufhin den passenden Vue.js-Code.
  • Visuelle Kontrolle: Das Canvas-Tool ermöglichte es mir, eine direkte Vorschau der Webseite neben dem Code zu sehen. So konnte ich Design-Änderungen sofort beurteilen und iterativ anpassen, bis das Ergebnis meinen Vorstellungen entsprach.
Gemini Canvas Oberfläche
Gemini Canvas Code-Generierung

4. Backend-Infrastruktur: Speichern der Medien

Eine Webseite besteht nur aus Text-Code. Die grossen Video- und Audiodateien können nicht direkt im Code gespeichert werden, da die Seite sonst extrem langsam laden würde. Ich benötigte also einen externen, leistungsstarken Speicherort (Cloud).

Anbieterwahl: Google Cloud Platform (GCP)

Ich entschied mich für die Google Cloud Platform aus folgenden Gründen:

  • Durch mein Google Workspace Konto war der Zugang bereits vorhanden.
  • Google Cloud ist extrem schnell und zuverlässig.
  • Als Neukundin konnte ich ein Startguthaben von CHF 250 nutzen. Da reines Speichern sehr günstig ist, wird dieses Guthaben das Hosting meiner Videos für eine sehr lange Zeit kostenlos abdecken.

Die technische Einrichtung:

  1. Projekt-Setup: Ich erstellte ein neues Projekt in der Cloud-Konsole und hinterlegte die Kreditkarte zur Aktivierung des Guthabens.
  2. Bucket-Erstellung: Unter „Cloud Storage" legte ich einen sogenannten Bucket an. Man kann sich das wie einen virtuellen Festplatten-Container im Internet vorstellen.
  3. Upload: Alle 60 Videodateien und die dazugehörigen Audiodateien wurden in diesen Container hochgeladen.
  4. Freigabe-Management: Standardmässig sind Cloud-Daten privat. Damit meine Webseite die Videos abrufen darf, musste ich die Berechtigungen anpassen: Ich fügte die Nutzergruppe „allUsers" hinzu und wies die Rolle „Storage Objekt Betrachter" zu. Dies erlaubt das Ansehen, aber nicht das Löschen oder Verändern der Dateien.

5. Integration: Verknüpfung von Code und Medien

Der nächste Schritt war die technische Verknüpfung von Programmcode und Mediendateien.

Code-Bearbeitung

Ich kopierte den von Gemini erstellten Code in den Editor Visual Studio Code.

Manuelle Verknüpfung

Im Code gab es eine Liste (Datenbank), in der jedes Video definiert wurde. Ich musste nun für jedes der 60 Werke manuell die öffentliche URL (Internetadresse) aus der Google Cloud kopieren und an der richtigen Stelle im Code einfügen. Jedes Element erhielt eine eindeutige ID, einen Titel, den Link zum Video und den Link zum Audio. Nur so weiss der Knopf auf der Webseite später, welches Video er abspielen muss.

6. Deployment: Die Webseite geht online

Nachdem der Code fertig und lokal getestet war, musste er veröffentlicht werden. Ich benötigte einen Hosting-Dienst, der meine index.html-Datei weltweit verfügbar macht und mit einer Domain (Internetadresse) verknüpft.

Anbieterwahl: Cloudflare

Cloudflare betreibt ein weltweites Server-Netzwerk, was die Webseite extrem schnell macht. Zudem wird die Domain meiner Familie (stille.page) bereits dort verwaltet, was die Konfiguration vereinfachte.

Der Upload-Vorgang:

  1. Vorbereitung: Ich speicherte meinen finalen Code als index.html. Diese Datei komprimierte ich in einen ZIP-Ordner.
  2. Cloudflare Pages: Im Cloudflare-Dashboard (Login über den Account meines Vaters) navigierte ich zum Bereich „Compute & AI" → „Workers & Pages".
  3. Domain-Setup: Ich erstellte das Projekt kunstprojekteline und richtete die Weiterleitung so ein, dass die Seite unter www.stille.page erreichbar ist.
  4. Drag & Drop Upload: Um die Seite online zu stellen, zog ich die ZIP-Datei einfach in das Browserfenster von Cloudflare. Das System entpackte den Code automatisch und verteilte ihn auf die Server. Innerhalb weniger Sekunden war das Projekt weltweit unter der Domain erreichbar.

25 Protokollierung der technischen Arbeitsweise: Workflow und Automatisierung

Im Verlauf des Projekts stiegen die Anforderungen an den Code und die Dateistruktur. Dies erforderte eine Anpassung meiner Arbeitswerkzeuge und Prozesse. Hier ist die Dokumentation meines Wechsels zu einer professionellen Entwicklungsumgebung.

1. Wechsel der Entwicklungsumgebung: Von Gemini zu Cursor AI

Zu Beginn des Projekts nutzte ich das Chat-Interface von Gemini als primäre Programmierhilfe. Mit wachsendem Projektumfang stiess diese Methode jedoch an ihre Grenzen.

Das Problem

Je grösser die index.html und der dazugehörige Code wurden, desto schwieriger war es für das Chat-Fenster, den Überblick zu behalten. Es traten häufiger Fehler auf, da der Kontext bei zu viel Text verloren ging.

Die Lösung: Cursor AI

Ich wechselte zu Cursor.

  • Was ist das? Cursor ist ein vollwertiger Code-Editor (basierend auf VS Code), der künstliche Intelligenz direkt in die Schreibumgebung integriert hat.
  • Der Vorteil: Anders als ein Chat-Bot kann Cursor mein gesamtes Projekt „lesen". Die KI versteht Zusammenhänge über mehrere Dateien hinweg, hilft bei der Syntax, findet Fehler (Debugging) und macht intelligente Vorschläge direkt im Code. So konnte ich die komplexe Hauptdatei sicher und effizient weiterentwickeln.

2. Versionsverwaltung mit GitHub

Ein entscheidender Schritt zur Professionalisierung war die Einführung von GitHub.

Was ist GitHub?

GitHub ist eine Online-Plattform zur Versionsverwaltung. Man kann es sich als ein intelligentes Cloud-Archiv für Code vorstellen.

Warum ist es notwendig?

1. Datensicherheit

GitHub dient als zentraler Speicherort. Selbst wenn mein Laptop abstürzt, ist der aktuelle Code dort sicher gespeichert.

2. Nachvollziehbarkeit (Historie)

GitHub speichert nicht nur den aktuellen Stand, sondern jede einzelne Änderung, die ich je gemacht habe. Ich kann genau sehen, wann ich was geändert habe („Zeitreise-Funktion"). Falls ein neuer Code-Schnipsel die Seite kaputt macht, kann ich problemlos zu einer früheren, funktionierenden Version zurückkehren.

3. Schnittstelle

GitHub fungiert als Brücke zwischen meinem Laptop (Cursor) und dem Webserver (Cloudflare).

3. Einrichtung der Verbindungen

Um diesen automatisierten Arbeitsfluss herzustellen, mussten drei Komponenten miteinander verknüpft werden: Mein Laptop, GitHub und Cloudflare.

Schritt A: Laptop ↔ GitHub
  • Repository erstellen: Zuerst legte ich auf der GitHub-Webseite ein neues „Repository" an. Das ist der Projektordner in der Cloud.
  • Lokale Initialisierung: In Cursor (auf meinem Laptop) aktivierte ich Git. Das ist die Software, die Änderungen verfolgt.
  • Authentifizierung: Damit mein Computer Daten an GitHub senden darf, musste ich eine sichere Verbindung herstellen. Dies erfolgte über einen Sicherheitsschlüssel (SSH-Key oder Personal Access Token). So weiss GitHub: „Dieser Upload kommt von einer berechtigten Person."
Schritt B: GitHub ↔ Cloudflare Pages
  • In der Cloudflare-Konsole erstellte ich ein neues Projekt.
  • Anstatt wie früher eine ZIP-Datei hochzuladen, wählte ich die Option „Connect to Git".
  • Ich gab Cloudflare die offizielle Berechtigung, auf mein GitHub-Konto zuzugreifen und wählte das entsprechende Repository aus.

4. Der automatisierte Workflow (CI/CD)

Durch diese Einrichtung hat sich mein Arbeitsprozess grundlegend verändert. Das manuelle Hochladen von ZIP-Dateien (Drag & Drop) gehört der Vergangenheit an.

So funktioniert es jetzt:
1
Code ändern:

Ich bearbeite den Code lokal in Cursor.

2
Push:

Wenn ich zufrieden bin, sende ich die Änderungen mit einem Klick („Push") an GitHub.

3
Automatische Synchronisation:
  • Cloudflare überwacht mein GitHub-Repository permanent.
  • Sobald dort neuer Code eintrifft, erkennt Cloudflare dies sofort.
  • Cloudflare lädt den neuen Code herunter, verarbeitet ihn und aktualisiert die Webseite automatisch.
Das Ergebnis

Wenige Augenblicke, nachdem ich auf meinem Laptop auf „Speichern" und „Senden" gedrückt habe, ist die Änderung weltweit auf der Webseite sichtbar. Das ist nicht nur schneller, sondern auch weniger fehleranfällig.

26 Sicherheitskonzept: Schutz des Gästebuchs (Spam-Prävention)

Da das Projektziel eine maximale Zugänglichkeit („Barrierefreiheit") vorsieht, wurde bewusst auf ein Login-System verzichtet. Um das öffentliche Gästebuch dennoch vor automatisierten Bots (Spam) und mutwilliger Zerstörung (Vandalismus) zu schützen, setze ich auf eine Kombination aus unsichtbaren technischen Hürden und logischen Barrieren.

1. Die „Honeypot"-Methode (Die Falle für Bots)

Bots sind Programme, die Webseiten nach Formularen durchsuchen und versuchen, diese in Millisekunden auszufüllen.

Funktionsweise

Ich füge ein zusätzliches Eingabefeld in das Formular ein (z. B. benannt als „website" oder „email_confirm").

Der Trick

Dieses Feld wird per CSS für menschliche Besucher unsichtbar gemacht. Ein echter Nutzer sieht es nicht und lässt es leer. Ein Bot hingegen analysiert oft nur den Code, sieht das Feld und füllt es aus.

Die Abwehr

Sobald dieses unsichtbare Feld beim Absenden ausgefüllt ist, erkennt das System den Bot und blockiert die Nachricht sofort, ohne sie an die Datenbank zu senden.

2. Cloudflare Turnstile (Der moderne „Türsteher")

Anstatt die Nutzer mit nervigen Bilderrätseln („Klicke alle Ampeln an") zu belästigen, nutze ich den Dienst Cloudflare Turnstile. Da die Webseite ohnehin über Cloudflare gehostet wird, lässt sich dies nahtlos integrieren.

Funktionsweise

Turnstile prüft im Hintergrund, ob sich der Besucher wie ein Mensch verhält (Mausbewegungen, Browserverhalten).

Vorteil

Für den Nutzer ist dies meist komplett unsichtbar oder erfordert nur einen einzigen Klick. Es bietet hohe Sicherheit ohne die Nutzererfahrung zu stören.

3. Client-seitiges Rate Limiting (Zeitbremse)

Um zu verhindern, dass eine einzelne Person das Gästebuch „flutet", wird eine zeitliche Sperre im Browser des Nutzers hinterlegt.

Umsetzung

Nach dem Absenden eines Beitrags wird ein Zeitstempel im lokalen Speicher (LocalStorage) des Browsers gesetzt.

Effekt

Das Formular wird für diesen Nutzer für eine definierte Zeit (z. B. 5 Minuten) gesperrt. Dies verhindert massenhaftes Spammen durch menschliche Akteure.

4. Einfache logische Hürde (Optional)

Falls automatisierte Angriffe zunehmen, kann eine kognitive Hürde aktiviert werden.

Methode

Eine einfache mathematische Aufgabe (z. B. „Was ist 3 + 4?"), die bei jedem Laden zufällig generiert wird.

Effekt

Da Bots meist nur Textfelder füllen, scheitern einfache Skripte an der logischen Verknüpfung der Frage mit dem Antwortfeld.

5. Schutz vor Vandalismus (Inhaltliche Sicherheit)

Gegen inhaltlichen Vandalismus (Beleidigungen, unpassende Inhalte) helfen technische Hürden nur bedingt. Hier greifen zwei Strategien:

Bad-Word-Filter

Eine Liste mit unzulässigen Wörtern wird hinterlegt. Enthält ein Beitrag eines dieser Wörter, wird das Absenden verweigert.

Moderations-Status (Backend)

Beiträge werden in der Datenbank (Supabase) standardmässig mit dem Status pending (ausstehend) oder approved (genehmigt) gespeichert. Sollte das Gästebuch missbraucht werden, kann ich das System so umstellen, dass neue Beiträge erst sichtbar werden, nachdem ich sie im Backend freigeschaltet habe. Dies ist die „Notbremse" bei akutem Vandalismus.

Impressum

Projektverantwortung

Eline Brändle
Stäfa, Schweiz

Kontakt

E-Mail: [email protected]

Institution

Dieses Projekt entstand im Rahmen der schulischen Ausbildung an der:
Kantonsschule Uetikon am See
Bergstrasse 113/115
8707 Uetikon am See

Urheberrecht

Sämtliche Inhalte (Videos, Tonaufnahmen und Texte) auf dieser Webseite sind urheberrechtlich geschützt. Das Urheberrecht liegt bei Eline Brändle.