diff --git a/image-recommendations.md b/image-recommendations.md new file mode 100644 index 0000000..d0caae2 --- /dev/null +++ b/image-recommendations.md @@ -0,0 +1,170 @@ +# CSIS 1 Lecture Image Recommendations +*Computer Literacy: Navigating the Digital Age — Dr. Corey Cason* + +Suggested sources: **Unsplash** (unsplash.com), **Pexels** (pexels.com), **Pixabay** (pixabay.com) — all free for educational use. Search terms provided for each. + +--- + +## Week 1 — Chapters 1 & 2: Computer Basics & Digital Citizenship + +### Chapter 1 — Computer Basics +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Computer hardware overview | Desktop tower + peripherals (monitor, keyboard, mouse) | `desktop computer hardware` | Show labeled setup | +| Inside a computer | Open tower showing motherboard, RAM, CPU, GPU | `computer internals motherboard` | Avoid cluttered/framed shots | +| Laptop anatomy | Open laptop with annotations | `laptop labeled parts` | Clean, minimal background | +| Types of computers | Desktop, laptop, tablet, smartphone side by side | `computer devices collection` | Show diversity of form factors | +| Input/output devices | Keyboard, mouse, printer, monitor | `input output devices computer` | Could be illustrated icons too | +| Storage (HDD vs SSD) | Opened drive or render comparison | `hard drive ssd comparison` | Visual size comparison works well | +| CPU chip close-up | Macro shot of processor | `cpu processor macro` | Dramatic visual | + +### Chapter 2 — Digital Citizenship & Netiquette +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Digital citizen | Person using multiple devices | `person using laptop phone` | Warm, approachable vibe | +| Online communication | Chat bubbles, email, video call icons | `online communication` | Could be illustrated | +| Netiquette / being respectful online | People in discussion | `people talking respect` | Group setting | +| Digital footprint | Iceberg — visible posts above, data trail below | `iceberg digital footprint` | Many illustrated versions | +| Internet safety | Padlock, shield, secure browser | `internet security shield` | Clean icon-style | +| Online community | Diverse people video calling | `diverse video call` | Inclusive representation | +| Social media | Phone with social apps | `social media apps phone` | Familiar, recognizable | + +--- + +## Week 2 — Chapters 3 & 4: Cybersecurity & Social Media + +### Chapter 3 — Staying Safe Online +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Password strength | Weak → strong password visual | `password strength meter` | Color-coded ladder or bars | +| Phishing email example | Fake vs real email comparison | `phishing email example` | Highlight red flags | +| Two-factor authentication | Phone with verification code | `two factor authentication phone` | Show the 2FA prompt | +| Malware/virus | Shield being attacked by bugs/glitches | `malware virus computer` | Illustrated works well | +| Privacy settings | Settings toggle or gear icon | `privacy settings` | Could be UI screenshot | +| Identity theft | Person with shadow of stolen identity | `identity theft concept` | Dramatic but not scary | +| VPN concept | Encrypted tunnel between laptop and server | `vpn concept encrypted` | Illustrated diagram preferred | + +### Chapter 4 — Social Media +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Social media platforms | Phone with Instagram/TikTok/Twitter/X | `social media apps smartphone` | Don't endorse specific platforms | +| Privacy on social media | Lock icon over social feed | `social media privacy` | | +| Digital footprint | Google search results for a person | `google search results person` | Show permanence | +| Cyberbullying | Person looking upset at phone | `cyberbullying phone upset` | Thoughtful, not dramatic | +| Social media echo chamber | Filter bubble visual | `filter bubble social media` | Illustrated works best | +| Healthy social media use | Person with balanced phone/life | `balanced life phone` | Positive framing | +| Posting responsibly | Person thinking before posting | `think before posting` | Many meme versions exist | + +--- + +## Week 3 — Chapters 5 & 6: Operating Systems & Documents + +### Chapter 5 — Operating Systems +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| OS comparison | Windows, macOS, Android, iOS logos/screens | `operating systems windows macos` | Clean product shots | +| File system tree | Folder hierarchy diagram | `file folder hierarchy` | Illustrated preferred | +| Desktop environment | Clean macOS or Windows desktop | `clean desktop computer` | Show organized desktop | +| Task manager / processes | Screenshot of task manager | `task manager processes` | Label key areas | +| Software installation | Download/install wizard screen | `software installation wizard` | | +| File types | Icons for PDF, DOCX, XLSX, PPTX | `file type icons` | Group by category | +| Operating system update | Update screen or progress bar | `software update screen` | Modern OS UI | + +### Chapter 6 — Documents & Productivity +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Microsoft Word | Document with formatting visible | `microsoft word document` | Clean, professional look | +| Google Docs | Browser-based doc editor | `google docs editor` | Show collaboration | +| Creating a presentation | PowerPoint slide being edited | `powerpoint presentation editing` | Slide with bullet points | +| Spreadsheet | Excel/Sheets with data and formulas | `spreadsheet excel data` | Show a simple table | +| Keyboard shortcuts | Keyboard with shortcuts labeled | `keyboard shortcuts typing` | Or a cheat-sheet graphic | +| Templates | Document template gallery | `document templates` | Show variety | +| Output formats | PDF, DOCX, HTML export options | `export document formats` | | + +--- + +## Week 4 — Chapters 7 & 8: Email, Calendars & Notes + +### Chapter 7 — Professional Email & Calendar +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Professional email | Clean email compose window | `professional email compose` | Show proper formatting | +| Email inbox | Organized inbox with labels | `email inbox organized` | | +| Email etiquette | Do's and Don'ts comparison | `email etiquette` | Illustrated list | +| Calendar management | Weekly calendar with color-coded events | `calendar schedule planning` | Show time management | +| Meeting invite | Calendar invite / video call link | `zoom meeting invite calendar` | | +| Time zones | World map with time zones | `time zones world map` | Practical visual | +| Professional signature | Email signature example | `email signature professional` | | + +### Chapter 8 — Notes, Screenshots & Organization +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Note-taking | Person with notebook and laptop | `note taking laptop` | Both digital and paper | +| Bookmarking | Browser bookmarks bar | `browser bookmarks organized` | Screenshot or clean render | +| Screenshot example | Annotated screenshot with arrows/highlights | `annotated screenshot` | Show how to use tools | +| Cloud notes | Notes app syncing across devices | `notes app cloud sync` | | +| Information organization | Color-coded folders or tabs | `organized folders notes` | | +| Evernote/Notion style | Clean notes app interface | `note taking app interface` | | +| Web clipper | Article being saved to app | `web clipper save article` | Illustrated or screenshot | + +--- + +## Week 5 — Chapters 9 & 10: Cloud Storage & AI + +### Chapter 9 — Cloud Tools +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Cloud storage concept | Cloud with files being uploaded | `cloud storage upload` | | +| Google Drive | Drive file list with folders | `google drive files` | Clean browser shot | +| OneDrive | Microsoft OneDrive interface | `onedrive cloud storage` | | +| File sharing | Shared folder with collaborators | `shared folder collaboration` | Show multi-user aspect | +| Collaboration | Two people editing same doc | `document collaboration` | Warm, collaborative feel | +| Backup concept | External drive + cloud = backup | `backup strategy` | Illustrated diagram | +| File versioning | Version history list | `file versioning history` | Screenshot of Google Docs | + +### Chapter 10 — AI +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| What is AI | Robot or brain with circuits | `artificial intelligence robot` | Classic but effective | +| Machine learning | Data → algorithm → prediction flow | `machine learning diagram` | Illustrated preferred | +| AI in daily life | Voice assistant, Netflix recommendation, Maps | `ai assistants voice` | Familiar touchpoints | +| ChatGPT / LLM | Chat interface with AI response | `chatgpt conversation` | Check for brand guidelines | +| AI ethics | Scale balance — AI on one side | `ai ethics balance` | Thoughtful imagery | +| Deep learning | Neural network visualization | `neural network visualization` | Colorful node diagrams | +| Future of AI | Futuristic human + AI interaction | `future technology ai` | Optimistic tone | + +--- + +## Week 6 — Chapters 11–14: Data, Careers & Access + +### Chapter 11 — Basic Data Skills +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Data visualization | Bar chart, pie chart, line graph | `data visualization charts` | Clean, colorful examples | +| Spreadsheet data | Raw data table → chart transformation | `spreadsheet data chart` | Show the process | +| Pie chart | Simple pie with labeled slices | `pie chart simple` | Easy to read | +| Bar/column chart | Comparison chart | `bar chart comparison` | | +| Data privacy | Database with lock | `database privacy` | | + +### Chapters 12–14 — Careers, Trends & Digital Divide +| Topic | Image Concept | Search Terms | Notes | +|-------|--------------|--------------|-------| +| Tech careers | People in tech jobs (dev, data, design) | `software developer workspace` | Diverse representation | +| STEM careers | Women/minorities in tech | `women in technology stem` | Inclusive imagery | +| Future tech trends | VR headset, IoT devices, smart home | `future technology trends` | Futuristic but real | +| Digital divide | Connected vs unconnected world | `digital divide` | Powerful contrast imagery | +| Internet access inequality | World map showing connectivity | `internet access map` | Data visualization | +| Technology in healthcare | Telemedicine, health apps | `telemedicine technology` | | +| Technology in education | Student with laptop, online learning | `online learning student` | Modern classroom | +| Automation & jobs | Robot arm in factory | `automation robot factory` | Show impact on workforce | + +--- + +## General Lecture Advice + +- **Consistency**: Pick a visual style (all photos, all illustrated, or a consistent mix) and stick with it per module +- **Attribution**: All three recommended sources (Unsplash, Pexels, Pixabay) are free to use without attribution, but crediting photographers is good practice +- **Fair use**: The textbook publisher may have an instructor resources site with approved images — worth asking Dr. Cason about +- **Diverse representation**: Prioritize photos showing diverse, inclusive classrooms/workplaces +- **Avoid clutter**: Clean, uncluttered images work better in presentations than busy stock photos +- **Screenshots**: UI screenshots from real apps (Word, Drive, Gmail) are often more useful than stock photos for productivity chapters