App Development using MIT APP Inventor Platform
All tutorialsHomepage
  • πŸ“±Mobile App Development using MIT APP Inventor Platform
  • 🐭User Interface and User Experience
  • πŸ”Setup
  • πŸ¦‘MIT App Inventor Interface
  • πŸ˜ƒTutorial#1: Image Hide-and-Seek
    • Building your First Mobile App: App Design
    • Building your First Mobile App: App Logic
    • Testing the app
      • Testing the app using USB
    • Extension activity 1: Improving button stability
    • Extension activity 2: Adding sound asset to the app
    • Final Remarks
  • πŸ—ΊοΈTutorial#2: Creating a multi-screen SOS App
Powered by GitBook
On this page

Was this helpful?

MIT App Inventor Interface

PreviousSetupNextTutorial#1: Image Hide-and-Seek

Last updated 1 year ago

Was this helpful?

  • Visit using a web browser and click on the Create Apps! button.

  • Log in using your Gmail address.

  • For the first-time login, it might show you an introduction; you can skip it by ticking off a box.

  • Click on the Start new project button, name your project (choose a name aligned with your app's functionality).

  • After a moment, your project will be ready, and you will see the interface with four panels. Let's understand them:

  • Panel 1: User interface and layout, separated into different sections.

  • Panel 2: Drag-and-drop area for various components, with the option to change screen sizes.

  • Panel 3: Tree view of draggable components. Below it is the Media panel for uploading assets.

  • Panel 4: Modify properties of selected components

  • Blocks: To write the app logic, can be found on top of the Properties panel.

πŸ¦‘
MIT APP Inventor
MIT App Inventor interface