Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 142 - 2615_KEC
P. 142

    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.

                      140   Premium Edition-V

| 137 138 139 140 141 142 143 144 145 146 147 |