HVAC 4.0
Master Document
Table of Contents
Getting Started: Learning the UI
Welcome to HVAC 4.0. In this document we will be discussing the main user interface.
Our goal is to give you, the user, the tools you need to quickly navigate this application and focus on the learning!
1
2
3
The new general user interface is divided into three (3) main parts:
Header
Content Area
Sidebar
Learning the UI / The Header
The header contains the name of the app (HVAC 4.0) and links to different functions of this app.
Selected Link will be highlighted in white
Unselected Links will appear in blue
Learning Path
This link will
lead you to the
simulation content
lead you to the
simulation content
Badges
This link will
let you check
your progress
let you check
your progress
Leaderboards
This link will show
you how you stand
against other users.
you how you stand
against other users.
Learning the UI / The Learning Path
Selecting Your Content
The interactive Learning Path outline lets you quickly access all of the content this app has to offer.
Module Title
Min/Max Icons
Click to expand, or collapse the layers of content
Click to expand, or collapse the layers of content
Check-mark Icons
Highlighted check-marks indicate that
you have completed a lesson.
Highlighted check-marks indicate that
you have completed a lesson.
Learning the UI / Content Modules and Modes
Mode Selection
Once you select a module to study, you will have the option to choose Training Mode or Challenge Mode
Once you select a module to study, you will have the option to choose Training Mode or Challenge Mode
Module Information
Badge Indicators
The badge shows completion of a mode
The badge shows completion of a mode
Training Mode offers guided tutorials
Challenge Mode lets you apply your learning through interactive quizzing and open-ended troubleshooting scenarios
Progress Indicators
The numbers on the right here shows you your progress on each of these modes.
The numbers on the right here shows you your progress on each of these modes.
Learning the UI / Badges and Progress
Module Name(s)
Mode Labels
Badge Legend
This helps explain the badge system to users
This helps explain the badge system to users
Badge Progress
When you complete all of the tutorials or scenarios within a module, you receive a badge for that mode.
When you complete all of the tutorials or scenarios within a module, you receive a badge for that mode.
Module Progress
The number shows you your progress on each of the modules, for each mode
The number shows you your progress on each of the modules, for each mode
Learning the UI / The Leaderboard
Rank
User Name
Cumulative Stars
Earned
Earned
Course Categories
w/ Leaderboards
w/ Leaderboards
Tips for Mouse and Keyboard Navigation
Here are some tips on how to navigate around the HVAC Troubleshooting environment and objects.
Note: this applies only to users using a mouse and keyboard
Holding down and dragging the left mouse button or using the arrow keys will allow you to move around the object.
Holding down and dragging the right mouse button, using the scroll wheel, or using the ‘I’ and ‘O’ keys will allow you to zoom in and out.
Double clicking on an important component like a motor or switch will bring up a menu of options to choose.
Recap / Learning the UI
That concludes the introduction to HVAC 4.0's user interface.
To recap, we reviewed the overall look & feel. We also discussed the 3 main sections of the interface.
In the next few sections we will discuss the interface for Electricity for HVAC, HVAC Troubleshooting, Badges and Classrooms.
Electricity for HVAC Interface
HVAC Troubleshooting Interface
HVAC 4.0
Electricity for HVAC User Interface & Modes
Electricity for HVAC UI / Training Mode (Overview)
Sim Area
This is where you will interact with the lesson you are learning.
This is where you will interact with the lesson you are learning.
Tools/Controls Area
This is where the various tools and settings will appear for different lessons.
This is where the various tools and settings will appear for different lessons.
Main
Links
Links
Module
Links
Links
Slide Out
Electricity for HVAC: User Interface / Training Mode / Sidebar
Returns to the Main
Menu
Menu
Displays Course
Modes
Modes
Displays Tutorial,
in Slide Out
in Slide Out
Displays Info, in
Slide Out
Slide Out
Minimize /
Maximize Tool &
Controls Area
Maximize Tool &
Controls Area
Minimize Slide Out
Maximizes Module Link Area (shows
text links with icons)
text links with icons)
Slide Out
(currently showing a Tutorial )
(currently showing a Tutorial )
Electricity for HVAC: User Interface / Training Mode / Sidebar / Tutorial
Steps in the Tutorial & Progress
Tutorial Card
Contains a step in the tutorial
process and buttons to navigate
through the tutorial cards.
Contains a step in the tutorial
process and buttons to navigate
through the tutorial cards.
Upcoming Tutorial Cards
Electricity for HVAC Tutorial
Mode steps you through the
entire simulation, so you can
prepare for the Challenge
Mode.
Mode steps you through the
entire simulation, so you can
prepare for the Challenge
Mode.
Each module contains several
tutorials. When you've
completed all of the tutorials
within a module, you'll receive
a badge for that mode.
tutorials. When you've
completed all of the tutorials
within a module, you'll receive
a badge for that mode.
A tutorial is considered
complete when you have
finished the last step.
complete when you have
finished the last step.
Electricity for HVAC: User Interface / Training Mode / Sidebar / Info
Exit Button
Title
Information
Electricity for HVAC: User Interface / Training Mode / Sidebar / Faults
Selecting Faults
As you work through the Electricity for HVAC modules, you will notice that some tutorials include a list of faults, indicated by the X icon and slide-out in the side bar. This slide-out allows the user to turn on/off various faults that may occur in the diagram.
Fault Icon in
Sidebar
Sidebar
Fault
Options
Options
Changes made in the Fault slide-out affect items in this view.
Turn a few on/off and see for yourself!
Turn a few on/off and see for yourself!
Electricity for HVAC: User Interface / Toolbar
Toolbar
As you work through the Electricity for HVAC modules, you will notice a toolbar at the bottom of the app. As we mentioned in the Intro document,the Toolbar contains controls/tools that are relevant to the module you are studying. This is a general example of what you may come across…
Note: A general rule is that the controls will always be on the left and
any tools and settings will be on the right.
Control: Switch
Control: Toggle
Control: Slider
Tool: Multimeter
Electricity for HVAC: User Interface / Training Mode / End Popup
Continues to the next tutorial...
(When there is one)
(When there is one)
Open up the Scenario List
Return to Main Menu
Electricity for HVAC: User Interface / Challenge Mode / Sidebar
Main
Menu
Menu
Module
Modes
Modes
Displays
Quiz, in
Slide Out
Quiz, in
Slide Out
Displays
Info, in
Slide Out
Info, in
Slide Out
Minimize
(Maximize)
the
Tool Bar
(Maximize)
the
Tool Bar
Minimize Slide Out
Maximizes Module Link Are
(shows text links with icons)
(shows text links with icons)
Slide Out (currently showing
the Quiz )
the Quiz )
Electricity for HVAC: User Interface / Challenge Mode Quiz
Quiz Title
Current High Score
Click here to start the quiz!
Electricity for HVAC
Challenge Mode Quiz asks
you 10 questions about the
module you are studying.
Challenge Mode Quiz asks
you 10 questions about the
module you are studying.
Completing the quiz
successfully awards the user
with a badge.
successfully awards the user
with a badge.
If you do not pass the quiz you
can retake it at any time.
can retake it at any time.
Electricity for HVAC: User Interface / Challenge Mode / Quiz
Quiz Title
Change the Diagram to the right of this quiz
Correct Answer Tally
Question Status
Answer
Choices
Choices
Question
Electricity for HVAC: User Interface / Challenge Mode / Quiz Results
Quiz Title
Quiz Results
Submit Button
Submits scores to the database
Submits scores to the database
Recap / Electricity for HVAC User Interface and Modes
That concludes the Electricity for HVAC’s user interface.
To recap, we reviewed:
- General UI Features
- Tutorial Mode UI
- Challenge Mode Quiz UI
In the next few sections we will discuss the interface for HVAC Troubleshooting, Badges and Classrooms.
HVAC Troubleshooting
HVAC 4.0
HVAC Troubleshooting UI & Modes
HVAC TS: User Interface / Training Mode Overview
Fault List Button
Slide-Out
Reference Sidebar
Various materials are
contained here. Click to view them.
Various materials are
contained here. Click to view them.
Sim Area
This is where you will interact with
the content you are learning.
This is where you will interact with
the content you are learning.
Sim Navigation Tools
Click on these links to teleport to hotspots throughout the house
Click on these links to teleport to hotspots throughout the house
HVAC TS: User Interface / Training Mode (Fault List)
Main Menu Button
Right Reference Sidebar
Various pieces of reference are
contained here.
Click to view them.
Various pieces of reference are
contained here.
Click to view them.
Fault List
Click on one of these
‘fault scenarios’ to
load up a simulation
about it.
Click on one of these
‘fault scenarios’ to
load up a simulation
about it.
Sim Area
This is where you will interact with
the content you are learning.
This is where you will interact with
the content you are learning.
Sim Navigation Tools
Click on these links to teleport to hotspots throughout the house
Click on these links to teleport to hotspots throughout the house
HVAC TS: User Interface / Training Mode - Fault
Fault List
Button
Button
Timer
Star Meter
Stars are awarded to the player when they successfully complete a
part of the training.
Stars are awarded to the player when they successfully complete a
part of the training.
Procedure Guide (see next page)
List of Repairs
This is where you can view the repairs you did during your training.
This is where you can view the repairs you did during your training.
List of Tools
This is where you will find the tools that will help
you complete your training scenario.
This is where you will find the tools that will help
you complete your training scenario.
HVAC TS: User Interface / Training Mode - Procedure Guide
Tree View
Fault Title
Diagram Switch
You can view this
in 2 ways: Linear
(pictured right) or
in a tree format
(pictured far
right).
You can view this
in 2 ways: Linear
(pictured right) or
in a tree format
(pictured far
right).
Linear Path
Cards
Cards
Hotspot Teleport
This tool teleports the user to
the area of focus in the
simulation.
This tool teleports the user to
the area of focus in the
simulation.
Info Popup
This icon displays a popup
with information relevant to
the card.
This icon displays a popup
with information relevant to
the card.
HVAC TS: User Interface / Training Mode - Right Sidebar
Right Sidebar
This area contains
images/links to things
that are relevant to
your training.
This area contains
images/links to things
that are relevant to
your training.
Recap / HVAC Troubleshooting UI and Modes
That concludes the HVAC Troubleshooting’s user interface.
To recap, we reviewed:
- General UI Features
- Training Mode UI
- Challenge Mode UI
In the next few sections we will discuss the interface for Badges and Classrooms.
HVAC Troubleshooting
HVAC 4.0
Badges
Badges (Overview)
Badges & Progress
The Badge section of this app is the quickest way to view your overall progress in HVAC 4.0.
This section displays the course categories, courses, course modes and individual progress meters (or badges). The badges for Electricity for HVAC and HVAC-TS vary slightly. We will discuss this on the next page.
Course Categories
Courses
Badges & Progress
Modes
Electricity for HVAC Badges
Training Mode Badge
Players are awarded a badge when
they complete the training mode.
Players are awarded a badge when
they complete the training mode.
Some Training Modes have
multiple parts (Ex. 4
sub-lessons)
multiple parts (Ex. 4
sub-lessons)
If you haven’t met the specified
criteria you will only see a numeric
value.
criteria you will only see a numeric
value.
Challenge Mode Badges
Players are awarded
badges when they hit a
certain criteria on a quiz
(Ex, 90%).
Players are awarded
badges when they hit a
certain criteria on a quiz
(Ex, 90%).
Different badges are
rewarded for your total %
If you haven’t met the
specified criteria you will
only see a numeric value.
specified criteria you will
only see a numeric value.
HVAC Troubleshooting Badges
Training Mode Badge
Players are awarded a badge when
they complete the training mode.
Players are awarded a badge when
they complete the training mode.
Some Training Modes have
multiple faults
(Ex. 20 faults)
multiple faults
(Ex. 20 faults)
If you haven’t met the specified
criteria you will only see a numeric
value
criteria you will only see a numeric
value
Challenge Mode Badges
Players are awarded a badge
when they complete 10
challenges
Players are awarded a badge
when they complete 10
challenges
Different badges are rewarded
for your total number of
challenges completed.
for your total number of
challenges completed.
If you haven’t met the specified
criteria you will only see a
numeric value.
criteria you will only see a
numeric value.
Recap / Badges
That concludes the Badges user interface.
To recap, we reviewed:
- General UI Features
- Progress and Badge Awards
HVAC 4.0
Classrooms
Classrooms / Landing Page
Classroom List
Here are the available classrooms.
You can search for a specific one.
They are organized by Instructor, Student and Other.
You can also create a classroom!
Here are the available classrooms.
You can search for a specific one.
They are organized by Instructor, Student and Other.
You can also create a classroom!
To get more information on a class, just select one
from the list.
from the list.
Classrooms / Instructor Mode - Main Menu
Classroom Name
Students in the class
You can click on the
name for more options
name for more options
Classroom Leaderboard
Classrooms / Instructor Mode - Gradebook
Courses
Click on a course box to see
the class’ grades for it
Click on a course box to see
the class’ grades for it
Student List
Click on a name to highlight
their grades.
Click on a name to highlight
their grades.
Grades
This is where the instructor can view the
student’s grades.
This is where the instructor can view the
student’s grades.
Classrooms / Creating a Class
Classroom Name
Click cancel this
popup
popup
Click here to save
your classroom
your classroom
Create New Classroom Button
Click this to initiate this popup
Click this to initiate this popup
Privacy Setting
This is where you can set the
class to be open to all students
or private (i.e. accessible by
password-only)
This is where you can set the
class to be open to all students
or private (i.e. accessible by
password-only)
Classrooms / Joining a Class
JOIN BUTTON
Click this to join the class.
Click this to join the class.
NEW CLASSROOMS
List of classes you
aren’t a part of.
List of classes you
aren’t a part of.
Click one to load this
screen.
screen.
Classrooms / Instructor Mode - Settings
Classroom Name
Click here to delete
the class.
the class.
Click here to save
your changes
your changes
Privacy Setting
This is where you can set the
class to be open to all students
or private (i.e. accessible by
password-only)
This is where you can set the
class to be open to all students
or private (i.e. accessible by
password-only)
Recap / Classrooms
That concludes the Classrooms user interface.
To recap, we reviewed:
- General UI Features
- How classrooms work for students and instructors
- Gradebook and Assignments
Credits & Copyright
Special thanks to the following contributors:
- Andrew Smith, CMHE, NATE and NCI certified
- The authors of Refrigeration and Air Conditioning Technology, Eugene Silberstein, Jason Obrzut, John Tomczyk, William Johnson, William Whitman
- The author of Electricity for Refrigeration, Heating and Air Conditioning, Russel E. Smith
© 2021 Cengage Learning, Inc.
SmartPhone Image: Ton Blackmarine/Shutterstock.com
Utilikit © 2014 Eddie Cameron & Grasshopper
