Lecture Notes: Web ICT Infographics & Office Interfaces

A set of vocabulary-style flashcards covering Web concepts, ICT trends, Infographics, and Image/File formats.

Web 1.0

The early web with flat, static pages and limited interactivity.

Web 2.0

The evolution from static pages to dynamic, user-driven content and participation.

Folksonomy

User-generated tagging and classification system using freely chosen keywords.

Hashtag

A keyword preceded by # used to categorize posts on social platforms.

Rich User Experience

Dynamic, responsive content that adapts to user input and context.

Long Tail

On-demand services and pricing based on usage or time, not one-time purchases.

User Participation

Users contribute content via comments, reviews, ratings, and more.

Software as a Service (SaaS)

Renting software on demand via the cloud instead of buying it.

Mass Participation

Broad information sharing from diverse users across cultures.

Web 3.0

A framework where data is shared and understood across applications, enabling machines to understand user preferences.

Compatibility (Web 3.0 problem)

Web 3.0 may not be supported by existing HTML/browsers.

Security (Web 3.0 problem)

Privacy and data security concerns when machines store user preferences.

Vastness (Web 3.0 problem)

The Web already contains billions of pages, posing scale challenges.

Vagueness (Web 3.0 problem)

Ambiguity in terms whose meaning depends on context.

Logic (Web 3.0 problem)

Machine-based reasoning limits in predicting user intent.

ICT

Information and Communication Technology; use of technologies for information handling and communication.

Convergence

Technological convergence: different technologies working toward common goals.

Social Media

Web platforms enabling creation, co-creation, discussion, and sharing of user-generated content.

Mobile Technologies

Smartphones and tablets enabling tasks once done on PCs.

Assistive Media

Nonprofit service providing audio content to help visually or reading-impaired users.

Social Networks

Sites that connect people with shared interests or backgrounds.

Bookmarking Sites

Sites to store and manage links to various resources.

Social News

Sites where users post news items or links to sources.

Media Sharing

Sites that allow uploading and sharing of images, audio, and video.

Microblogging

Sites focused on short, frequent updates from users.

Blogs and Forums

Websites where users post content and engage in discussions.

Title Bar

Top area showing the file name and application name.

Ribbon

Toolbar with tabs and tools, dynamic based on selected object.

Tabs

Categories like Home, Insert, Design that group commands.

Groups

Sets of related commands within a tab.

Quick Access Toolbar

Customizable bar for quick access to common commands.

File Tab / Backstage View

Menu for creating/opening/saving/printing/exporting files.

Status Bar

Bottom area showing slide number, language, zoom, and view mode.

Scroll Bars

Vertical/horizontal bars for navigating through content.

Zoom Slider

Control to zoom in or out of the workspace.

Dialog Box Launcher

Small arrow that opens additional options in a group.

Mini Toolbar

Floating quick-access formatting tools when right-clicking.

Slide Pane

Central area where the current slide is displayed and edited.

Slides/Thumbnails Pane

Left-side pane showing slide thumbnails for quick navigation.

Notes Pane

Area below the slide pane to add speaker notes.

Slide Sorter View

View showing all slides as thumbnails for rearrangement.

Normal View

Default view with slide pane, thumbnails, and notes.

Reading View

Windowed slideshow view, not full screen.

Slide Show View

Full-screen presentation mode for projecting slides.

Animation Pane

List of animations on a slide; reorder and customize effects.

Design Ideas (PowerPoint Designer)

AI-powered feature suggesting slide layouts based on content.

Netiquette

Ten guidelines for courteous behavior online.

Computer Ethics

Moral principles guiding computing; includes widely cited ethical rules.

Balance

Even visual weight distribution in a design.

Emphasis

Element or area that stands out to draw attention.

Repetition, Pattern, Rhythm

Repeating elements create texture, movement, and consistency.

Alignment

Proper placement of elements along axes for a clean layout.

Hierarchy

Organizing elements to show importance and guide reading order.

Contrast

Differences in size, color, shape, or texture to create emphasis.

Unity & Harmony

Elements work together to convey a coherent message.

Infographic

Graphic representation of information, data, or knowledge.

Content (Infographic Parts)

Text, statistics, time frames, and references in an infographic.

Knowledge (Infographic Parts)

Facts and conclusions conveyed by the infographic.

Visual (Infographic Parts)

Colors, graphics, icons used in the infographic design.

Uniqueness

A distinctive, memorable design twist.

Keep It Simple

Avoid excessive detail; ensure the message is clear.

Creativity and Boldness

Make the main message bold and creatively engaging.

Less is More

Simplicity often communicates more effectively than clutter.

The Fortune is in the Forwarding

Encourage sharing to broaden reach and impact.

Bar Graph

Horizontal or vertical bars comparing data across categories.

Line Chart

Data points connected by lines to show trends over time.

Pie Chart

Circular chart divided into sectors representing proportions.

Area Chart

Line chart with the area below filled to show cumulative values.

Importance of Infographics

Simplify complex data and improve clarity, understanding, and retention.

Online File Formats

Digital file formats used for online viewing, sharing, or download.

Image File Formats

Formats used to store digital images.

Raster Image Formats

Pixel-based images (e.g., JPEG, PNG, GIF) that may lose quality when scaled.

Vector Image Formats

Resolution-independent images defined by points and paths (e.g., SVG, EPS, AI).

Lossy

Compression that reduces file size by discarding some image data.

Lossless

Compression that preserves all original image data.

JPEG

Lossy raster format; widely used for photos and web images.

GIF

Lossless raster format; supports animation and transparency.

PNG

Lossless raster format; supports transparency and millions of colors.

TIFF

Lossless raster format; very high quality; commonly used in print.

PDF

Portable Document Format; cross-platform document format with vector/raster support.

RAW

Unprocessed image data from a camera/sensor; highest quality for editing.

EPS

Encapsulated PostScript; primarily a vector format for scalable graphics.

SVG

Scalable Vector Graphics; XML-based vector format—resolution-independent.

AI

Adobe Illustrator native vector file format.

WEBP

Google image format with efficient lossless and lossy compression for web.