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
  • Prerequisites
  • Learning objectives

Was this helpful?

Tutorial#2: Creating a multi-screen SOS App

PreviousFinal Remarks

Last updated 1 year ago

Was this helpful?

In this tutorial, we will build a simple multi-screen SOS app using MIT App Inventor. The app will have three pages:

  1. A home page with a navigation menu

  2. A map page showing your location

  3. An SOS page with a siren sound effect

The following image shows the app wireframe and navigation between screens.

This tutorial is ideal if you have basic familiarity with App Inventor and want to learn how to create a multi-page app.

Download the assets folder from HERE

Download the completed project from HERE and import it on MIT App Inventor platform

Prerequisites

Before starting, make sure you have:

  • An Android device with Internet access and location services enabled.

Learning objectives

By the end of this tutorial, you will know how to:

  1. Use the Layout component to create a navigation menu

  2. Build and navigate between multiple screens

  3. Display a map and mark your current location

  4. Play sound effects like a siren noise

A beginner-level understanding of . If this is your first app making project, I recommend completing first.

MIT APP Inventor platform
Tutorial#1
πŸ—ΊοΈ
SOS app idea
Page cover image