Page 88 - CodePilot V5.0 C6

CREATING AN APP USING SENSORS

Sensors can create apps that respond to movement, like a Pedometer app, which counts steps
using a pedometer sensor and displays the count on the screen.

DESIGNING THE USER INTERFACE (UI) FOR THE PEDOMETER APP
To design the user interface for the Pedometer app, follow the given steps:

Step 1 Create new project in the MIT App Inventor.

Step 2 Change the name of the screen to Pedometer in the Title text box, adjust
AlignHorizontal to Center:3 and AlignVertical to Center:2 in the Properties pane.

Step 3 Click on the User Interface component.

MIT App Inventor has over 400,000
unique monthly active users.

Step 4 Drag and drop a Button onto the phone screen.

Step 5 Click Button1 and set its properties: Text = Start, BackgroundColor = Green,
FontSize ≥ 22, Shape = Rounded, TextColor = Black.

Similarly, add Button2 with Text as Stop and Button3 with Text as Reset setting their
BackgroundColor, FontSize, TextColor and Shape as needed.

86
CodePilot (V5.0)-VI