Title: Simple Single-Screen Login App with Profile, About, and Logout Features
Virtual Screens (Arrangements) Used
The app uses one screen (Screen1) with four main arrangements:
LoginArrangement – Login page
HomeArrangement – Home page
ProfileArrangement – Profile page
AboutArrangement – About page
Each arrangement is shown/hidden to simulate multiple screens
This app is a simple login and navigation system created using MIT App Inventor. It uses only one screen, and all pages (Login, Home, Profile, About) are displayed using horizontal and vertical arrangements that are shown or hidden depending on user actions. The user logs in using a username and password, then gains access to the Home page with buttons for Profile, About, and Logout. The Logout button returns the user to the Login section. This app demonstrates how to build multi-page functionality using a single screen and block-based programming.
Below is the complete layout of components inside Screen1.
📌 A. LoginArrangement (Visible at start)
Components
WelcomeLabel – "Welcome! Please Log In"
UsernameLabel – "Username"
UsernameTextBox – Hint: "Enter username"
PasswordLabel – "Password"
PasswordTextBox – Password mode ON, Hint: "Enter password"
StatusLabel – (Blank)
LoginButton – "Login"
ClearButton – "Clear"
Below is the complete layout of components inside Screen1.
📌 A. LoginArrangement (Visible at start)
Components
WelcomeLabel – "Welcome! Please Log In"
UsernameLabel – "Username"
UsernameTextBox – Hint: "Enter username"
PasswordLabel – "Password"
PasswordTextBox – Password mode ON, Hint: "Enter password"
StatusLabel – (Blank)
LoginButton – "Login"
ClearButton – "Clear"
DOWNLOAD LINK FOR THE AIA PROJECT FILE:
Comments
Post a Comment