diff --git a/slides/223015b/assets/demos/kap01-advance-organizer.html b/slides/223015b/assets/demos/kap01-advance-organizer.html deleted file mode 100644 index fd78042..0000000 --- a/slides/223015b/assets/demos/kap01-advance-organizer.html +++ /dev/null @@ -1,135 +0,0 @@ - - - - -Kapitel 1 — Roter Faden - - - -

Was steckt in einer Datei — und wie kommt es da rein?

-
Dieses Kapitel überbrückt zwei Richtungen, beide treffen sich am Byte.
- -
-
-
Pol A
-
🎙️
-
Welt
-
analoge Signale
Druckwelle · Licht · Spannung
-
- -
-
Treffpunkt
-
📄
-
Datei
-
Byte-Strom
Zahlen von 0 bis 255
-
- -
-
Pol B
-
👁️
-
Mensch
-
Bedeutung
Text · Bild · Klang
-
-
- -
-
-
Welt → Datei: rein
- -
-
-
Datei → Mensch: raus
- -
-
- -
- 01001000 01100101 01101100 01101100 01101111 … - der gemeinsame Treffpunkt -
- - diff --git a/slides/223015b/assets/demos/kap01-advance-organizer.png b/slides/223015b/assets/demos/kap01-advance-organizer.png deleted file mode 100644 index d797499..0000000 Binary files a/slides/223015b/assets/demos/kap01-advance-organizer.png and /dev/null differ diff --git a/slides/223015b/assets/demos/kap02-bogen.html b/slides/223015b/assets/demos/kap02-bogen.html deleted file mode 100644 index 78409cf..0000000 --- a/slides/223015b/assets/demos/kap02-bogen.html +++ /dev/null @@ -1,151 +0,0 @@ - - - - -Kapitel 2 — Roter Faden - - - -

Daten sind unhandlich — also was tun?

-
Zwei fundamental verschiedene Wege. Die Wahl hängt vom Inhalt ab.
- -
Kompression
-
- -
- -
-
-
Weg A
-
Verlustfrei (Lossless)
-
Redundanz raus.
-
→ vollständig umkehrbar
-
-
Techniken
-
RLE · Huffman · LZ77
-
-
-
Wo
-
ZIP · PNG · FLAC · RAW
-
-
- -
-
Weg B
-
Verlustbehaftet (Lossy)
-
Irrelevanz raus.
-
→ nicht umkehrbar
-
-
Grundlage
-
Psychoakustik · Psychovisualität
-
-
-
Wo
-
MP3 · JPEG · H.264 · WebP
-
-
-
- -
-
- - -
-
-
Wann was?
-
Entscheidungsmatrix — Foto · Stream · Code · Backup
-
-
- - diff --git a/slides/223015b/assets/demos/kap02-bogen.png b/slides/223015b/assets/demos/kap02-bogen.png deleted file mode 100644 index d180aa3..0000000 Binary files a/slides/223015b/assets/demos/kap02-bogen.png and /dev/null differ diff --git a/slides/223015b/assets/demos/kap03-modalitäten-bogen.html b/slides/223015b/assets/demos/kap03-modalitäten-bogen.html deleted file mode 100644 index 48db770..0000000 --- a/slides/223015b/assets/demos/kap03-modalitäten-bogen.html +++ /dev/null @@ -1,173 +0,0 @@ - - - - -Kapitel 3 — Roter Faden - - - -

Drei Modalitäten, ein Prinzip

-
Bild · Audio · Video — alle drei nutzen Lossy. Möglich nur, weil Wahrnehmung Lücken hat.
- -
-
Gemeinsamer Hebel (aus Kap 2)
-
Wahrnehmungs-Lücken
-
-
- - - -
- -
-
-
🖼️
-
Bild
-
-
Pipeline
-
RGB → YCbCr → DCT → Huffman
-
-
-
Format-Wahl
-
PNG · JPEG · WebP · AVIF · SVG
-
-
- -
-
🎵
-
Audio
-
-
Trick
-
Maskierung · Hörschwelle
-
-
-
Format-Wahl
-
MP3 · AAC · FLAC · Opus
-
-
- -
-
🎬
-
Video
-
-
Trennung
-
Container ≠ Codec
-
-
-
Codec-Welt
-
H.264 · H.265 · VP9 · AV1
-
-
-
- -
- - - -
- -
-
Was alle drei Pipelines am Ende prägt
-
Patent-Politik · Industrie-Adoption
-
JPEG XL · WebP · AV1 — Technik allein entscheidet selten
-
- - diff --git a/slides/223015b/assets/demos/kap03-modalitäten-bogen.png b/slides/223015b/assets/demos/kap03-modalitäten-bogen.png deleted file mode 100644 index 0684b91..0000000 Binary files a/slides/223015b/assets/demos/kap03-modalitäten-bogen.png and /dev/null differ diff --git a/slides/223015b/assets/demos/kap04-bogen.html b/slides/223015b/assets/demos/kap04-bogen.html deleted file mode 100644 index 4efcd8a..0000000 --- a/slides/223015b/assets/demos/kap04-bogen.html +++ /dev/null @@ -1,156 +0,0 @@ - - - - -Kapitel 4 — Roter Faden - - - -

Wo wohnen die Bytes — und wie reisen sie?

-
Speicher und Schnittstellen — zwei Seiten desselben Alltagsproblems.
- -
Bytes wohnen + reisen
-
- - -
- -
-
-
Frage A
-
Wo?
-
Speichermedien
-
-
Medien
-
HDD · SSD · Flash
-
-
-
Organisation
-
Filesystems (FAT32 · NTFS · APFS · ext4)
-
-
-
Sicherung
-
Backup nach 3-2-1-Regel
-
-
- -
-
Frage B
-
Wie?
-
Schnittstellen
-
-
Universalstecker
-
USB-C (3 Achsen: Stecker · Kabel · Protokoll)
-
-
-
Display
-
HDMI · DisplayPort · Thunderbolt
-
-
-
Netzwerk
-
Ethernet · WiFi
-
-
-
- -
- - -
- -
-
In beiden Fällen
-
Anwendungs-Wahl statt Auswendiglernen
-
Entscheidungsmatrizen pro Use Case
-
- - diff --git a/slides/223015b/assets/demos/kap04-bogen.png b/slides/223015b/assets/demos/kap04-bogen.png deleted file mode 100644 index 2962fae..0000000 Binary files a/slides/223015b/assets/demos/kap04-bogen.png and /dev/null differ diff --git a/slides/223015b/assets/demos/kap05-bogen.html b/slides/223015b/assets/demos/kap05-bogen.html deleted file mode 100644 index ddc7528..0000000 --- a/slides/223015b/assets/demos/kap05-bogen.html +++ /dev/null @@ -1,156 +0,0 @@ - - - - -Kapitel 5 — Roter Faden - - - -

Eine Datei reist — und erzählt

-
Was passiert auf dem Weg zur Endnutzerin, und was verrät die Datei dabei über sich?
- -
Datei in Bewegung
-
- - -
- -
-
-
Frage A
-
Weg
-
Wie kommt der Inhalt zur Nutzerin?
-
-
Verteilung
-
CDN · PoP · Edge-Caching
-
-
-
Schnittstelle
-
REST-API · GET/POST/PUT/DELETE
-
-
-
Format
-
JSON
-
-
- -
-
Frage B
-
Gepäck
-
Was trägt die Datei mit sich?
-
-
Metadaten
-
EXIF · ID3 · PDF-Properties
-
-
-
Risiko
-
Privacy-Leak (McAfee · Blair)
-
-
-
Lockin
-
Adobe PSD · Apple .pages
-
-
-
- -
- - -
- -
-
Roter Faden
-
Aufmerksamkeit für das, was wir nicht sehen
-
Latenz · Caching · Header · Metadaten · Lockin
-
- - diff --git a/slides/223015b/assets/demos/kap05-bogen.png b/slides/223015b/assets/demos/kap05-bogen.png deleted file mode 100644 index 6cf3657..0000000 Binary files a/slides/223015b/assets/demos/kap05-bogen.png and /dev/null differ