223015c/IMAGE_LIST.md

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:

mkdir -p ./assets

Place all images in ./slides/assets/ with the exact filenames listed above.