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
   125   126   127   128   129   130   131   132   133   134   135