# Kapitel 1 — Datenfundamentale + Signal zum Byte

**Bedient Klausur-Blöcke:** 1 (Datenfundamentale) + 2 (Vom Signal zum Byte)
**Slide-Budget:** ~40 (90-min-Termin)

## Bogen

Eine Stunde, eine Frage: **„Was steckt in einer Datei, und wie kommt es da rein?"**

1. Wir öffnen mit dem Alltag: Foto, Sprachnachricht, PDF. Drei vertraute Dinge — alle haben dasselbe Innenleben.
2. Wir machen eine Datei roh auf (Hex-Editor) und sehen: Zahlen. Nichts als Zahlen.
3. Wir lernen die Zahlen lesen (Bit/Byte/Hex als drei Schreibweisen einer Sache).
4. Wir lernen, was die Zahlen *bedeuten* (ASCII → Unicode → Magic Numbers).
5. Pivot: aber wie kommen die Zahlen überhaupt in die Datei? Wenn man ein Foto macht, eine Stimme aufnimmt — Signal aus der Welt → Zahl.
6. Sampling und Quantisierung — die zwei Schritte, die jedes Signal digitalisieren.
7. Rechnung am CD-Beispiel, Nyquist-Theorem als Begründung warum gerade 44,1 kHz.
8. Aliasing als „was schiefgehen kann" — Audio-Knack und Moiré als gleiches Phänomen in zwei Modalitäten.

## Advance Organizer (Eröffnungs-Folie, NEU)

Visuelles Schema, das den ganzen Bogen zeigt — keine konkrete Datei, sondern die Bewegung:

```
   Welt (analog)                 Datei (Byte-Strom)              Mensch (Bedeutung)
        ╲                              ╱╲                              ╱
         ╲   Sampling +                ╱  ╲   Notation (Hex)          ╱
          ╲  Quantisierung            ╱    ╲  Encoding (ASCII/UTF-8) ╱
           ╲                         ╱      ╲ Format (Magic Numbers) ╱
            ▼                       ▼        ▼                      ▼
        000101001001010001001110010100100111100100...
```

Aussage: dieses Kapitel überbrückt zwei Richtungen — *rein* (analog → digital) und *raus* (digital → bedeutsam). Beide treffen sich am Byte.

→ neue Demo-Datei: `docs/223015b/assets/demos/kap01-advance-organizer.html`

## Folien-Skelett

| # | Typ | Titel/Kern | Lernziel | Berührungspunkt | Visualisierung |
|---|-----|-----------|---------|-----------------|----------------|
| 1 | Cover | Kapitel 1 — Datenfundamentale | — | — | reuse cover |
| 2 | Lead | Was steckt in einer Datei? | Kapitel-Hook | Foto · Sprachnachricht · PDF | NEU collage |
| 3 | Inhalt | Drei Dateien — dasselbe Innenleben | Hook | derselbe Trio | NEU mit Hex-Preview |
| 4 | Advance Organizer | Welt → Datei → Bedeutung | Roter Faden | — | **NEU kap01-advance-organizer** |
| 5 | Demo | WTF!? Rohe Bytes einer PNG-Datei | Schock-Hook | — | reuse matrix-code bg |
| 6 | Inhalt | Eine Datei ist ein Byte-Strom | L1.2 | — | — |
| 7 | Inhalt | Was ist ein Byte? 8 Bit, 256 Zustände | L1.2 | — | reuse why-8-bit |
| 8 | Inhalt | Drei Schreibweisen, eine Zahl | L1.1 | — | reuse byte-fuer-byte |
| 9 | Demo | Byte → Nibble → Hex | L1.1, L1.2 | — | reuse byte-nibble-hex |
| 10 | Demo | Hex ↔ Dezimal-Tabelle | L1.1 | — | reuse hex-dec-table |
| 11 | Inhalt | Lesbarkeit: 01010000 vs 50 | L1.1 | CSS-Farbe `#FF5733` | — |
| 12 | Inhalt | Wo trifft man Hex im Alltag | L1.1 | CSS · MAC · Errorcode · Unicode | reuse hex-im-alltag-table |
| 13 | Demo | Bin/Hex/ASCII parallel | L1.1, L1.3 | — | reuse byte-flow |
| 14 | Demo | 8 Byte einer PNG, drei Sichten | L1.3, L1.4 | — | reuse three-views |
| 15 | Lead | Was bedeutet die Zahl 80? | Übergang zu Encoding | — | — |
| 16 | Inhalt | ASCII (1963, 7 Bit, 128 Zeichen) | L1.3 | — | reuse ascii-table |
| 17 | Inhalt | ASCII reicht für Englisch — aber? | L1.3 | ä, é, 中, 🌸 | — |
| 18 | Inhalt | Unicode + UTF-8 (1991, variable Länge) | L1.3 | — | — |
| 19 | Demo | Byte zählen: 29 Zeichen, 42 Byte | L1.3 | „Hello·🌸·こんにちは" | reuse byte-zählen-tabelle |
| 20 | Lead | Wie weiß der Computer was das ist? | Übergang zu Magic | — | — |
| 21 | Inhalt | Magic Numbers — erste Byte verraten Format | L1.4 | 89 50 4E 47 = PNG | reuse what-the-hex |
| 22 | Demo | Echte Datei im Hex-Editor | L1.4 | hexed.it im Browser | reuse hex-code |
| 23 | Demo | Zoom: ein Byte „P" | L1.1, L1.4 | — | reuse 8bit-P-character |
| 24 | Selbstlernen | hex-Datei identifizieren | L1.4 | — | bestehende Übung |
| 25 | Inhalt | KB vs KiB — warum 931 GB? | L1.5 | 1-TB-SSD-Etikett | NEU diagram |
| 26 | Inhalt | Dateneinheiten-Übersicht | L1.5 | — | reuse dateneinheiten-table |
| 27 | **Pivot** | Aber wie kommen die Bytes da rein? | Strang-Wechsel | — | NEU split-pivot-folie |
| 28 | Inhalt | Analog vs Digital — Druckwelle als Beispiel | L2.1 | — | reuse druckwelle |
| 29 | Inhalt | Sampling: Wie oft messen wir? | L2.1 | — | reuse sampling |
| 30 | Demo | Sampling-Animation | L2.1 | — | reuse sampling-grid |
| 31 | Inhalt | Quantisierung: Wie genau? | L2.1 | — | reuse quantisierung |
| 32 | Demo | Quantisierungsstufen | L2.1 | — | reuse quantisierung-stufen |
| 33 | Inhalt | Datenrate = Abtastrate × Bittiefe × Kanäle | L2.2 | CD-Audio · Spotify | — |
| 34 | Inhalt | CD-Audio: 44,1 kHz × 16 bit × 2 = 1,4 Mbit/s | L2.2 | — | — |
| 35 | Inhalt | Nyquist-Theorem | L2.3 | — | NEU nyquist-diagram |
| 36 | Inhalt | Warum gerade 44,1 kHz | L2.3 | — | — |
| 37 | Inhalt | Aliasing — wenn Sampling zu grob | L2.4 | Klang-Knack · Moiré | NEU aliasing-paar (audio + bild) |
| 38 | Demo | Aliasing live: Spotify-Bitrate-Vergleich | L2.4 | Spotify-Stream-Setting | NEU oder reuse |
| 39 | Selbstlernen | Audacity-Sample-Rate-Vergleich | L2.1, L2.4 | — | bestehende Übung |
| 40 | Zusammenfassung | Was wir in 90 Minuten gelernt haben | alle | — | NEU summary-organizer |

## Selbstlernen Übungen (mindestens eine, hier zwei)

- **Übung 1 (~10 min):** In hexed.it eine vom Dozenten bereitgestellte Datei ohne Endung öffnen, anhand der ersten Byte das Format identifizieren. Spielt L1.4 (Magic Numbers).
- **Übung 2 (~10 min):** In Audacity eine kurze Aufnahme machen, dann auf 8 kHz / 22 kHz / 44,1 kHz resamplen und hören. Spielt L2.1, L2.3, L2.4.

## Streichungs-Liste (Folien aus dem aktuellen Stand, die wegfallen)

Aus dem aktuellen `01-grundlagen-text-audio.md` (~120 Slides) werden in der neuen Version Folgendes gestrichen oder verlagert:

- **Datenwachstum der Menschheit / Zettabyte** — gehört konzeptuell in Kap 0 (Intro/Motivation), nicht in Datenfundamentale
- **Bandbreite-Mathematik-Slides** (3 Stück) — gehört in Speicher/Schnittstellen-Kapitel, nicht hier
- **Upload Flaschenhals** — gehört in Speicher-/Schnittstellen-Kapitel
- **Kompressionsraten Tabelle** + **Album-MB-Größe** + **Artemis-Slide** — gehört in Kapitel 2 (Kompression), nicht in Fundamentale
- **„Verlustfreie/Verlustbehaftete Kompression"-Folien** (3 Slides + Vergleichstabelle) — gehört in Kapitel 2
- **Vertiefungs-Folie Kompression mit Shannon-Entropy** — Klausurirrelevant, raus
- **Bit/Byte Verwirrung (Mbit/s)** — gehört in Speicher/Schnittstellen
- **CD-Audio Vertiefung** — eindampfen oder als Speaker-Note in Folie 34
- **AI-generierte Inhalte 2025** — out (Zukunfts-Thema, per D2 gelockt)
- **Bilder-Aspekt Folien (Pixel-Berechnungen)** — gehört in Kapitel 3 (Bilder)
- **„Lossless für 35 Sek = 10 MB"-Audio-Beispiele** — eindampfen
- **Diverse Vertiefungen die Hauptfolien wörtlich wiederholen** — alle raus (Mayer Redundancy)

Geschätzte Reduktion: 120 → 40 Slides (-67%).

## Visualisierungen — neu zu bauen

| Demo-Datei | Was zeigt sie | Stil-Referenz |
|------------|---------------|---------------|
| `kap01-advance-organizer.html` | Welt → Datei → Bedeutung Schema | `three-views.html` |
| `kb-vs-kib.html` | „1 TB" verkauft vs „931 GB" angezeigt | neue Tabelle + Erklärung |
| `nyquist-diagram.html` | Sampling-Frequenz vs Signal-Frequenz | wissenschaftliches Diagramm |
| `aliasing-paar.html` | Aliasing in Audio + Moiré in Bild parallel | zweispaltig |
| `pivot-signal-zu-byte.html` | „aber wie kommen die Bytes rein?" — Übergangsbild | NEU |
| `summary-organizer.html` | Zusammenfassung am Kapitel-Ende | reuse advance-organizer-Stil, alle Konzepte erfüllt |

Reuse-Demos (alle in `slides/223015b/assets/demos/`):
- byte-fuer-byte, byte-nibble-hex, hex-dec-table, byte-flow, three-views
- why-8-bit, ascii-table-colored, hex-code, 8bit-P-character

## Validierungs-Status

- [x] Bogen formuliert (eine Stunde, eine Frage)
- [x] Advance Organizer skizziert
- [x] Folien-Skelett mit Lernziel-Bezug pro Folie
- [x] Mindestens ein Selbstlernen (hier zwei)
- [x] Streichungsliste mit Begründungen
- [x] Visualisierungs-TODO mit Reuse-Markierung
- [ ] Dozent-Review und Lock
- [ ] Phase 3: Visualisierungen bauen
- [ ] Phase 4: Folien schreiben