apply feedback to termin 1: wtf theme, 50/50 images, speaker notes

- matrix-code, lightbulb-onoff, grayscale-gradient
- rgb-color-model, ascii-table, hex-binary-table
- hexeditor-screenshot, cassette-ipod, compression-types
- audio-spectrogram, napster-interface
- karlheinz-brandenburg.jpg, suzanne-vega.jpg (real photos)

.gitignore

@@ -62,4 +62,3 @@ Desktop.ini
 !build/*.html
 *.pdf
 index.md.bak
-hdm-lehrauftrag-uebersicht.md

README.md

@@ -1,44 +1,6 @@
-# 223015b – Dateiformate, Schnittstellen, Speichermedien & Distributionswege
+# HdM - Dateiformate, Speichermedien und Schnittstellen
 
-**Modul "Technik 1"** · 1. Semester · Digital- und Medienwirtschaft
+## Creating Slides
-Hochschule der Medien Stuttgart · Wintersemester 2025/26
-
-**Repository:** [git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
-
----
-
-## Über dieses Modul
-
-> *Internettechnologien 1 – "Technische Grundlagen von IT-Projekten"*
-
-Die Digitalisierung verändert die Prozesse und Tätigkeiten in allen Branchen. Sie hat neue Geschäftsmodelle ermöglicht und auch unseren Alltag stark verändert. Kaum ein Projekt in der Medienwelt kommt ohne digitale Technik aus – als Produkt, Kollaborationsplattform oder Marketing- und Verkaufsplattform.
-
-**Ziel:** Technische Grundlagen verstehen, um mit Entwicklungsteams, Kunden und Projektpartnern auf Augenhöhe zusammenarbeiten zu können.
-
-### Termine
-
-| # | Datum | Thema |
-|---|-------|-------|
-| 1 | 19.12.2025 | Grundlagen, Text & Audio |
-| 2 | 09.01.2026 | Bild- & Videoformate |
-| 3 | 23.01.2026 | Speichermedien & Schnittstellen |
-| 4 | 30.01.2026 | Distribution, APIs & Zukunft |
-| 5 | TBA | Vertiefung & offene Fragen |
-
-### Kompetenzen
-
-In dieser Veranstaltung erwerben Sie folgende Kompetenzen:
-- Technische Konzepte des Internets verstehen (Netzwerke, Protokolle, Client/Server)
-- Dateiformate analysieren und verstehen
-- Grundlagen von Kompression (Audio, Bild, Video)
-- Speichermedien und Schnittstellen kennen
-- APIs und Distributionswege verstehen
-
-**Dozent:** Michael Czechowski · michael.czechowski@lehre.dhbw-stuttgart.de
-
----
-
-## Slides erstellen
 
 ### Basic Slide Structure
 

hdm-lehrauftrag-uebersicht.md

@@ -0,0 +1,132 @@
+# Lehrauftrag HdM Stuttgart – WS 25/26
+
+**Studiengang:** Digital- und Medienwirtschaft / Media Entertainment  
+**Kontakt:** Tahira Siddiqui (Studiengangsmanagerin)  
+**Ort:** HdM Stuttgart, Nobelstraße 10, 70569 Stuttgart
+
+---
+
+## Vorlesungen & Termine
+
+### 1. Dateiformate, Schnittstellen, Speichermedien und Distributionswege
+
+*Teil des Moduls "Technik 1", 1. Semester*
+
+| Termin | Tag | Zeit | Status |
+|--------|-----|------|--------|
+| ~~12.12.2025~~ | ~~Fr~~ | ~~14:15 – 17:30~~ | ❌ Auslandsreise |
+| 19.12.2025 | Fr | 14:15 – 17:30 | ✓ |
+| 09.01.2026 | Fr | 14:15 – 17:30 | ✓ |
+| 23.01.2026 | Fr | 14:15 – 17:30 | ✓ |
+| 30.01.2026 | Fr | 14:15 – 17:30 | ✓ |
+
+**⚠️ Offen:** Ersatztermin für 12.12. mit Tahira klären
+
+**Inhalte:**
+- Dateiformate (Text, Bild, Audio, Video; Header, Metadaten, Kompression)
+- Speichermedien (HDD, SSD, Cloud)
+- Schnittstellen (USB, HDMI, APIs)
+- Distributionswege (CDN, P2P, Plattformen)
+- Werkzeuge & Praxisbezug
+
+---
+
+### 2. Grundlagen IT (Internet 1)
+
+| Termin | Tag | Zeit |
+|--------|-----|------|
+| 20.12.2025 | Fr | 10:00 – 16:30 |
+| 10.01.2026 | Fr | 10:00 – 16:30 |
+| 24.01.2026 | Fr | 10:00 – 16:30 |
+
+**Unterlagen:** https://filestore.hdm-stuttgart.de/s/rW4zJUluFlh9ZWJ
+
+---
+
+## Chronologie der Korrespondenz
+
+### Phase 1: Anfrage (14.–19.11.2025)
+
+**14.11. – Tahira → Michael:**  
+Anfrage für Lehrauftrag "Dateiformate, Schnittstellen, Speichermedien und Distributionswege". Kurzfristige Besetzung im laufenden Semester benötigt.
+
+**14.11. – Michael → Tahira:**  
+Grundsätzliches Interesse, ab Dezember verfügbar, nur Freitage möglich.
+
+**18.11. – Tahira → Michael:**  
+Bestätigung: Freitage sind kein Problem.
+
+**18.11. – Michael → Tahira:**  
+Zusage: "Solange es freitags stattfinden kann, bin ich ab Dezember einsatzbereit."
+
+**18.11. – Tahira → Michael:**  
+Fragt nach persönlichem Gespräch.
+
+**19.11. – Michael → Tahira:**  
+Gibt Telefonnummer für Rückruf.
+
+---
+
+### Phase 2: Terminplanung (24.–27.11.2025)
+
+**24.11. – Tahira → Michael:**  
+Erste Terminvorschläge für "Technik 1": 12.12., 19.12., 09.01., 23.01., 30.01. (je 14:15–17:30).  
+Erwähnt zusätzlich möglichen Lehrauftrag "Grundlagen IT und Internettechnik" als Samstags-Blocktage.
+
+**26.11. – Tahira → Michael:**  
+Fragt nach Meeting morgen Vormittag. Sendet Link zu Unterlagen für Grundlagen IT.
+
+**26.11. – Michael → Tahira:**  
+Schlägt 10 Uhr vor (muss ab 11 Uhr im Zug sein).
+
+**26.11. – Tahira → Michael:**  
+Gegenvorschlag: 9:30 Uhr.
+
+**26.11. – Michael → Tahira:**  
+"Dann 9:30, bis morgen."
+
+**27.11. – Meeting um 9:30 Uhr (vermutlich telefonisch)**
+
+---
+
+### Phase 3: Vertragsunterzeichnung (03.12.2025)
+
+**03.12. – Michael → Tahira:**  
+Hat Termin um 16 Uhr übersehen, fragt nach Alternativen.
+
+**03.12. – Tahira → Michael:**  
+Kann länger bleiben oder Freitag ab 12 Uhr.
+
+**03.12. – Michael → Tahira:**  
+Schlägt 14:30 Uhr vor. Gibt Anschrift für Vertrag:  
+Michael Werner Czechowski, Schnellweg 3, 70199 Stuttgart
+
+**03.12. – Tahira → Michael:**  
+"Ja, das passt!"
+
+**03.12. – Persönliches Treffen um 14:30 Uhr an der HdM**
+
+---
+
+### Phase 4: Grundlagen IT Termine (05.–08.12.2025)
+
+**05.12. – Tahira → Michael:**  
+Terminvorschläge für Grundlagen IT: 13.12., 20.12., 10.01., 24.01. (je 10:00–17:00). Drei Termine genügen.
+
+**08.12. – Michael → Tahira:**  
+Zeiten passen allgemein, aber 13.12. nicht möglich (Auslandsreise). Bittet um Ausweichtermin.
+
+**08.12. – Tahira → Michael:**  
+Passt Termine an: 20.12., 10.01., 24.01. (je 10:00–16:30).
+
+**08.12. – Michael → Tahira:**  
+"Das passt für mich!"
+
+---
+
+## Zusammenfassung
+
+- **Zwei Lehraufträge** im WS 25/26
+- **Alle Termine freitags** (wie gewünscht)
+- **Semesterende:** 31.01.2026
+- **Vertrag unterschrieben:** 03.12.2025 (persönlich an der HdM)

slides/2025-12-19-termin-0-intro.md

@@ -18,28 +18,21 @@ h2 {
 </style>
 
 <!-- _class: invert -->
-<!-- _header: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit opacity:0.4](./assets/digital-landscape.png)
+![bg fit](./assets/digital-landscape.png)
+
+<!-- Startbild: Futuristisches Netzwerk, Datenströme, oder digitale Landschaft -->
+
+---
 
 # Dateiformate, Schnittstellen, Speichermedien & Distributionswege
 
-**223015b** · Modul "Technik 1" · 1. Semester
+Modul "Technik 1" – 1. Semester
 Digital- und Medienwirtschaft
 Hochschule der Medien Stuttgart
 
 **Wintersemester 2025/26**
 
-[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
-
----
-
-<!-- _class: lead -->
-
-# Internettechnologien 1
-## "Technische Grundlagen von IT-Projekten"
-
 ---
 
 # Über mich
@@ -49,7 +42,7 @@ Hochschule der Medien Stuttgart
 - Softwareentwickler & IT-Berater
 - Schwerpunkte: Cloud, AI, Web-Technologien, Systemarchitektur, Open Source
 - Hintergrund: Philosophie & Informatik
-- Kontakt: mail@librete.ch
+- Kontakt: michael.czechowski@lehre.dhbw-stuttgart.de
 
 <!--
 Kurze Vorstellung
@@ -59,6 +52,20 @@ Fragen jederzeit willkommen
 
 ---
 
+# Termine
+
+| Datum | Zeit | Thema |
+|-------|------|-------|
+| 19.12.2025 | 14:15 – 17:30 | Grundlagen, Text & Audio |
+| 09.01.2026 | 14:15 – 17:30 | Bild- & Videoformate |
+| 23.01.2026 | 14:15 – 17:30 | Speichermedien & Schnittstellen |
+| 30.01.2026 | 14:15 – 17:30 | Distribution, APIs & Zukunft |
+| TBA | 14:15 – 17:30 | Vertiefung (wird bekannt gegeben) |
+
+**Ort:** HdM Stuttgart, Nobelstraße 10
+
+---
+
 # Kurze Umfrage
 
 **Bitte Hand heben:**
@@ -79,72 +86,24 @@ HTML/CSS-Frage: Viele kennen Hex-Codes aus Webdesign
 
 ---
 
-# Warum dieses Modul?
-
-Die Digitalisierung verändert die Prozesse und Tätigkeiten in allen Branchen. Sie hat neue Geschäftsmodelle ermöglicht und auch unseren Alltag stark verändert.
-
-Kaum ein Projekt in der Medienwelt kommt ohne digitale Technik aus:
-- Als **Produkt** (z.B. Verkauf einer Webseite)
-- Als **Kollaborationsplattform**
-- Als **Marketing- und Verkaufsplattform**
-
-<!--
-Aus dem Modulhandbuch "Internettechnologien 1"
-Digitalisierung betrifft alle Branchen
-Technik ist nicht optional, sondern zentral
--->
-
----
-
-# Das Ziel
-
-**Technische Grundlagen verstehen**, um mit Entwicklungsteams, Kunden und Projektpartnern **auf Augenhöhe** zusammenarbeiten zu können.
-
-Grundkenntnisse der Internettechnologien und der Prozesse der Software-Entwicklung sind **unabdingbar**, um ein gemeinsames Verständnis von Projektanforderungen und dem Projektvorgehen zu erreichen.
-
-<!--
-Nicht: Ihr sollt Programmierer werden
-Sondern: Ihr sollt mitreden können
-"Auf Augenhöhe" = verstehen, was Entwickler:innen meinen
--->
-
----
-
-# Was ihr lernt
-
-**In dieser Veranstaltung erwerbt ihr folgende Kompetenzen:**
-
-- Technische Konzepte des Internets verstehen (Netzwerke, Protokolle, Client/Server)
-- Dateiformate analysieren und verstehen
-- Grundlagen von Kompression (Audio, Bild, Video)
-- Speichermedien und Schnittstellen kennen
-- APIs und Distributionswege verstehen
-
-<!--
-Fokus auf Verständnis, nicht auf Programmierung
-Hands-On jede Woche: Selbst ausprobieren
-Ziel: Einblick in die Denkweise von Software-Entwicklern
--->
-
----
-
 # Kursübersicht
 
+**Ziel:** Technische Grundlagen verstehen, um mit Entwicklungsteams, Kunden und Projektpartnern auf Augenhöhe zusammenarbeiten zu können.
+
+Die Digitalisierung verändert alle Branchen. Kaum ein Projekt in der Medienwelt kommt ohne digitale Technik aus – als Produkt, Kollaborationsplattform oder Marketing-/Verkaufskanal.
+
 **5 Termine:**
-
+- **19.12.** Bits, Bytes, Zeichenkodierung & Audio-Kompression
-| # | Datum | Thema |
+- **09.01.** Bild- & Video-Kompression
-|---|-------|-------|
+- **23.01.** Speichermedien & Hardware-Schnittstellen
-| 1 | 19.12.2025 | Bits, Bytes, Zeichenkodierung & Audio |
+- **30.01.** Distribution, APIs, Metadaten & Zukunft
-| 2 | 09.01.2026 | Bild- & Video-Kompression |
+- **TBA** Vertiefung & offene Fragen
-| 3 | 23.01.2026 | Speichermedien & Schnittstellen |
-| 4 | 30.01.2026 | Distribution, APIs & Zukunft |
-| 5 | TBA | Vertiefung & offene Fragen |
-
-**Format:** Theorie + Hands-On (30-40 Min pro Termin)
 
 <!--
-Nicht nur theoretische Inhalte
+Aus dem Modulhandbuch "Internettechnologien 1":
-Praktische Übungen jede Woche
+Grundkenntnisse der Internettechnologien sind unabdingbar für gemeinsames Verständnis von Projektanforderungen.
 Medienwissenschaftler:innen, nicht Informatiker:innen
+Fokus: Warum funktionieren Dinge so? Welche Konflikte stecken dahinter?
+Hands-On jede Woche (30-40 Min)
 -->
 

slides/2025-12-19-termin-1-grundlagen-text-audio.md

@@ -18,20 +18,8 @@ h2 {
 </style>
 
 <!-- _class: invert -->
-<!-- _header: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit opacity:0.4](./assets/digital-landscape.png)
+![bg fit](./assets/digital-landscape.png)
-
-# Dateiformate, Schnittstellen, Speichermedien & Distributionswege
-
-**223015c** · Modul "Technik 1" · 1. Semester
-Digital- und Medienwirtschaft
-Hochschule der Medien Stuttgart
-
-**Wintersemester 2025/26**
-
-[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
 
 ---
 
@@ -40,7 +28,6 @@ Hochschule der Medien Stuttgart
 # Termin 1 – 19.12.2025
 ## Grundlagen, Text & Audio
 
-
 ---
 
 ![bg right:40%](./assets/matrix-code.png)
@@ -86,11 +73,8 @@ Demonstration: Glühbirne AN/AUS = 1 Bit
 
 <!--
 BIT = Binary Digit (Binärziffer) – 1948 von Claude Shannon geprägt
-Shannon war Mathematiker bei Bell Labs – begründete die Informationstheorie
+Alles Digitale basiert darauf
-Warum binär? Elektronische Schaltungen haben nur 2 Zustände: Strom/kein Strom
+Transistoren in CPUs: Milliarden Bits schalten Millionen Mal pro Sekunde
-Das ist physikalisch am stabilsten (weniger Fehler als 3 oder 10 Zustände)
-Alles Digitale basiert auf dieser simplen Idee: AN oder AUS
-Transistoren in modernen CPUs: Milliarden davon, schalten Milliarden Mal pro Sekunde
 -->
 
 ---
@@ -107,14 +91,11 @@ Transistoren in modernen CPUs: Milliarden davon, schalten Milliarden Mal pro Sek
 2⁸ = **256 Möglichkeiten** (0-255)
 
 <!--
-BYTE = Wortspiel aus "Bit" + "Bite" (Bissen) – ein "Bissen" Information
+BYTE = Wortspiel aus "Bit" + "Bite" (Bissen)
-Warum genau 8 Bits?
+Warum 8 Bits? Historisch: IBM System/360 (1964) setzte Standard
-- 1964: IBM System/360 setzte diesen Standard (vorher: 6-Bit, 7-Bit Systeme)
+Vorher: 6-Bit, 7-Bit Systeme (z.B. ASCII = 7 Bit)
-- ASCII (1963) brauchte 7 Bit für 128 Zeichen
+8 Bit = 2 Hex-Ziffern = praktisch für Hardware
-- 8 Bit = praktisch für Hardware (Zweierpotenz: 2³ = 8)
+Rechnung: 2×2×2×2×2×2×2×2 = 256
-- 8 Bit = 2 Hexadezimalziffern (elegante Darstellung)
-Eselsbrücke: 1 Byte = 1 Buchstabe (in ASCII/UTF-8 für einfache Zeichen)
-Rechnung: 2×2×2×2×2×2×2×2 = 256 mögliche Kombinationen
 -->
 
 ---
@@ -122,7 +103,7 @@ Rechnung: 2×2×2×2×2×2×2×2 = 256 mögliche Kombinationen
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
-![bg fit](./assets/grayscale-gradient.png)
+![bg](./assets/grayscale-gradient.png)
 
 <!--
 256 Graustufen: 0 = Schwarz, 255 = Weiß
@@ -138,16 +119,9 @@ Rechnung: 2×2×2×2×2×2×2×2 = 256 mögliche Kombinationen
 - **Zahlen 0-255** (oder -128 bis +127)
 
 <!--
-256 = die "magische Zahl" bei 8 Bit
+1 Byte ist extrem limitiert
-Alltagsbeispiele:
+Für Farbbild: 3 Bytes pro Pixel (RGB)
-- Lautstärkeregler (0 = stumm, 255 = max)
+R=0-255, G=0-255, B=0-255 → 256³ = 16,7 Millionen Farben
-- Helligkeitswerte in Bildern (0 = schwarz, 255 = weiß)
-- Alter in Jahren (0-255 reicht für Menschen locker)
-- Zeichen (ASCII erweitert: 256 Buchstaben/Symbole)
-Für Farbbilder: 3 Bytes pro Pixel (R, G, B)
-Jeder Kanal 0-255 → 256³ = 16.777.216 Farben ("True Color")
-Das menschliche Auge kann etwa 10 Millionen Farben unterscheiden
-→ 24 Bit reicht für fotorealistische Bilder
 -->
 
 ---
@@ -155,7 +129,7 @@ Das menschliche Auge kann etwa 10 Millionen Farben unterscheiden
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
-![bg fit](./assets/rgb-color-model.png)
+![bg](./assets/rgb-color-model.png)
 
 <!--
 RGB = Additive Farbmischung (Bildschirme)
@@ -247,12 +221,12 @@ Umlaute: "ä" = 2 Bytes, Chinesisch: 3 Bytes, Emoji: 4 Bytes
 
 # Beispiel: Bytes zählen
 
-**Text:** `"Why the heck braucht 💩 4 Bytes?!"`
+**Text:** `"Why the fuck braucht 💩 4 Bytes?!"`
 
 ```
 W h y   → je 1 Byte (4 Bytes)
 t h e   → je 1 Byte (4 Bytes)
-h e c k → je 1 Byte (4 Bytes)
+f u c k → je 1 Byte (4 Bytes)
         → 1 Byte (Leerzeichen)
 b r a u c h t → je 1 Byte (7 Bytes)
         → 1 Byte
@@ -274,9 +248,8 @@ UTF-8-Kodierung: Variable Länge spart Speicher bei ASCII
 
 <!-- _header: '' -->
 <!-- _footer: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit](./assets/hex-binary-table.png)
+![bg](./assets/hex-binary-table.png)
 
 <!--
 Hex-Binär-Umrechnungstabelle
@@ -297,21 +270,12 @@ Jede Hex-Ziffer = 4 Bits
 0-9, A-F (10=A, 11=B, ..., 15=F)
 
 <!--
-Warum Hexadezimal statt Dezimal?
+Warum genau 4 Bits? 2⁴ = 16 Werte = eine Hex-Ziffer (0-F)
-- Binär ist zu lang: 01001101 (8 Zeichen für 1 Byte)
+Hex = Shortcut für Menschen, nicht für Computer
-- Dezimal passt nicht: 77 (unregelmäßig, manchmal 2, manchmal 3 Ziffern)
+Computer denken binär, wir lesen hex
-- Hex ist perfekt: 4D (immer 2 Ziffern pro Byte)
+1 Byte = 2 Hex-Ziffern (00-FF)
-
+"Nibble" = halb Byte = 4 Bits (Wortspiel!)
-Trick: 4 Bits = 1 Hex-Ziffer (weil 2⁴ = 16)
+Hex-Editor: Standard-Tool für Dateianalyse
-0000 = 0, 0001 = 1, ..., 1001 = 9, 1010 = A, 1011 = B, ..., 1111 = F
-
-"Nibble" = 4 Bits = halbes Byte (Wortspiel: nibble = knabbern, byte = beißen)
-
-Umrechnung üben:
-- 0x4D = 4×16 + 13 = 64 + 13 = 77 (Dezimal) = Buchstabe "M" in ASCII
-- 0xFF = 15×16 + 15 = 255 (Maximum für 1 Byte)
-
-Hex-Editor = Standard-Tool für Dateianalyse und Reverse Engineering
 -->
 
 ---
@@ -330,30 +294,20 @@ Hex-Editor = Standard-Tool für Dateianalyse und Reverse Engineering
 **Achtung:** TXT, HTML, CSS haben **keine** Magic Number!
 
 <!--
-Magic Number = Signatur/Fingerabdruck am Dateianfang
+Magic Number = Signature am Dateianfang
-Wozu? Betriebssystem erkennt Dateityp unabhängig von Dateiendung
+"PK" = Phil Katz (Erfinder von PKZip)
-
+DOCX, XLSX, ODT = ZIP-Archive mit XML-Inhalt!
-Geschichte: "PK" bei ZIP = Phil Katz (Erfinder von PKZip, 1989)
+Dateiendungen können lügen, Magic Numbers nicht
-Fun Fact: DOCX, XLSX, PPTX, ODT = alles ZIP-Archive mit XML-Inhalt!
+→ FAKE CHECK: virus.exe → bild.jpg umbenennen täuscht nur Menschen
-→ Einfach .zip anhängen und entpacken!
+Computer erkennt echten Typ an Magic Number
-
-Dateien OHNE Magic Number: TXT, HTML, CSS, JSON, XML
-→ Diese sind reiner Text, kein binäres Format
-→ Werden anhand Inhalt/Endung erkannt
-
-Sicherheits-Aspekt:
-virus.exe → bild.jpg umbenennen täuscht nur Menschen
-Windows vertraut der Endung, aber Tools wie "file" (Linux) lesen Magic Number
-→ Nie Dateien von Fremden öffnen, nur weil sie harmlos aussehen!
 -->
 
 ---
 
 <!-- _header: '' -->
 <!-- _footer: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit](./assets/hexeditor-screenshot.png)
+![bg](./assets/hexeditor-screenshot.png)
 
 <!--
 Hex-Editor-Screenshot mit PNG-Datei
@@ -395,16 +349,16 @@ Ziel: Hex-Dump lesen lernen, Dateiformate verstehen
 **Finde eine Datei auf deinem Computer**
 
 1. Öffne im Hex-Editor
-2. Schau dir die ersten 16 Bytes an
+2. Screenshot der ersten 16 Bytes
-3. Identifiziere die Magic Number (falls vorhanden)
+3. Identifiziere Magic Number
-4. Nächste Woche: Kurze Diskussion
+4. Poste im Forum: Format + kurze Beschreibung
 
-**Bonus:** Finde Datei ohne Magic Number
+**Bonus:** Finde Datei ohne Magic Number in Standard-Listen
 
 <!--
-Selbstständiges Experimentieren
+Selbstständiges Arbeiten
-Keine Abgabe, nur zum Ausprobieren
+Forum: Peer-Learning, gegenseitige Hilfe
-Nächste Woche kurz besprechen
+Bonus: Spornt Neugierige an
 -->
 
 ---
@@ -456,7 +410,7 @@ Streaming? Unmöglich.
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
-![bg fit](./assets/compression-types.png)
+![bg](./assets/compression-types.png)
 
 <!--
 Lossless vs. Lossy Kompression
@@ -626,30 +580,12 @@ Unwichtige Frequenzen reduzieren
 **4. Huffman-Coding**
 Lossless-Kompression der Restdaten
 
-<!--
+<!-- 
-MP3-Kompression in 4 Schritten (vereinfacht):
+FFT = Fast Fourier Transform
-
+Psychoakustik = Modell des menschlichen Gehörs
-1. FFT (Fast Fourier Transform)
+Quantisierung = Wo passiert Datenverlust
-   - Wandelt Schallwellen in Frequenzen um
+Huffman = Finaler Effizienz-Boost (lossless)
-   - Wie ein Prisma Licht in Farben zerlegt
+MP3 ist KEIN einfaches "Kleiner machen" – es simuliert dein Gehirn
-
-2. Psychoakustisches Modell
-   - Fragt: "Was kann ein Mensch NICHT hören?"
-   - Maskierungseffekte: Lauter Ton verdeckt leisen daneben
-   - Hohe/tiefe Frequenzen werden schlechter wahrgenommen
-
-3. Quantisierung (hier passiert der Datenverlust!)
-   - Unwichtige Frequenzen werden "grob" gespeichert
-   - Wichtige Frequenzen bleiben genau
-   - Wie JPEG: Details entfernen, wo es nicht auffällt
-
-4. Huffman-Coding (verlustfrei)
-   - Häufige Muster = kurze Codes
-   - Seltene Muster = lange Codes
-   - Finaler Effizienz-Boost
-
-MP3 ist KEIN einfaches "Kleiner machen"
-→ Es simuliert, wie dein Gehirn Musik verarbeitet!
 -->
 
 ---
@@ -677,9 +613,8 @@ Aber: Diminishing Returns ab 256 kbps
 
 <!-- _header: '' -->
 <!-- _footer: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit](./assets/audio-spectrogram.png)
+![bg](./assets/audio-spectrogram.png)
 
 <!--
 Spektrogramm-Vergleich
@@ -711,7 +646,7 @@ Das Pferd war aus dem Stall
 
 ---
 
-![bg right:50% fit](./assets/napster-interface.png)
+![bg right:50%](./assets/napster-interface.png)
 
 # Napster (1999)
 
@@ -811,15 +746,15 @@ Alternative: Spek (spek.cc) – reiner Spektrogramm-Viewer
 **Nimm ein Lied (eigenes oder CC)**
 
 1. Exportiere: WAV, MP3 320 kbps, MP3 128 kbps
-2. Höre die Unterschiede (Kopfhörer!)
+2. Notiere: Dateigrößen, Höreindrücke
-3. Vergleiche die Dateigrößen
+3. Poste im Forum: Screenshot + Reflexion
 
 **Bonus:** Niedrigste Bitrate finden, bei der du keinen Unterschied hörst
 
 <!--
-Selbstständiges Experimentieren
+WAV = Unkomprimiert (Referenz)
-Keine Abgabe, nur zum Ausprobieren
 Goldenes Ohr: Manche hören Unterschied, manche nicht
+Psychoakustik in Aktion: Subjektive Wahrnehmung
 -->
 
 ---
@@ -828,7 +763,7 @@ Goldenes Ohr: Manche hören Unterschied, manche nicht
 
 # Fragen & Diskussion
 
-**Kontakt:** mail@librete.ch
+**Kontakt:** michael.czechowski@lehre.dhbw-stuttgart.de
 **Folien:** Online verfügbar unter https://hdm.librete.ch
 
 ---

slides/2026-01-09-termin-2-bild-audio-video.md

@@ -18,20 +18,8 @@ h2 {
 </style>
 
 <!-- _class: invert -->
-<!-- _header: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit opacity:0.4](./assets/digital-landscape.png)
+![bg fit](./assets/digital-landscape.png)
-
-# Dateiformate, Schnittstellen, Speichermedien & Distributionswege
-
-**223015c** · Modul "Technik 1" · 1. Semester
-Digital- und Medienwirtschaft
-Hochschule der Medien Stuttgart
-
-**Wintersemester 2025/26**
-
-[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
 
 ---
 

slides/2026-01-23-termin-3-speichermedien-schnittstellen.md

@@ -18,20 +18,8 @@ h2 {
 </style>
 
 <!-- _class: invert -->
-<!-- _header: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit opacity:0.4](./assets/digital-landscape.png)
+![bg fit](./assets/digital-landscape.png)
-
-# Dateiformate, Schnittstellen, Speichermedien & Distributionswege
-
-**223015b** · Modul "Technik 1" · 1. Semester
-Digital- und Medienwirtschaft
-Hochschule der Medien Stuttgart
-
-**Wintersemester 2025/26**
-
-[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
 
 ---
 

slides/2026-01-30-termin-4-distribution-apis-zukunft.md

@@ -18,20 +18,8 @@ h2 {
 </style>
 
 <!-- _class: invert -->
-<!-- _header: '' -->
-<!-- _backgroundColor: #000 -->
 
-![bg fit opacity:0.4](./assets/digital-landscape.png)
+![bg fit](./assets/digital-landscape.png)
-
-# Dateiformate, Schnittstellen, Speichermedien & Distributionswege
-
-**223015b** · Modul "Technik 1" · 1. Semester
-Digital- und Medienwirtschaft
-Hochschule der Medien Stuttgart
-
-**Wintersemester 2025/26**
-
-[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
 
 ---