MIT APP INVENTOR KALKULATOR

Introduction

In this tutorial, we will create a simple calculator application using MIT App Inventor. This guide is designed for beginners and will walk you through the process step-by-step, making it easy to follow along. By the end, you will have a functional calculator app that you can customize further.

Step 1: Setting Up MIT App Inventor

• Visit the MIT App Inventor website and sign in with your Google account.
• Click on “Create Apps!” to enter the App Inventor interface.
• Start a new project by selecting “Projects” from the menu and then “Start new project.” Name your project (e.g., "SimpleCalculator").

Step 2: Designing the User Interface

• In the Palette section, select the following components to design your interface:
  • Buttons: For numbers 0-9 and operations (+, -, *, /).
  • Text Box: For displaying the input and results.
• Drag and drop these components into the Viewer area.
• Arrange the buttons in a grid layout to resemble a traditional calculator.

Practical Tips

• Use labels to clearly identify the buttons (e.g., "1", "2", "+", etc.).
• Adjust the properties of each button and text box in the Properties pane for better aesthetics (e.g., change background color, font size).

Step 3: Adding Functionality with Blocks

• Navigate to the "Blocks" section to add functionality to your app.
• Create variables for storing the first number, second number, and the operation to be performed.

Example Blocks for Basic Operations

• Add event handlers for each button:
  • When a number button is clicked, append the number to the text box.
  • On operation buttons (+, -, *, /), store the first number and the operation.

When Button1.Click
  set TextBox1.Text to TextBox1.Text + "1"

• For the equals button, use a conditional statement to perform the selected operation.

When ButtonEquals.Click
  if operation = "+"
    set TextBox1.Text to firstNumber + secondNumber

Step 4: Testing Your Application

• Connect your Android device via USB or use the MIT AI2 Companion app to see your app in action.
• Test all functionalities, ensuring that all operations and number inputs work correctly.

Common Pitfalls to Avoid

• Forgetting to initialize variables can lead to errors.
• Ensure that all event handlers are properly linked to their respective buttons.

Conclusion

You have now created a simple calculator app using MIT App Inventor. You can further enhance your app by adding more features like additional mathematical functions or improving the UI design. Experiment with different layouts and components to make the app truly yours. Happy coding!