diff --git a/slides/2025-12-19-termin-1-grundlagen-text-audio.md b/slides/2025-12-19-termin-1-grundlagen-text-audio.md index 5f3a3d7..a017413 100644 --- a/slides/2025-12-19-termin-1-grundlagen-text-audio.md +++ b/slides/2025-12-19-termin-1-grundlagen-text-audio.md @@ -40,7 +40,6 @@ Hochschule der Medien Stuttgart # Termin 1 – 19.12.2025 ## Grundlagen, Text & Audio - --- ![bg right:40%](./assets/matrix-code.png) @@ -53,13 +52,12 @@ Hochschule der Medien Stuttgart 00 00 01 90 00 00 01 2C ``` -**Was ist das?** - --- @@ -86,7 +84,11 @@ Demonstration: Glühbirne AN/AUS = 1 Bit + +--- + +# Das Byte + +**1 Byte = 8 Bits** + +``` +0 1 0 0 1 1 0 1 +``` + + + +--- + +# Das Byte + +**1 Byte = 8 Bits** ``` 0 1 0 0 1 1 0 1 ``` -**Wie viele Kombinationen?** 2⁸ = **256 Möglichkeiten** (0-255) --- @@ -122,9 +179,33 @@ Rechnung: 2×2×2×2×2×2×2×2 = 256 mögliche Kombinationen + +![bg fit](./assets/original-ascii-table.png) + + + +--- + + + + +»256 Shades of Gray« + ![bg fit](./assets/grayscale-gradient.png) @@ -133,10 +214,12 @@ Rechnung: 2×2×2×2×2×2×2×2 = 256 mögliche Kombinationen # Was kann man mit 256 Zuständen machen? * **256 Zeichen** (Buchstaben, Zahlen, Symbole) -* **256 Graustufen** (0 = Schwarz, 255 = Weiß) +* **256 Helligkeit bzw. Luminanz** (0 = Schwarz/Dunkel, 255 = Weiß/Hell) * **256 Lautstärkestufen** * **Zahlen 0-255** (oder -128 bis +127) +* *Fällt Euch noch mehr ein?* + - --- @@ -157,12 +239,28 @@ Das menschliche Auge kann etwa 10 Millionen Farben unterscheiden ![bg fit](./assets/rgb-color-model.png) + + +--- + + + + +![bg fit](./assets/rgb-color-model-with-title.png) + --- +![bg right:50%](./assets/addaptive-substractive-colors.jpg) + # Farben: RGB-Modell **1 Pixel = 3 Bytes** @@ -176,6 +274,9 @@ RGB = Additive Farbmischung (Bildschirme) `00 00 00` = Schwarz | `FF FF FF` = Weiß + +--- + + + + + +![bg fit](./assets/hex-code-hidden.png) + + + +--- + + + + + +![bg fit](./assets/hex-code.png) + + --- @@ -326,7 +466,7 @@ Hex-Editor = Standard-Tool für Dateianalyse und Reverse Engineering | PDF | `25 50 44 46` | `%PDF` | | ZIP/DOCX/ODT | `50 4B 03 04` | `PK` | -**Achtung:** TXT, HTML, CSS haben **keine** Magic Number! +**Hinweis:** TXT, HTML, CSS haben **keine** Magic Number! - - - -![bg fit](./assets/hexeditor-screenshot.png) - - - ---- - # Hands-On: WTF Files **Aufgabe (30 Min):** @@ -443,7 +567,7 @@ Visueller Kontrast: Analog vs. Digital **1990:** Festplatten hatten 100-500 MB! - +![bg cover](./assets/spectogram-chet-baker.png) + + + +--- + +# Was ist Sample Rate? +**Analog → Digital ≙ Kontinuierlich → Diskret** +``` + Analog (Vinyl): Digital (CD): + ~~~~~~~~~~~~~~~ • • • • • • • • + Kontinuierliche 44.100 Messpunkte + Wellenform pro Sekunde +``` +**Nyquist-Theorem:** + +> Um eine Frequenz zu rekonstruieren, braucht man mindestens **2× so viele Samples**. +44.100 Hz ÷ 2 = **22.050 Hz** max. darstellbare Frequenz +(Mensch hört: ~20 Hz bis ~20.000 Hz → passt!) + + + +--- + +# Sample Rate vs. Bit Depth + +**Zwei Dimensionen der Digitalisierung:** + +| Dimension | Was bedeutet es? | CD-Qualität | +|-----------|------------------|-------------| +| **Sample Rate** | Messungen pro Sekunde (horizontal) | 44.100 Hz | +| **Bit Depth** | Genauigkeit pro Messung (vertikal) | 16 Bit | + +**16 Bit = 2¹⁶ = 65.536 Lautstärkestufen** +(von absoluter Stille bis maximaler Lautstärke) + + + +--- + + + + ![bg fit](./assets/compression-types.png) + +--- + +![bg right:40%](./assets/karlheinz-brandenburg.jpg) # Karlheinz Brandenburg **"Vater der MP3"** -- Diplom-Ingenieur, Universität Erlangen-Nürnberg -- Fraunhofer IIS (Institut für Integrierte Schaltungen) -- Forschung ab 1982, Patent 1988 -- Hörte "Tom's Diner" über 10.000 Mal +* Diplom-Ingenieur, Universität Erlangen-Nürnberg +* Fraunhofer IIS (Institut für Integrierte Schaltungen) +* Forschung ab 1982, Patent 1988 +* Hörte "Tom's Diner" über 10.000 Mal