Software UI & Tools

General Software Operations

1
2
3
4
5
6

Mastering essential software interfaces: navigating menu bars, toolbar settings, view modes, printing options, and exporting files across desktop and web applications.

Level 1

UI & Toolbars

Identifying standard software interface elements.

Learning objective

Learning About: Software UI. Learning To: Identify toolbars and buttons. Learning To Be: Inquirer.

Let's Go!

Step media

Learn

Most software uses a consistent design pattern. At the top of the window, you will find the Title Bar, Menu Bar (File, Edit, View), and Toolbars filled with action buttons. Learning these universal patterns means you can open almost any new program and instantly know how to use it!

Interactive Simulator Sandbox
Curriculum:Step 1 โ€ข Bronze Tier
๐Ÿ–ฅ๏ธ
Step 1 โ€ข Bronze (Level 1): UI & Toolbars - Window Elements

Recognise the main application window, title bar, and close button (โœ•) in the top right corner.

๐ŸŽจEduStudio Pro - Untitled Project.artโ— Unsaved Changes
View:
School Portfolio

Ecosystem Habitat Study

Temperate rainforests receive over 200 centimeters of rainfall annually. Giant coniferous trees support thousands of plant and animal species in an intricate canopy food web.

๐ŸŒฒ๐ŸฆŒ๐Ÿฆ‰
Figure 1.1: Multi-tier Forest Biome Diagram
Page 1 of 1 โ€ข 28 Words|Drafting Mode
Zoom:100%

Apply Simulator Skills โ€ข Try it yourself

Identify Common UI Controls

๐Ÿ”„Direct Simulator Transfer: Step 1 Tasks 1, 2 & 3

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognise the main window and close button.

Developing

Identify toolbar icons for common actions.

Secure (Goal)

Locate menu bars, toolbars, and status bars accurately.

Mastery

Explain how common icons (save, print, undo) work across different apps.

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

๐Ÿ“
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!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Why do you think software developers use the same icons across different applications?

๐ŸŸขSecure Level

Locate menu bars, toolbars, and status bars accurately.

Learning check

Learning Check

Which part of a software window usually contains commands like File, Edit, and View?

Select the correct option.

Answer correctly to unlock the next level.

Correct! The Menu Bar houses organized dropdown menus for app commands.Look near the top left of the application window for File, Edit, and View.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See, Think, Wonder

Teacher notes: Facilitate the See, Think, Wonder routine for 2โ€“3 minutes. Encourage students to connect the prompt to Form (Digital tools feature consistent interface patterns to help us navigate.).

Achievement pathway

  • Foundation: Recognise the main window and close button.
  • Developing: Identify toolbar icons for common actions.
  • Secure: Locate menu bars, toolbars, and status bars accurately.
  • Mastering: Explain how common icons (save, print, undo) work across different apps.

Curriculum links

Curriculum strand: CM.01.B.1.1

Outcome: SOFT-O-01 โ€” Identifying standard software interface elements.

PYP: Form ยท Digital tools feature consistent interface patterns to help us navigate.

Learner profile: Inquirer

Competency tags

  • software-ui
  • toolbars
  • icons
  • navigation

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Which part of a software window usually contains commands like File, Edit, and View?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 2: File Menu & Storage

Complete the previous learning check to unlock this next level.

Level 2

File Menu & Storage

Executing essential File menu operations.

Learning objective

Learning About: File Menu. Learning To: Execute New, Open, Save, and Save As. Learning To Be: Principled.

Let's Go!

Step media

Learn

The File menu is your command center for document life cycles. 'New' creates a fresh blank document, 'Open' loads an existing project, 'Save' updates your current file, and 'Save As' lets you save a brand new copy with a different file name or location. In computing, managing project states prevents work loss and supports revision. As you explore the interactive Software Simulator below, focus on how to use the File menu confidently to create, open, and save files.

Interactive Simulator Sandbox
Curriculum:Step 2 โ€ข Bronze Tier
๐Ÿ–ฅ๏ธ
Step 1 โ€ข Bronze (Level 1): UI & Toolbars - Window Elements

Recognise the main application window, title bar, and close button (โœ•) in the top right corner.

๐ŸŽจEduStudio Pro - Untitled Project.artโ— Unsaved Changes
View:
School Portfolio

Ecosystem Habitat Study

Temperate rainforests receive over 200 centimeters of rainfall annually. Giant coniferous trees support thousands of plant and animal species in an intricate canopy food web.

๐ŸŒฒ๐ŸฆŒ๐Ÿฆ‰
Figure 1.1: Multi-tier Forest Biome Diagram
Page 1 of 1 โ€ข 28 Words|Drafting Mode
Zoom:100%

Apply Simulator Skills โ€ข Try it yourself

Practice Document Lifecycle Operations

๐Ÿ”„Direct Simulator Transfer: Step 2 Tasks 4, 5 & 6

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Click Save when prompted.

Developing

Differentiate between Save and Save As.

Secure (Goal)

Use the File menu confidently to create, open, and save files.

Mastery

Explain when to use 'Save As' to create a new version without overwriting the original.

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

๐Ÿ“
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!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How does using 'Save As' protect your original file when you want to make major changes?

๐ŸŸขSecure Level

Use the File menu confidently to create, open, and save files.

Learning check

Learning Check

You want to save a copy of your document under a NEW filename without changing the original file. Which command should you choose?

Select the correct option.

Answer correctly to unlock the next level.

Spot on! 'Save As' prompts you for a new filename or folder location.Think about which command allows you to change the name or location when saving.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Think, Puzzle, Explore

Teacher notes: Facilitate the Think, Puzzle, Explore routine for 2โ€“3 minutes. Encourage students to connect the prompt to Function (Managing project states prevents work loss and supports revision.).

Achievement pathway

  • Foundation: Click Save when prompted.
  • Developing: Differentiate between Save and Save As.
  • Secure: Use the File menu confidently to create, open, and save files.
  • Mastering: Explain when to use 'Save As' to create a new version without overwriting the original.

Curriculum links

Curriculum strand: CM.01.B.1.2

Outcome: SOFT-O-02 โ€” Executing essential File menu operations.

PYP: Function ยท Managing project states prevents work loss and supports revision.

Learner profile: Principled

Competency tags

  • file-menu
  • save
  • save-as
  • new-document

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "You want to save a copy of your document under a NEW filename without changing the original file. Which command should you choose?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 3: Edit & View Menus

Complete the previous learning check to unlock this next level.

Level 3

Edit & View Menus

Navigating Edit commands, Find tools, and View modes.

Learning objective

Learning About: Edit & View. Learning To: Use Find/Replace, Zoom, and View Modes. Learning To Be: Thinker.

Let's Go!

Step media

Learn

The Edit menu gives you power tools like Find & Replace (Ctrl+F / Ctrl+H) to instantly locate or swap words across giant documents. The View menu lets you control your workspace displayโ€”toggle rulers, enable gridlines, zoom in for detailed work, or enter Full Screen mode for presentations.

Interactive Simulator Sandbox
Curriculum:Step 3 โ€ข Bronze Tier
๐Ÿ’ป
Step 1 โ€ข Bronze (Level 1): Window Controls (Minimize, Maximize, Close)

Identify the three window control buttons (โˆ’, โ–ก, โœ•) in the top-right corner to control application displays.

Snap Assist Controls:
๐ŸŒ‹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

Apply Simulator Skills โ€ข Try it yourself

Master View Controls & Find Tool

๐Ÿ”„Direct Simulator Transfer: Step 3 Tasks 7, 8 & 9

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Adjust the zoom level on screen.

Developing

Use Find (Ctrl+F) to locate a specific word.

Secure (Goal)

Navigate View modes (Full Screen, Gridlines) and use Find & Replace efficiently.

Mastery

Optimize interface view modes for different tasks like drafting, proofreading, and presenting.

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

๐Ÿ“
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!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Which View mode setting helps you inspect small details in a design or drawing app?

๐ŸŸขSecure Level

Navigate View modes (Full Screen, Gridlines) and use Find & Replace efficiently.

Learning check

Learning Check

What keyboard shortcut or menu tool allows you to search for a specific word inside a large document instantly?

Select the correct option.

Answer correctly to unlock the next level.

Correct! Edit > Find instantly highlights matches across your document.Think about which Edit command helps you 'find' text.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Zoom In

Teacher notes: Facilitate the Zoom In routine for 2โ€“3 minutes. Encourage students to connect the prompt to Change (Customizing workspace views and search tools increases productivity.).

Achievement pathway

  • Foundation: Adjust the zoom level on screen.
  • Developing: Use Find (Ctrl+F) to locate a specific word.
  • Secure: Navigate View modes (Full Screen, Gridlines) and use Find & Replace efficiently.
  • Mastering: Optimize interface view modes for different tasks like drafting, proofreading, and presenting.

Curriculum links

Curriculum strand: CM.02.B.1.1

Outcome: SOFT-O-03 โ€” Navigating Edit commands, Find tools, and View modes.

PYP: Change ยท Customizing workspace views and search tools increases productivity.

Learner profile: Thinker

Competency tags

  • edit-menu
  • view-menu
  • find-replace
  • zoom-levels

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What keyboard shortcut or menu tool allows you to search for a specific word inside a large document instantly?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 4: Preferences & Settings

Complete the previous learning check to unlock this next level.

Level 4

Preferences & Settings

Configuring application preferences and options.

Learning objective

Learning About: App Preferences. Learning To: Adjust themes, defaults, and auto-save. Learning To Be: Balanced.

Let's Go!

Step media

Learn

Every major application has an Options or Preferences panel (often found under the File menu, Gear icon โš™๏ธ, or App Name menu). Here you can configure Auto-Save intervals so you never lose work during crashes, adjust Dark/Light appearance themes, set default file saving locations, and customize accessibility settings.

Interactive Simulator Sandbox
Curriculum:Step 4 โ€ข Bronze Tier
๐Ÿ”Œ
Step 1 โ€ข Bronze (Level 1): Physical Cables & Power - Power LED Check

Checks if the device power light is turned on before touching any software.

Active Issue
TICKET #101DESKTOP WORKSTATIONNORMAL PRIORITY

Screen is totally dark and unresponsive

A student sat down and reported their monitor won't display anything. Diagnose the root cause systematically.

POWER BUSOFF (0V)
VIDEO FEEDNO SIGNAL
AUDIO LINKMUTED
NETWORKOFFLINE
๐Ÿ”Œ Physical Rear Ports & Peripheral Cables
EDTECH PRO-VISION 24"
๐ŸงฐTechnician Diagnostic Actions & Triage Tools
Select the correct diagnostic action below:

Apply Simulator Skills โ€ข Try it yourself

Configure App Options & Auto-Save

๐Ÿ”„Direct Simulator Transfer: Step 4 Tasks 10, 11 & 12

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Locate the Settings / Options cog icon.

Developing

Toggle visual themes (Light / Dark mode).

Secure (Goal)

Configure software preferences (auto-recovery interval, default save folder, font sizes).

Mastery

Evaluate accessibility settings (high contrast, text-to-speech, font scaling) for inclusive design.

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

๐Ÿ“
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!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How does setting an Auto-Recovery interval (e.g. every 5 minutes) protect your projects?

๐ŸŸขSecure Level

Configure software preferences (auto-recovery interval, default save folder, font sizes).

Learning check

Learning Check

Where in an application would you go to change the default font or turn on Dark Mode?

Select the correct option.

Answer correctly to unlock the next level.

Exactly! The Preferences/Settings panel controls application-wide defaults.Look for the Gear โš™๏ธ icon or Preferences/Settings menu item.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Compass Points

Teacher notes: Facilitate the Compass Points routine for 2โ€“3 minutes. Encourage students to connect the prompt to Responsibility (Personalizing system preferences optimizes accessibility and efficiency.).

Achievement pathway

  • Foundation: Locate the Settings / Options cog icon.
  • Developing: Toggle visual themes (Light / Dark mode).
  • Secure: Configure software preferences (auto-recovery interval, default save folder, font sizes).
  • Mastering: Evaluate accessibility settings (high contrast, text-to-speech, font scaling) for inclusive design.

Curriculum links

Curriculum strand: CM.02.B.1.2

Outcome: SOFT-O-04 โ€” Configuring application preferences and options.

PYP: Responsibility ยท Personalizing system preferences optimizes accessibility and efficiency.

Learner profile: Balanced

Competency tags

  • preferences
  • settings
  • dark-mode
  • auto-save

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Where in an application would you go to change the default font or turn on Dark Mode?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 5: Print Setup & Layout

Complete the previous learning check to unlock this next level.

Level 5

Print Setup & Layout

Configuring print settings, margins, and print preview.

Learning objective

Learning About: Print Operations. Learning To: Configure orientation, margins, and Print to PDF. Learning To Be: Reflective.

Let's Go!

Step media

Learn

Before sending any document to a printer, ALWAYS check Print Preview! In the Print dialog (Ctrl+P), you can choose your target printer, select page orientation (Portrait = tall, Landscape = wide), set margins, choose specific page ranges, and scale content to fit onto 1 page. You can also select 'Microsoft Print to PDF' or 'Save as PDF' to create a digital proof without wasting paper.

Interactive Simulator Sandbox
Curriculum:Step 5 โ€ข Bronze Tier
๐Ÿ’พ
Step 1 โ€ข Bronze (Level 1): New Projects & First Save

Type a clear name in the "File name" box and click Save to store it on the Desktop.

๐Ÿ’พSave As...
โš ๏ธ Type a file name

Apply Simulator Skills โ€ข Try it yourself

Configure Print Settings & Digital PDF Proof

๐Ÿ”„Direct Simulator Transfer: Step 5 Tasks 13, 14 & 15

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Locate the Print button and preview window.

Developing

Switch page orientation between Portrait and Landscape.

Secure (Goal)

Adjust print scale, page range, double-sided settings, and export via 'Print to PDF'.

Mastery

Audit print jobs before sending to prevent wasted paper, ink, and misaligned layouts.

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

๐Ÿ“
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!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Why is 'Print Preview' an essential step before sending a 20-page document to a physical printer?

๐ŸŸขSecure Level

Adjust print scale, page range, double-sided settings, and export via 'Print to PDF'.

Learning check

Learning Check

Which page orientation should you choose when printing a wide table or horizontal presentation slide?

Select the correct option.

Answer correctly to unlock the next level.

Great job! Landscape orientation turns the page horizontally for wider layouts.Think about which orientation makes the page wide like a landscape painting.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: I used to think...

Teacher notes: Facilitate the I used to think... routine for 2โ€“3 minutes. Encourage students to connect the prompt to Causation (Preparing documents for physical output requires environmental and layout formatting.).

Achievement pathway

  • Foundation: Locate the Print button and preview window.
  • Developing: Switch page orientation between Portrait and Landscape.
  • Secure: Adjust print scale, page range, double-sided settings, and export via 'Print to PDF'.
  • Mastering: Audit print jobs before sending to prevent wasted paper, ink, and misaligned layouts.

Curriculum links

Curriculum strand: CM.03.B.1.1

Outcome: SOFT-O-05 โ€” Configuring print settings, margins, and print preview.

PYP: Causation ยท Preparing documents for physical output requires environmental and layout formatting.

Learner profile: Reflective

Competency tags

  • print-setup
  • print-preview
  • orientation
  • margins

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Which page orientation should you choose when printing a wide table or horizontal presentation slide?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 6: Export & Conversion

Complete the previous learning check to unlock this next level.

Level 6

Export & Conversion

Exporting projects across formats for interoperability.

Learning objective

Learning About: Exporting. Learning To: Convert files to PDF, PNG, CSV, or MP4 formats. Learning To Be: Knowledgeable.

Let's Go!

Step media

Learn

Working project files (like .docx, .psd, or .sb3) retain all your editable layers and code blocks, but require specific software to open. When you are ready to share your final work, use File > Export or Download! Exporting turns your project into universal, flattened formatsโ€”PDF for read-only reports, PNG/JPG for images, CSV for raw data tables, and MP4 for animated videos.

Interactive Simulator Sandbox
Curriculum:Step 6 โ€ข Bronze Tier
๐Ÿ“
Step 1 โ€ข Bronze (Level 1): My First Folder & Saving

Your desktop is messy! Drag loose files from the right grid into the folders on the left.

๐Ÿ“„Homework.docx
๐Ÿ–ผ๏ธPuppy.jpg
๐Ÿ“Story_Chapter1.txt
๐ŸŽตClass_Anthem.mp3
๐Ÿ–ผ๏ธField_Trip.png

Apply Simulator Skills โ€ข Try it yourself

Export Project into Universal Formats

๐Ÿ”„Direct Simulator Transfer: Step 6 Tasks 16, 17 & 18

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identify file format extension options when saving.

Developing

Export a document as a read-only PDF file.

Secure (Goal)

Choose appropriate export formats (PDF for documents, PNG/JPG for graphics, CSV for data, MP4 for video) based on destination.

Mastery

Explain the difference between native editable project files (.psd, .docx, .sb3) and exported flattened distribution formats (.png, .pdf).

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

๐Ÿ“
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!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

What is the key difference between keeping a working project file vs. exporting a final PDF/PNG?

๐ŸŸขSecure Level

Choose appropriate export formats (PDF for documents, PNG/JPG for graphics, CSV for data, MP4 for video) based on destination.

Learning check

Learning Check

You want to share a final project report with someone so that the formatting looks identical on ANY device and cannot be easily edited. Which format should you export to?

Select the correct option.

Answer correctly to complete this strand.

Spot on! PDF preserves layout and fonts across all devices and operating systems.Think about which universal format preserves document formatting across all screens.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Step Inside

Teacher notes: Facilitate the Step Inside routine for 2โ€“3 minutes. Encourage students to connect the prompt to Connection (Exporting files into standardized formats ensures compatibility across devices and audiences.).

Achievement pathway

  • Foundation: Identify file format extension options when saving.
  • Developing: Export a document as a read-only PDF file.
  • Secure: Choose appropriate export formats (PDF for documents, PNG/JPG for graphics, CSV for data, MP4 for video) based on destination.
  • Mastering: Explain the difference between native editable project files (.psd, .docx, .sb3) and exported flattened distribution formats (.png, .pdf).

Curriculum links

Curriculum strand: CM.03.B.1.2

Outcome: SOFT-O-06 โ€” Exporting projects across formats for interoperability.

PYP: Connection ยท Exporting files into standardized formats ensures compatibility across devices and audiences.

Learner profile: Knowledgeable

Competency tags

  • export
  • file-conversion
  • pdf
  • png
  • csv
  • interoperability

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "You want to share a final project report with someone so that the formatting looks identical on ANY device and cannot be easily edited. Which format should you export to?" with a teacher or teaching assistant.

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"!