Page 130 - KEC Khaitan C5 Flipbook
P. 130
HANDS-ON PROJECT
PROJECT NAME: Temperature Converter App
Objective:
Learn programming basics such as event handling, variables, and conditional logic.
Develop problem-solving skills by building a practical, interactive application.
Understand how temperature conversions work in real life.
Step-by-Step Instructions
Step 1: Plan the Features
Your Temperature Converter should:
Allow users to input a temperature value.
Provide options to convert between Celsius, Fahrenheit, and Kelvin.
Display the converted result.
Step 2: Set Up the User Interface
Open Code.org's App Lab:
o Navigate to Code.org > Projects > App Lab.
Design the Layout:
o Add a Text Input Box (ID: inputTemp) for the user to enter the temperature.
o Add a Dropdown Menu (ID: convertFrom) with options: "Celsius," "Fahrenheit," and
"Kelvin."
o Add another Dropdown Menu (ID: convertTo) with the same options.
o Add a Button (ID: btnConvert, Text: "Convert") to trigger the conversion.
o Add a Label (ID: outputResult) to display the converted temperature.
Customize the Design:
o Use vibrant colors and readable fonts to make the interface appealing.
o Arrange elements neatly for an intuitive user experience.
Step 3: Code the Temperature Converter
Switch to Code Mode to implement the functionality.
128 Premium Edition-V

