Scribd
Upload
5 views

SPAMS_Modified

The document outlines a project for developing a Smart Parking Management System website that utilizes AI and IoT technologies to optimize parking operations. It addresses inefficiencies in traditional parking systems, aiming to reduce congestion, improve user experience, and enhance sustainability. The project includes a detailed analysis of the system's design, objectives, and the technologies used for implementation.

Uploaded by

nohaalaklany
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
5 views

SPAMS_Modified

The document outlines a project for developing a Smart Parking Management System website that utilizes AI and IoT technologies to optimize parking operations. It addresses inefficiencies in traditional parking systems, aiming to reduce congestion, improve user experience, and enhance sustainability. The project includes a detailed analysis of the system's design, objectives, and the technologies used for implementation.

Uploaded by

nohaalaklany
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/ 12

KING KHALID UNIVERSITY

APPLICAGE COLLEGE
DEPARTMENT OF COMPUTER SCIENCE

Smart Parking Management System Website


‫موقع لنظام إدارة المواقف الذكي‬

Presented by

Student ID
Sadeem Alamri 445812161
Dareen Abukaftah 445814325
Raghad Muhammad 444815720
Leena saeed 445812237
Shroog muadi AlQhtani 445813755
Fatima Mohammed Alshehri 445812176

Supervisor Dr. Naseema Sheikh Ibrahim Sharif


Introduction

Problem
Statement

Scope Of The
Project

Project
Outline Objectives

Analysis

Result

Conclusion
1. Introduction

Parking management has become crucial due to the growing number


of vehicles worldwide. Inefficient parking use causes congestion, fuel
wastage, and pollution. Traditional parking methods lead to delays
and driver frustration, affecting productivity and user satisfaction. A
Smart Parking Management System, using AI and IoT, addresses
these issues by optimizing parking space utilization and enhancing
user experience. IoT sensors collect real-time data, enabling
automated space management, while AI models predict parking
patterns for better recommendations. Implementing such systems
improves efficiency, reduces congestion, promotes sustainability,
and provides a user-friendly solution. This project focuses on
developing an AI- and IoT-powered system to enhance parking
operations.
2. Problem Statement

Traditional parking systems in facilities are inefficient,


causing logistical and environmental issues. Drivers
waste time searching for parking, leading to
congestion, increased fuel use, and higher carbon
emissions. The lack of real-time space availability
data causes frustration and disrupts productivity.
Manual ticketing and fee collection increase labor
costs and human errors, while the absence of
automated space allocation results in overcrowding
or underutilization. Security concerns also complicate
management. To resolve these issues, a Smart Parking
Management System using IoT and AI is needed. This
system would enhance parking efficiency, reduce
costs, improve user experience, and support
sustainability. This project focuses on designing a
website for such a system.
3. Scope Of The Project

The scope of this project is focused on the design and implementation of a Smart Parking Management
System that enhances the efficiency and convenience of parking operations within a designated facility.
The system integrates Artificial Intelligence (AI) and Internet of Things (IoT) technologies to optimize
parking space utilization, reduce search time, and improve user experience.
We will discuss this smart system in general, but in this project the website for this system
will be designed only
4. Suggested Project Objectives

Develop an AI- and IoT-enabled Smart Parking Management System that enhances the
efficiency and convenience of parking facility operations

Primary Improve parking space allocation, minimize traffic congestion, and provide seamless
.user experiences through real-time monitoring and predictive analytics
objective

Develop an IoT-based system with smart sensors for real-time parking monitoring
and AI-driven predictive analytics to optimize parking space allocation.

Specific
Design a user-friendly mobile/web interface to help users locate parking spots,
Objectives make reservations, and process payments efficiently.

Improve facility efficiency and sustainability by reducing parking search times, fuel
consumption, and carbon emissions
Use Case Diagram

Analysis of Project
The "Smart Parking System Website" project contains the following files and folders:
1.CSS Folder: Contains CSS files for styling web pages.
2.JS Folder: Contains JavaScript files for implementing interactive features.
3.about.html: A page containing information about the project.
4.dashboard.html: The user dashboard after login.
5.index.html: The homepage of the website.
6.login.html: The login page.
7.signup.html: The registration page for new users.

Languages and Tools Used in the Project


•HTML: For structuring web pages.
•CSS: For styling and designing the interface.
•JavaScript: For adding interactivity and form validation.
•jQuery (if used inside the js folder): May be used to enhance JavaScript functionality.
•Backend ( integrated with a database): The project may be connected to PHP, Node.js, along with a MySQL
database.
Class Diagram

Analysis
Required Inputs for Login and Signup
To analyze this, we examined the content of login.html and signup.html to
determine the input fields and text used during the authentication
process.

Analysis of Login and Signup Fields in the Project


1. Login Page (login.html)
The login page requires users to enter:
•Email or Username (<input type="text" name="username" />)
•Password (<input type="password" name="password" />)
Additional elements in the login page:
•Login Button (<button type="submit">Login</button>)
•Links to reset the password or navigate to the registration page
2. Signup Page (signup.html)

The signup page includes the following input fields:


• First Name (<input type="text" name="first_name" />)
• Last Name (<input type="text" name="last_name" />)
• Email (<input type="email" name="email" />)
• Password (<input type="password" name="password" />)
• Confirm Password (<input type="password"
name="confirm_password" />)
• Signup Button (<button type="submit">Sign Up</button>)

. Sign-up Page (signup.html)


Result
Get a Website as picture
Link of wesite :
https://smart-parking-2025.netlify.app/

Dashboard Page (dashboard.html)

About HTML
Conclusion

Summary of the Tools and


1. Tools and Technologies Used 2. Required Inputs for Authentication
Technologies Used
 HTML → For web page structure.  Login (login.html)  Front-end: HTML, CSS, JavaScript
 CSS & Bootstrap → For UI design and o Username or Email (username or  Frameworks: Bootstrap (possibly
styling. email) used for styling)
 JavaScript & jQuery → For user o Password (password)  Back-end: Not explicitly mentioned,
interactions and validation.  Signup (signup.html) but could be PHPDatabase: may be
 Chart.js → For generating analytics o First Name (first_name) MySQL
charts in the dashboard. o Last Name (last_name)
• AdminLTE (from adminlte.js and o Email (email)
adminlte.min.js) → A Bootstrap- o Password (password)
based framework for building o Confirm Password
(confirm_password)
Thank You

You might also like