223015b phase 0+1+2: klausur-themen-tableau (9 blöcke nach D1-D4-lock: alles drin, zukunft raus, JPEG volle DCT-tiefe, granular), 33 operative lernziele (fließsatz, default verstehen/unterscheiden, kein bloom-tag, alltagsanker wo sinnvoll, L1.5 KB/KiB nicht mehr apply sondern einordnen), 5 kapitel-bögen mit advance organizers und folien-skeletten (kap1 datenfundamentale ~40 slides, kap2 kompression ~22, kap3 inhalte ~50, kap4 speicher/schnittstellen ~30, kap5 distribution/metadaten ~25), pro bogen: bedienter klausur-block + lernziel-bezug pro folie + berührungspunkt + reuse/neu-markierung der visualisierungen + streichungsliste mit begründungen + hands-on

2026-05-14 02:27:19 +02:00
parent f35789d943
commit bb943f84b9
7 changed files with 838 additions and 0 deletions
@@ -0,0 +1,125 @@
+# 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. Hands-On: 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. **Hands-On:** 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?" | — |
+
+### Hands-On + Zusammenfassung (2 Slides)
+
+| # | Typ | Titel/Kern | Lernziel | Berührungspunkt | Visualisierung |
+|---|-----|-----------|---------|-----------------|----------------|
+| 24 | Hands-On | 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