36 KiB
36 KiB
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 |