update intro with modulhandbuch content, add course info to readme

- 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

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

@@ -19,7 +19,7 @@ h2 {
 
 <!-- _class: invert -->
 <!-- _header: '' -->
-<!-- _backgroundColor: #000 -->
+<!-- _footer: '' -->
 
 ![bg fit opacity:0.4](./assets/digital-landscape.png)
 
@@ -31,7 +31,7 @@ Hochschule der Medien Stuttgart
 
 **Wintersemester 2025/26**
 
-[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
+git.librete.ch/hdm/223015b
 
 ---
 
@@ -49,7 +49,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

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)
-
-# 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)
+![bg fit](./assets/digital-landscape.png)
 
 ---
 
@@ -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
-Warum binär? Elektronische Schaltungen haben nur 2 Zustände: Strom/kein Strom
-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
+Alles Digitale basiert darauf
+Transistoren in CPUs: Milliarden Bits schalten Millionen 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
-Warum genau 8 Bits?
-- 1964: IBM System/360 setzte diesen Standard (vorher: 6-Bit, 7-Bit Systeme)
-- ASCII (1963) brauchte 7 Bit für 128 Zeichen
-- 8 Bit = praktisch für Hardware (Zweierpotenz: 2³ = 8)
-- 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
+BYTE = Wortspiel aus "Bit" + "Bite" (Bissen)
+Warum 8 Bits? Historisch: IBM System/360 (1964) setzte Standard
+Vorher: 6-Bit, 7-Bit Systeme (z.B. ASCII = 7 Bit)
+8 Bit = 2 Hex-Ziffern = praktisch für Hardware
+Rechnung: 2×2×2×2×2×2×2×2 = 256
 -->
 
 ---
@@ -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
-Alltagsbeispiele:
-- Lautstärkeregler (0 = stumm, 255 = max)
-- 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
+1 Byte ist extrem limitiert
+Für Farbbild: 3 Bytes pro Pixel (RGB)
+R=0-255, G=0-255, B=0-255 → 256³ = 16,7 Millionen Farben
 -->
 
 ---
@@ -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?
-- Binär ist zu lang: 01001101 (8 Zeichen für 1 Byte)
-- Dezimal passt nicht: 77 (unregelmäßig, manchmal 2, manchmal 3 Ziffern)
-- Hex ist perfekt: 4D (immer 2 Ziffern pro Byte)
-
-Trick: 4 Bits = 1 Hex-Ziffer (weil 2⁴ = 16)
-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
+Warum genau 4 Bits? 2⁴ = 16 Werte = eine Hex-Ziffer (0-F)
+Hex = Shortcut für Menschen, nicht für Computer
+Computer denken binär, wir lesen hex
+1 Byte = 2 Hex-Ziffern (00-FF)
+"Nibble" = halb Byte = 4 Bits (Wortspiel!)
+Hex-Editor: Standard-Tool für Dateianalyse
 -->
 
 ---
@@ -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
-Wozu? Betriebssystem erkennt Dateityp unabhängig von Dateiendung
-
-Geschichte: "PK" bei ZIP = Phil Katz (Erfinder von PKZip, 1989)
-Fun Fact: DOCX, XLSX, PPTX, ODT = alles ZIP-Archive mit XML-Inhalt!
-→ Einfach .zip anhängen und entpacken!
-
-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!
+Magic Number = Signature am Dateianfang
+"PK" = Phil Katz (Erfinder von PKZip)
+DOCX, XLSX, ODT = ZIP-Archive mit XML-Inhalt!
+Dateiendungen können lügen, Magic Numbers nicht
+→ FAKE CHECK: virus.exe → bild.jpg umbenennen täuscht nur Menschen
+Computer erkennt echten Typ an Magic Number
 -->
 
 ---
 
 <!-- _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
-3. Identifiziere die Magic Number (falls vorhanden)
-4. Nächste Woche: Kurze Diskussion
+2. Screenshot der ersten 16 Bytes
+3. Identifiziere Magic Number
+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
-Keine Abgabe, nur zum Ausprobieren
-Nächste Woche kurz besprechen
+Selbstständiges Arbeiten
+Forum: Peer-Learning, gegenseitige Hilfe
+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):
-
-1. FFT (Fast Fourier Transform)
-   - Wandelt Schallwellen in Frequenzen um
-   - Wie ein Prisma Licht in Farben zerlegt
-
-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!
+<!-- 
+FFT = Fast Fourier Transform
+Psychoakustik = Modell des menschlichen Gehörs
+Quantisierung = Wo passiert Datenverlust
+Huffman = Finaler Effizienz-Boost (lossless)
+MP3 ist KEIN einfaches "Kleiner machen" – es simuliert dein Gehirn
 -->
 
 ---
@@ -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!)
-3. Vergleiche die Dateigrößen
+2. Notiere: Dateigrößen, Höreindrücke
+3. Poste im Forum: Screenshot + Reflexion
 
 **Bonus:** Niedrigste Bitrate finden, bei der du keinen Unterschied hörst
 
 <!--
-Selbstständiges Experimentieren
-Keine Abgabe, nur zum Ausprobieren
+WAV = Unkomprimiert (Referenz)
 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)
-
-# 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)
+![bg fit](./assets/digital-landscape.png)
 
 ---
 

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)
-
-# 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)
+![bg fit](./assets/digital-landscape.png)
 
 ---
 

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)
-
-# 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)
+![bg fit](./assets/digital-landscape.png)
 
 ---