update termin 1 slides based on feedback
- remove torches of freedom story (ibm story sufficient) - fix von-neumann claim (not all devices, mention harvard) - change email to mail@librete.ch - simplify overflow slides - rename dehomag image file
This commit is contained in:
@@ -47,7 +47,7 @@ Hochschule der Medien Stuttgart
|
|||||||
- Softwareentwickler & IT-Berater
|
- Softwareentwickler & IT-Berater
|
||||||
- Schwerpunkte: Cloud, AI, Web-Technologien, Systemarchitektur, Open Source
|
- Schwerpunkte: Cloud, AI, Web-Technologien, Systemarchitektur, Open Source
|
||||||
- Hintergrund: Philosophie & Informatik
|
- Hintergrund: Philosophie & Informatik
|
||||||
- Kontakt: michael.czechowski@lehre.dhbw-stuttgart.de
|
- Kontakt: mail@librete.ch
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Kurze Vorstellung
|
Kurze Vorstellung
|
||||||
@@ -107,57 +107,6 @@ MedienStudentInnen, nicht InformatikerInnen
|
|||||||
<!-- _header: '' -->
|
<!-- _header: '' -->
|
||||||
<!-- _footer: '' -->
|
<!-- _footer: '' -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
|
||||||
Torches of Freedom, 1929
|
|
||||||
Edward Bernays, Neffe von Sigmund Freud
|
|
||||||
-->
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
# Torches of Freedom (1929)
|
|
||||||
|
|
||||||
**Edward Bernays** – Neffe von Sigmund Freud
|
|
||||||
|
|
||||||
**Problem:** Frauen rauchen nicht in der Öffentlichkeit (Tabu)
|
|
||||||
**Auftraggeber:** American Tobacco Company
|
|
||||||
|
|
||||||
**Lösung:** Suffragetten-Marsch, Osterparade NYC
|
|
||||||
"Torches of Freedom" – Zigaretten als Freiheitssymbol
|
|
||||||
|
|
||||||
**Ergebnis:** Umsatz verdoppelt, Tabu gebrochen
|
|
||||||
|
|
||||||
<!--
|
|
||||||
Bernays gilt als "Vater der PR"
|
|
||||||
Manipulation durch Medien und Symbolik
|
|
||||||
Verbindung Psychologie + Massenmedien
|
|
||||||
Warum erzähle ich das? → Technik formt Gesellschaft, Gesellschaft formt Technik
|
|
||||||
-->
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
# Warum diese Geschichte?
|
|
||||||
|
|
||||||
**Technik ist nie neutral.**
|
|
||||||
|
|
||||||
- Lochkarten zählten Menschen... und sortieren sie
|
|
||||||
- Computer berechneten Atombomben... und verbinden uns
|
|
||||||
- Das Internet demokratisiert Wissen... und verbreitet Desinformation
|
|
||||||
|
|
||||||
**MedienwirtschaftlerInnen** müssen verstehen:
|
|
||||||
Technologie ist ein Werkzeug – **wofür** es genutzt wird, entscheiden Menschen.
|
|
||||||
|
|
||||||
<!--
|
|
||||||
Kritisches Denken über Technologie
|
|
||||||
Medienkompetenz braucht technisches Verständnis
|
|
||||||
-->
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<!-- _header: '' -->
|
|
||||||
<!-- _footer: '' -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
@@ -208,7 +157,7 @@ Heute: IBM als Cloud- und AI-Unternehmen (Watson, Red Hat)
|
|||||||
<!-- _header: '' -->
|
<!-- _header: '' -->
|
||||||
<!-- _footer: '' -->
|
<!-- _footer: '' -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Hollerith-Maschinen im Dritten Reich
|
Hollerith-Maschinen im Dritten Reich
|
||||||
@@ -445,13 +394,16 @@ Speicher enthält beides: Was zu tun ist (Programm) + Womit (Daten)
|
|||||||
- Kein Multitasking
|
- Kein Multitasking
|
||||||
- Keine Updates
|
- Keine Updates
|
||||||
|
|
||||||
**JEDES digitale Gerät** basiert auf diesem Prinzip:
|
**Die meisten Computer** basieren auf diesem Prinzip:
|
||||||
Laptop, Smartphone, Router, Smartwatch, Auto-Computer...
|
Laptop, Smartphone, Server, Spielkonsole...
|
||||||
|
|
||||||
|
**Ausnahme:** Mikrocontroller & DSPs nutzen oft die **Harvard-Architektur**
|
||||||
|
(separate Speicher für Code und Daten → schneller für Echtzeitanwendungen)
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Alternativen existieren (Harvard-Architektur für Embedded)
|
Harvard-Architektur: AVR, PIC, viele ARM-Prozessoren
|
||||||
Aber: Grundkonzept gilt überall
|
Modified Harvard in modernen CPUs (separate Caches)
|
||||||
Deshalb wichtig zu verstehen
|
Für Medienwirtschaft: Von-Neumann-Konzept reicht
|
||||||
-->
|
-->
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -774,23 +726,21 @@ a = anchor (Anker)
|
|||||||
|
|
||||||
# Hands-On: Werkzeuge einrichten
|
# Hands-On: Werkzeuge einrichten
|
||||||
|
|
||||||
**Option 1: Ganz einfach**
|
**Option 1: Texteditor + Browser**
|
||||||
- Texteditor (Notepad, TextEdit, gedit)
|
- Notepad, TextEdit oder gedit
|
||||||
- Datei speichern als `index.html`
|
- Speichern als `index.html` → Im Browser öffnen
|
||||||
- Im Browser öffnen (Firefox empfohlen)
|
|
||||||
|
|
||||||
**Option 2: Komfortabler**
|
**Option 2: VS Code** (empfohlen)
|
||||||
- VS Code (kostenlos): https://code.visualstudio.com
|
- code.visualstudio.com
|
||||||
- Extension: "Live Server"
|
- Extension: "Live Server"
|
||||||
|
|
||||||
**Option 3: Ohne Installation**
|
**Option 3: Online-Editoren**
|
||||||
- https://stackblitz.com
|
- stackblitz.com
|
||||||
- https://codepen.io
|
- codepen.io
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Erstmal ohne IDE starten!
|
Erstmal ohne IDE starten!
|
||||||
Verstehen: HTML ist nur Text
|
Verstehen: HTML ist nur Text
|
||||||
Browser interpretiert den Text
|
|
||||||
-->
|
-->
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -954,17 +904,15 @@ Antworten sammeln: Brief, Telefon, Fax, Funk...
|
|||||||
|
|
||||||
# Kommunikationsarten
|
# Kommunikationsarten
|
||||||
|
|
||||||
| Kategorie | Denkweise |
|
| Kategorie | Beispiel |
|
||||||
|-----------|-----------|
|
|-----------|----------|
|
||||||
| **Synchron** | "Ich sende und warte auf Antwort" |
|
| **Synchron** | Telefonat, Video-Call |
|
||||||
| **Asynchron** | "Ich sende – du antwortest später" |
|
| **Asynchron** | E-Mail, Brief, SMS |
|
||||||
| **Verbindungsorientiert** | "Wir bauen erst eine Leitung auf" |
|
| **Verbindungsorientiert** | Telefon (Leitung aufbauen) |
|
||||||
| **Verbindungslos** | "Ich schicke Pakete los – jedes für sich" |
|
| **Verbindungslos** | Brief, Postkarte |
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Telefon = synchron + verbindungsorientiert
|
Internet nutzt beides: TCP = verbindungsorientiert, UDP = verbindungslos
|
||||||
Brief = asynchron + verbindungslos
|
|
||||||
Internet nutzt beides!
|
|
||||||
-->
|
-->
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -1127,22 +1075,13 @@ HTTPS = HTTP + TLS-Verschlüsselung
|
|||||||
|
|
||||||
# Hands-On: Netzwerk erkunden (20 Min)
|
# Hands-On: Netzwerk erkunden (20 Min)
|
||||||
|
|
||||||
**Öffnet das Terminal:**
|
**Terminal öffnen:** PowerShell (Win) / Terminal (Mac/Linux)
|
||||||
- Windows: PowerShell
|
|
||||||
- Mac/Linux: Terminal
|
|
||||||
|
|
||||||
**Befehle ausprobieren:**
|
|
||||||
```bash
|
```bash
|
||||||
# Eure IP-Adresse
|
ipconfig # IP-Adresse (Win)
|
||||||
ipconfig # Windows
|
ifconfig # IP-Adresse (Mac/Linux)
|
||||||
ifconfig # Mac/Linux
|
ping google.de # Erreichbarkeit testen
|
||||||
|
tracert google.de # Weg zum Server (Win)
|
||||||
# Ping (erreichbar?)
|
|
||||||
ping google.de
|
|
||||||
|
|
||||||
# Weg zum Server
|
|
||||||
tracert google.de # Windows
|
|
||||||
traceroute google.de # Mac/Linux
|
|
||||||
```
|
```
|
||||||
|
|
||||||
---
|
---
|
||||||
@@ -1231,15 +1170,11 @@ Validierung kostenlos
|
|||||||
|
|
||||||
**Baut eine "Über mich"-Seite mit:**
|
**Baut eine "Über mich"-Seite mit:**
|
||||||
|
|
||||||
1. **Semantischem Grundgerüst** (header, nav, main, footer)
|
1. Semantisches Grundgerüst (header, nav, main, footer)
|
||||||
2. **Navigation** mit Links zu Abschnitten
|
2. Navigation mit Links zu Abschnitten
|
||||||
3. **Über-mich-Abschnitt** mit Bild
|
3. Über-mich-Abschnitt mit Bild
|
||||||
4. **Hobbies-Liste**
|
4. Hobbies-Liste
|
||||||
5. **Kontaktformular** mit:
|
5. Kontaktformular (Name, E-Mail, Nachricht, Button)
|
||||||
- Name (required)
|
|
||||||
- E-Mail (type="email")
|
|
||||||
- Nachricht (textarea)
|
|
||||||
- Absenden-Button
|
|
||||||
|
|
||||||
**Ziel:** Vollständige, valide HTML-Seite
|
**Ziel:** Vollständige, valide HTML-Seite
|
||||||
|
|
||||||
@@ -1266,8 +1201,7 @@ Validierung kostenlos
|
|||||||
|
|
||||||
**Nächster Termin:** 10.01.2026 – CSS & Netzwerke
|
**Nächster Termin:** 10.01.2026 – CSS & Netzwerke
|
||||||
|
|
||||||
**Kontakt:** michael.czechowski@lehre.dhbw-stuttgart.de
|
**Kontakt:** mail@librete.ch
|
||||||
**Repository:** git.librete.ch/hdm/223015b
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user