1ST BRIEF EXPLANATION OF THE MIT - MEANING LANG AND ANU BA UNG PWEDENG MAGAWA SA

MIT

MIT App Inventor is a visual development platform that allows anyone, even without coding
experience, to create mobile applications for Android devices. Its purpose is to make app
development accessible to a wide range of people, including students, educators, and
hobbyists. With a user-friendly interface and a block-based programming system, App Inventor
simplifies the app creation process. Instead of writing code, users drag and drop blocks of pre-
built code to create functionality. This approach promotes a "building blocks" mindset, enabling
users to focus on designing and implementing app features rather than worrying about syntax
and complex programming concepts. App Inventor provides a wide range of components and
features, such as sensors, media playback, and user interface elements, which users can
leverage to bring their app ideas to life. By democratizing app development, MIT App Inventor
empowers individuals to turn their creative ideas into functioning mobile applications.

NEXT - SHOW THE SAMPLE OUTPUT (CONVERSION APP) THEN DESCRIPTION LANG NETO

Show the Temp Converter App

NEXT - IS MABILIS NA PASADA LANG SA INTERFACE

The user interface of MIT App Inventor is designed to be intuitive and user-friendly, making it
accessible to both beginners and experienced developers. It consists of two main components:
the Designer and the Blocks Editor.

Designer: This is where users visually design the interface of their mobile app. It provides a
drag-and-drop interface, allowing users to add and arrange components such as buttons, labels,
text boxes, images, and more. Users can customize the properties of these components, such
as their appearance, size, and behavior, through a simple set of options.

Blocks Editor: This is where users define the functionality of their app using a block-based
programming system. Instead of writing code, users select and arrange blocks that represent
different functions and events. These blocks snap together like puzzle pieces, enabling users to
create complex logic and behavior for their app. The Blocks Editor supports a wide range of
blocks, including loops, conditionals, variables, and built-in functions.

The interface of MIT App Inventor is designed to provide immediate feedback, allowing users to
test their apps directly on connected Android devices or in an emulator. Users can see real-time
changes in the interface or behavior of their app as they modify the blocks or design elements,
which helps in the iterative development process.

Overall, the user interface of MIT App Inventor is designed to simplify the app development
process, enabling users to focus on the visual design and functionality of their app without
worrying about complex coding syntax.
NEXT - DESIGNING OF THE APP (THEN EXPLAIN DIN KUNG ANU UNG MAGIGING GAMIT NG MGA
COMPONENTS NA IAADD NATIN)

LAST - CODING OF THE FUNCTIONS OF THE APP (THEN IMPORTANT DIN TOL UNG CODING CONCEPTS)
UNG CODING CONCEPTS TOL IS UNG PARA SAN BA UNG MGA GINAMIT MO NA CODE. ANU UNG
GAGAWIN NUNG CERTAIN CODE.

LIKE FOR EXAMPLE UNG "WHEN BUTTON 1. CLICK" SO THIS IS AN EVENT BLOCK OR A TRIGGER BLOCK
THAT DO THE CERTAIN FUNCTION WE CODE FOR IT EVERYTIME THE BUTTON 1 IS BEING CLICKED.

1. Open MIT App Inventor in your web browser (https://appinventor.mit.edu/) and create a
new project.
2. Drag and drop the following components from the Palette onto the viewer:
• 3 labels (for displaying the temperature units)
• 3 textboxes (for user input)
• 3 buttons (for conversion)
3. Rename the components to:
• Label1: lblCelsius
• Label2: lblFahrenheit
• Label3: lblKelvin
• TextBox1: txtCelsius
• TextBox2: txtFahrenheit
• TextBox3: txtKelvin
• Button1: btnConvertCelsius
• Button2: btnConvertFahrenheit
• Button3: btnConvertKelvin
4. Set the text property of each label to their respective temperature units (°C, °F, K).
5. Set the click event of btnConvertCelsius to the following blocks:
• Set txtFahrenheit.Text to (txtCelsius.Text * 9/5) + 32
• Set txtKelvin.Text to txtCelsius.Text + 273.15
6. Set the click event of btnConvertFahrenheit to the following blocks:
• Set txtCelsius.Text to (txtFahrenheit.Text - 32) * 5/9
• Set txtKelvin.Text to (txtFahrenheit.Text + 459.67) * 5/9
7. Set the click event of btnConvertKelvin to the following blocks:
• Set txtCelsius.Text to txtKelvin.Text - 273.15
• Set txtFahrenheit.Text to (txtKelvin.Text * 9/5) - 459.67
8. Build the app and test it on your device or emulator.

With this app, users can enter a temperature value in the textboxe
, and when they click on the respective conversion button, the converted temperature will be
displayed in the other textboxes.
Please note that this is a basic example, and you can enhance it further by adding error
handling, validation, and a more user-friendly interface if desired.

3 types of Operators
1. Arithmetic (*-/+)
2. Logical (true of false, and or not, nor, = <>)
 3. Relational (==, !=, <,>, <=, =>,)

Data types
1. String
2. Integer
3. Float
4.