From 12b1da514d4e5b33246ca0669682b337e179642f Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Wed, 17 Dec 2025 23:08:56 +0100 Subject: [PATCH] add image list for slide assets - lists 10 required images with ai prompts and search terms - covers intro backgrounds and termin 1 historical photos --- IMAGE_LIST.md | 99 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 IMAGE_LIST.md diff --git a/IMAGE_LIST.md b/IMAGE_LIST.md new file mode 100644 index 0000000..faa19d9 --- /dev/null +++ b/IMAGE_LIST.md @@ -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.