fix lecture number and update readme
- change lecture number from 223015b to 223015c - update README for Internettechnik lecture - update IMAGE_LIST with correct filenames
This commit is contained in:
+104
-79
@@ -1,99 +1,124 @@
|
||||
# Image List for HdM Internettechnik Slides
|
||||
|
||||
This document lists all images needed for the lecture slides. Each image includes:
|
||||
- **Filename**: Target filename in `./assets/`
|
||||
- **Context**: Where/why it's used in the slides
|
||||
- **AI Prompt**: Suggested prompt for image generation (Gemini, DALL-E, Midjourney, etc.)
|
||||
|
||||
**Recommended settings:**
|
||||
- Aspect ratio: 16:9 (1920x1080 or similar)
|
||||
- Style: Clean, professional, educational
|
||||
- For historical photos: Consider using real images from Wikipedia Commons or similar
|
||||
|
||||
**Legend:**
|
||||
- ✅ = Already exists in assets/
|
||||
- ⬚ = Not yet created
|
||||
Save images to `./slides/assets/` with the exact filenames.
|
||||
|
||||
---
|
||||
|
||||
## Intro / Title Slides
|
||||
|
||||
### ⬚ digital-landscape.png
|
||||
- **Context**: Opening slide background for Termin 1, sets futuristic tech mood
|
||||
- **AI Prompt**: Futuristic digital landscape with glowing blue and purple data streams, abstract network connections, binary patterns flowing through a neon-lit cyber environment, wide cinematic shot, no text
|
||||
|
||||
### ⬚ network-cables.png
|
||||
- **Context**: Opening slide background for Termin 2 (Netzwerke, Protokolle, CSS)
|
||||
- **AI Prompt**: Network infrastructure with colorful ethernet cables, server racks, fiber optic lights, data center aesthetic, blue and orange accent lighting, wide cinematic shot, no text
|
||||
|
||||
### ⬚ javascript-code.png
|
||||
- **Context**: Opening slide background for Termin 3 (Interaktivität, JavaScript)
|
||||
- **AI Prompt**: JavaScript code on dark IDE background, syntax highlighting in vibrant colors, modern code editor aesthetic, shallow depth of field on code, programming atmosphere, wide cinematic shot, no text
|
||||
## background-termin-1.png
|
||||
**Gemini Prompt:**
|
||||
```
|
||||
Futuristic digital landscape with glowing blue and purple data streams, abstract network connections, binary patterns flowing through a neon-lit cyber environment, wide cinematic shot 16:9 aspect ratio, no text
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Termin 1: Geschichte, Grundlagen & HTML
|
||||
## background-termin-2.png
|
||||
**Gemini Prompt:**
|
||||
```
|
||||
Network infrastructure with colorful ethernet cables, server racks, fiber optic lights, data center aesthetic, blue and orange accent lighting, wide cinematic shot 16:9 aspect ratio, no text
|
||||
```
|
||||
|
||||
### ⬚ hollerith-machine.jpg
|
||||
- **Context**: Herman Hollerith's tabulating machine, US Census 1890
|
||||
- **AI Prompt**: Historical photograph style of Hollerith tabulating machine from 1890s, punch card reader, mechanical computing device, sepia tone, museum exhibit quality, vintage industrial equipment
|
||||
- **Search**: `Hollerith tabulating machine` on commons.wikimedia.org or `site:loc.gov Hollerith census`
|
||||
---
|
||||
|
||||
### ⬚ dehomag-hollerith.jpg
|
||||
- **Context**: IBM Hollerith machines used by Dehomag (Deutsche Hollerith-Maschinen GmbH) in 1930s Germany
|
||||
- **AI Prompt**: Historical photograph style of Hollerith machines in 1930s German office setting, punch card processing, bureaucratic documentation, black and white historical photo aesthetic
|
||||
- **Search**: `Dehomag Hollerith` or `Deutsche Hollerith-Maschinen` on commons.wikimedia.org or bundesarchiv.de
|
||||
## background-termin-3.png
|
||||
**Gemini Prompt:**
|
||||
```
|
||||
JavaScript code on dark IDE background, syntax highlighting in vibrant colors, modern code editor aesthetic, shallow depth of field on code, programming atmosphere, wide cinematic shot 16:9 aspect ratio, no text
|
||||
```
|
||||
|
||||
### ⬚ oppenheimer-poster.jpg
|
||||
- **Context**: Reference to Manhattan Project, introduces WWII computing context
|
||||
- **AI Prompt**: Dramatic portrait in style of Oppenheimer movie poster, scientist silhouette against atomic explosion background, 1940s aesthetic, cinematic dramatic lighting
|
||||
- **Search**: `Oppenheimer 2023 poster` or `J. Robert Oppenheimer portrait` on commons.wikimedia.org
|
||||
---
|
||||
|
||||
### ⬚ john-von-neumann.jpg
|
||||
- **Context**: Portrait of John von Neumann, father of computer architecture
|
||||
- **AI Prompt**: Professional portrait of 1950s mathematician/scientist, suit and tie, blackboard with equations in background, academic setting, black and white photography style
|
||||
- **Search**: `John von Neumann` on commons.wikimedia.org (public domain photos available)
|
||||
## hollerith-machine.tif
|
||||
**Search (preferred):**
|
||||
- commons.wikimedia.org: `Hollerith tabulating machine`
|
||||
- google.com: `site:loc.gov Hollerith census`
|
||||
|
||||
### ⬚ eniac.jpg
|
||||
- **Context**: ENIAC computer (1945), first electronic general-purpose computer
|
||||
- **AI Prompt**: Historical photograph of ENIAC computer room, massive machine with vacuum tubes, cables, switches, 1940s technology, operators working, wide shot showing scale, black and white
|
||||
- **Search**: `ENIAC computer` on commons.wikimedia.org or `site:archives.upenn.edu ENIAC`
|
||||
**Gemini Prompt (fallback):**
|
||||
```
|
||||
Historical photograph style of Hollerith tabulating machine from 1890s, punch card reader, mechanical computing device, sepia tone, museum exhibit quality, vintage industrial equipment, 16:9
|
||||
```
|
||||
|
||||
### ⬚ arpanet-1969.png
|
||||
- **Context**: First ARPANET map showing 4 nodes (UCLA, Stanford, UCSB, Utah)
|
||||
- **AI Prompt**: Clean diagram of early ARPANET network from 1969, four nodes connected by lines, US map background, vintage technical drawing style, labeled nodes: UCLA, SRI, UCSB, Utah
|
||||
- **Search**: `ARPANET 1969 map` or `ARPANET logical map` on commons.wikimedia.org
|
||||
---
|
||||
|
||||
### ⬚ lightbulb-onoff.png
|
||||
- **Context**: Explaining the bit concept (0 or 1, on or off)
|
||||
- **AI Prompt**: Simple lightbulb comparison: one lit bright yellow, one dark/off, side by side, clean minimal style, binary concept visualization, white background, educational diagram
|
||||
## dehomag-hollerith.jpg
|
||||
**Search (preferred):**
|
||||
- commons.wikimedia.org: `Dehomag Hollerith`
|
||||
- bundesarchiv.de: `Deutsche Hollerith-Maschinen`
|
||||
|
||||
**Gemini Prompt (fallback):**
|
||||
```
|
||||
Historical photograph of Hollerith machines in 1930s German office setting, punch card processing, bureaucratic documentation, black and white historical photo aesthetic, 16:9
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## oppenheimer-poster.jpg
|
||||
**Search (preferred):**
|
||||
- commons.wikimedia.org: `J. Robert Oppenheimer portrait`
|
||||
- google.com: `Oppenheimer 2023 movie poster`
|
||||
|
||||
**Gemini Prompt (fallback):**
|
||||
```
|
||||
Dramatic portrait in style of Oppenheimer movie poster, scientist silhouette against atomic explosion background, 1940s aesthetic, cinematic dramatic lighting, 16:9
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## john-von-neumann.jpg
|
||||
**Search (preferred):**
|
||||
- commons.wikimedia.org: `John von Neumann portrait`
|
||||
- google.com: `John von Neumann LANL`
|
||||
|
||||
**Gemini Prompt (fallback):**
|
||||
```
|
||||
Professional portrait of 1950s mathematician scientist, suit and tie, blackboard with equations in background, academic setting, black and white photography style, 16:9
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## eniac.jpg
|
||||
**Search (preferred):**
|
||||
- commons.wikimedia.org: `ENIAC computer`
|
||||
- google.com: `site:archives.upenn.edu ENIAC`
|
||||
|
||||
**Gemini Prompt (fallback):**
|
||||
```
|
||||
Historical photograph of ENIAC computer room, massive machine with vacuum tubes cables switches, 1940s technology, operators working, wide shot showing scale, black and white, 16:9
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## arpanet-1969.png
|
||||
**Search (preferred):**
|
||||
- commons.wikimedia.org: `ARPANET 1969 map`
|
||||
- commons.wikimedia.org: `ARPANET logical map December 1969`
|
||||
|
||||
**Gemini Prompt (fallback):**
|
||||
```
|
||||
Clean technical diagram of early ARPANET network from 1969, four nodes connected by lines on US map background, vintage technical drawing style, labeled nodes UCLA SRI UCSB Utah, 16:9
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## lightbulb-onoff.png
|
||||
**Gemini Prompt:**
|
||||
```
|
||||
Simple lightbulb comparison showing binary concept, one lightbulb lit bright yellow, one lightbulb dark off, side by side, clean minimal style, white background, educational diagram, 16:9
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Summary
|
||||
|
||||
| Lecture | Total | ✅ Done | ⬚ Todo |
|
||||
|---------|-------|--------|--------|
|
||||
| Intro/Title Slides | 3 | 0 | 3 |
|
||||
| Termin 1 (Geschichte/Grundlagen/HTML) | 7 | 0 | 7 |
|
||||
| Termin 2 (Netzwerke/Protokolle/CSS) | 0 | 0 | 0 |
|
||||
| Termin 3 (Interaktivität/JavaScript) | 0 | 0 | 0 |
|
||||
| **Total** | **10** | **0** | **10** |
|
||||
|
||||
---
|
||||
|
||||
## Generation Tips
|
||||
|
||||
1. **Historical photos**: Prefer real historical photos from Wikipedia Commons, Library of Congress, or university archives for authenticity
|
||||
2. **Diagrams**: Use "clean infographic style", "technical illustration", "minimal diagram" in prompts
|
||||
3. **Backgrounds**: Use "wide cinematic shot", "no text", "opacity-friendly" for title slide backgrounds
|
||||
4. **Consistency**: Add "educational style", "professional presentation" to maintain visual coherence
|
||||
|
||||
## Asset Directory
|
||||
|
||||
Create the assets directory if it doesn't exist:
|
||||
```bash
|
||||
mkdir -p ./assets
|
||||
```
|
||||
|
||||
Place all images in `./slides/assets/` with the exact filenames listed above.
|
||||
| Image | Type |
|
||||
|-------|------|
|
||||
| background-termin-1.png | Generate |
|
||||
| background-termin-2.png | Generate |
|
||||
| background-termin-3.png | Generate |
|
||||
| hollerith-machine.tif/jpg | Search or Generate |
|
||||
| dehomag-hollerith.webp | Search or Generate |
|
||||
| oppenheimer.png | Search or Generate |
|
||||
| john-von-neumann.png | Search or Generate |
|
||||
| eniac.avif | Search or Generate |
|
||||
| arpanet-1969.png | Search or Generate |
|
||||
| lightbulb-onoff.png | Generate |
|
||||
|
||||
Reference in New Issue
Block a user