diff --git a/wanted-images-manifest.md b/wanted-images-manifest.md new file mode 100644 index 0000000..0d8c990 --- /dev/null +++ b/wanted-images-manifest.md @@ -0,0 +1,324 @@ +# 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 Jan–Jun — 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 12–14 — 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 11–14 | 31 images | +| **TOTAL** | | **204 images** |