add image list for slide assets
- lists 10 required images with ai prompts and search terms - covers intro backgrounds and termin 1 historical photos
This commit is contained in:
@@ -0,0 +1,99 @@
|
||||
# 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
|
||||
|
||||
---
|
||||
|
||||
## 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
|
||||
|
||||
---
|
||||
|
||||
## Termin 1: Geschichte, Grundlagen & HTML
|
||||
|
||||
### ⬚ 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
|
||||
|
||||
### ⬚ 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)
|
||||
|
||||
### ⬚ 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`
|
||||
|
||||
### ⬚ 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
|
||||
|
||||
---
|
||||
|
||||
## 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.
|
||||
Reference in New Issue
Block a user