SMART COMPUTING: A Web-Based Platform for Secure Vehicle Information and Smart Routing

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 07 | Jul 2025

p-ISSN: 2395-0072

www.irjet.net

SMART COMPUTING: A Web-Based Platform for Secure Vehicle Information and Smart Routing Vidya M Assistant Professor, Dept of ECE Engineering, Brindavan College of Engineering, Karnataka, India ---------------------------------------------------------------------***---------------------------------------------------------------------

Abstract - This project presents a web-based smart

signals, number of routes available, and their status. The QR code is used to display vehicle credentials to enhance user verification and access to relevant information. The QR code can be generated using Python code and integrated into the database.

commuting system that aims to manage vehicle credentials efficiently and securely. The system incorporates a user dashboard that displays essential vehicle information, such as owner name, vehicle information number, number plate, and Aadhar card number, to ensure secure access. The platform also features QR code technology to prevent counterfeit vehicle number plates, making commuting safer. Additionally, the system includes road condition reports and construction work tohelpusers plan their route efficiently. Overall, this innovative solution provides a personalized, secure, and efficient commuting experience for users.

2.1 Webpage Description The web application includes a login page where registered users can authenticate using their username and password. PHP verifies these credentials against a MySQL database. Upon successful login, the system retrieves and displays the user’s vehicle information—such as vehicle number and chassis number for verification. The registration page enables new users to create an account by submitting required details. PHP is used to validate and sanitize the input before securely storing it in the database. The about us page shares information about the project's purpose, mission, and team, helping users understand the background of the application. The contact us page features a form where users can submit inquiries or feedback, which are handled using PHP to either send emails or store them in the database. The services tab is the application's core feature. Users can enter source and destination details to receive information on road conditions, traffic signals and route status. PHP connects to the database to fetch this data, which is then presented in a clear, user-friendly format. The system also uses QR code technology to securely store and retrieve vehicle- related information.

Upon login, the user’s QR code is scanned to extract details like vehicle number and chassis number, which are then displayed on the web page for verification.

Key Words: Web-based platform, Vehicle credentials, Secure access, QR code technology, Cascading style sheet, RGB values, Hypertext preprocessor.

1. INTRODUCTION Commuting has become a daily necessity, with increasing reliance on personal vehicles. Managing vehicle credentials is now a major challenge due to the growing number of vehicles. This report introduces a smart commuting system—a secure, web-based platform that manages vehicle information efficiently. It features a user dashboard displaying confidential data like the owner's name, chassis number, number plate, and Aadhaar number, accessible only to authorized users. QR code integration helps prevent counterfeit number plates, enhancing security. The system also includes real-time updates on road conditions and construction work, allowing commuters to plan routes efficiently and reduce time and fuel costs. Overall, the system offers an innovative and secure solution to improve commuting efficiency and personalize user experience.

2. SMART COMPUTING SYSTEM The web application is designed using HTML and CSS to create an attractive and user-friendly interface. The HTML is used to create the structure of the web pages, such as the login page, registration page, about us page, contact us page, and services page. The CSS is used to apply styles, such as colors, fonts, and layouts, to make the web pages visually appealing and responsive. The PHP programming language is used to establish a connection with the MySQL database to store and retrieve data. The database stores information related to road condition reports, including the source and destination information, road condition status, number of traffic

© 2025, IRJET

|

Impact Factor value: 8.315

Fig -1: Smart Computing System Design

|

ISO 9001:2008 Certified Journal

|

Page 826

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 07 | Jul 2025

p-ISSN: 2395-0072

www.irjet.net

3. TOOLS

#F00 instead of #FF0000), where each digit is duplicated to form the full hex value (so #6A7 becomes #66AA77).

Another widely used format is RGB (Red, Green, Blue). It can be written in two forms: absolute values using integers from 0 to 255, such as rgb (255, 0, 0) for red; or percentage values, like rgb (50%, 50%, 50%) for a medium gray tone. Both formats allow precise control over color mixing by adjusting the intensity of each color component. Lastly, predefined color keywords like black, white, aqua, teal, and gray offer a quick and easy way to apply standard colors without needing numeric values.

XAMPP is a cross-platform web server package with Apache, HTML (Hypertext Markup Language), MySQL (Structured Query Language, PHP (Hypertext Preprocessor)), and Perl.

Used to locally develop and test web applications. HTML is used to defines the structure of web pages using elements like headings, paragraphs, links, and images. An IDE (Integrated Development Environment) by Microsoft supporting multiple languages for developing desktop, web, and mobile applications. A high-level programming language such as Python is used for web development, data science, AI, and scripting tasks. PHP is a server-side scripting language used for creating dynamic web pages and interacting with databases. MySQL is an open-source relational databaseused to store and manage application data. A widely-used web server software is Apache that delivers web content and supports server-side languages like PHP.

Table -1: Color values in various formats Format Hex Code Short Hex Code

4. CASCADING STYLE SHEET

RGB %

CSS (Cascading Style Sheets) is a styling language used to control the presentation and layout of HTML documents in a simple and efficient way. It is primarily responsible for the lookandfeel of a web page, allowingdevelopers toapply styles such as colors, fonts, spacing, borders, backgrounds, and responsive layouts. CSS makes web pages more visually appealing andadaptable to different devicesandscreensizes.

A CSS rule consists of three parts: the selector, which targets the HTML element to be styled; the property, which specifies the aspect of the element to be changed (like color or font size); and the value, which defines the desired setting for that property. For example, in the rule h1 {color: red;}, h1 is the selector, color is the property, and red is the value. CSS is typically used alongside HTML to enhance user experience and maintain consistent design across multiple web pages.

RGB Absolute keyword

Impact Factor value: 8.315

#RRGGBB

p{color:#FF0000;}

#RGB

p{color:#6A7;}

rgb(rrr%,ggg%,bbb%) rgb(rrr,ggg,bbb) aqua, black, etc.

p{color:rgb(50%,50%,50%) ;} p{color:rgb(0,0,255);} p{color:teal;}

CSS provides a powerful set of properties to style backgrounds, fonts, and text. Background properties like background-color, background-image, background-repeat, background-position, and background-attachment help enhance visual presentation by allowing developers to add colors, images, and control their repetition and positioning.

Fonts can font-variant, font-weight, font-size, font-stretch, and font-size- adjust to control the appearance, size, and spacing of text. For text styling, CSS offers properties like color, direction, letter- spacing, word-spacing, text-indent, text-align, text-decoration, text-transform, white-space, and text-shadow to format and align text, manage spacing, and add effects like underlining or shadowing. These tools allow web developers to create attractive and readable webpages efficiently.

CSS provides various ways to define colors, allowing developers to control the appearance of text, backgrounds, borders, andother visual elements ona web page. Colors can be applied to the foreground (text) or background of an element, and are also used for styling borders and decorative effects. One of the most common formats is the hexadecimal code, written as #RRGGBB, where RR, GG, and BB represent the red, green, and blue color values in hexadecimal (00 to FF). For example, #FF0000 represents red, #00FF00 is green, and #0000FF is blue. These values can be obtained using graphic tools like Adobe Photoshop or Paint. A shorter version, called the short hex code, uses three digits (e.g.,

|

Example

4.1 CSS Background, Font and Text

Fig -2: CSS Structure

© 2025, IRJET

Syntax

4.2 CSS uses Images and Links Images are essential in web design and CSS helps control how they are displayed. Set the border, height, width, and opacity of images using CSS. The border property defines the thickness and style of an image's border. The height and width properties control the size of the image, either in fixed units or percentage relative to its container. Opacity can be adjusted to make images transparent, especially using the Moz- opacity property in older Mozilla browsers and filter

|

ISO 9001:2008 Certified Journal

|

Page 827

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 07 | Jul 2025

p-ISSN: 2395-0072

www.irjet.net

alpha in Internet Explorer. CSS also allows to use links. The table shows the some of the links used.

data retrieval, and processing using variables and SQL queries.

Table -2: CSS Links Links :link :visited :hover :active

6. STRUCTURED QUERY LANGUAGE SQL (Structured Query Language), is a powerful and standardized programming language used for managing and manipulating data stored in relational databases. Although SQL is not a database system by itself, it works within database management systems like MySQL, Oracle, PostgreSQL, SQL Server, DB2, and others to perform a wide range of tasks. With SQL, users can insert, update, delete, and retrieve data from database tables, as well as create and modify database objects such as tables, views, stored procedures, and functions. It plays a crucial role in data science and analytics by allowing users to describe and manage structured data efficiently. One of the reasons SQL is so widely adopted is its simplicity and flexibility in handling large volumes of data across various platforms. For example, data professionals use SQL to perform everyday operations like updating existing records, retrieving specific information from one or multiple tables, deleting obsolete data, and inserting newdataentries. Additionally, SQL enables users to set permissions, apply constraints, and control access to database objects for better data security and integrity. Some of the most frequently used SQL commands include CREATE for defining new databases and tables, INSERT for adding data into tables, SELECT for retrieving data, UPDATE for modifying existing records, DELETE for removing unwanted records, and DROP for permanently deleting databaseobjects.

These commands, when used with clauses like WHERE, provide precise control over the operations to be performed.

Overall, SQL remains an essential tool for developers, analysts, and administrators to manage relational databases efficiently and effectively.

Syntax Signifies unvisited hyperlinks Signifies visited hyperlinks Signifies an element that currently has the user's mouse pointer hovering over it Signifies an element on which the user is currently clicking

4.3 CSS Format CSS tables provide properties to control layout and spacing. border-collapse sets if borders are shared or separate, border-spacing defines space between cells, caption-side positions table captions, empty-cells shows or hides borders on empty cells, and table-layout helps render tables faster. CSS borders can be customized using color, style, and width. Styles include solid, dotted, dashed, double, groove, ridge, inset, outset, and none. Each side of a border can be styled individually. Margins define space around elements. The margin property can set all sides at once, or individually with margin-top, margin-bottom, margin-left, and margin-right. Margins can collapse when vertical margins of two elements meet.

4.4 CSS List, Padding and Cursor CSS allows customization of listsusing properties like liststyle-type for bullet shape, list-style-position for marker placement, list-style-imageforimagebullets, andlist-style as a shorthand. Padding defines space between content and its border, with properties like padding-top, padding-bottom, padding-left, and padding-right, or the shorthand padding.

The cursor property customizes the mouse pointer appearance, offering visual feedback when hovering over elements like links or buttons.

7. RESULTS. The result shows how efficiently and securely the vehicle information is managed using a QR code.

5. HYPERTEXT PREPROCESSOR PHP(Hypertext Preprocessor) is a widely-used, open- source server-side scripting language designed for creating dynamic and interactive web pages. It runs efficiently on various platforms like Windows, Linux, and macOS, and supports all major web servers and databases such as MySQL. PHP files can include HTML, CSS, JavaScript, and are saved with a .PHP extension. PHP can handle form data, manage files, control user access, encrypt data, and support cookies. Its simple syntax, performance efficiency, platform independence, and strong community support make it a preferred choice for web development. A PHP script starts with <? PHP and ends with ?>, and its syntax allow for seamless database connections,

© 2025, IRJET

|

Impact Factor value: 8.315

Fig -3: Homepage Design

|

ISO 9001:2008 Certified Journal

|

Page 828

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 07 | Jul 2025

p-ISSN: 2395-0072

www.irjet.net

Fig -8: Search Result Design

Fig -4: About us Page Design

Fig -5: Login Page Design

Fig -9: User Database Structure

Fig -6: Register Page Design

Fig -10: User Database

Fig -11: Road Condition Database Structure

Fig -7: Service Page Design

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 829

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 07 | Jul 2025

p-ISSN: 2395-0072

www.irjet.net

Overall, the system presents a promising approach to modernizing and personalizing the commuting experience.

REFERENCES [1]

Low, R.; Tekler, Z.D.; Cheah, L. Predicting commercial vehicle parking duration using generative adversarial multiple imputation networks. Transp.Res. Rec. 2020,2674, 820–831.

[2]

Kang, H.S.; Lee, J.Y.; Choi, S.; Kim, H.; Park, J.H.; Son, J.Y.;

Fig 12-: Road Condition Database

Kim, B.H.; Noh, S.D. Smart manufacturing: Past research, present findings, and future directions. Int. J. Precis. Eng. Manuf.-Green Technol. 2016,3, 111–128.

[3]

Kandogan, Y.; Johnson, S.D. Role of economic and political freedom in the emergence of global middle class. Int. Bus. Rev.2016, 25, 711–725

[4]

Ming Zhu, Xiao-Yang Liu, Feilong Tang, Meikang Qiu, Ruimin Shen, Wennie Shu and Min-You Wu,‘Public Vehicles for Future Urban Transportation’, IEEE transactions on intelligent transportation systems, vol.

17, no. 12,2016.

[5]

Tanvi Tushar Thakur, Ameya Naik, Sheetal Vatari and Manjiri Gogate, “Real Time Traffic Management using Internet of Things”, International Conference on Communication and Signal Processing, IEEE April 2016.

[6]

Mohannad Ibrahim, Abdelghafor Elgamri, Sharief Babiker, Ahmed Mohamed, “Internet of Things based Smart Environmental Monitoring using the RaspberryPi Computer”, IEEE Conference on Digital Information and Processing (ICDIPC), Oct. 2015.

[7]

Eisele, W.L.; Fossett, T.; Schrank, D.L.; Farzaneh, M.; Meier, P.J.; Williams, S.P. Greenhouse Gas Emissions and Urban Congestion: Incorporation of Carbon Dioxide Emissions and Associated Fuel Consumption into Texas A&M Transportation Institute Urban Mobility Report. Transp. Res. Rec. 2014,2427, 73–82 Allen, H.; Millard, K.; Stonehill, M. A summary of the proceedings from the United Nations climate change conference in Doha Qatar and their significance for the land transport sector. In Proceedings of the Copenhagen: Bridging the Gap Initiative, Doha, Qatar, 1 September 2013.

[8]

Nasim, R.; Kassler, A. Distributed architectures for intelligent transportsystems: Asurvey. In Proceedings of the 2012 Second Symposium on Network Cloud Computing and Applications, London, UK, 3–4 December 2012; pp. 130–136.

Fig -13: QR Code

Fig -14: User Details

8. CONCLUSIONS The proposed smart commuting system offers an efficient and secure solution for managing vehicle information. Key features include a user dashboard for accessing vehicle details, QR code technology for preventing counterfeit number plates, and real-time updates on road conditionsand construction work to aid in route planning. The system aims to improve commuting efficiency, reduce fuel and time costs, and enhance user security and experience. While challenges like the need for reliable internet and potential cyber threats exist, these can be mitigated with proper implementation.

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 830