International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 p-ISSN: 2395-0072
Volume: 12 Issue: 07 | Jul 2025 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 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, vehicleinformationnumber, numberplate, 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 systemincludes road conditionreportsandconstructionwork tohelpusersplantheirrouteefficiently.Overall,thisinnovative solution provides a personalized, secure, and efficient commuting experience for users.
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 relianceonpersonalvehicles.Managingvehiclecredentials is now a major challenge due to the growing number of vehicles. This report introduces a smart commuting system asecure,web-basedplatformthatmanagesvehicle information efficiently. It features a user dashboard displayingconfidentialdataliketheowner'sname,chassis number,numberplate,andAadhaarnumber,accessibleonly to authorized users. QR code integration helps prevent counterfeitnumberplates,enhancingsecurity.Thesystem also includes real-time updates on road conditions and construction work, allowing commuters to plan routes efficientlyandreducetimeandfuelcosts.Overall,thesystem offers an innovative and secure solution to improve commutingefficiencyandpersonalizeuserexperience.
2. SMART COMPUTING SYSTEM
ThewebapplicationisdesignedusingHTMLandCSSto createanattractiveanduser-friendlyinterface.TheHTML isusedtocreatethestructureofthe webpages,suchas the login page, registration page, about us page, contact uspage, andservicespage.TheCSSisusedtoapplystyles, suchascolors,fonts,andlayouts,tomakethewebpages visually appealingand responsive.ThePHPprogramming 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
signals, number of routes available, and their status. The QRcode is used to display vehicle credentials toenhance userverificationandaccesstorelevantinformation.TheQR codecanbe generated using Pythoncode and integrated intothedatabase.
2.1 Webpage Description
The web application includes a login page where registereduserscanauthenticateusingtheirusernameand 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 numberandchassisnumberforverification.Theregistration pageenablesnewuserstocreateanaccountbysubmitting required details. PHP is used to validate and sanitize the input beforesecurelystoringitinthedatabase. Theabout us page shares information about the project's purpose, mission, and team, helping users understand the backgroundoftheapplication.Thecontactuspagefeatures a form where users can submit inquiries or feedback, whicharehandledusingPHPtoeithersendemailsorstore them in the database. The services tab is the application's core feature.Users can enter sourceanddestination details toreceiveinformationonroadconditions,trafficsignalsand 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. Uponlogin,theuser’sQRcodeisscannedtoextractdetails like vehicle number and chassis number, which are then displayedonthewebpageforverification.
Fig -1:SmartComputingSystemDesign
Volume: 12 Issue: 07 | Jul 2025 www.irjet.net
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 p-ISSN: 2395-0072
XAMPPisacross-platformwebserverpackagewithApache, HTML (Hypertext Markup Language), MySQL (Structured QueryLanguage,PHP(HypertextPreprocessor)),andPerl. Usedtolocallydevelopandtestwebapplications.HTMLis usedtodefinesthestructureofwebpagesusingelements like headings, paragraphs, links, and images. An IDE (Integrated Development Environment) by Microsoft supportingmultiplelanguagesfordevelopingdesktop,web, andmobileapplications.Ahigh-levelprogramminglanguage suchasPythonisusedforwebdevelopment,datascience,AI, andscriptingtasks.PHPisaserver-sidescriptinglanguage usedforcreatingdynamicwebpagesandinteractingwith databases.MySQLisanopen-sourcerelationaldatabaseused to store and manage application data. A widely-used web server software is Apache that delivers web content and supportsserver-sidelanguageslikePHP.
4. CASCADING STYLE SHEET
CSS (Cascading Style Sheets) is a styling language used to controlthepresentationandlayoutofHTMLdocumentsina simpleandefficientway.Itisprimarilyresponsibleforthe lookandfeelofawebpage,allowingdeveloperstoapplystyles such as colors, fonts, spacing, borders, backgrounds, and responsive layouts. CSS makes web pages more visually appealingandadaptabletodifferentdevicesandscreensizes. ACSSruleconsistsofthreeparts:theselector,whichtargets theHTMLelementtobestyled;theproperty,whichspecifies theaspectoftheelementtobechanged(likecolororfont size);andthevalue,whichdefinesthedesiredsettingforthat property.Forexample,intheruleh1{color:red;},h1isthe selector, color is the property, and red is the value. CSS is typicallyusedalongsideHTMLtoenhanceuserexperience andmaintainconsistentdesignacrossmultiplewebpages.
Fig-2:CSSStructure
#F00insteadof#FF0000),whereeachdigitisduplicatedto form the full hex value (so #6A7 becomes #66AA77). AnotherwidelyusedformatisRGB(Red,Green,Blue).Itcan bewrittenintwoforms:absolutevaluesusingintegersfrom 0to255,suchasrgb(255,0,0)forred;orpercentagevalues, like rgb (50%, 50%, 50%) for a medium gray tone. Both formatsallowprecisecontrolovercolormixingbyadjusting the intensity of each color component. Lastly, predefined colorkeywordslikeblack,white,aqua,teal,andgrayoffera quickandeasywaytoapplystandardcolorswithoutneeding numericvalues.
Table -1: Colorvaluesinvariousformats
Format Syntax Example
HexCode #RRGGBB p{color:#FF0000;}
ShortHex Code #RGB p{color:#6A7;}
RGB% rgb(rrr%,ggg%,bbb%) p{color:rgb(50%,50%,50%) ;}
RGB Absolute rgb(rrr,ggg,bbb) p{color:rgb(0,0,255);}
keyword aqua,black,etc. p{color:teal;}
4.1 CSS Background, Font and Text
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 enhancevisualpresentationbyallowingdeveloperstoadd colors,images,andcontroltheirrepetitionandpositioning. 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-shadowtoformatandaligntext,managespacing,and addeffectslikeunderliningorshadowing.Thesetoolsallow webdeveloperstocreateattractiveandreadablewebpages efficiently.
ImagesareessentialinwebdesignandCSShelpscontrol howtheyaredisplayed.Set the border,height, width,and opacityofimagesusingCSS.Theborderpropertydefinesthe thickness and style of an image's border. The height and widthpropertiescontrolthesizeoftheimage,eitherinfixed unitsorpercentagerelativetoitscontainer.Opacitycanbe adjustedtomakeimagestransparent,especiallyusingtheMoz-opacitypropertyinolderMozillabrowsersandfilter 3. TOOLS
CSS provides various ways to define colors, allowing developerstocontroltheappearanceoftext,backgrounds, borders,andothervisualelementsonawebpage.Colorscan be applied to the foreground (text) or background of an element,andarealsousedforstylingbordersanddecorative effects.Oneofthemostcommonformatsisthehexadecimal code,writtenas#RRGGBB,whereRR,GG,andBBrepresent thered,green,andbluecolorvaluesinhexadecimal(00to FF). For example, #FF0000 represents red, #00FF00 is green,and #0000FF is blue. Thesevaluescanbeobtained usinggraphictoolslikeAdobePhotoshoporPaint.Ashorter version, called the short hex code, uses three digits (e.g.,
4.2 CSS uses Images and Links
Volume: 12 Issue: 07 | Jul 2025 www.irjet.net
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 p-ISSN: 2395-0072
alphainInternetExplorer.CSSalsoallowstouselinks.The tableshowsthesomeofthelinksused.
Table -2: CSSLinks
Links Syntax
:link Signifiesunvisitedhyperlinks
:visited Signifiesvisitedhyperlinks
:hover Signifiesanelementthatcurrentlyhas theuser'smousepointerhoveringover it
:active Signifiesanelementonwhichtheuser iscurrentlyclicking
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-sidepositionstablecaptions,empty-cellsshowsor hidesbordersonemptycells,andtable-layouthelpsrender tables faster. CSS borders can be customized using color, style,andwidth.Stylesincludesolid,dotted,dashed,double, groove,ridge,inset,outset,andnone.Eachsideofaborder can be styled individually. Margins define space around elements.Themarginpropertycansetallsidesatonce,or individually with margin-top, margin-bottom, margin-left, andmargin-right.Marginscancollapsewhenverticalmargins oftwoelementsmeet.
4.4 CSS List, Padding and Cursor
CSSallowscustomizationoflistsusingpropertieslike liststyle-type for bullet shape, list-style-position for marker placement,list-style-imageforimagebullets,andlist-styleasa shorthand.Paddingdefinesspacebetweencontentandits border,withpropertieslikepadding-top,padding-bottom, padding-left,andpadding-right,ortheshorthandpadding. The cursor property customizes the mouse pointer appearance, offering visual feedback when hovering over elementslikelinksorbuttons.
5. HYPERTEXT PREPROCESSOR
PHP(HypertextPreprocessor)isawidely-used,open-source server-sidescriptinglanguagedesignedforcreatingdynamic and interactive web pages. It runs efficiently on various platformslikeWindows,Linux,andmacOS,andsupportsall majorwebserversanddatabasessuchasMySQL.PHPfiles canincludeHTML,CSS,JavaScript,andaresavedwitha.PHP extension.PHPcanhandleformdata,managefiles,control user access, encrypt data, and support cookies. Its simple syntax,performanceefficiency,platformindependence,and strongcommunitysupportmakeitapreferredchoiceforweb development.APHPscriptstartswith<?PHPandendswith ?>,anditssyntaxallowforseamlessdatabaseconnections,
data retrieval, and processing using variables and SQL queries.
6. STRUCTURED QUERY LANGUAGE
SQL (Structured Query Language), is a powerful and standardizedprogramminglanguageusedformanagingand manipulatingdatastoredinrelationaldatabases.Although SQL is not a database system by itself, it works within database management systems like MySQL, Oracle, PostgreSQL,SQLServer,DB2,andotherstoperformawide rangeoftasks.WithSQL,userscaninsert,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 managestructureddataefficiently.OneofthereasonsSQLis sowidelyadoptedisitssimplicityandflexibilityinhandling largevolumesofdataacrossvariousplatforms.Forexample, dataprofessionalsuseSQLtoperformeverydayoperations likeupdatingexistingrecords,retrievingspecificinformation from one or multiple tables, deleting obsolete data, and insertingnewdataentries.Additionally,SQLenablesusersto set permissions, apply constraints, and control access to databaseobjectsforbetterdatasecurityandintegrity.Some ofthemostfrequentlyusedSQLcommandsincludeCREATE for defining new databases and tables, INSERT for adding data into tables, SELECT for retrieving data, UPDATE for modifyingexistingrecords,DELETEforremovingunwanted records,andDROPforpermanentlydeletingdatabaseobjects. These commands, when used with clauses like WHERE, provideprecisecontrolovertheoperationstobeperformed. Overall, SQL remains an essential tool for developers, analysts,andadministratorstomanagerelationaldatabases efficientlyandeffectively.
7. RESULTS.
The result shows how efficiently and securely the vehicle informationismanagedusingaQRcode.
Fig-3:HomepageDesign
Volume: 12 Issue: 07 | Jul 2025 www.irjet.net
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 p-ISSN: 2395-0072
Fig-4:AboutusPageDesign
Fig-5:LoginPageDesign
Fig-6:RegisterPageDesign
Fig-7:ServicePageDesign
Fig-8:SearchResultDesign
Fig-9:UserDatabaseStructure
Fig -10:UserDatabase
Fig-11: RoadConditionDatabaseStructure
Volume: 12 Issue: 07 | Jul 2025 www.irjet.net
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 p-ISSN: 2395-0072
Fig12-:RoadConditionDatabase
Fig -13:QRCode
Fig -14:UserDetails
The proposedsmartcommuting system offersan efficient andsecuresolutionformanagingvehicleinformation.Key features include a user dashboard for accessing vehicle details, QR code technology for preventing counterfeit numberplates,andreal-timeupdatesonroadconditionsand constructionworktoaidinrouteplanning.Thesystemaims toimprovecommutingefficiency,reducefuelandtimecosts, andenhanceusersecurityandexperience.Whilechallenges liketheneedforreliableinternetandpotentialcyberthreats exist,thesecanbemitigatedwithproperimplementation.
Overall, the system presents a promising approach to modernizingandpersonalizingthecommutingexperience.
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.; Kim,B.H.;Noh,S.D.Smartmanufacturing:Pastresearch, presentfindings,andfuturedirections.Int.J.Precis.Eng. Manuf.-GreenTechnol.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] MingZhu,Xiao-YangLiu,FeilongTang,MeikangQiu, Ruimin Shen, Wennie Shu and Min-You Wu,‘Public Vehicles for Future Urban Transportation’, IEEE transactionsonintelligenttransportationsystems,vol. 17,no.12,2016.
[5] TanviTusharThakur,AmeyaNaik,SheetalVatariand ManjiriGogate,“RealTimeTrafficManagementusing Internet of Things”, International Conference on Communication and Signal Processing, IEEE April 2016.
[6] Mohannad Ibrahim, Abdelghafor Elgamri, Sharief Babiker,AhmedMohamed,“InternetofThingsbased SmartEnvironmentalMonitoringusingtheRaspberryPiComputer”, IEEE ConferenceonDigital 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 DioxideEmissionsandAssociatedFuelConsumption into Texas A&M Transportation Institute Urban MobilityReport.Transp.Res.Rec.2014,2427,73–82 Allen, H.; Millard, K.; Stonehill, M. A summary of the proceedingsfromtheUnitedNationsclimatechange conferenceinDohaQatarandtheirsignificanceforthe land transport sector. In Proceedings of the Copenhagen:BridgingtheGapInitiative,Doha,Qatar,1 September2013.
[8] Nasim, R.; Kassler, A. Distributed architectures for intelligenttransportsystems:Asurvey.InProceedings of the 2012 Second Symposium on Network Cloud Computing and Applications, London, UK, 3–4 December2012;pp.130–136.