Scribd
Upload
9 views

mobileapp

IT

Uploaded by

mishaalahmad888
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
9 views

mobileapp

IT

Uploaded by

mishaalahmad888
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

DrowsinessAlertApp Class:

•This class extends StatelessWidget, meaning it


doesn't hold mutable state.
•Acts as the root widget for the application.
Build method:
•This method describes the part of the user
interface represented by this widget.
MaterialApp:
•Provides important app-level features like
navigation, themes, and debugging banners.
Home:
The default screen shown when the app starts.
SplashScreen():
A custom widget (likely a screen that shows while
the app is loading).
LoginScreen:
A stateless widget for the login screen.
Controller:
emailcontroller:Manages and tracks the input in the
email field.
passwordcontroller: Manages and tracks the input in
the password field.
Gradient Background: A dark-themed gradient.
Email and password: TextFields for user input with
styling.
Login Button: Navigate to NavigationBarScreen when
clicked.
Signup-up link:Redirects to SignupScreen for new
users.
Styling: White text, semi-transparent input fields, and
indigo accents.
•Gradient Background:
•The screen has a gradient background from dark
blue to black for a modern look.
•Form Fields:
•Full Name field with a user icon.
•Email field with an email icon.
•Password field with a lock icon and obscureText for
password security.
•Buttons:
•SIGNUP Button: Registers the user and navigates
to NavigationBarScreen.
•LOGIN Button: Redirects users to the login screen
if they already have an account.
•Styling:
•White text and icons contrast with the dark
background.
•Rounded buttons for a sleek design.
The NavigationBarScreen provides a bottom navigation bar for easy switching between different sections of the app.
Key features:

1.Bottom Navigation:
•Includes five tabs: Home, Contacts, History,
Settings, and About.
•Icon and Label for each tab to indicate its purpose.
2.Screens List:
•Displays different screens based on the selected
tab.
•Uses a list of screens (_screens), which includes:
•HomeScreen
•CallContactScreen
•IRHistoryScreen
•SettingsScreen
•AboutScreen
3.Navigation Behavior:
•Updates the screen and highlights the active tab
when a user taps a tab.
•Customizable icon colors for selected and
unselected tabs.
This HomeScreen in Flutter displays real-time IR sensor
data for monitoring driver drowsiness. Key points:
1.Data Fetching:
•Fetches data from a ThingSpeak API when
the screen loads.
•Displays IR sensor values and a timestamp
after adding a 5-hour offset.
2.Main Content:
•Alarm Icon: Visual indicator for drowsiness
alerts.
•IR Data Display:
•Shows sensor data and formatted
timestamp in bordered containers.
•Styled with white and blue for contrast.
The IRHistoryScreen displays a history of driver drowsiness events, fetching data from a remote API and notifying users
when drowsiness is detected.

Key Features:
1.Notification Permission: Requests permission to
send notifications to the user.
2.Local Notifications: Uses FlutterLocalNotificationsPlugin to alert the user if
the driver is drowsy.

3.API Integration: Fetches drowsiness data from the


ThingSpeak API. It checks for the most recent data and
updates the display.
4.Data Display: Displays a list of drowsiness records
(date and time) in a scrollable list.
5.Auto-refresh: Periodically fetches new data every 3
seconds.
6.Data Reversal: Displays the most recent drowsiness
events at the top of the list.
7.UI Styling: The screen uses gradient backgrounds
and custom app bar styling to enhance the user
experience.
The Settings Screen allows users to customize various app settings, including
account, notifications, and profile management.
Key Features:
1.Account Settings:
1. Profile Editing: Users can update their name, email, and profile
picture.
2. Change Password: Navigate to a separate screen to change the
password.
3. Biometric Login: Toggle to enable/disable biometric authentication
for secure login.
2.Notification Settings:
1. Emergency Alerts and Alert Sounds: Navigate to separate screens to
customize notifications.
2. Vibration Alerts: Toggle vibration for alert notifications.
3.Logout Option: Allows the user to log out with a confirmation dialog.
4.Profile Picture: Users can pick a profile picture from the gallery.
UI Design:
•Gradient Background: Dark colors to create a visually appealing, modern
design.
•ListView: Organizes settings into sections for a clear, user-friendly layout.
•Dialogs: Used for profile editing and logout confirmation.
Logic:
•Uses ImagePicker for selecting profile images.
•Saves and displays updated profile information after editing.
The About Screen provides detailed information about the app
and its creators.
Key Features:
1.Custom Gradient Status Bar: Displays a gradient background
with the title "About."
2.Main Content:
1. App Description: Briefly explains the purpose of the
"Drowsiness Alert App," which helps prevent accidents
by monitoring driver fatigue and sending alerts.
2. Version & Developer Info: Displays the app version and
developer details (XYZ).
3. Contact Information: Shows the email and phone
number for user inquiries.
3.Privacy Policy & Terms: A clickable link to the app's Privacy
Policy and Terms of Service.
Design:
•Gradient Background: Uses a dark-to-deep blue gradient to
create a sleek, modern look.
•Centered Text: All text is centered for clear presentation.
•Button for Links: Includes a button for navigating to the
privacy policy and terms.

You might also like