diff --git a/Makefile b/Makefile index d754525..f38e02b 100644 --- a/Makefile +++ b/Makefile @@ -96,14 +96,10 @@ install: # Optimize images (resize to max 1920px, requires nix-shell -p imagemagick) optimize-images: - @echo "Backing up originals to assets-original/..." - @mkdir -p $(SLIDES_DIR)/assets-original - @cp $(SLIDES_DIR)/assets/*.png $(SLIDES_DIR)/assets-original/ 2>/dev/null || true - @cp $(SLIDES_DIR)/assets/*.jpg $(SLIDES_DIR)/assets-original/ 2>/dev/null || true - @echo "Resizing images to max 1920px..." - @nix-shell -p imagemagick --run 'for img in $(SLIDES_DIR)/assets/*.png; do magick "$$img" -resize "1920x>" -quality 85 "$$img"; done' - @nix-shell -p imagemagick --run 'for img in $(SLIDES_DIR)/assets/*.jpg; do magick "$$img" -resize "1920x>" -quality 85 "$$img"; done' - @echo "Done! Originals backed up in assets-original/" + @echo "Creating optimized images from assets-original..." + @mkdir -p $(SLIDES_DIR)/assets + @nix-shell -p imagemagick --run 'find $(SLIDES_DIR)/assets-original -maxdepth 1 -type f \( -name "*.png" -o -name "*.jpg" -o -name "*.jpeg" -o -name "*.webp" -o -name "*.avif" \) -exec sh -c '"'"'for img; do magick "$$img" -resize "1920x>" -quality 85 "$(SLIDES_DIR)/assets/$$(basename "$$img")"; done'"'"' _ {} +' + @echo "Done! Optimized images in assets/" # Deploy slides (full build) deploy: build diff --git a/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md b/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md index ebcea17..782f5ed 100644 --- a/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md +++ b/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md @@ -70,44 +70,9 @@ Hochschule der Medien Stuttgart --- -# Über mich - -**Michael Czechowski** - -- Softwareentwickler & IT-Berater -- Schwerpunkte: Cloud, AI, Web-Technologien, Systemarchitektur, Open Source -- Hintergrund: Philosophie & Informatik -- Kontakt: mail@librete.ch - - - ---- - -# Kurze Umfrage - -**Bitte Hand heben:** - -1. Wer hat einen Windows-Laptop dabei? -2. Wer hat einen Mac dabei? -3. Wer nutzt Linux? -4. **Wer hat schon mal HTML oder CSS geschrieben?** -5. Wer kann programmieren (egal welche Sprache)? - - - ---- - # Kursübersicht -**3 Ganztage (10:00 – 16:30 Uhr):** +**3 Termine (10:00 – 16:30 Uhr):** | # | Datum | Thema | |---|-------|-------| @@ -119,12 +84,6 @@ OS-Verteilung wichtig für Tools später **Ziel:** Ihr könnt am Ende eine eigene interaktive Webseite bauen! - - --- @@ -220,7 +179,9 @@ Dehomag = Deutsche Hollerith-Maschinen GmbH (IBM-Tochter) --- -# IBM und Nazi-Deutschland +![bg right:30%](./assets/IBM_Front_Cover_2021_from_Amazon.jpg) + +# IBM und NS-Deutschland **Dehomag** = Deutsche Hollerith-Maschinen GmbH (IBM-Tochter) @@ -244,15 +205,15 @@ Wichtige Lektion für MedienethikerInnen **Hollerith-Maschinen zeigen:** -1. **Daten sind Macht** – Wer Daten kontrolliert, kontrolliert Menschen +1. **Daten sind Macht** – *"Wer Daten kontrolliert, kontrolliert Menschen"* 2. **Technologie verstärkt** – Gut UND Böse 3. **"Neutrale" Tools** sind nie neutral **2025:** Big Data, AI, Social Media → dieselben Fragen @@ -268,6 +229,92 @@ Verantwortung von TechnikerInnen und MedienarbeiterInnen +![bg fit](./assets/alan-turing.jpg) + + + +--- + +# Alan Turing (1912–1954) + +**Vater der theoretischen Informatik** + +- 1936: **Turing-Maschine** – theoretisches Modell eines Computers +- 1939–1945: **Bletchley Park** – Enigma-Entschlüsselung +- 1950: "Computing Machinery and Intelligence" → **Turing-Test** + +**Tragisches Ende:** +- 1952: Verurteilung wegen Homosexualität +- Chemische Kastration als "Behandlung" +- 1954: Tod durch Zyanid (vermutlich Suizid) +- **2013:** Posthume königliche Begnadigung + + + +--- + +# Enigma & Bletchley Park + +**Das Problem:** Deutsche Enigma-Maschine erzeugte 158 Trillionen mögliche Einstellungen + +**Turings Lösung:** Die "Bombe" – elektromechanischer Entschlüssler + +**Ergebnis:** +- Alliierten konnten deutschen Funkverkehr mitlesen +- Krieg wurde um geschätzt **2 Jahre** verkürzt +- Bis zu **14 Millionen** Leben gerettet + +**Geheim bis 1970er!** Turing starb ohne Anerkennung. + + + +--- + +# Die Turing-Maschine (1936) + +**Theoretisches Modell eines Computers:** + +``` +┌─────────────────────────────────────────┐ +│ ... │ 0 │ 1 │ 1 │ 0 │ 1 │ 0 │ ... │ ← Unendliches Band +└─────────────────────────────────────────┘ + ↑ + ┌─────────────┐ + │ Lese-/ │ + │ Schreibkopf │ + └─────────────┘ + ↓ + ┌─────────────┐ + │ Zustand │ ← Endliche Zustände + └─────────────┘ +``` + +**Beweis:** Alles Berechenbare kann so berechnet werden! +→ Grundlage für **alle** modernen Computer + + + +--- + + + + ![bg fit opacity:0.4](./assets/oppenheimer.png)