add slide content improvements and dev server setup
223015b: - add WTF hex code explanation slide (89=137 decimal, PNG signature) - add ASCII lead slide with historical context - remove Hilbert-Studie reference from title 223015c termin 2: - add OSI layer 5 (session) and layer 6 (presentation) slides - add URL/domain anatomy slide - mark HTTP/S section as klausur - improve status codes formatting with client/server examples - add CRUD column to HTTP methods table infrastructure: - add dev-server.sh for multi-course development - update generate-index.sh with course-specific colors - add QR codes for slide URLs
This commit is contained in:
@@ -64,7 +64,7 @@ Hochschule der Medien Stuttgart
|
||||
|
||||
**Wintersemester 2025/26**
|
||||
|
||||
[https://git.librete.ch/hdm/223015b](https://git.librete.ch/hdm/223015b)
|
||||
[https://librete.ch/hdm/223015b/](https://librete.ch/hdm/223015b/)
|
||||
|
||||
---
|
||||
|
||||
@@ -99,6 +99,32 @@ Hochschule der Medien Stuttgart
|
||||
|
||||
---
|
||||
|
||||
|
||||
|
||||
# WTF!? – Auflösung
|
||||
|
||||
```
|
||||
89 50 4E 47 ...
|
||||
```
|
||||
|
||||
| Hex | Dezimal | ASCII |
|
||||
|-----|---------|-------|
|
||||
| `89` | 137 | ✗ (> 127, nicht druckbar) |
|
||||
| `50` | 80 | **P** |
|
||||
| `4E` | 78 | **N** |
|
||||
| `47` | 71 | **G** |
|
||||
|
||||
→ **PNG**-Signatur! (Das `89` markiert: "Ich bin binär, kein Text!")
|
||||
|
||||
<!--
|
||||
Hex = 2 Ziffern = 1 Byte = 8 Bit
|
||||
89 hex = 8×16 + 9 = 137 dezimal
|
||||
ASCII geht nur bis 127, also nicht druckbar
|
||||
50, 4E, 47 = P, N, G in ASCII
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
<!-- _header: '' -->
|
||||
<!-- _footer: '' -->
|
||||
|
||||
@@ -278,25 +304,30 @@ Digital explodierte: IoT, Social Media, Cloud, Video
|
||||
<!-- _class: klausur -->
|
||||
<!-- _footer: '' -->
|
||||
|
||||
# Der digitale Wendepunkt (Hilbert-Studie)
|
||||
# Der digitale Wendepunkt
|
||||
|
||||
| Jahr | Analog | Digital | Digital-Anteil |
|
||||
|------|--------|---------|----------------|
|
||||
| **1986** | 2,57 EB | 0,02 EB | **1%** |
|
||||
| **2000** | ~37 EB | ~13 EB | 25% |
|
||||
| **1986** | 2,6 EB | 0,02 EB | **1%** |
|
||||
| **2002** | — | — | **50%** (Wendepunkt) |
|
||||
| **2007** | ~18 EB | ~277 EB | **94%** |
|
||||
| **2007** | 18 EB | 277 EB | **94%** |
|
||||
|
||||
**Beobachtung:** Analog blieb nahezu konstant (~2,6 → ~18 EB)
|
||||
Digital explodierte: ×14.000 in 21 Jahren
|
||||
**Perspektive:**
|
||||
- 1986: "Petabyte" war ein theoretisches Konzept
|
||||
- 2025: ~181 Zettabyte jährlich produziert
|
||||
|
||||
**Magnetband lebt:** LTO-Tapes bleiben günstigstes Archivmedium
|
||||
(AWS Glacier, Film-Archive, Rechenzentren)
|
||||
|
||||
<!--
|
||||
Hilbert & López (2011): "The World's Technological Capacity to Store, Communicate, and Compute Information", Science
|
||||
Erste systematische Studie zur weltweiten Speicherkapazität
|
||||
60 analoge und digitale Technologien untersucht (1986-2007)
|
||||
2002 = Beginn des "digitalen Zeitalters"
|
||||
Analog: Bücher, Zeitungen, Vinyl, VHS, Fotos
|
||||
Digital: Festplatten, CDs, DVDs, Flash-Speicher
|
||||
QUELLE: Hilbert & López (2011): "The World's Technological Capacity to Store, Communicate, and Compute Information", Science
|
||||
METHODIK: 60 analoge + digitale Technologien untersucht (1986-2007)
|
||||
WENDEPUNKT 2002: Erstmals mehr digital als analog gespeichert
|
||||
ANALOG damals: Bücher, Zeitungen, Vinyl, VHS, Filmrollen, Fotos
|
||||
DIGITAL damals: Festplatten, CDs, DVDs, frühe Flash-Speicher
|
||||
HEUTE: LTO-9 (2021) speichert 18 TB pro Band, ~$5/TB für Cold Storage
|
||||
VERGLEICH: SSD ~$50/TB, HDD ~$15/TB, LTO ~$5/TB
|
||||
PRÜFUNGSRELEVANT: Wendepunkt 2002, Speichereinheiten (KB→MB→GB→TB→PB→EB→ZB), Magnetband als Archivmedium
|
||||
-->
|
||||
|
||||
---
|
||||
@@ -345,6 +376,38 @@ Model Collapse: AI trainiert auf AI-Output → Qualitätsverlust
|
||||
|
||||
---
|
||||
|
||||
<!-- _class: lead -->
|
||||
|
||||
# ASCII
|
||||
## Ein Zeichensatz to rule them all
|
||||
|
||||
<!--
|
||||
WARUM 7 BIT STATT 8?
|
||||
- 1963: Fernschreiber (Teletype) arbeiteten mit 7-Bit-Codes
|
||||
- Das 8. Bit diente der Paritätsprüfung (Fehlererkennung bei Übertragung)
|
||||
- Speicher war kostspielig: jedes eingesparte Bit zählte
|
||||
- 128 Zeichen galten als ausreichend für den englischsprachigen Raum
|
||||
|
||||
KULTURHISTORISCHER KONTEXT:
|
||||
- "American Standard Code for Information Interchange" (1963)
|
||||
- Entwickelt für US-amerikanische Bedürfnisse
|
||||
- Keine Unterstützung für: Umlaute (ä, ö, ü), ß, diakritische Zeichen (é, ñ, ç)
|
||||
- Nicht-lateinische Schriftsysteme (Kyrillisch, Arabisch, CJK) wurden nicht berücksichtigt
|
||||
- Führte zu zahlreichen inkompatiblen Erweiterungen (ISO-8859-1, Windows-1252, etc.)
|
||||
|
||||
WARUM NOCH HEUTE RELEVANT?
|
||||
- Abwärtskompatibilität: UTF-8 ist vollständig ASCII-kompatibel (Zeichen 0-127 identisch)
|
||||
- Internetprotokolle basieren auf ASCII: HTTP-Header, SMTP, URLs
|
||||
- Programmiersprachen: Schlüsselwörter und Syntax sind ASCII
|
||||
- Ein 60 Jahre alter Standard, der durch Kompatibilitätszwänge fortbesteht
|
||||
|
||||
HISTORISCHE RANDNOTIZ:
|
||||
- Das @-Zeichen wurde nachträglich aufgenommen
|
||||
- Heute unverzichtbar für E-Mail-Adressen weltweit
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
<!-- _header: '' -->
|
||||
<!-- _footer: '' -->
|
||||
|
||||
@@ -837,22 +900,36 @@ Visualisierung der beiden Philosophien
|
||||
|
||||
---
|
||||
|
||||
# Zwei Philosophien
|
||||
<!-- _class: klausur -->
|
||||
<!-- _footer: '' -->
|
||||
|
||||
**Lossless (Verlustfrei):**
|
||||
- Original exakt wiederherstellbar
|
||||
- ZIP, PNG, FLAC
|
||||
- 30-50% Ersparnis
|
||||
# Kompression: Zwei Philosophien
|
||||
|
||||
**Lossy (Verlustbehaftet):**
|
||||
- Daten irreversibel verändert
|
||||
- JPEG, MP3, H.264
|
||||
- 90%+ Ersparnis
|
||||
| | Lossless | Lossy |
|
||||
|---|---|---|
|
||||
| **Prinzip** | Redundanz entfernen | Irrelevanz entfernen |
|
||||
| **Reversibel** | Ja (bitgenau) | Nein |
|
||||
| **Kompression** | 30-50% | 80-99% |
|
||||
| **Algorithmen** | RLE, Huffman, LZW, DEFLATE | DCT, Psychoakustik |
|
||||
|
||||
**Lossless:** ZIP, PNG, FLAC, GIF
|
||||
**Lossy:** JPEG, MP3, AAC, H.264, H.265, AV1
|
||||
|
||||
**Entscheidung:** Archiv/Code → Lossless, Medien → Lossy
|
||||
|
||||
<!--
|
||||
Lossless: Findet Muster, beschreibt effizienter
|
||||
Lossy: Wirft "Unwichtiges" weg (Psychoakustik/Psychovisuell)
|
||||
Trade-off: Größe vs. Qualität
|
||||
REDUNDANZ: Wiederholende Muster (z.B. "AAAA" → "4A")
|
||||
IRRELEVANZ: Für Menschen nicht wahrnehmbar (Psychoakustik, Psychovisuell)
|
||||
LOSSLESS-ALGORITHMEN:
|
||||
- RLE (Run-Length Encoding): Wiederholungen zählen
|
||||
- Huffman: Häufige Zeichen = kurze Codes
|
||||
- LZW: Wörterbuch aufbauen (GIF, TIFF)
|
||||
- DEFLATE: Huffman + LZ77 (ZIP, PNG, gzip)
|
||||
LOSSY-ALGORITHMEN:
|
||||
- DCT (Discrete Cosine Transform): Frequenzanalyse (JPEG, MP3)
|
||||
- Psychoakustik: Maskierungseffekte nutzen (MP3, AAC)
|
||||
- Bewegungskompensation: Nur Differenzen speichern (H.264, H.265)
|
||||
PRÜFUNGSRELEVANT: Unterschied Redundanz vs. Irrelevanz, Beispiele für beide Kategorien
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user