csis1/wanted-images-manifest.md

325 lines
36 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# CSIS 1 — Wanted Images Manifest
*Computer Literacy: Navigating the Digital Age — Dr. Corey Cason*
Purpose: Find or generate images for lecture presentations
---
## HOW TO USE THIS FILE
- Each entry has: **Topic | Concept | Search Terms | Notes**
- **Search first** on: `images.google.com`, `unsplash.com`, `pexels.com`, `pixabay.com`
- **Generate** with: DALL-E, Midjourney, Stable Diffusion, etc.
- **Create yourself**: Screenshots, diagrams in Canva/PowerPoint, annotated screenshots
- Mark `[DONE]` as you collect each image
---
## WEEK 1 — Computer Basics & Digital Citizenship
### Chapter 1 — Computer Basics
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 1.01 | What is a computer? | A computer as a black box — inputs on left (keyboard, mouse, mic), outputs on right (monitor, speakers) with arrows | `computer input output diagram` | Illustrated, clean, labeled |
| 1.02 | Types of computers | Six types side-by-side: desktop tower, laptop, tablet, smartphone, smartwatch, server rack | `types of computers desktop laptop tablet` | Colorful, clear silhouettes |
| 1.03 | Desktop computer parts | Exploded view of desktop: tower, monitor, keyboard, mouse, webcam, speakers, printer all labeled | `desktop computer labeled parts` | Diagram preferred |
| 1.04 | Inside a computer | Open tower chassis showing: motherboard, CPU, RAM sticks, GPU, power supply, hard drive, fans — clean layout | `inside computer tower motherboard cpu ram` | Avoid messy cables |
| 1.05 | CPU (Central Processing Unit) | Macro photo of CPU chip + small diagram showing: control unit, ALU, registers | `cpu processor macro computer chip` | Show both real + diagram |
| 1.06 | RAM (Memory) | RAM stick close-up with highlighted chips + simple illustration of bytes/addresses | `computer ram memory stick closeup` | Clean, technical feel |
| 1.07 | Storage: HDD vs SSD | Opened hard drive vs SSD side-by-side — show physical size difference and platters vs flash chips | `hard drive vs ssd comparison` | Illustrated or render |
| 1.08 | Motherboard | Labeled motherboard with: CPU socket, RAM slots, PCIe slots, SATA ports, CMOS battery highlighted | `motherboard labeled components` | Annotated diagram |
| 1.09 | GPU (Graphics Card) | GPU chip with heat sink and fan + simple diagram of pixels on a screen | `graphics card gpu computer` | Show real card if possible |
| 1.10 | Power Supply Unit | PSU with wattage label visible + cable bundle inside tower | `computer power supply unit` | Clean product shot |
| 1.11 | Input devices | Collection: keyboard, mouse, trackpad, touchscreen stylus, scanner, microphone — icons or photos | `computer input devices keyboard mouse` | Icons work here |
| 1.12 | Output devices | Collection: monitor, printer, speakers, projector, headphones — icons or photos | `computer output devices monitor printer` | Icons work here |
| 1.13 | Ports on a computer | Back/side of desktop or laptop showing: USB-A, USB-C, HDMI, Ethernet, audio jack, power — labeled | `computer ports usb hdmi ethernet` | Real hardware photo |
| 1.14 | Laptop anatomy | Open laptop with callouts: screen, keyboard, trackpad, webcam, hinges, ports | `laptop labeled parts anatomy` | Clean diagram |
| 1.15 | Mobile devices | Smartphone and tablet exploded view: screen, battery, SIM card, cameras, ports | `smartphone tablet exploded view` | Illustrated |
| 1.16 | Cloud computing concept | Laptop connecting via WiFi to a cloud with arrows — data flowing both ways | `cloud computing laptop connection` | Simple, friendly style |
| 1.17 | Computer peripherals | Full desk setup: monitor, keyboard, mouse, webcam, desk lamp, headset, phone charger | `computer desk setup peripherals` | Realistic, not cluttered |
| 1.18 | History of computing timeline | Abacus → ENIAC → Apple II → IBM PC → Macintosh → Modern laptop — 6 devices in a row | `history of computing timeline` | Illustrated or photos |
| 1.19 | Bits and bytes | 8 circles (bits) flipping from 0 to 1 → forming a byte → kilobyte → megabyte → gigabyte visual ladder | `bits bytes computer memory` | Colorful infographic style |
| 1.20 | Software vs Hardware | Left side: hammer, monitor, CPU (physical). Right side: code on screen, app icons. Split down middle. | `software hardware difference` | Clear visual comparison |
### Chapter 2 — Digital Citizenship & Netiquette
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 2.01 | Digital citizen | Person surrounded by devices: laptop, phone, tablet, smartwatch — all connected | `digital citizen technology` | Warm, approachable |
| 2.02 | The internet cloud | Abstract cloud made of network cables and server icons — labeled "Internet" | `internet cloud network` | Illustrated, not scary |
| 2.03 | World Wide Web vs Internet | Browser window on left, server racks/network on right — labeled | `world wide web vs internet diagram` | Illustrated comparison |
| 2.04 | URL anatomy | Fake URL `https://www.example.com:443/path` with each part color-coded and labeled | `url anatomy parts labeled` | Illustrated diagram |
| 2.05 | Browser address bar | Screenshot of Chrome/Firefox address bar with HTTPS padlock highlighted | `browser address bar https` | Real screenshot |
| 2.06 | Netiquette rules | Do's and Don'ts side-by-side: caps vs lowercase, reply-all vs private reply, emoji vs no emoji | `email netiquette rules` | Illustrated or screenshot |
| 2.07 | Being respectful online | Two people having a calm video call — respectful body language | `respectful online communication` | Friendly, inclusive |
| 2.08 | Digital footprint | Iceberg diagram — above water: posts, photos, likes. Below water: search history, location data, purchases | `digital footprint iceberg` | Many illustrated versions |
| 2.09 | Online reputation | Google search results for a person — some positive (LinkedIn), some negative (old post) | `online reputation google search` | Illustrate the concept |
| 2.10 | Digital privacy | Person at computer with a transparent body showing data flowing out (emails, passwords, location) | `digital privacy data leakage` | Dramatic but not scary |
| 2.11 | Being a good digital neighbor | Person helping an older adult use a tablet — intergenerational | `digital inclusion older adult technology` | Warm, human-centered |
| 2.12 | Online vs offline identity | Split screen: online avatar/profile on left, real person on right — are they the same? | `online identity vs real life` | Thought-provoking |
| 2.13 | Posting responsibly | Person thinking emoji before hitting Post button — "think before you share" | `think before posting social media` | Humorous or serious |
| 2.14 | Copyright basics | Creative Commons icon, public domain icon, all-rights-reserved symbol — explained | `copyright creative commons icons` | Clean icons |
| 2.15 | Giving credit online | Photo credit line example: "Photo by Jane Doe on Unsplash" | `image attribution example` | Show proper format |
| 2.16 | Community guidelines | Social media community guidelines page — excerpt with key rules | `community guidelines social media` | Screenshot or illustrated |
---
## WEEK 2 — Cybersecurity & Social Media
### Chapter 3 — Staying Safe Online
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 3.01 | Password strength meter | Screen showing password being typed: weak (red, "123456") → strong (green, "K9#mP!2x") | `password strength meter` | Color-coded bars |
| 3.02 | Good password examples | Gallery of good passwords: random words, passphrases, mixed characters — all different styles | `strong password examples` | Illustrated or screenshot |
| 3.03 | Bad password examples | Most common passwords list: 123456, password, qwerty — in red with X over them | `most common passwords list` | Warning style |
| 3.04 | Password manager concept | One big key opening many locked doors (accounts) — the master password is the big key | `password manager concept` | Illustrated metaphor |
| 3.05 | Phishing email example | Fake Amazon email — highlight red flags: misspelled URL, urgent language, fake sender | `phishing email example fake` | Annotated screenshot |
| 3.06 | Phishing text/SMS | Fake bank SMS: "Your account has been compromised, click here" — highlight the suspicious link | `phishing sms text message` | Annotated screenshot |
| 3.07 | How phishing works | Flowchart: phishing email → you click link → fake login page → credentials stolen → account hacked | `phishing scam flow diagram` | Illustrated steps |
| 3.08 | Two-factor authentication (2FA) | Phone showing verification code popup + laptop showing login screen waiting for code | `two factor authentication 2fa phone` | Real UI or illustrated |
| 3.09 | Authenticator app | Google Authenticator or Authy app showing rotating 6-digit codes for multiple accounts | `authenticator app totp` | Real app screenshot |
| 3.10 | What is malware? | Screen showing virus icon or bug crawling across — computer glitching out | `computer malware virus` | Dramatic but clear |
| 3.11 | Types of malware | Icons for: virus, worm, trojan, ransomware, spyware,adware — with one-line descriptions | `types of malware icons` | Clean icon set |
| 3.12 | Ransomware attack | Computer screen showing red message: "Your files are encrypted. Pay 0.5 BTC." | `ransomware screen encryption` | Show the scary message |
| 3.13 | Virus spread | Network of computers — one infected computer spreading to others via USB or email | `computer virus spread network` | Illustrated diagram |
| 3.14 | Antivirus software | Shield icon protecting a laptop from incoming bugs | `antivirus software shield` | Simple, clean |
| 3.15 | Firewall concept | Wall of shields between your computer and the internet — some traffic blocked, some allowed | `firewall protection concept` | Illustrated |
| 3.16 | VPN concept | Laptop inside a building with an encrypted tunnel going through the public internet to a secure server | `vpn encrypted tunnel` | Illustrated diagram |
| 3.17 | HTTPS vs HTTP | Two browser windows: padlock + HTTPS in green vs no padlock + HTTP in red | `https vs http secure` | Side-by-side comparison |
| 3.18 | Privacy settings | Phone settings page showing app permissions: camera, microphone, location — all toggles | `app privacy settings permissions` | Real screenshot |
| 3.19 | Cookies popup | Browser cookie consent banner — "Accept All / Manage Preferences" | `cookie consent popup browser` | Realistic browser screenshot |
| 3.20 | Identity theft | Person with a shadow showing someone else wearing their identity — stolen wallet + credit cards | `identity theft concept` | Dramatic illustration |
| 3.21 | Secure WiFi vs public WiFi | Home WiFi with lock icon (secured) vs coffee shop WiFi with warning sign (caution) | `secure vs public wifi` | Side-by-side illustrated |
| 3.22 | Software updates | Computer showing "Update Available" — laptop with a bandage or wrench | `software update available` | Friendly, not annoying |
### Chapter 4 — Social Media
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 4.01 | Social media platforms | Phone screen showing multiple app icons: Instagram, TikTok, X, Facebook, LinkedIn | `social media apps smartphone` | Don't endorse specific brands |
| 4.02 | Social media echo chamber | Funnel or bubble — all posts similar viewpoint, different voices filtered out | `social media echo chamber filter bubble` | Illustrated |
| 4.03 | Cyberbullying | Upset teen looking at phone with mean comments visible — not too dramatic | `cyberbullying phone mean comments` | Thoughtful, sensitive |
| 4.04 | Reporting cyberbullying | Phone settings → Help → Report → Block flow — step by step screenshots | `report cyberbullying social media` | Illustrated steps |
| 4.05 | Oversharing online | Map with location pin, home address visible, phone number — all shown as warnings | `oversharing online privacy` | Warning infographic |
| 4.06 | Social media addiction | Phone with social feed + hourglass → person's face looking tired/addicted — time passing | `social media addiction phone` | Illustrated or photo |
| 4.07 | Digital footprint permanence | Clock going backward but everything posted stays — past posts following you forever | `digital footprint permanence` | Illustrated metaphor |
| 4.08 | Geotagging | Photo with hidden location pin visible — map in background showing exact spot | `geotagging photo location` | Show the hidden danger |
| 4.09 | Social media privacy settings | Settings page showing: who can see your posts (Public/Friends/Only Me), location off, data download | `social media privacy settings` | Screenshot or illustrated |
| 4.10 | Healthy social media use | Person holding phone but also reading a book, talking to friend, going outside — balanced | `healthy social media use balance` | Positive, aspirational |
| 4.11 | What is catfishing? | Real person on one side, fake profile (attractive photo, fake name) on the other | `catfishing fake profile online` | Illustrated comparison |
| 4.12 | Online misinformation | Fake news article with red "FALSE" stamp — vs real news with checkmark | `fake news misinformation` | Side-by-side comparison |
| 4.13 | Social media verification | Blue checkmark badge — what it means and doesn't mean | `social media verified account` | Show the badge clearly |
| 4.14 | Posting job-related content | LinkedIn-style profile with professional photo and well-written bio — good example | `professional social media profile` | Clean, positive example |
| 4.15 | Screen time awareness | iPhone/Android screen time dashboard showing hours per app — pie chart | `screen time usage phone` | Real screenshot |
---
## WEEK 3 — Operating Systems & Documents
### Chapter 5 — Operating Systems
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 5.01 | OS examples | Four logos/screens: Windows, macOS, Android, iOS — with one feature callout each | `windows macos android ios` | Clean product shots |
| 5.02 | Desktop environment | Clean, organized macOS or Windows desktop with icons, taskbar, wallpaper | `clean desktop computer organized` | aspirational setup |
| 5.03 | Taskbar / Dock | Windows taskbar or macOS Dock — labeled: start button, open apps, system tray | `windows taskbar macos dock` | Annotated screenshot |
| 5.04 | File system hierarchy | Tree diagram: C: drive → Users → Documents → myfile.docx — with folder icons | `file system hierarchy tree` | Illustrated diagram |
| 5.05 | Folder navigation | Windows Explorer or macOS Finder window — sidebar, path bar, files, breadcrumbs all labeled | `file folder navigation windows` | Annotated screenshot |
| 5.06 | File types | Icons for: .docx, .pdf, .xlsx, .pptx, .jpg, .mp4, .zip, .html — in a grid | `file type icons microsoft` | Show variety |
| 5.07 | Creating a folder | Right-click menu → New → Folder — with "New Folder" highlighted | `create new folder right click` | Screenshot step |
| 5.08 | Copy vs cut vs paste | Three icons with labels: copy (two pages), cut (scissors), paste (clipboard) — in a row | `copy cut paste icons` | Clean icon set |
| 5.09 | Right-click context menu | Right-click on desktop showing full menu: View, Sort by, Refresh, New, Display settings | `right click context menu` | Annotated screenshot |
| 5.10 | Task Manager / Activity Monitor | Screenshot of Windows Task Manager or macOS Activity Monitor — list of processes | `task manager processes` | Real screenshot |
| 5.11 | Device Manager | Windows Device Manager — list of hardware categories expanded | `windows device manager` | Annotated screenshot |
| 5.12 | Disk cleanup | Windows Disk Cleanup tool showing: Temp files, Recycle Bin, Windows Update — with sizes | `disk cleanup windows` | Real screenshot |
| 5.13 | Control Panel / Settings | Windows Control Panel or Settings app — categories visible | `windows settings control panel` | Annotated |
| 5.14 | Software installation wizard | Setup wizard screen: "Welcome to Installation" → Next → License Agreement → Install | `software installation wizard` | Screenshot series |
| 5.15 | Uninstalling software | Windows Add/Remove Programs list — with "Uninstall" button highlighted | `uninstall software windows` | Annotated screenshot |
| 5.16 | Operating system update | Windows Update screen: "You're up to date" or "Update available" — with version number | `windows update screen` | Real screenshot |
| 5.17 | Safe mode | Boot menu or Safe Mode screen — "Safe Mode" text in corners | `safe mode windows boot` | Annotated screenshot |
| 5.18 | File compression | Original folder (large) → ZIP file (small) with arrow — show size reduction | `file compression zip folder` | Illustrated |
| 5.19 | Cloud sync indicator | Folder with cloud icon and sync arrows — green checkmark = synced | `onedrive google drive synced` | Show the sync status |
| 5.20 | Drag and drop | Folder being dragged from desktop to another folder — ghost image follows cursor | `drag and drop folder` | Screenshot or illustrated |
### Chapter 6 — Documents & Productivity
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 6.01 | Microsoft Word interface | Full Word screenshot — Ribbon (Home, Insert, Layout), ruler, document area all labeled | `microsoft word interface ribbon` | Annotated screenshot |
| 6.02 | Google Docs interface | Full Google Docs screenshot — toolbar, sidebar, document area | `google docs interface editor` | Real browser screenshot |
| 6.03 | Formatting toolbar | Bold, Italic, Underline, Font size, Font color, Highlight — all labeled | `text formatting toolbar` | Close-up screenshot |
| 6.04 | Heading styles | Document showing Heading 1, Heading 2, Body text — with Styles pane visible | `word heading styles` | Annotated screenshot |
| 6.05 | Inserting images | Word/Google Docs — Insert menu → Image selected — file picker open | `insert image document` | Screenshot step |
| 6.06 | Page layout | Page setup dialog: margins, orientation (portrait/landscape), size — labeled | `page layout margins orientation` | Screenshot or diagram |
| 6.07 | Track changes | Word with Track Changes on — insertions in color, deletions strikethrough | `track changes microsoft word` | Real screenshot |
| 6.08 | Comments in documents | Document with comment bubbles in margin — avatar, comment text, reply | `comments in google doc` | Annotated screenshot |
| 6.09 | Export to PDF | Save As dialog or Export menu showing PDF selected | `export document to pdf` | Screenshot |
| 6.10 | Print preview | Print preview window showing multi-page document — with settings visible | `print preview document` | Annotated screenshot |
| 6.11 | PowerPoint slide | Example lecture slide: title at top, bullet points, image on right — clean design | `powerpoint presentation slide` | Show good design |
| 6.12 | PowerPoint layout options | Slide with different layouts: Title + Content, Two Column, Title + Picture, Blank | `powerpoint slide layouts` | Annotated screenshot |
| 6.13 | Transitions and animations | PowerPoint with Animations pane open — fly in, fade, appear options | `powerpoint animations transitions` | Annotated screenshot |
| 6.14 | Master slide | PowerPoint Master Slide view — edit once, applies to all slides | `powerpoint master slide` | Annotated screenshot |
| 6.15 | Excel spreadsheet | Spreadsheet with: column headers (A, B, C), row numbers (1, 2, 3), cells with data, formula bar | `excel spreadsheet data` | Annotated screenshot |
| 6.16 | Excel formulas | Formula bar showing `=SUM(A1:A5)` — with result in the cell — color highlights | `excel formula sum bar` | Annotated screenshot |
| 6.17 | Excel charts | Bar chart, pie chart, and line graph made from spreadsheet data — colorful | `excel charts bar pie line` | Show variety |
| 6.18 | Freeze panes | Excel with top row frozen — thick line visible between row 1 and 2 — labeled | `excel freeze panes` | Annotated screenshot |
| 6.19 | Sort and filter | Excel data table with filter arrows in header row — sorted A-Z in one column | `excel sort filter data` | Annotated screenshot |
| 6.20 | Keyboard shortcuts | Keyboard graphic with shortcuts labeled: Ctrl+C (copy), Ctrl+V (paste), Ctrl+Z (undo), Ctrl+S (save) | `keyboard shortcuts ctrl c v s` | Annotated keyboard |
| 6.21 | Word Count | Word status bar showing word count — "Words: 847" | `word count status bar` | Annotated screenshot |
| 6.22 | Table in Word | Document with a formatted table: headers in gray, borders, alignment — professional look | `table in microsoft word` | Annotated screenshot |
| 6.23 | Template gallery | Word or Google Docs template gallery — resumes, reports, newsletters visible | `document template gallery` | Screenshot |
| 6.24 | Mail merge concept | List of names/emails on left → merged into form letter on right — output shown | `mail merge concept` | Illustrated diagram |
---
## WEEK 4 — Email, Calendars & Notes
### Chapter 7 — Professional Email & Calendar
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 7.01 | Professional email anatomy | Full email compose window — To, CC, BCC, Subject, Body all labeled | `professional email compose` | Annotated screenshot |
| 7.02 | Email header fields | Email showing raw headers — From, To, Subject, Date, Reply-To visible | `email header fields` | Annotated screenshot |
| 7.03 | Inbox organization | Email inbox with: color-coded labels (Work, Personal, School), stars, flags — neat and organized | `email inbox organized labels` | Annotated screenshot |
| 7.04 | Email signature | Professional email signature: Name, Title, Phone, LinkedIn URL — clean and minimal | `professional email signature` | Example signature |
| 7.05 | Email thread/chain | Email thread showing back-and-forth — subject line at top, chronological replies | `email thread conversation` | Annotated screenshot |
| 7.06 | Attachment indicator | Email with paperclip icon and "2 attachments" label — attachment list visible | `email attachment indicator` | Annotated screenshot |
| 7.07 | Calendar week view | Weekly calendar — 7 days, time slots (8am-10pm), events color-coded | `weekly calendar view` | Annotated screenshot |
| 7.08 | Calendar event details | Event creation dialog: Title, Date, Time, Location, Description, Reminder — all filled in | `calendar event create` | Annotated screenshot |
| 7.09 | Meeting invite | Calendar invite showing: meeting title, time in both sender/receiver timezone, Accept/Decline buttons | `calendar invite meeting request` | Annotated |
| 7.10 | Video call link | Calendar event showing Zoom/Meet link button — "Join Meeting" prominent | `zoom meeting link calendar` | Annotated screenshot |
| 7.11 | Time zones | World map with time zones — red line showing day/night — "9 AM PST = 12 PM EST" | `time zones world map conversion` | Illustrated |
| 7.12 | Recurring events | Calendar event showing "Repeats: Weekly on Tuesday" — or the repeat icon | `recurring event calendar` | Annotated screenshot |
| 7.13 | Email Do's and Don'ts | Two-column list: ✓ Reply within 24h, ✓ Use clear subject, ✓ Be concise / ✗ Reply all unnecessarily, ✗ Use all caps, ✗ Forward without context | `email etiquette dos and donts` | Illustrated checklist |
| 7.14 | Spam email | Inbox with suspicious spam emails — highlight: weird sender, urgent language, too good to be true | `spam email inbox` | Annotated screenshot |
| 7.15 | Calendar color coding | Calendar with events in different colors: Work (blue), Personal (green), School (purple) | `color coded calendar events` | Annotated screenshot |
### Chapter 8 — Notes, Screenshots & Organization
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 8.01 | Note-taking methods | Split: paper notebook with handwriting + laptop with Evernote/Notion open | `note taking methods digital` | Show both approaches |
| 8.02 | Screenshot types | Three screenshots: full screen, window, selection (with selection handles) | `screenshot full window selection` | Annotated examples |
| 8.03 | Annotated screenshot | Screenshot with: red arrow pointing at button, circled area, text label "Click here first" | `annotated screenshot with arrows` | Show the annotation tools |
| 8.04 | Screen recording | GIF or image showing screen recording toolbar: record, stop, pause, timer | `screen recording tools` | Annotated screenshot |
| 8.05 | Bookmarking browser | Browser bookmark bar with folders: News, School, Tools, Entertainment — organized | `browser bookmarks organized folders` | Annotated screenshot |
| 8.06 | Pocket/Instapaper | App showing "Saved for Later" list — articles with thumbnails and reading time | `read it later pocket instapaper` | App screenshot |
| 8.07 | Cloud notes app | Notion or Evernote showing notes syncing across: phone, tablet, laptop — cloud in middle | `cloud notes sync devices` | Illustrated |
| 8.08 | Note organization | Note app with: sidebar folders (Work, Personal, School), tags (#important, #todo), search bar | `note taking app organization` | Annotated screenshot |
| 8.09 | Web clipping | Browser article being saved to note app — highlight tool active, preview shown | `web clipper save article` | Annotated screenshot |
| 8.10 | Spreadsheet as a log | Spreadsheet showing: date column, category column, amount column — a simple log/tracker | `spreadsheet as a log tracker` | Annotated screenshot |
| 8.11 | Calendar as a planner | Calendar showing: week divided into tasks, not just events — checkboxes, priorities | `calendar as weekly planner` | Annotated screenshot |
| 8.12 | Filing system | Physical or digital: manila folders in a filing cabinet — labeled tabs A-Z | `filing system organized` | Annotated |
| 8.13 | Information sources | Phone showing: Wikipedia, Khan Academy, YouTube, Library website — search results for a topic | `online learning resources research` | Show variety |
---
## WEEK 5 — Cloud Storage & AI
### Chapter 9 — Cloud Tools
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 9.01 | Cloud storage concept | Abstract cloud with files being uploaded/downloaded — arrows going both ways | `cloud storage upload download` | Clean illustrated |
| 9.02 | Google Drive home | Google Drive homepage — "My Drive" with files and folders, "Shared with me" sidebar | `google drive home` | Real screenshot |
| 9.03 | OneDrive file list | OneDrive file list view — folders and files with sync status icons | `onedrive file list` | Real screenshot |
| 9.04 | Dropbox folder | Dropbox folder open — files and folders with green checkmarks (synced) | `dropbox folder synced` | Real screenshot |
| 9.05 | Shared folder | Shared folder showing multiple collaborators' profile icons on the right side | `shared folder collaborators` | Annotated screenshot |
| 9.06 | File sharing link | "Share" button pressed — modal showing: copy link, set permissions (View/Edit), expiry date | `share file link permissions` | Annotated screenshot |
| 9.07 | Collaboration in real-time | Google Doc showing two cursor colors (two people typing) simultaneously | `real time document collaboration` | Real screenshot |
| 9.08 | Version history | Google Docs "Version History" panel — showing 3 previous versions with timestamps | `version history google docs` | Annotated screenshot |
| 9.09 | Backup strategy | Diagram: laptop + phone + tablet → all backing up to cloud → external hard drive also | `backup strategy cloud external` | Illustrated diagram |
| 9.10 | Cloud storage pricing | Pricing table: 5GB free, 100GB $2/mo, 2TB $10/mo — with storage visualized as bucket | `cloud storage pricing plans` | Clean infographic |
| 9.11 | File recovery | Trash/Recycle Bin with "Deleted 3 days ago — Empty now" vs "Restore" button visible | `restore deleted files recycle bin` | Annotated screenshot |
| 9.12 | Access control | File sharing settings — "Only you", "Anyone with link", "Specific people" — toggles | `file sharing access control` | Annotated screenshot |
| 9.13 | Sync conflict | Two files with "Sync Conflict" label — user chooses which version to keep | `onedrive sync conflict` | Annotated screenshot |
| 9.14 | Working offline | Google Drive with "Offline" badge — green cloud with line through it | `google drive offline mode` | Annotated screenshot |
### Chapter 10 — AI
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 10.01 | What is AI? | Robot head with a brain made of circuits — friendly, not scary | `artificial intelligence robot brain` | Friendly illustration |
| 10.02 | AI in daily life | Phone showing: Siri/Google Assistant, Netflix recommendation, Maps navigation, email spam filter — labeled | `ai in daily life examples` | Annotated screenshot |
| 10.03 | Machine learning concept | Data (1000 photos of cats) → algorithm/training → Model (can recognize cats) — flow diagram | `machine learning diagram` | Illustrated diagram |
| 10.04 | Neural network | Colorful node-and-edge diagram — input layer, hidden layers, output layer — labeled | `neural network visualization` | Colorful, clean |
| 10.05 | ChatGPT / LLM | Chat interface showing: user question on left, AI response on right — cursor blinking | `chatgpt conversation ai` | Real or clean illustrated |
| 10.06 | AI generating text | Screen showing AI tool writing an email draft — human editing/deleting parts | `ai writing assistant` | Illustrated |
| 10.07 | AI generating image | DALL-E or Midjourney interface — prompt on left, generated image on right | `ai image generation dalle` | Real or illustrated |
| 10.08 | AI bias | Scale balance — training data on one side (skewed), output biased on the other side | `ai bias machine learning` | Illustrated diagram |
| 10.09 | Deep fake | Split: real photo on left, AI-generated deep fake on right — look identical | `deep fake example` | Illustrated comparison |
| 10.10 | AI ethics | Three icons: scale (fairness), shield (safety), lightbulb (transparency) — labeled | `ai ethics icon` | Clean icons |
| 10.11 | Automation replacing tasks | Factory robot arm + human watching — vs same human programming the robot | `automation jobs robot` | Show transition |
| 10.12 | Future of AI | Friendly futuristic scene: human + robot working together, holographic AI interface | `future of ai technology` | Optimistic illustration |
| 10.13 | AI and creativity | Human with paintbrush + AI art generator producing painting together | `ai human creativity together` | Collaborative feel |
| 10.14 | Chatbot interaction | Chat window: user asks question → chatbot responds helpfully — simple, friendly | `chatbot conversation help` | Clean illustrated |
| 10.15 | What AI cannot do | Comic-style: "AI can write an essay but doesn't know it's true. It hallucinates facts." | `ai hallucination limitations` | Educational/funny |
| 10.16 | AI in education | Student using AI tutor — chat on one side, textbook on the other — helpful learning | `ai tutor education` | Friendly, positive |
---
## WEEK 6 — Data, Careers & Access
### Chapter 11 — Basic Data Skills
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 11.01 | Data visualization | Same data shown four ways: raw table → bar chart → pie chart → line graph | `data visualization types` | Infographic |
| 11.02 | Bar chart | Clean bar chart: Sales by Region (North, South, East, West) — colorful bars, labeled axes | `bar chart example` | Clean, labeled |
| 11.03 | Pie chart | Simple pie chart: Browser Market Share — Chrome 65%, Safari 20%, Firefox 10%, Other 5% | `pie chart example` | Clean, labeled |
| 11.04 | Line chart | Line graph over time: Website Traffic JanJun — upward trend visible | `line graph trend` | Clean, labeled |
| 11.05 | Data table | Clean data table with headers, alternating row colors, total row at bottom | `data table spreadsheet` | Annotated |
| 11.06 | Spreadsheet to chart | Split: raw data table on left → finished chart on right — showing transformation | `spreadsheet data to chart` | Illustrated step |
| 11.07 | Big data concept | Massive server room or visual of billions of data points flowing | `big data server room` | Dramatic but real |
| 11.08 | Data privacy | Database icon with padlock — "Your personal data is stored here" | `data privacy database` | Simple, clean |
| 11.09 | Spreadsheet formulas | Examples: =SUM() =AVERAGE() =COUNT() =MAX() =MIN() — each shown with result | `excel formulas examples` | Annotated |
### Chapters 1214 — Careers, Trends & Digital Divide
| # | Topic | Image Concept | Search Terms | Notes |
|---|-------|--------------|--------------|-------|
| 12.01 | Tech career paths | Tree diagram: Computer Science → Web Developer, Data Scientist, Cybersecurity Analyst, UX Designer, DevOps, AI Engineer | `tech career paths computer science` | Illustrated |
| 12.02 | Software developer | Developer at desk — multiple monitors with code, coffee, headphones — productive workspace | `software developer workspace` | Realistic |
| 12.03 | Data scientist | Person analyzing data visualizations — charts on screen, notebook with notes | `data scientist analyst` | Annotated |
| 12.04 | Cybersecurity analyst | Security operations center — multiple screens with dashboards, alerts, network maps | `cybersecurity analyst soc` | Dramatic, serious |
| 12.05 | UX/UI designer | Designer using Figma or design tool — wireframes, color palettes, prototypes | `ux designer figma` | Annotated |
| 12.06 | IT support specialist | Person helping customer with computer — friendly, professional | `it support help desk` | Friendly |
| 12.07 | Women in STEM | Diverse women in tech: coding, engineering, presenting — inspirational, not token | `women in technology stem` | Positive imagery |
| 12.08 | Tech diversity | Team of diverse people working together — inclusive representation | `diverse tech team inclusive` | Positive |
| 12.09 | Internet of Things (IoT) | Home with smart devices: thermostat, lights, fridge, doorbell camera — all connected | `smart home iot internet of things` | Illustrated |
| 12.10 | VR/AR technology | Person wearing VR headset with controllers — immersive experience | `virtual reality vr headset` | Dramatic, exciting |
| 12.11 | 3D printing | 3D printer building an object layer by layer — visible nozzle and growing print | `3d printing technology` | Real or illustrated |
| 12.12 | Autonomous vehicles | Self-driving car with sensor suite (LIDAR, cameras) visible — labeled | `self driving car sensors` | Annotated |
| 12.13 | Digital divide — access gap | Split image: city with fiber internet, rural area with no signal — contrast | `digital divide urban rural` | Powerful contrast |
| 12.14 | Global internet access | World map showing internet penetration by country — green (high) to red (low) | `global internet access map` | Data visualization |
| 12.15 | Technology in healthcare | Telemedicine: doctor on screen talking to patient via tablet — labeled | `telemedicine healthcare technology` | Warm, helpful |
| 12.16 | Technology in education | Student with laptop watching online lecture — textbooks and notebook nearby | `online learning student laptop` | Modern classroom |
| 12.17 | E-commerce | Shopping app or website on phone — cart, checkout, secure payment badge | `ecommerce app smartphone` | Clean, modern |
| 12.18 | Automation in manufacturing | Factory floor with robotic arms assembling products — few human workers visible | `factory automation robot` | Modern factory |
| 12.19 | Cryptocurrency/blockchain | Abstract blockchain: blocks linked together with crypto symbols — decentralized | `blockchain cryptocurrency` | Illustrated |
| 12.20 | Future tech trends | Collage: quantum computing, AI, space tech, biotech — colorful, exciting | `future technology trends 2025` | Illustrated |
| 12.21 | Green tech / sustainability | Solar panels, wind turbine, electric car — technology helping the environment | `green technology sustainability` | Positive imagery |
| 12.22 | Tech就业市场的变化 | Infographic: jobs that are growing (AI trainer, data analyst, cybersecurity) vs declining (data entry, basic bookkeeping) | `jobs future technology` | Infographic |
---
## COLLECTION TRACKER
| # | Image | Source Found | URL | Notes |
|---|-------|-------------|-----|-------|
| (fill in as you go) | | | | |
---
## TOTALS BY WEEK
| Week | Chapter | Images Needed |
|------|---------|--------------|
| 1 | Ch 1 & 2 | 36 images |
| 2 | Ch 3 & 4 | 35 images |
| 3 | Ch 5 & 6 | 44 images |
| 4 | Ch 7 & 8 | 28 images |
| 5 | Ch 9 & 10 | 30 images |
| 6 | Ch 1114 | 31 images |
| **TOTAL** | | **204 images** |