# Kapitel 5 — Distribution und Metadaten

**Bedient Klausur-Block:** 9 (Distribution & Metadaten)
**Slide-Budget:** ~25 (90-min-Termin)

## Bogen

Eine Stunde, eine Frage: **„Wie kommen die Bytes von der Quelle zur Endnutzerin — und was verraten sie auf dem Weg?"**

1. Wir öffnen mit dem Alltag: Netflix-Stream startet in unter einer Sekunde. Wie kann das? Antwort: CDN.
2. **CDN-Prinzip** am Netflix-Open-Connect-Beispiel — PoPs, Edge-Caching, geografische Verteilung. Selbstlernen: DevTools-Tab Network einsehen.
3. **REST-APIs** als die Sprache, in der Apps Daten austauschen — GET/POST/PUT/DELETE auf Resources abgebildet. Tools: curl, Postman, JSONPlaceholder.
4. **Pivot zu Metadaten** — Dateien tragen nicht nur Inhalt, sondern auch versteckte Daten über sich selbst.
5. **EXIF in Fotos** — der McAfee-Fall (GPS verraten Aufenthaltsort). Privacy-Schock.
6. **ID3 in MP3s · PDF-Metadaten** — der Tony-Blair-Fall (PDF-Edits verraten Quellen).
7. **Vendor-Lockin** — Adobe PSD, Apple .pages: proprietäre Formate als Geschäftsmodell.
8. **Selbstlernen:** exiftool auf eigene Fotos werfen.

## Advance Organizer

```
              Eine Datei reist und erzählt
                          │
              ┌───────────┴───────────┐
              ▼                       ▼
         WEG                    GEPÄCK
         CDN                    Metadaten
         REST-API               EXIF · ID3 · PDF
              │                       │
         Latenz · Caching         Privacy-Leak
         Open Connect            Vendor-Lockin
              │                       │
              └───────────┬───────────┘
                          ▼
                   Aufmerksamkeit für
                   das was wir nicht
                       sehen
```

→ neue Demo-Datei: `kap05-bogen.html`

## Folien-Skelett

### Eröffnung (3 Slides)

| # | Typ | Titel/Kern | Lernziel | Berührungspunkt | Visualisierung |
|---|-----|-----------|---------|-----------------|----------------|
| 1 | Cover | Kapitel 5 — Distribution und Metadaten | — | — | reuse |
| 2 | Lead | Eine Datei reist — was passiert dabei? | Hook | Netflix-Stream startet sofort | — |
| 3 | Advance Organizer | Weg + Gepäck | Roter Faden | — | **NEU kap05-bogen** |

### Sub-Sektion A — Distribution (10 Slides, L9.1 + L9.2)

| # | Typ | Titel/Kern | Lernziel | Berührungspunkt | Visualisierung |
|---|-----|-----------|---------|-----------------|----------------|
| 4 | Lead | CDN — Content Delivery Network | — | — | — |
| 5 | Inhalt | Warum sind Streams überhaupt schnell? | L9.1 | YouTube-Latenz | NEU latenz-frage |
| 6 | Klausur | CDN-Prinzip: PoP + Edge-Caching | L9.1 | — | NEU cdn-prinzip |
| 7 | Inhalt | Netflix Open Connect: 15 % des Welt-Traffics | L9.1 | Netflix-App | reuse netflix-cdn |
| 8 | Demo | DevTools-Tab Network live | L9.1 | im Browser | — |
| 9 | Lead | REST-APIs | — | — | — |
| 10 | Inhalt | Was ist eine API? | L9.2 | Wetter-App holt Daten | NEU api-konzept |
| 11 | Klausur | GET · POST · PUT · DELETE | L9.2 | — | NEU rest-methods |
| 12 | Demo | JSONPlaceholder im Browser | L9.2 | jsonplaceholder.typicode.com | — |
| 13 | Inhalt | JSON als Datenformat | L9.2 | — | NEU json-anatomie |

### Sub-Sektion B — Metadaten (10 Slides, L9.3 + L9.4)

| # | Typ | Titel/Kern | Lernziel | Berührungspunkt | Visualisierung |
|---|-----|-----------|---------|-----------------|----------------|
| 14 | Pivot | Dateien tragen auch Gepäck | — | — | — |
| 15 | Inhalt | EXIF: was ein Foto über sich verrät | L9.3 | eigenes Smartphone-Foto | NEU exif-grafik |
| 16 | Klausur | Der John-McAfee-GPS-Fall | L9.3 | — | reuse mcafee-fall |
| 17 | Inhalt | Social-Media-EXIF-Stripping | L9.3 | Twitter · WhatsApp · Facebook | reuse social-stripping-tabelle |
| 18 | Inhalt | ID3 in MP3-Dateien | L9.3 | iTunes · MusicBrainz | — |
| 19 | Inhalt | PDF-Metadaten: Tony Blair 2003 | L9.3 | — | reuse blair-fall |
| 20 | Lead | Vendor-Lockin | — | — | — |
| 21 | Inhalt | Adobe PSD, INDD: das Geschäftsmodell | L9.4 | InDesign-Abo | NEU vendor-lockin-grafik |
| 22 | Inhalt | Apple .pages, .numbers, .keynote | L9.4 | iPad-User | — |
| 23 | Klausur | Vendor-Lockin als Risiko | L9.4 | „was wenn Adobe das Format ändert?" | — |

### Selbstlernen + Zusammenfassung (2 Slides)

| # | Typ | Titel/Kern | Lernziel | Berührungspunkt | Visualisierung |
|---|-----|-----------|---------|-----------------|----------------|
| 24 | Selbstlernen | exiftool auf eigene Fotos | L9.3 | Terminal · GUI | — |
| 25 | Zusammenfassung | Datei = Inhalt + Gepäck | alle B9 | — | NEU summary |

## Streichungs-Liste

Aus dem aktuellen `04-distribution-apis-zukunft.md` (~89 Slides) — **deutliche Reduktion**:
- BitTorrent/P2P-Detail-Slides — eindampfen auf eine Folie (Verweis als Kontext)
- IPFS — raus (nicht Klausurthema, kein Berührungspunkt)
- WebSockets, gRPC — raus (zu speziell, gehört in Internettechnik-Kurs 223015c)
- **Komplette Zukunfts-Sektion** (AI-Kompression, JPEG XL, DNA-Storage, holographische Speicher, Web3, 8K-VR, Cloud Gaming, Sustainability) — **raus** (per D2-Lock)
- Sneakernet/AWS-Snowball — raus (Klausurirrelevant)
- Diverse Vertiefungs-Slides ohne Bezug — raus

Geschätzte Reduktion: 89 → 25 Slides (-72%).

## Visualisierungen — neu zu bauen

| Demo-Datei | Was zeigt sie |
|------------|---------------|
| `kap05-bogen.html` | Advance Organizer Distribution+Metadaten |
| `latenz-frage.html` | Warum Streams schnell starten |
| `cdn-prinzip.html` | PoP + Edge-Caching Schema |
| `api-konzept.html` | App ↔ API ↔ Datenbank |
| `rest-methods.html` | GET/POST/PUT/DELETE auf Resource-Modell |
| `json-anatomie.html` | JSON-Beispiel mit Anmerkungen |
| `exif-grafik.html` | Foto mit eingeblendeten EXIF-Daten |
| `vendor-lockin-grafik.html` | Proprietäres Format als geschlossener Kreis |
| `summary-kap05.html` | Zusammenfassung |

Reuse: netflix-cdn, mcafee-fall, social-stripping-tabelle, blair-fall (alle Bestand).

## Validierungs-Status

- [x] Bogen mit Pivot Distribution → Metadaten
- [x] Advance Organizer
- [x] Folien-Skelett (2 Sub-Sektionen)
- [x] Privacy als zentraler Berührungspunkt (McAfee, Blair, Vendor-Lockin)
- [x] Aggressive Streichungs-Liste (89 → 25)
- [x] Visualisierungs-TODO
- [ ] Dozent-Review und Lock