Systems

Computer Systems & Architecture

1
2
3
4
5
6

Exploring how hardware, software, data, and human interaction combine into integrated computational systems.

Level 1

Everyday Systems

Identify technology systems in school and home and explain how their parts work together.

Learning objective

Identify everyday technology systems in school and home and explain how their parts work together.

Let's Go!

Learn

A system is a set of connected parts that work together to perform a task. A tablet system needs hardware (screen, battery), software (apps), and human input (touch) to function properly.

Content

Unsupported content component

StandardContent

Try it yourself

System Inspector

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identifies individual technology devices with teacher support.

Developing

Names basic parts of a desktop or tablet system.

Secure (Goal)

Explains how tablet hardware, apps, power, and user interaction form an everyday working system.

Mastery

Compares different everyday systems (e.g. interactive whiteboard vs. personal tablet) and their component interactions.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for Everyday Systems includes:

  • Core Deliverable: System Inspector
  • Target Quality: Explains how tablet hardware, apps, power, and user interaction form an everyday working system.
  • Excellence & Polish: Compares different everyday systems (e.g. interactive whiteboard vs. personal tablet) and their component interactions.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

What happens to a computer system if one key component like power or software is missing?

Low
High

Learning check

Learning Check

Which option best describes a computer system?

Select the correct definition of a technology system.

Answer correctly to unlock the next level.

Great job! You understand how system components interact.Remember, a system requires connected hardware and software working together.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See Think Wonder

Achievement pathway

  • Foundation: Identifies individual technology devices with teacher support.
  • Developing: Names basic parts of a desktop or tablet system.
  • Secure: Explains how tablet hardware, apps, power, and user interaction form an everyday working system.
  • Mastering: Compares different everyday systems (e.g. interactive whiteboard vs. personal tablet) and their component interactions.

Curriculum links

Curriculum strand: Computer Systems

Outcome: CP.01.B.1.1 โ€” Identify technology systems in school and home and explain how their parts work together.

PYP: Form ยท Connected components work together as systems to achieve purposeful tasks.

Learner profile: Inquirer

Competency tags

  • systems
  • hardware
  • software
  • foundational-skills

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 2: Systems Around Us

Complete the previous learning check to unlock this next level.

Level 2

Systems Around Us

Recognize automated technology systems in the wider world and describe their inputs and outputs.

Learning objective

Recognize automated technology systems in the wider world (traffic lights, supermarket checkouts, ATMs) and describe their inputs and outputs.

Let's Go!

Learn

Automated systems are all around us. A supermarket checkout system takes a barcode input, searches a database, displays the price output on a screen, and prints a physical receipt.

Content

Unsupported content component

StandardContent

Try it yourself

Real-World System Mapping

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Points out public technology devices like traffic lights or card readers.

Developing

Identifies the main input or output of an automated real-world system.

Secure (Goal)

Describes how real-world systems like supermarket checkouts take inputs (barcode scan), process data, and generate outputs (receipt/price).

Mastery

Analyzes complex public systems like ATMs or airport check-in kiosks and diagrams their multi-step workflow.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for Systems Around Us includes:

  • Core Deliverable: Real-World System Mapping
  • Target Quality: Describes how real-world systems like supermarket checkouts take inputs (barcode scan), process data, and generate outputs (receipt/price).
  • Excellence & Polish: Analyzes complex public systems like ATMs or airport check-in kiosks and diagrams their multi-step workflow.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Why do automated systems help speed up everyday tasks in shops and traffic management?

Low
High

Learning check

Learning Check

What is the main input when a shop assistant scans an item at a checkout?

Identify the primary input for a supermarket checkout system.

Answer correctly to unlock the next level.

Correct! The barcode scanner converts light reflections into digital input data.Think about what provides the initial data to the checkout system.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Zoom In

Achievement pathway

  • Foundation: Points out public technology devices like traffic lights or card readers.
  • Developing: Identifies the main input or output of an automated real-world system.
  • Secure: Describes how real-world systems like supermarket checkouts take inputs (barcode scan), process data, and generate outputs (receipt/price).
  • Mastering: Analyzes complex public systems like ATMs or airport check-in kiosks and diagrams their multi-step workflow.

Curriculum links

Curriculum strand: Computer Systems

Outcome: CP.01.B.1.1 โ€” Recognize automated technology systems in the wider world and describe their inputs and outputs.

PYP: Function ยท Automated systems process inputs from the environment to generate useful real-world outputs.

Learner profile: Communicator

Competency tags

  • automated-systems
  • real-world-tech
  • inputs-outputs

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 3: System Workflows

Complete the previous learning check to unlock this next level.

Level 3

System Workflows

Map out system workflows showing how inputs are processed to trigger specific system outputs.

Learning objective

Map out system workflows showing how inputs are processed to trigger specific system outputs.

Let's Go!

Learn

System workflows follow the Input-Processing-Output (IPO) model. Inputs (coins, button presses) pass to the processor (checking coin value, selection choice), which triggers the actuator output (motor drops snack).

Curriculum Level:Level 1
๐Ÿ’ป
Level 1: Minimize, Maximize & Close

Practice using the window control buttons in the top right corner of the window.

๐Ÿ–ฅ๏ธ Virtual Desktops:
Snap Layout:
๐ŸŒ‹Volcano Expedition - Web Browser

Volcanoes: Earth's Fiery Chimneys!

Melted subterranean rock called magma rises through vents. When it erupts onto the surface, it becomes glowing red lava!

๐ŸŒ‹๐Ÿ”ฅ
๐Ÿ“Field Notes - Notepad

My Study Notes

10:45 AM

Try it yourself

Workflow Diagrammer

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Draws simple pictures showing an input and an output.

Developing

Creates a 3-box Input -> Processing -> Output diagram with prompting.

Secure (Goal)

Maps detailed system workflows incorporating decision points and feedback loops.

Mastery

Evaluates workflow bottlenecks and proposes system improvements in automated pipelines.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for System Workflows includes:

  • Core Deliverable: Workflow Diagrammer
  • Target Quality: Maps detailed system workflows incorporating decision points and feedback loops.
  • Excellence & Polish: Evaluates workflow bottlenecks and proposes system improvements in automated pipelines.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Why is it important to map out system workflows before building automated systems?

Low
High

Learning check

Learning Check

In what order does data move through a computer system?

Identify the correct order of stages in a standard system workflow.

Answer correctly to unlock the next level.

Spot on! Data enters as Input, undergoes Processing, and yields Output.Review the IPO model order.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Think Pair Share

Achievement pathway

  • Foundation: Draws simple pictures showing an input and an output.
  • Developing: Creates a 3-box Input -> Processing -> Output diagram with prompting.
  • Secure: Maps detailed system workflows incorporating decision points and feedback loops.
  • Mastering: Evaluates workflow bottlenecks and proposes system improvements in automated pipelines.

Curriculum links

Curriculum strand: Computer Systems

Outcome: CP.02.B.1.1 โ€” Map out system workflows showing how inputs are processed to trigger specific system outputs.

PYP: Connection ยท Structured system workflows define how inputs travel through processing stages to produce predictable outputs.

Learner profile: Thinker

Competency tags

  • system-workflow
  • input-processing-output
  • diagrams

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 4: Embedded Systems

Complete the previous learning check to unlock this next level.

Level 4

Embedded Systems

Explore embedded microcontrollers inside smart appliances and program conditional control loops.

Learning objective

Explore embedded microcontrollers inside smart appliances (washing machines, thermostats, micro:bits) and program conditional control loops.

Let's Go!

Learn

An embedded system is a dedicated computer built into a larger mechanical or electrical system. Unlike general-purpose computers (PCs, laptops), embedded microcontrollers run fixed software programs continuously to control specific hardware.

Content

Unsupported content component

StandardContent

Try it yourself

Smart Thermostat Simulator

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identifies smart home devices that contain hidden computers.

Developing

Explains that embedded systems run dedicated single-purpose software.

Secure (Goal)

Programs conditional control loops on microcontrollers (e.g. if temperature < 20 then turn on heater).

Mastery

Designs an embedded smart home prototype integrating multiple sensors and actuators.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for Embedded Systems includes:

  • Core Deliverable: Smart Thermostat Simulator
  • Target Quality: Programs conditional control loops on microcontrollers (e.g. if temperature < 20 then turn on heater).
  • Excellence & Polish: Designs an embedded smart home prototype integrating multiple sensors and actuators.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

How do embedded systems improve energy efficiency in modern smart buildings?

Low
High

Learning check

Learning Check

Which statement is true about embedded systems?

Identify a key characteristic of an embedded computer system.

Answer correctly to unlock the next level.

Excellently answered! Embedded systems run dedicated control code inside appliances.Consider how a microwave's computer differs from a general desktop PC.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See Think Wonder

Achievement pathway

  • Foundation: Identifies smart home devices that contain hidden computers.
  • Developing: Explains that embedded systems run dedicated single-purpose software.
  • Secure: Programs conditional control loops on microcontrollers (e.g. if temperature < 20 then turn on heater).
  • Mastering: Designs an embedded smart home prototype integrating multiple sensors and actuators.

Curriculum links

Curriculum strand: Computer Systems

Outcome: CP.02.B.1.1 โ€” Explore embedded microcontrollers inside smart appliances and program conditional control loops.

PYP: Responsibility ยท Embedded microcontrollers run dedicated software algorithms inside everyday hardware devices.

Learner profile: Principled

Competency tags

  • embedded-systems
  • microcontrollers
  • IoT
  • smart-devices

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 5: System Architecture

Complete the previous learning check to unlock this next level.

Level 5

System Architecture

Analyze client-server system architectures, tracing data flows between user interfaces, servers, and databases.

Learning objective

Analyze client-server system architectures, tracing data flows between front-end user interfaces, back-end server processing, and database storage.

Let's Go!

Learn

Modern digital systems use 3-tier architecture: 1) Front-end Client (user interface on phone/browser), 2) Back-end Application Server (business logic and processing), and 3) Database Server (secure persistent data storage).

Content

Unsupported content component

StandardContent

Try it yourself

System Architecture Builder

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identifies that web apps connect to remote computers over the internet.

Developing

Distinguishes between front-end screens (client) and back-end servers.

Secure (Goal)

Traces complete 3-tier system architecture requests (Client UI -> Web Server Logic -> Database Query -> Response).

Mastery

Designs scalable system architecture diagrams accounting for server request load balancing.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for System Architecture includes:

  • Core Deliverable: System Architecture Builder
  • Target Quality: Traces complete 3-tier system architecture requests (Client UI -> Web Server Logic -> Database Query -> Response).
  • Excellence & Polish: Designs scalable system architecture diagrams accounting for server request load balancing.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Why is user data stored in a central database server rather than on individual phone devices?

Low
High

Learning check

Learning Check

In client-server system architecture, what is the main job of the database server?

Identify the role of a Database Server in a 3-tier system architecture.

Answer correctly to unlock the next level.

Correct! Databases handle centralized persistent storage for systems.Review the roles of client, server, and database layers.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: 3-2-1 Bridge

Achievement pathway

  • Foundation: Identifies that web apps connect to remote computers over the internet.
  • Developing: Distinguishes between front-end screens (client) and back-end servers.
  • Secure: Traces complete 3-tier system architecture requests (Client UI -> Web Server Logic -> Database Query -> Response).
  • Mastering: Designs scalable system architecture diagrams accounting for server request load balancing.

Curriculum links

Curriculum strand: Computer Systems

Outcome: CP.03.B.1.1 โ€” Analyze client-server system architectures, tracing data flows between user interfaces, servers, and databases.

PYP: Perspective ยท Distributed client-server architectures enable global software applications by separating presentation, logic, and database layers.

Learner profile: Knowledgeable

Competency tags

  • system-architecture
  • client-server
  • databases
  • backend

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 6: System Design & Reliability

Complete the previous learning check to unlock this next level.

Level 6

System Design & Reliability

Evaluate system reliability, redundancy, and failure points in complex digital infrastructure.

Learning objective

Evaluate system reliability, redundancy, and failure points in complex digital infrastructure, designing resilient system diagrams.

Let's Go!

Learn

Critical systems require high availability and resilience. Engineers prevent system crashes by identifying Single Points of Failure (SPOF) and introducing Redundancyโ€”duplicate backup hardware, secondary internet connections, and automated failover protocols.

Content

Unsupported content component

StandardContent

Try it yourself

System Resilience Audit

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognizes that technology systems can crash or experience power outages.

Developing

Identifies potential single points of failure in basic network setups.

Secure (Goal)

Evaluates system diagrams to spot single points of failure and designs redundant backup channels (backup servers, dual power supplies).

Mastery

Conducts threat and disaster recovery analysis for critical infrastructure (hospitals, emergency services IT).

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for System Design & Reliability includes:

  • Core Deliverable: System Resilience Audit
  • Target Quality: Evaluates system diagrams to spot single points of failure and designs redundant backup channels (backup servers, dual power supplies).
  • Excellence & Polish: Conducts threat and disaster recovery analysis for critical infrastructure (hospitals, emergency services IT).
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

How does redundancy protect critical public systems like air traffic control from sudden catastrophic failure?

Low
High

Learning check

Learning Check

In resilient system design, what does 'redundancy' mean?

Define 'Redundancy' in computer system engineering.

Answer correctly to complete this strand.

Outstanding! Redundancy guarantees high availability and system fault tolerance.Think about why critical systems use duplicate backup hardware.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Compass Points

Achievement pathway

  • Foundation: Recognizes that technology systems can crash or experience power outages.
  • Developing: Identifies potential single points of failure in basic network setups.
  • Secure: Evaluates system diagrams to spot single points of failure and designs redundant backup channels (backup servers, dual power supplies).
  • Mastering: Conducts threat and disaster recovery analysis for critical infrastructure (hospitals, emergency services IT).

Curriculum links

Curriculum strand: Computer Systems

Outcome: CP.03.B.1.1 โ€” Evaluate system reliability, redundancy, and failure points in complex digital infrastructure.

PYP: Reflection ยท Resilient system architecture anticipates single points of failure by embedding redundancy and fail-safe protocols.

Learner profile: Reflective

Competency tags

  • system-design
  • reliability
  • failure-points
  • redundancy

Gate support

Accessibility alternative:

Teacher override: allow

๐ŸŽ’ Students Home โ†’

Install App for Classroom

One-click fullscreen learning for Chromebooks, iPads & PCs

๐Ÿ–ฅ๏ธ
Distraction-FreeFullscreen window without browser tabs or search clutter.
โšก
1-Tap LaunchPin directly to the Chromebook shelf, iPad dock, or Windows taskbar.
๐Ÿ“ถ
Classroom SpeedInstant cached loads for lessons and simulators even on school Wi-Fi.
๐Ÿ”’
Safe & Ad-Free100% free, private, and no app store logins or passwords needed.
  1. 1
    Click the Install button

    In your browser, look at the right end of the top web address bar for the ๐Ÿ’ป Install or โค“ icon.

  2. 2
    Confirm "Install"

    A popup will ask if you want to install "Ed Tech Hub". Click Install.

  3. 3
    Pin to your Shelf

    Right-click (or two-finger tap) the app icon in your Chromebook bottom shelf and select "Pin"!