Download as pdf or txt
Download as pdf or txt
You are on page 1of 82

Bachelor of Computer Application HiMech

INTRODUCTION

HIMECH is an online roadside assistance web application created by BCA student


JERIN JOHNY .This web application is very helpful for the vehicle owners. The purpose of
this online workshop or what it means is that if the person using this platform has any damage
to the vehicle during the journey, in the current situation we have to seek help from someone
else, but if you register on this platform, you can directly talk to the workshop owner at your
destination and they will come and fix the problem .And doing this will save your time. A part
from that, this platform will also help you to call a recovery van in case of a crashed vehicle or
any kind of accident.

Roadside assistance, also known as breakdown coverage, is a service that


assists motorists, motorcyclists, or bicyclists whose vehicles have suffered a mechanical failure
that either cannot be resolved by the motorist, or has prevented them from reasonably or
effectively transporting the vehicle to an automobile repair shop. Roadside assistance
employees respond to calls for service to inspect the vehicle and attempt to render appropriate
repairs. Roadside assistance may be provided by departments of transportation, automobile
associations, vehicle insurance providers, or dedicated roadside assistance organizations. .
Another special feature is that our people will come to the house and repair the car for those
who book in advance on this platform.

St Thomas Arts & Science College, Puthencruz 1


Bachelor of Computer Application HiMech

1.1 ABOUT THE ORGANISATION

The idea of a "vehicle mechanical workshop home assistance" service involves providing
on-site mechanical and automotive repair services at the customer's location, typically their
home or workplace. This concept is becoming increasingly popular for several reasons:

Convenience: Many vehicle owners find it inconvenient to take their cars to a traditional brick-
and-mortar auto repair shop. It often involves scheduling an appointment, driving to the shop,
waiting for the service to be completed, and then driving back. Home assistance eliminates the
need for this inconvenience.

Time-Saving: Home assistance services save customers time by bringing the mechanic to their
location. It can be particularly helpful for people with busy schedules who don't have the time
to visit a repair shop.

Emergency Repairs: Vehicle breakdowns can happen at any time, and when they occur on the
road, it can be challenging to find a repair shop nearby. Home assistance can provide on-the-
spot repairs for various issues, helping customers get back on the road quickly.

Reduced Towing Costs: In cases where a car is not drivable and needs to be towed to a repair
shop, home assistance can help avoid towing costs by fixing the issue on-site.

Personalized Service: Customers can interact with the mechanic directly, discuss their
concerns, and witness the repair process, which can provide a sense of transparency and trust.

Cost-Effective: Home assistance services may be cost-competitive with traditional repair


shops, and customers can avoid additional expenses such as transportation costs and downtime.

To establish a vehicle mechanical workshop home assistance service, you would need:

Qualified Mechanics: Employ skilled and certified mechanics who can perform a wide range
of automotive repairs.

Mobile Workshop: Equip your mechanics with a fully stocked mobile workshop, including
tools, equipment, and diagnostic devices.

Service Vehicles: Have a fleet of service vehicles that can reach customers' locations quickly.

Booking System: Set up an efficient booking and appointment scheduling system, which can
be done through a website, app, or phone calls.

St Thomas Arts & Science College, Puthencruz 2


Bachelor of Computer Application HiMech

Marketing and Promotion: Promote your services to target customers through advertising,
social media, and word-of-mouth referrals.

Pricing Structure: Develop a competitive and transparent pricing structure for various services
offered.

Licensing and Insurance: Ensure that your business complies with all necessary licenses and
insurance requirements.

Customer Service: Provide excellent customer service to build trust and loyalty.

1.2 ABOUT THE PROJECT

“Vehicle mechanical workshop roadside assistance" refers to a service that offers on-the-spot
automotive repair and assistance to drivers in need, typically when their vehicles break down
or experience mechanical issues while on the road. Roadside assistance services are designed
to provide immediate help, allowing drivers to continue their journey or get their vehicles to a
safe location or a repair shop. Here's an explanation of this concept:

Immediate Help: Roadside assistance services are available 24/7 and are designed to respond
quickly to drivers' needs. Whether it's a flat tire, a dead battery, an engine malfunction, or any
other roadside issue, a team of trained mechanics or service providers is dispatched to the scene
to assist the driver.

Common Services: Typical services offered by a roadside assistance provider may include
jump-starting a dead battery, changing a flat tire, providing fuel delivery if the vehicle runs out
of gas, unlocking a car if the keys are locked inside, and providing minor mechanical repairs
to get the vehicle back on the road.

Towing Services: In cases where the vehicle's issue cannot be fixed on-site, roadside assistance
providers often offer towing services to transport the vehicle to a nearby repair shop or the
driver's preferred location.

Membership Programs: Many roadside assistance companies offer membership programs


where customers pay a monthly or annual fee to have access to their services. Members can
often enjoy a range of benefits, such as faster response times, priority service, and additional
coverage.

Peace of Mind: Roadside assistance provides peace of mind for drivers, knowing that they have
a safety net in case of unexpected vehicle issues. It's particularly valuable for long-distance
travellers and those who frequently drive in remote areas.

St Thomas Arts & Science College, Puthencruz 3


Bachelor of Computer Application HiMech

Emergency Support: Roadside assistance services can be crucial during emergencies, ensuring
the safety of the driver and their passengers. For example, in extreme weather conditions or
when traveling alone, having someone to rely on in case of a breakdown is essential.

To establish a vehicle mechanical workshop roadside assistance service, you would need:

Trained Technicians: Employ skilled and certified technicians who can handle a wide range of
roadside repairs and service tasks.

Service Fleet: Maintain a fleet of service vehicles equipped with tools, equipment, and spare
parts needed for common repairs and services.

Dispatch System: Implement a reliable dispatch system to receive and respond to service
requests quickly. This may involve the use of GPS technology and communication tools.

Membership Programs: Develop membership packages with various levels of coverage and
benefits to attract customers.

Marketing and Branding: Promote your roadside assistance service through various marketing
channels, such as websites, social media, and partnerships with insurance companies.

Emergency Response Training: Train your staff to respond effectively and professionally to
emergency situations and ensure the safety of both drivers and service providers.

2. SYSTEM ANALYSIS AND DESIGN

2.1 SYSTEM STUDY

System study refers to the process of examining a situation with the intent of improving it
through better procedures and methods. System study is the process of planning a new system
or one to replace or complement the existing system. But before this, planning is done. We
must thoroughly understand the old system and determine how computers can best be used to
make its operations more effective. The first step in system study includes analysis of the
system.

St Thomas Arts & Science College, Puthencruz 4


Bachelor of Computer Application HiMech

Before the development of any project, a system study is conducted to learn the details of the
current business situation. Information gathered through this study, forms the basis for creating
alternative strategies.
Management selects the strategy to pursue. For the development of a good project, proper
analysis of the existing system is a prerequisite. The existing system is studied to know the
extent of computerization required.
The initial investigation is an investigation performed to clarify the client’s satisfaction with
the company’s services. After the need for a new system has been identified an initial
investigation is conducted to identify the real programs of the existing system. Information is
gathered through interviews and inquiry. The next step is to determine what exactly the new
system is to do to solve the problems. The outcome of the initial investigation is to determine
whenever an alternative is possible during preliminary analysis the analyst takes a quick look
at what is needed and whether it benefits the perceived want. Detailed analysis includes an in-
depth look at what is wanted and contains more refined cost and benefits studies.
The preliminary analysis begins when someone perceives a problem, modification to an
existing system, repairs to an existing system or demands an entirely new system. During the
problem definition stage, the Analyst first concentrates on answering the question “What is the
problem”. The Analyst answers this tough question by examining the current system

2.1.1 EXISTING SYSTEM

The existing system of a vehicle mechanical workshop typically involves a set of processes and
practices for repairing and maintaining vehicles, such as cars, trucks, and motorcycles. This
system can vary in complexity depending on the size and specialization of the workshop, but
it generally includes the following components:

Vehicle Intake and Inspection: When a vehicle arrives at the workshop, it undergoes an initial
intake and inspection process. A service advisor or technician assesses the vehicle's issues,
records customer complaints, and conducts a visual inspection to identify any visible problems.

Diagnostics: After the initial inspection, if the problem is not apparent, the workshop may use
diagnostic tools and equipment to identify the root cause of the issue. This may involve
scanning the vehicles on board computer systems and using specialized diagnostic equipment.

Repair and Maintenance: Once the problem is diagnosed, the necessary repairs and
maintenance tasks are performed. This can include tasks such as engine repairs, brake
replacements, oil changes, tire rotations, and more. Technicians use various tools, equipment,
and replacement parts to complete these tasks.

St Thomas Arts & Science College, Puthencruz 5


Bachelor of Computer Application HiMech

Parts Procurement: The workshop typically maintains an inventory of commonly used


replacement parts and orders specialized or less common parts as needed. This process can
sometimes result in delays if specific parts are not readily available.

Quality Control: After the repairs are completed, quality control procedures are typically
performed to ensure that the work has been done correctly. This may involve test drives, post-
repair inspections, and verification of the work against industry standards.

Customer Communication: The workshop communicates with the vehicle owner to inform
them of the repairs and maintenance performed, costs, and any additional recommendations
for future service.

Disadvantages of the existing system of vehicle mechanical workshops:

*Cost and Pricing Transparency: Customers may find it difficult to ascertain the actual cost of
repairs and whether they are being *charged a fair price. This lack of transparency can lead to
mistrust and dissatisfaction.

*Delayed Repairs: Waiting for replacement parts or dealing with scheduling issues can result
in delayed repairs, which inconveniences customers and affects the workshop's efficiency.

*Overhead and Maintenance Costs: Running a mechanical workshop involves high overhead
costs, including equipment, tools, facility maintenance, and employee wages, which can impact
the workshop's profitability.

*Customer Experience: The overall customer experience, including communication,


convenience, and satisfaction, can vary widely between different workshops.

*Time loss: it take days to get the car repaired. Even for small problem.

2.1.2 PROPOSED SYSTEM


Providing vehicle mechanical home assistance and roadside assistance services in India can be
a valuable business idea with several advantages. Here's an overview of the concept and its
advantages:

Vehicle Mechanical Home Assistance in India: This service involves offering mechanical
assistance to vehicle owners at their homes or a location of their choice. It can include various
repair and maintenance services, diagnostics, and minor fixes, depending on the customer's
needs.

Advantages:

St Thomas Arts & Science College, Puthencruz 6


Bachelor of Computer Application HiMech

Convenience: Vehicle owners in India often lead busy lives, and finding time to visit a repair
shop can be challenging. Offering home assistance provides them with a convenient option to
get their vehicles serviced without disrupting their schedules.

Time Savings: Customers don't have to wait in long queues at service centres or spend time
traveling to a mechanic. Home assistance services save time and minimize downtime for
vehicle owners.

Cost Savings: While home assistance services may come at a premium, customers can
potentially save on towing costs and avoid additional expenses related to a breakdown far from
home.

Emergency Services: In cases of breakdowns, accidents, or other emergencies, home assistance


can provide rapid response, helping stranded motorists quickly get back on the road.

Personalized Service: Mechanics can provide personalized attention to each customer,


addressing specific vehicle issues and concerns.

Trust and Transparency: Building a reputation for trustworthiness and transparency can set your
service apart. Providing clear pricing and honest assessments can help you gain customer trust.

Specialization: You can choose to specialize in specific types of vehicles, such as cars,
motorcycles, or commercial vehicles, catering to a niche market.

Mobile Workshops: Equipping your service with a well-equipped mobile workshop van can
enable you to offer a wide range of repair and maintenance services on-site.

Roadside Assistance in India: Roadside assistance services are designed to help drivers when
they face unexpected issues or emergencies on the road. These services typically include
services like towing, battery jump-starts, flat tire assistance, fuel delivery, and more.

Advantages:

 Peace of Mind: Drivers have peace of mind knowing that help is just a phone
call away in case of an emergency or breakdown.
 Safety: Roadside assistance services can assist stranded drivers in a safe and
secure manner, reducing the risk of accidents or dangerous situations on the road.
 Expertise: Roadside assistance providers typically have trained professionals
and specialized equipment to handle various emergencies effectively.
 Convenience: Drivers don't have to rely on the help of strangers or attempt
risky DIY solutions when they encounter problems on the road.
 Cost-Efficient: It can be more cost-effective to have roadside assistance coverage,
especially when compared to paying out-of-pocket for towing or emergency repairs.

St Thomas Arts & Science College, Puthencruz 7


Bachelor of Computer Application HiMech

 Coverage Customization: Drivers can often choose from different levels of coverage
and add-on services to meet their specific needs and budget.
 Customer Loyalty: Auto clubs and insurance companies offering roadside
assistance can enhance customer loyalty by providing this valuable service.

2.3 FEASIBILITY STUDY


After the problem is clearly understood and the solutions are proposed, the next step is to
conduct the feasibility study, which is a part of system analysis as well as system design
process. The main objective of the study is to determine whether the proposed system is feasible
or not. Mainly there are three types of feasibility study to which the proposed system subjected
as described below. Considerations are involved in the feasibility.
1) Economic Feasibility
2) Technical Feasibility
3) Behavioural Feasibility
4) Operational Feasibility
5) Software Feasibility
6) Hardware Feasibility

The system that are proposed will be examined by these feasibility studies. The newly
computerized system should analyse to check whether it is feasible or not.

1. Technical Feasibility
Technical feasibility in the vehicle mechanical field refers to the assessment of whether a
proposed project, system, or initiative is technically viable and achievable. This assessment is
crucial to determine whether the required technology, tools, equipment, and expertise are
available or can be developed to support the project's goals.

Technical feasibility is a critical aspect of project planning and should be thoroughly evaluated
to ensure that the project can be successfully implemented and meet its objectives.
Additionally, it may be important to seek the expertise of engineers, automotive specialists,
and industry professionals to provide valuable insights and recommendations for technical
feasibility assessments in the vehicle mechanical field.

St Thomas Arts & Science College, Puthencruz 8


Bachelor of Computer Application HiMech

2. Behavioural Feasibility

Behavioural feasibility in the vehicle mechanical field involves assessing the impact of a
proposed project, system, or initiative on the behaviour of the individuals and groups involved,
including technicians, customers, and other stakeholders. It seeks to understand how people
will react to and interact with the project and whether it is feasible from a human and social
perspective.

3. Operational Feasibility

Operational feasibility in the vehicle mechanical field assesses whether a proposed project,
system, or initiative can be implemented and operated effectively and efficiently within the
existing operational framework. It focuses on the practicality of the project and its alignment
with the organization's goals and resources.

4. Software Feasibility

Even though software is developed in a very high software environment, it will be


supported by many other platforms and environments with minimum changes.

5. Hardware Feasibility

The software can be developed with resource already existing. Here the consideration is that
the existing hardware resources support the technologies that are to be used by the new system.
No hardware was newly bought for the project and hence, software is said to achieve hardware
feasibility.

St Thomas Arts & Science College, Puthencruz 9


Bachelor of Computer Application HiMech

3. SOFTWARE AND HARDWARE SPECIFICATION


3.1 OPERATING SYSTEM

WINDOWS 10

Windows 10 is a series of personal computer operating systems produced by Microsoft


as part of its Windows NT family of operating systems. It is the successor to Windows 8.1, and
was released to manufacturing on July 15, 2015, and broadly released for retail sale on July 29,
2015. Windows 10 receives new builds on an ongoing basis, which are available at no
additional cost to users, in addition to additional test builds of Windows 10 which are available
to Windows Insiders. Devices in enterprise environments can receive critical updates, such as
security patches, over their ten-year lifespan of extended support.

One of Windows 10’s most notable features is support for universal apps, an expansion
of the Metro-style apps first introduced in Windows 8. Universal apps can be designed to run
across multiple Microsoft product families with nearly identical code including PCs, tablets,
smartphones, embedded systems, Xbox One, Surface Hub and Mixed Reality. The Windows
user interface was revised to handle transitions between a mouse-oriented interface and a
touchscreen optimized interface based on available input devices-particularly on 2-in-1 PCs,
both interfaces include an updated Start menu which incorporates elements of Windows 7’s
traditional Start menu with the tiles of Windows 8. Windows 10 also introduced the Microsoft
Edge web browser, a virtual desktop system, a window and desktop management feature called
Task View, support for fingerprint and face recognition login, new security features for
enterprise environments, and DirectX 12.

Windows 10 received mostly positive reviews upon its original release in July 2015.
Critics praised Microsoft’s decision to provide a desktop-oriented interface in line with
previous versions of windows, contrasting the tablet-oriented approach of 8, although windows
10’s touch-oriented user interface mode was criticized for containing regressions upon the
touch-oriented interface of windows 8. Critics also praised the improvements to windows 10’s
bundled software over.

Windows 8.1, Xbox Live integration, as well as the functionality and capabilities of the
Cortana personal assistant and the replacement of Internet Explorer with Edge. However, media
outlets have been critical of changes to operating system behaviours, including mandatory

St Thomas Arts & Science College, Puthencruz 10


Bachelor of Computer Application HiMech

update installation, privacy concerns over data collection performed by the OS for Microsoft
and its partners and the adware-like tactics used to promote the operating system on its release.

Although Microsoft’s goal to have Windows 10 installed on over a billion devices within
three years of its release had failed, it still had an estimated usage share of 60% of all the
Windows versions on traditional PCs, and thus 47% of traditional PCs were running Windows
10 by September 2019. Across all platforms (PC, mobile, tablet and console), 35% of devices
run some kind of Windows, Windows 10 or older.

3.2 FRONT END PHP

The PHP Hypertext pre-processor (PHP) is a programming language that allows web
developers to create dynamic content that interacts with databases. PHP is basically used for
developing web based software applications. This tutorial helps you to build your base with
PHP.

PHP started out as a small open source project that evolved as more and more people found
out how useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.

PHP is a recursive acronym for “PHP: Hypertext Pre-processor”.

• PHP is a server side scripting language that is embedded in HTML. It is used to


manage dynamic content, databases, session tracking, even build entire ecommerce
sites.

• It is integrated with a number of popular databases, including MySQL, postgre SQL,


Oracle, Sybase, Informix, and Microsoft SQL server.

• PHP is pleasingly zippy in its execution, especially when compiled as an Apache


module on the UNIX side. The MySQL server, once started, executes even very
complex queries with huge result sets in record-setting time.

• PHP supports a large number of major protocols such as POP3, IMAP and LDAP. PHP4
added support for Java and distributed object architectures (COM and CORBA),
making n-tier development a possibility for the first time.

St Thomas Arts & Science College, Puthencruz 11


Bachelor of Computer Application HiMech

• PHP is forgiving: PHP language tries to be as forgiving as possible.


• PHP Syntax is C-Like.

Common Uses of PHP


• PHP performs system functions, i.e., from files on a system it can create, open, read,
write and close them.
• PHP can handle forms, i.e., gather data from files, save data to a file, through email you
can send data, return data to the user.
• You add, delete, modify elements within your database through PHP.
• Access cookies variables and set cookies.
• Using PHP, you can restrict users to access some pages of your website.
• It can encrypt data.

Characteristics of PHP
Five important characteristics make PHP’s practical nature possible.
1. Simplicity
2. Efficiency
3. Security
4. Flexibility
5. Familiarity

 Hypertext Markup Language


HTML or Hyper Text Mark-up Language is a simple scripting language that is interpreted
with in a web browser. HTML helps to make web pages. HTML is the basis behind (almost)
all web pages. Some tags in an HTML document determine the way certain text, such as titles,
will be formatted. Other tags cue the computer to respond to the user’s actions on the keyboard
or mouse. An important tag is a link, which may contain the Uniform Resource Locator (URL)
of another document. The URL can be compared to an address where a particular document
resides.
The document may be stored on the same computer as the parent document or on any
computer connected to the World Wide Web. The user can navigate from document to
document simply by clicking on these links. HTML also includes mark ups for forms, which

St Thomas Arts & Science College, Puthencruz 12


Bachelor of Computer Application HiMech

let the user fill out information and electronically send, or e-mail, the data to the document
author and initiate sophisticated searches of information on the internet, or order goods and
services.

3.3 BACK END

MySQL
MySQL is a fast, easy-to-use RDBMS being used for many small and big businesses.
MySQL is developed, marketed, and supported by MySQL AB, which is a Swedish company.
MySQL is becoming so popular because of many good reasons:

• MySQL is released under an open-source license. So you have nothing to pay to use
it.

• MySQL is a very powerful program in its own right. It handles a large subset of the
functionality of the most expensive and powerful database packages.

• MySQL uses a standard form of the well-known SQL data language.


• MySQL works on many operating systems and with many languages including PHP,
PERL, C, C++, JAVA, etc.

• MySQL works very quickly and works well even with large data sets.
• MySQL is very friendly to PHP, the most appreciated language for web development.
• MySQL supports large databases, up to 50 million rows or more in a table. The default
file size limit for a table is 4GB, but you can increase this (if your operating system
can handle it) to a theoretical limit of 8 million terabytes (TB).

• MySQL is customizable. The open-source GPL license allows programmers to modify


the MySQL software to fit their own specific environments.

St Thomas Arts & Science College, Puthencruz 13


Bachelor of Computer Application HiMech

3.4 SOFTWARE AND HARDWARE SPECIFICATION

Selection of hardware configuration is very important task related to the software


development. The processor should be powerful to handle all the operations. The hard disk
should have the sufficient capacity to solve the database and the application.

o Minimum Requirements:

Processor: Intel Pentium Processor.

Hard disk: 1 GB Hard Disk.

RAM: Client Level-Minimum 1 GB.

o Recommended Requirements:

Processor: Intel Pentium III Running At 450 MHZ.

RAM: Client Level-Minimum 512 MB.

Display Type: SVGA Colour Monitor.

Keyboard: PS/2-2 Button.

Software Specification

Software selection is critical aspect of system development. One reason is that, the number
of software in the market is experiencing a geometric progression. To choose the best from
many alternatives has provided to be a problem. This project is development in the most
powerful environment with PHP and HTML as the front end and ‘Microsoft SQL Server as a
backend.

o Operating System : Windows XP


o Front End : PHP, HTML
o Back End : MySQL o Platform : Windows server
2010.
o Browser : Google Chrome, Internet Explorer, Mozilla
Firefox.

St Thomas Arts & Science College, Puthencruz 14


Bachelor of Computer Application HiMech

4. SYSTEM DESIGN

Design is the first step into the development phase for any engineered product or system.
Design is a creative process. A good design is the key to effective system. The term “design”
is defined as “the process of applying various techniques and principles for the purpose of
defining a process or a system in sufficient detail to permit its physical realization”. It may
be defined as a process of applying various techniques and principles for the purpose of
defining a device, a process or a system in sufficient detail to permit its physical realization.
Software design sits at the technical kernel of the software engineering process and is applied
regardless of the development paradigm that is used.

The system design develops the architectural detail required to build a system or product.
As in the case of any systematic approach, this software too has undergone the best possible
design phase fine tuning all efficiency, performance and accuracy levels. The design phase is
a transition from a user oriented document to a document to the programmers or database
personnel. System design goes through two phases of development: Logical and Physical
Design.

BASIC MODULES

Modularization is the breaking of project into different smaller units. Modularization


help in debugging of the modules involve in the project and also helps in reuse of the code.
This helps in faster development, implementation and maintenance of the software.

1. Admin Module

Administrator has the full authority over the website. He can view all the registered users
and have the power to delete them. He can edit the web pages and update them. He can view
all the company details also.

2. User Module

A jobseeker can register himself. After registration, he will be directed to his homepage. Here
he can update his profile, change password and see the examination details and all.

St Thomas Arts & Science College, Puthencruz 15


Bachelor of Computer Application HiMech

3. Shop Module

In this module shoppers can login using their E-mail and password. They can add workshop
And manage booking services. Also, shoppers can give complaints, feedbacks and review
Regarding the application.

4. Guest Module

In this module the student and recruiter can register through the guest module and create their
own profile.

4.1 INPUT DESIGN


Inaccurate input data are the most cause of errors in data processing. Errors by data entry
operators can be controlled by input validation. Input design is the process of converting user-
oriented inputs to a computer-based format. Input design is a part of an overall system design,
which makes the system user friendly. The input design is the link between the information
system and users. It comprises developing specifications and those steps that are necessary to
put transaction data into a usable form for processing data entry. The activity of putting data
into the computer for processing can be achieved by instructing the computer to read data from
a written or printed document or it can occur by having people key data directly into the system.
The design of input focuses on controlling the amount of inputs required, controlling errors,
avoiding delay, avoiding extra steps and keeping the process simple.

System analyst decides the following input design details:

• What data to input.


• What medium to use.
• How the data should be arranged or coded?

• The dialogue to guide the users in providing input.


Methods for performing input validations and steps to follow when an error occur. The
input screens are displayed in a way that the user can understand entries very easily. Proper
validation and controlling of input data will reduce the chance of errors. All major operations
are done only after checking the results of confirmation messages. This makes the system more
reliable and user friendly.

St Thomas Arts & Science College, Puthencruz 16


Bachelor of Computer Application HiMech

4.2 OUTPUT DESIGN


Efficient and transport output design improves the system relationship with the user and
help him to understand faster. A complicated output design contributes nothing to the system
but leave the user confused. For a successful system it is a must that it maintains a clear output
design. The output form is system is the justification for its existence. If the outputs are
inadequate in any way, the system itself is inadequate. The basic requirements of this content
medium and layout for its intended purpose. Hence it is necessary to design output so that the
objectives of system are met in the best possible manner. The output is in the form of reports.
The various of output required by the system are:

• External output, whose destination is outside the concern and requires special attention.
• Internal output, whose destination is within the concern and requires careful design
because they are the users main interface within the computer.

• Operational output, whose use is purely within the computer department, e.g., program
listing, usage statistics etc.

• Interactive output, which involves the user in communicating directly with computers.

Output design is a process that in valves designing necessary output in the form of
reports that should be given to the users according to the requirements. While designing the
output, the following steps are to be considered:

• Determine what information to be presented to the user.


• Arrange the presentation of information in an acceptable format.
• Decide how to distribute the output to the intended recipients.

4.3 DATABASE DESIGN


The general theme behind the database is to handle information as an integrated whole. A
database is a collection of inter related data stored with minimum redundancy to serve many
quickly and effectively. It is a collection of stored data organized in such a way that all the data
requirements are satisfied by the database. The aim of database design is to improve the
existing system situation. A number of database files were designed to hold the data
requirements for running their system. The following tables are used:
 tbl _uregister

St Thomas Arts & Science College, Puthencruz 17


Bachelor of Computer Application HiMech

 tbl_adddetails
 tbl_addemploye
 tbl_viewbooking

4.3.1 TABLE DESIGN


The database is a collection of interrelated data. The data are stored in the form of table
using Structured Query Language (SQL) as back end. The table consists of primary keys; as
unique field’s data are retrieved by comparing the primary key. While designing the database
several factors have to be considered to make the system as an efficient one. The key factor is
the consideration of the data type. Proper data types have to be provided for the appropriate
data. The types may be varchar or numeric.
Tables are database objects that contain all the data in a database. A table definition is
a collection of columns. In tables, data is organized in a row-and-column format similar to a
spreadsheet. Each row represents a unique record, and each column represents a field within
the record. In “ONLINE ROADSIDE ASSISTANECE

(HIMECH)”, there are mainly several tables for data insertion and retrieval.

Normalization

The process of normalization is concerned with the transformation of the conceptual


schema to a computer represent able form. Normalization reduces the redundancies and
anomalies.

First Normal Form

First normal form does not allow multi valued and composite valued attributes. It states
that the domain of any attribute in a tuple must be single value of any attribute in a tuple must
be single value from the domain of that attribute.

Second Normal Form

In second normal form, for the relations where primary key contains multiple attributes,
non-key attributes should not be functionally dependent on a part of the primary key.

St Thomas Arts & Science College, Puthencruz 18


Bachelor of Computer Application HiMech

Third Normal Form

In third normal form, relation should not have a non-key attribute functionally
determined by another non-key attribute. That is there should be no transitive dependency of a
non-key attribute on the primary key. Database contains following tables.

TABLE DESIGN
 Table Name: tbl _uregister
Primary Key: user_id
Description: Details of user

FIELD NAME DATATYPE&SIZE DESCRIPTION

id int(20) User’s id

name varchar(30) Name of user

email varchar(50) Email of user

location varchar(50) Location of the user

contact Varchar(10) Contact of the user

password Varchar(20) Password of the user

 Table Name: tbl_adddetails


Primary Key: id
Description: Details of worksop
FIELD NAME DATATYPE&SIZE DESCRIPTION

St Thomas Arts & Science College, Puthencruz 19


Bachelor of Computer Application HiMech

id Int (20) details id

name Varchar(30) Shop owner

location Varchar(50) Shop location

password Varchar(20) psssword

services Varchar(30) servicese

 Table Name: tbl_addemployee

Primary Key: id

Description: adding new workshop

FIELD DATATYPE&SIZE DESCRIPTION


NAME

id int(20) empoyee id

Ename varchar(50) Name of owner

location Varchar(100) Location of the workshop

vehicle_type Varchar(50) Which type vehicle

contact Varchar(10) Mobile number

 Table Name: tbl_viwbooking

Primary Key: id

Description: home assistance

Description: Details of Cart

St Thomas Arts & Science College, Puthencruz 20


Bachelor of Computer Application HiMech

FIELD DATATYPE&SIZE DESCRIPTION


NAME

id int(20) id

name varchar(50) Nmae

location Varchar(50) Services wanted


location
date date Booking date

email Varchar(100) Email

Contact Varchar(10) For contact

type Varchar(50) Vehicle type

complaint Varchar(500) Vehicle problem

4.4 PROCESS DESIGN

Database Management System


Database Management System consists of a collection of interrelated data and a set of
programs to access that data is referred to as database. The database management system has
different goals.

Goals of Database Management System

The primary goal of data base management system is to provide an environment that is
both conventional and efficient to use in retrieving information from and storing information
into database.

Data Model

A model is an abstraction process that hides superfluous details while highlighting details
pertinent to application at hand. A data models is a mechanism that provides this abstraction

St Thomas Arts & Science College, Puthencruz 21


Bachelor of Computer Application HiMech

for the storage of this data. There are many data models that are available for the storage of
data. Most models provide mechanisms to structure data for the entities being modelled and
allows asset of operations to be defined on them. The models can also enforce a set of
constraints to maintain the high integrity of data. Some models are mentioned below.

Entity Relationship Models

The entity relationship models (E-R model) is based on perception of real world,
which consists of a set of basic objects called entities and relationships among these objects.
It was developed in order to facilitate database design by allowing then specification of an
enterprise scheme. Such a scheme represents the overall logical structure of database.

Network Model

The network model was formulized in the 1960’s by the database task group of the
conference on data system language. In network model, data is represented by collection of
records and the relationship among the data represented by links.

Hierarchical Model

The hierarchical model is similar to the normal model in the sense that data and
relationship are as records and links respectively. The hierarchical model defers from the
network model. In that records are organized as collection of trees rather than arbitrary graphs.

In process design, the overall structure of checked out the design is carried out using top
down strategy. First the major modules are identified then they are rewarded in the sub modules
at the lower level and are addressed as a single function of the whole system.

Modules:

• Admin
• User
• Shop
• Guest

St Thomas Arts & Science College, Puthencruz 22


Bachelor of Computer Application HiMech

1 Admin

 View employee
 Add employee
 View booking

2. User

• Search workshop
• Book home assistance
• Purchase Product
• Give Feedback
• Give Complaint
• Give Review

3. Shop
• Add Products
• Manage Bookings
• Manage Delivery Time
• Give/View Feedback
• Give/View Complaint
• Give/View Review

4. Guest

• Student Registration
• Recruiter Registration

4.4.1 DATA FLOW DIAGRAM

A Data Flow Diagram (DFD) or a bubble chart is a graphical tool for structured analysis. It
was De Macro in 1978 and Gene and Carson in 1979 who introduced DFD. DFD models a
system transforms the data and creates, output data-flows which go by suing external entities

St Thomas Arts & Science College, Puthencruz 23


Bachelor of Computer Application HiMech

from which data flows to a process which to other processes or external entities or files. Data
in files many also flow to processes as inputs.

There are various symbols used in DFD. Bubbles represent the process. Named arrows
indicate the dataflow. External entities are represented by rectangles and are outside the system
such as vendors or customers with whom the system interacts. They either supply or consume
data. Entities supplying data are known as sources and those that consume data are called sinks.
Data are stored in a data store by a process in the system. Each component in a DFD is labelled
in with a descriptive name. Process names are further identified with a number.

DFD can be hierarchically organized, which help in partitioning and analysing large
systems. As a first step, one Data Flow Diagram can depict an entire system. Which gives the
system overview? It is called Context Diagram of level 0 DFD. The context diagram can be
further expanded. The successive expansion of the DFD from the context diagram that giving
more details is known as levelling of DFD. Thus of top down approach is used, starting with
an overview and then working out the details.

The main merit of DFD is that it can provide an overview of what data a system would
process, what transformation of data are done, what files are used, and where the result flow.
The data flow diagram of Post Office Management System has been represented as a
hierarchical DFD context level DFD was drawn first. Then the processes were decomposed
into several elementary levels and are represented in the order of importance.

BASIC DFD SYMBOLS

Square:

St Thomas Arts & Science College, Puthencruz 24


Bachelor of Computer Application HiMech

A source or sink is a person or part of an organization, which enters or receives information


from the system, but is considered to be outside the context of data flow model.

Arrow:

A data flow is a route, which enables packets of data to travel from one point to another.
Data may flow from a source to a processor and from data store or process. An arrow lines
depicts the flow, with arrowhead pointing in the direction of flow.

Circle:

A Process represents transformation where incoming data flows are changed into outgoing
data flows.

Open rectangle:

A data is a repository of data that is to be stored for use by one or more process may be as
simple as buffer or queue or sophisticated as relational database. They should have clear names.
If a process merely uses the content of store and doesn’t alter it, the arrowhead goes only from
the store to the process. If process alters the details in the store, then a double headed arrow is
used.

St Thomas Arts & Science College, Puthencruz 25


Bachelor of Computer Application HiMech

Rules for drawing Data Flow Diagram

Establish the context of the data flow diagram by identifying all of the net input and
output data flows.

o Select a starting point for drawing the data flow diagram.


o Give meaningful labels to all data flow lines.
o Label all processes with action verbs that relate input and output data flows.
o Omit insignificant functions routinely handled in the programming process.
o Don’t include control or flow of control information.
o Don’t try to put too much information in one data flow diagram. Try to plan
for the number of levels. Be prepared to start over.

LEVEL 0

St Thomas Arts & Science College, Puthencruz 26


Bachelor of Computer Application HiMech

Level 1 Admin

St Thomas Arts & Science College, Puthencruz 27


Bachelor of Computer Application HiMech

Level 2 USER

St Thomas Arts & Science College, Puthencruz 28


Bachelor of Computer Application HiMech

ER DIAGRAM

St Thomas Arts & Science College, Puthencruz 29


Bachelor of Computer Application HiMech

5. SYSTEM TESTING AND IMPLEMENTATION

Implementation is the stage of the project when the theoretical design is turned into a
working system. At this stage the main workload and the major impact of an existing practice
shift to the user department. If the implementation stage is not carefully controlled and planned,
it can cases lose. Thus it can be considered to be the most crucial stage in achieving a successful
new system and in giving the users confidence that the new system will be effective. Before
implementing the system, you must test the system and check the quality of the system very
carefully.

5.1 SYSTEM TESTING

System testing is the stage of implementation, which is aimed at ensuring that the system
works accurately and efficiently before live operation commence. Testing is vital to the success
of the system. An elaborate testing of data is prepared and the system is tested using this test
data. While testing, errors are noted and corrections are made. The users are trained to operate
the developed system. Both hardware and software securities are made to run the developed
system successfully in future.

In our project testing is done from the beginning. That is from each module of the project.
At each module we have checked weather it satisfies customer needs and make sure that our
project is highly reliable. It will make available that, the project is tested at each step to make it
more advantages to the customer while providing the bill.

The following are the attributes of the good test:

o A good test has high probability of finding an error.


o A good test is not redundant. o A good test is neither too simple nor
too complex.

St Thomas Arts & Science College, Puthencruz 30


Bachelor of Computer Application HiMech

TYPES OF TESTING

1. Unit Testing

2. Integration Testing

3. Validation Testing

4. Output Testing

5. User Acceptance Testing

Unit Testing

Unit testing focuses verification efforts on the smallest unit of software design, the module
.This is also known as “Module Testing”. The modules are separately. This testing is carried
out during programming stage itself. In this testing step each module is found to be working
satisfactorily as regard to the expected output from the module.

Integration Testing

Integration testing is a systematic technique for constructing tests to uncover errors


associated interface. In this project, all the modules combined. And then entire program is
tested as a whole, thus in the integration testing step, all the errors uncovered for the next testing
steps.

Validation Testing

Validation testing is where requirements established as a part of software requirement


analysis is validated against the software that has been constructed. This test provides the final
assurance that the software meets all functional, behavioural and performance requirements.

The errors, which are uncovered during integration testing, are corrected during this phase.

St Thomas Arts & Science College, Puthencruz 31


Bachelor of Computer Application HiMech

Output Testing

After performing the validation testing, the next step is output testing of the proposed
system since no system could be useful if it does not produce the required output in the specific
format. The output generated or displayed by the system under consideration is tested asking
the users about the format required by them. Here, the output is considered in two ways: one is
on the screen and the other is printed format.

The output format on the screen is found to be correct as the format designed according to
the user needs. For the hard copy also, the output comes out as specified by the user.
Hence output testing doesn’t result in any connection in the system.

User Acceptance Testing

User acceptance of a system is the key factor for the success of any system. The under
consideration is tested for user acceptance by constantly keeping in touch with the prospective
system users at a time of developing and making of PLAY SPOTS . The testing of the software
began along with coding. Since the design was fully object oriented, first the interfaces were
developed and tested. Then unit testing was done for every module in the software for various
inputs, such that each line of code is once executed.

After all modules were coded the integration test were carried out. Some minor errors were
found in the output at the earlier stage and each of them was corrected. In the implementation
of user interface part, no major errors were found. After the software was completely
developed, the testing was done. The output of the software was correct and accurate during
the time of demonstration, after that no errors were reported.

5.2 SYSTEM IMPLEMENTATION

Implementation is the stage in the project where theoretical is design is turned into a
working system and is giving confidence on the new system for the users, which will work

St Thomas Arts & Science College, Puthencruz 32


Bachelor of Computer Application HiMech

efficiently and effectively. It involves careful planning, investigation of the current system and
its constraints on implementations, design of methods to achieve the changeover, an evaluation,
of change over methods. Apart from planning major task of preparing the implementation are
education and training of users.

The major complex system being implemented the more evolved will be the system
analysis and the design effort required just for implementation. An implementation
coordinating committee based on policies of individual organization has been appointed. The
implementation process begins with preparing a plan for the implementation of the system.
According to this plan, the activities are to be carried out discussions made regarding the
equipment and resources and the additional equipment has to be acquired to implement the new
system.

Implementation is the final and important phase. The most critical stage in achieving a
successful new system and in giving the users confidence that the new system will work and
be effective. The system can be implemented only after thorough testing is done and if it found
to working according to the specification. This method also offers the greatest security since
the old system can take over if the errors are found or inability to handle certain type of
transaction while using the new system.

Implementation Procedures

The main aspects of implementation are:

1. Conversion

2. Post Implementation

3. Software maintenance

Implementation of a computer system to replace a manual system involve converting files,


training users, creating accurate files and verifying printers for integrity.

St Thomas Arts & Science College, Puthencruz 33


Bachelor of Computer Application HiMech

1. Conversion
Conversion means changing from one system to another. The objective is to put the tested
system into operation while holding costs, risks and personnel irritation to a minimum. It
involves
 Creating computer compatible files.
 Training the operating staff.
 Installing terminals and hardware.

2. Post-Implementation

A post implementation review measures the systems performance against predefined


requirements. It determines how well the system continues to meet performance specifications.
It also provides information to determine whether major redesign is necessary. A post
Implementation review is an evaluation a system in terms of the extent to which the system
accomplishes stated objectives and project costs exceed initial estimates. It is usually a review
of major problems that need inverting and those that surfaced during the implementation phase.
An overall plan covers the following area inverting and those that surfaced during the
implementation phase.

3. Software Maintenance

Maintenance is the enigma of software development. It holds the software industry captive,
tying up programming resources. It is perceived as requiring neither skill nor experience.
Maintenance covers wide range of activities, including correcting, coding and design errors,
updating documentation and test data, and upgrading user support.

5.3 MAINTENANCE
Maintenance of the software is one of the major steps in the project. Software which is
developed which is developed by the admin level staffs should undergo maintenance process
in regular interval of time goes on new problems arise and it must be corrected accordingly.
Maintenance and enhancement are a long term process.
Proper testing and documentation should significantly reduce the frequency and extend of
required maintenance. The results obtained from the evaluation process help the organization
to determine whether its information systems are effective or

St Thomas Arts & Science College, Puthencruz 34


Bachelor of Computer Application HiMech

Otherwise. The Process of changing a system after it has been delivered and while still in use
is called maintenance. The change may involve simple change to correct coding error, and more
extensive change to correct design error. Like any system there is an ageing process that
requires periodic maintenance of hardware and software. If the new information is inconsistent
with the design specification, maintenance is need.

In this project, the maintenance is carried over by the staff concern. Since they are the key
persons to develop this project they know clearly about the project and coding structure. So,
they will change the coding whenever required. Regarding the project maintenance that can be
classified into:

Corrective Maintenance:

The first maintenance activity occurs since it is unreasonable to assume that the software
testing will uncover all errors in a large software system. The process of including the diagnosis
and correction of one or more errors called corrective maintenance. It is concerned with fixing
reported errors in the software. Coding errors are usually relatively cheap to correct. Design
errors are more expensive as they may involve the rewriting of several program components.

Requirement errors are the most expensive to repair because of the extensive system redesign
that may be necessary.

Adaptive Maintenance:

This activity that contributes to the definition of maintenance occurs since rapid change
is encountered in every aspects of computing. Therefore, adaptive maintenance modifies
software to properly interface with the changing environment.

Perceptive Maintenance:

This activity involves recommendation for new capability modifications to the existing
functions and general enhancements when software is used. To satisfy these requests,
perceptive maintenance is performed. Maintenance covers a wide range of activities including
the correction of code and design errors, updating the documentation and testing the data.

St Thomas Arts & Science College, Puthencruz 35


Bachelor of Computer Application HiMech

5. FUTURE ENHANCEMENT

 Mobile Service Units:

Consider offering a mobile service where technicians equipped with tools and equipment can
visit customers at their homes or workplaces.

This can be especially useful for minor repairs, maintenance tasks, or diagnostics.

 Advanced Diagnostics:

Invest in advanced diagnostic tools and technology to quickly identify and address vehicle
issues.

Equip your workshop with the latest software and hardware to handle a wide range of vehicles
and their systems.

 Online Appointment Booking:

Implement an online booking system to allow customers to schedule appointments


conveniently.

This can streamline your workflow and help you manage your time and resources more
efficiently.

 Transparent Communication:

Use technology to keep customers informed about the status of their vehicles.

Implement communication tools such as SMS alerts, emails, or even a mobile app to update
customers on repairs, progress, and estimated completion times.

 Customer Relationship Management (CRM) System:

Utilize CRM software to keep track of customer preferences, service history, and contact
information.

This can help you provide personalized service and build long-term relationships with your
customers.

 Green Practices:

Consider implementing eco-friendly practices in your workshop, such as recycling materials,


using energy-efficient equipment, or exploring alternative fuels for vehicles.

St Thomas Arts & Science College, Puthencruz 36


Bachelor of Computer Application HiMech

 Education and Workshops:

Offer workshops or seminars for customers to educate them about basic vehicle maintenance.

This not only helps customers take better care of their vehicles but also positions your
workshop as an authority in the community.

 Fleet Services:

If applicable, consider offering services tailored to local businesses with vehicle fleets.

Develop partnerships with companies to provide regular maintenance and repairs for their
vehicles.

Subscription Services:

Explore subscription-based models where customers can pay a monthly fee for routine
maintenance services.

This can provide a steady income stream and encourage regular vehicle check-ups.

Digital Marketing:

Invest in an online presence, including a website and social media platforms.

Utilize digital marketing strategies to reach a wider audience and attract new customers.

6. CONCLUSION

Our project Online Road side assistance and home assistance (HIMECH) is a desktop system
aimed for The purpose of this online workshop or what it means is that if the person using this
platform has any damage to the vehicle during the journey, in the current situation we have to
seek help from someone else, but if you register on this platform, you can directly talk to the
workshop owner at your destination and they will come and fix the problem. And doing this
will save your time. A part from that, this platform will also help you to call a recovery van in
case of a crashed vehicle or any kind of accident. Another special feature is that our people will
come to the house and repair the car for those who book in advance on this platform.

St Thomas Arts & Science College, Puthencruz 37


Bachelor of Computer Application HiMech

8. BIBLIOGRAPHY BOOKS:
Jalotte Pankaj,”Software Engineering”, third edition, spring publishers, Narosa Publishing
House.

Peterrob, Thomson Leaning, “Database Systems Design and Management”, fifth edition,
McGraw-Hill Professional Publication.

Raghuramakrishnan and Johannes,” Database Management System”, third edition,


McGrawHill Professional Publication.

Elias M. Awad, “System Analysis and Design”, second edition, McGraw-Hill Professional
publication.

Kevin Yank,”PHP & MySQL Novice to Ninja.

Websites:

www.coduguru.com
www.codeproject.com
www.wikipedia.en.in
www.google.com
www.php.com

St Thomas Arts & Science College, Puthencruz 38


Bachelor of Computer Application HiMech

9. APPENDIX
SCREENSHORT

FORM 1: HOME PAGE OR INDEX PAGE (GUEST) +

St Thomas Arts & Science College, Puthencruz 39


Bachelor of Computer Application HiMech

FORM 2 SHOP REGISTRATION

St Thomas Arts & Science College, Puthencruz 40


Bachelor of Computer Application HiMech

FORM 3 USER REGISTRATION

St Thomas Arts & Science College, Puthencruz 41


Bachelor of Computer Application HiMech

FORM 4 LOGIN PAGE

St Thomas Arts & Science College, Puthencruz 42


Bachelor of Computer Application HiMech

FORM 5 HOMEPAGE(after login)

St Thomas Arts & Science College, Puthencruz 43


Bachelor of Computer Application HiMech

FORM 6 SEARCH WORKSHOP

St Thomas Arts & Science College, Puthencruz 44


Bachelor of Computer Application HiMech

FORM 7 ADVANCED HOME ASSISTANCE BOOKING

St Thomas Arts & Science College, Puthencruz 45


Bachelor of Computer Application HiMech

FORM 8 ADMIN HOMEPAGE

St Thomas Arts & Science College, Puthencruz 46


Bachelor of Computer Application HiMech

FORM 9 ADD EMPLOYEE (DATA)

St Thomas Arts & Science College, Puthencruz 47


Bachelor of Computer Application HiMech

FORM 10 VIEW EMPLOYEE DETAILS

St Thomas Arts & Science College, Puthencruz 48


Bachelor of Computer Application HiMech

FORM 11 VIEW BOOKING

St Thomas Arts & Science College, Puthencruz 49


Bachelor of Computer Application HiMech

9.2 SOURCE CODE

INDEX PAGE
?php

Include('header.php');

?>

<!-- Carousel Start -->

<div class="container-fluid p-0 mb-5">

<div id="header-carousel" class="carousel slide" data-bs-ride="carousel">

<div class="carousel-inner">

<div class="carousel-item active">

<img class="w-100" src="img/carousel-bg-1.jpg" alt="Image">

<div class="carousel-caption d-flex align-items-center">

<div class="container">

<div class="row align-items-center justify-content-center justify-content-lg-


start">

<div class="col-10 col-lg-7 text-center text-lg-start">

<h6 class="text-white text-uppercase mb-3 animated slideInDown">//


Vehicle serviceing //</h6>

<h1 class="display-3 text-white mb-4 pb-3 animated


slideInDown">Qualified Vehicle Repairing</h1>

<a href="" class="btn btn-primary py-3 px-5 animated slideInDown">


More<i class="fa fa-arrow-right ms-3"></i></a>

</div>

<div class="col-lg-5 d-none d-lg-flex animated zoomIn">

<img class="img-fluid" src="img/carousel-1.png" alt="">

St Thomas Arts & Science College, Puthencruz 50


Bachelor of Computer Application HiMech

</div>

</div>

</div>

</div>

</div>

<div class="carousel-item">

<img class="w-100" src="img/carousel-bg-2.jpg" alt="Image">

<div class="carousel-caption d-flex align-items-center">

<div class="container">

<div class="row align-items-center justify-content-center justify-content-lg-


start">

<div class="col-10 col-lg-7 text-center text-lg-start">

<h6 class="text-white text-uppercase mb-3 animated slideInDown">// Car


Servicing //</h6>

<h1 class="display-3 text-white mb-4 pb-3 animated


slideInDown">Qualified Car Wash Service</h1>

<a href="" class="btn btn-primary py-3 px-5 animated


slideInDown">More<i class="fa fa-arrow-right ms-3"></i></a>

</div>

<div class="col-lg-5 d-none d-lg-flex animated zoomIn">

<img class="img-fluid" src="img/carousel-2.png" alt="">

</div>

</div>

</div>

</div>

St Thomas Arts & Science College, Puthencruz 51


Bachelor of Computer Application HiMech

</div>

</div>

<button class="carousel-control-prev" type="button" data-bs-target="#header-carousel"


data-bs-slide="prev">

<span class="carousel-control-prev-icon" aria-hidden="true"></span>

<span class="visually-hidden">Previous</span>

</button>

<button class="carousel-control-next" type="button" data-bs-target="#header-carousel"


data-bs-slide="next">

<span class="carousel-control-next-icon" aria-hidden="true"></span>

<span class="visually-hidden">Next</span>

</button>

</div>

</div>

<!-- Carousel End -->

<div class="">

<h1 class="text-center"><span class="badge bg-secondary">Workshop Near


Me</span></h1>

<div class="search container my-5">

<form action="searchaction.php" method="POST">

<div class="w-100 g-3 justify-content-center">

<div class="form-group my-3">

St Thomas Arts & Science College, Puthencruz 52


Bachelor of Computer Application HiMech

<input type="text" class="form-control" placeholder="Current location"


name="location" aria-label="City" required>

</div>

<div class="form-group">

<select name="name" class="form-select" required>

<option value="">Select your vehicle type</option>

<option value="Two Wheeler">Two Wheeler</option>

<option value="Four Wheeler">Four Wheeler</option>

</select>

</div>

<div class="form-group text-center">

<button class="btn btn-success btn-block btn-lg" name="Search"


type="submit">Search</button>

</div>

</div>

</form>

</div>

</div>

<!--booking -->

<h1 class="text-center"><span class="badge bg-secondary">ADVANCED HOME


ASSISTANCE BOOKING </span></h1

<section class="vh-100 gradient-custom">

St Thomas Arts & Science College, Puthencruz 53


Bachelor of Computer Application HiMech

<div class="container py-5 h-100">

<div class="row justify-content-center align-items-center h-100">

<div class="col-12 col-lg-9 col-xl-7">

<div class="card shadow-2-strong card-registration" style="border-radius: 15px;">

<div class="card-body p-4 p-md-5">

<h3 class="mb-4 pb-2 pb-md-0 mb-md-5">Book your service</h3>

<form action="addbookingact.php" method="post">

<div class="row">

<div class="col-md-6 mb-4">

<div class="form-outline">

<input type="text" id="Name" name="name" class="form-control form-control-


lg" />

<label class="form-label" for="firstName" > Name</label>

</div>

</div>

<div class="col-md-6 mb-4">

<div class="form-outline">

<input type="text" id="Name" name="location" class="form-control form-control-


lg" />

<label class="form-label" for="lastName">Location</label>

St Thomas Arts & Science College, Puthencruz 54


Bachelor of Computer Application HiMech

</div>

</div>

</div>

<div class="row">

<div class="col-md-6 mb-4 d-flex align-items-center">

<div class="form-outline datepicker w-100">

<input type="date" class="form-control form-control-lg" name="date" id="Date"


/>

<label for="birthdayDate" class="form-label">service date</label>

</div>

</div>

<div class="col-md-6 mb-4">

</div>

</div>

<div class="row">

<div class="col-md-6 mb-4 pb-2">

<div class="form-outline">

St Thomas Arts & Science College, Puthencruz 55


Bachelor of Computer Application HiMech

<input type="email" name="email" id="emailAddress" class="form-control form-


control-lg" />

<label class="form-label" for="emailAddress">Email</label>

</div>

</div>

<div class="col-md-6 mb-4 pb-2">

<div class="form-outline">

<input type="tel" id="phoneNumber" name="contact" class="form-control form-


control-lg" />

<label class="form-label" for="phoneNumber">Phone Number</label>

</div>

</div>

</div>

<div class="row">

<div class="col-12">

<select class="select form-control-lg" name="type">

<option value="1" disabled>vehicle type</option>

<option value="choose">choose</option>

<option value="2">2Wheeler</option>

St Thomas Arts & Science College, Puthencruz 56


Bachelor of Computer Application HiMech

<option value="3">3Wheeler</option>

<option value="4">4Wheeler</option>

</select>

<label class="form-label select-label">Choose option</label>

<div class="form-group">

<label for="exampleFormControlTextarea1">what is your


probleam(optional)</label>

<textarea class="form-control" id="exampleFormControlTextarea1"


name="complaint" rows="3"></textarea>

</div>

</div>

</div>

<div class="mt-4 pt-2">

<input class="btn btn-primary btn-lg" type="submit" name="submit" value="Submit"


/>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

St Thomas Arts & Science College, Puthencruz 57


Bachelor of Computer Application HiMech

</section>

<br>

<br>

<!-- About Start -->

<div class="container-xxl py-5">

<div class="container">

<div class="row g-5">

<div class="col-lg-6 pt-4" style="min-height: 400px;">

<div class="position-relative h-100 wow fadeIn" data-wow-delay="0.1s">

<img class="position-absolute img-fluid w-100 h-100" src="img/work.jpg"


style="object-fit: cover;" alt="">

<div class="position-absolute top-0 end-0 mt-n4 me-n4 py-4 px-5 text-dark"


style="background: rgba(170, 230, 206, 0.39);">

<h1 class="display-4 mb-0">10 <span class="fs-4">Years</span></h1>

<h4 class="">Experience</h4>

</div>

</div>

</div>

<div class="col-lg-6">

<h6 class="text-primary text-uppercase">// More About Us //</h6>

<h1 class="mb-4"><span class="text-primary">Hi Mech</span> Is The Best online


platform For Your Auto Care</h1>

<p class="mb-4">An automotive mechanical workshop is a dedicated site for


repairing vehicles, including cars and motorcycles. It is within these workshops that the work
of mechanics becomes visible. They handle tasks such as repairing dampers, brake brushes,

St Thomas Arts & Science College, Puthencruz 58


Bachelor of Computer Application HiMech

batteries, filters, fluids, and tires. These activities encompass the range of tasks performed in
an automotive mechanical workshop.</p>

<div class="row g-4 mb-3 pb-3">

<div class="col-12 wow fadeIn" data-wow-delay="0.1s">

<div class="d-flex">

<div class="bg-light d-flex flex-shrink-0 align-items-center justify-


content-center mt-1" style="width: 45px; height: 45px;">

<span class="fw-bold text-secondary">01</span>

</div>

<div class="ps-3">

<h6>Professional & Expert</h6>

<span>Automotive mechanics is a field that focuses on studying and


analyzing how movement is generated and transmitted in automobiles, making it the core
function of a mechanical workshop</span>

</div>

</div>

</div>

<div class="col-12 wow fadeIn" data-wow-delay="0.3s">

<div class="d-flex">

<div class="bg-light d-flex flex-shrink-0 align-items-center justify-


content-center mt-1" style="width: 45px; height: 45px;">

<span class="fw-bold text-secondary">02</span>

</div>

<div class="ps-3">

<h6>Quality Servicing Center</h6>

St Thomas Arts & Science College, Puthencruz 59


Bachelor of Computer Application HiMech

<span>Automotive mechanics is a field that focuses on studying and


analyzing how movement is generated and transmitted in automobiles, making it the core
function of a mechanical workshop</span>

</div>

</div>

</div>

<div class="col-12 wow fadeIn" data-wow-delay="0.5s">

<div class="d-flex">

<div class="bg-light d-flex flex-shrink-0 align-items-center justify-content-


center mt-1" style="width: 45px; height: 45px;">

<span class="fw-bold text-secondary">03</span>

</div>

<div class="ps-3">

<h6>Awards Winning Workers</h6>

<span>Technician in automotive mechanics: This professional possesses


expertise in preventive and corrective maintenance of internal combustion engines, and thus
performs car repairs</span>

</div>

</div>

</div>

</div>

<a href="" class="btn btn-primary py-3 px-5">Read More<i class="fa fa-arrow-right


ms-3"></i></a>

</div>

</div>

</div>

St Thomas Arts & Science College, Puthencruz 60


Bachelor of Computer Application HiMech

</div>

<!-- About End -->

<!-- Fact Start -->

<div class="container-fluid fact bg-dark my-5 py-5">

<div class="container">

<div class="row g-4">

<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.1s">

<i class="fa fa-check fa-2x text-white mb-3"></i>

<h2 class="text-white mb-2" data-toggle="counter-up">12</h2>

<p class="text-white mb-0">Years Experience</p>

</div>

<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.3s">

<i class="fa fa-users-cog fa-2x text-white mb-3"></i>

<h2 class="text-white mb-2" data-toggle="counter-up">1234</h2>

<p class="text-white mb-0">Expert Technicians</p>

</div>

<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.5s">

<i class="fa fa-users fa-2x text-white mb-3"></i>

<h2 class="text-white mb-2" data-toggle="counter-up">1234</h2>

<p class="text-white mb-0">Satisfied Clients</p>

</div>

<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.7s">

<i class="fa fa-car fa-2x text-white mb-3"></i>

St Thomas Arts & Science College, Puthencruz 61


Bachelor of Computer Application HiMech

<h2 class="text-white mb-2" data-toggle="counter-up">1234</h2>

<p class="text-white mb-0">Compleate Projects</p>

</div>

</div>

</div>

</div>

<!-- Fact End -->

<!-- Service Start -->

<div class="container-xxl service py-5">

<div class="container">

<div class="text-center wow fadeInUp" data-wow-delay="0.1s">

<h6 class="text-primary text-uppercase">// Our Services //</h6>

<h1 class="mb-5">Explore Our Services</h1>

</div>

<div class="row g-4 wow fadeInUp" data-wow-delay="0.3s">

<div class="col-lg-4">

<div class="nav w-100 nav-pills me-4">

<button class="nav-link w-100 d-flex align-items-center text-start p-4 mb-4 active"


data-bs-toggle="pill" data-bs-target="#tab-pane-1" type="button">

<i class="fa fa-car-side fa-2x me-3"></i>

<h4 class="m-0">Diagnostic Test</h4>

</button>

St Thomas Arts & Science College, Puthencruz 62


Bachelor of Computer Application HiMech

<button class="nav-link w-100 d-flex align-items-center text-start p-4 mb-4" data-


bs-toggle="pill" data-bs-target="#tab-pane-2" type="button">

<i class="fa fa-car fa-2x me-3"></i>

<h4 class="m-0">Engine Servicing</h4>

</button>

<button class="nav-link w-100 d-flex align-items-center text-start p-4 mb-4" data-


bs-toggle="pill" data-bs-target="#tab-pane-3" type="button">

<i class="fa fa-cog fa-2x me-3"></i>

<h4 class="m-0">Tires Replacement</h4>

</button>

<button class="nav-link w-100 d-flex align-items-center text-start p-4 mb-0" data-


bs-toggle="pill" data-bs-target="#tab-pane-4" type="button">

<i class="fa fa-oil-can fa-2x me-3"></i>

<h4 class="m-0">Oil Changing</h4>

</button>

</div>

</div>

<div class="col-lg-8">

<div class="tab-content w-100">

<div class="tab-pane fade show active" id="tab-pane-1">

<div class="row g-4">

<div class="col-md-6" style="min-height: 350px;">

<div class="position-relative h-100">

<img class="position-absolute img-fluid w-100 h-100" src="img/service-


1.jpg" style="object-fit: cover;" alt="">

St Thomas Arts & Science College, Puthencruz 63


Bachelor of Computer Application HiMech

</div>

</div>

<div class="col-md-6">

<h3 class="mb-3">10 Years Of Experience In Auto Servicing</h3>

<p class="mb-4">An automotive mechanical engineer is responsible for


repairing and maintaining automobiles on a regular basis to ensure optimal vehicle
performance. They possess specialized knowledge that enables them to comprehend the
operation of various components, such as internal combustion engines or Diesel engines.</p>

<p><i class="fa fa-check text-success me-3"></i>Quality Servicing</p>

<p><i class="fa fa-check text-success me-3"></i>Expert Workers</p>

<p><i class="fa fa-check text-success me-3"></i>Modern Equipment</p>

<a href="" class="btn btn-primary py-3 px-5 mt-3">Read More<i class="fa


fa-arrow-right ms-3"></i></a>

</div>

</div>

</div>

<div class="tab-pane fade" id="tab-pane-2">

<div class="row g-4">

<div class="col-md-6" style="min-height: 350px;">

<div class="position-relative h-100">

<img class="position-absolute img-fluid w-100 h-100" src="img/service-


2.jpg" style="object-fit: cover;" alt="">

</div>

</div>

<div class="col-md-6">

<h3 class="mb-3">10 Years Of Experience In Auto Servicing</h3>

St Thomas Arts & Science College, Puthencruz 64


Bachelor of Computer Application HiMech

<p class="mb-4">An automotive mechanical engineer is responsible for


repairing and maintaining automobiles on a regular basis to ensure optimal vehicle
performance. They possess specialized knowledge that enables them to comprehend the
operation of various components, such as internal combustion engines or Diesel engines.</p>

<p><i class="fa fa-check text-success me-3"></i>Quality Servicing</p>

<p><i class="fa fa-check text-success me-3"></i>Expert Workers</p>

<p><i class="fa fa-check text-success me-3"></i>Modern Equipment</p>

<a href="" class="btn btn-primary py-3 px-5 mt-3">Read More<i class="fa


fa-arrow-right ms-3"></i></a>

</div>

</div>

</div>

<div class="tab-pane fade" id="tab-pane-3">

<div class="row g-4">

<div class="col-md-6" style="min-height: 350px;">

<div class="position-relative h-100">

<img class="position-absolute img-fluid w-100 h-100" src="img/service-


3.jpg" style="object-fit: cover;" alt="">

</div>

</div>

<div class="col-md-6">

<h3 class="mb-3">10 Years Of Experience In Auto Servicing</h3>

<p class="mb-4">An automotive mechanical engineer is responsible for


repairing and maintaining automobiles on a regular basis to ensure optimal vehicle
performance. They possess specialized knowledge that enables them to comprehend the
operation of various components, such as internal combustion engines or Diesel engines.</p>

<p><i class="fa fa-check text-success me-3"></i>Quality Servicing</p>

St Thomas Arts & Science College, Puthencruz 65


Bachelor of Computer Application HiMech

<p><i class="fa fa-check text-success me-3"></i>Expert Workers</p>

<p><i class="fa fa-check text-success me-3"></i>Modern Equipment</p>

<a href="" class="btn btn-primary py-3 px-5 mt-3">Read More<i class="fa


fa-arrow-right ms-3"></i></a>

</div>

</div>

</div>

<div class="tab-pane fade" id="tab-pane-4">

<div class="row g-4">

<div class="col-md-6" style="min-height: 350px;">

<div class="position-relative h-100">

<img class="position-absolute img-fluid w-100 h-100" src="img/service-


4.jpg" style="object-fit: cover;" alt="">

</div>

</div>

<div class="col-md-6">

<h3 class="mb-3">10 Years Of Experience In Auto Servicing</h3>

<p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum
sit. Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo
justo magna dolore erat amet</p>

<p><i class="fa fa-check text-success me-3"></i>Quality Servicing</p>

<p><i class="fa fa-check text-success me-3"></i>Expert Workers</p>

<p><i class="fa fa-check text-success me-3"></i>Modern Equipment</p>

<a href="" class="btn btn-primary py-3 px-5 mt-3">Read More<i class="fa


fa-arrow-right ms-3"></i></a>

</div>

St Thomas Arts & Science College, Puthencruz 66


Bachelor of Computer Application HiMech

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<!-- Service End -->

<!-- Booking Start -->

<div class="container-fluid bg-secondary booking my-5 wow fadeInUp" data-wow-


delay="0.1s">

<div class="container">

<div class="row gx-5">

<div class="col-lg-6 py-5">

<div class="py-5">

<h1 class="text-white mb-4">Certified and Award Winning Car Repair Service


Provider</h1>

<p class="text-white mb-0">Technician in automotive mechanics: This professional


possesses expertise in preventive and corrective maintenance of internal combustion engines,
and thus performs car repairs.</p>

</div>

</div>

</div>

St Thomas Arts & Science College, Puthencruz 67


Bachelor of Computer Application HiMech

</div>

</div>

<!-- Booking End -->

<!-- Team Start -->

<div class="container-xxl py-5">

<div class="container">

<div class="text-center wow fadeInUp" data-wow-delay="0.1s">

<h6 class="text-primary text-uppercase">// Our Technicians //</h6>

<h1 class="mb-5">Our Expert Technicians</h1>

</div>

<div class="row g-4">

<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">

<div class="team-item">

<div class="position-relative overflow-hidden">

<img class="img-fluid" src="images (2).jpeg" alt="">

<div class="team-overlay position-absolute start-0 top-0 w-100 h-100">

<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-


f"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


twitter"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


instagram"></i></a>

</div>

</div>

St Thomas Arts & Science College, Puthencruz 68


Bachelor of Computer Application HiMech

<div class="bg-light text-center p-4">

<h5 class="fw-bold mb-0">Biju</h5>

<small>Designation</small>

</div>

</div>

</div>

<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">

<div class="team-item">

<div class="position-relative overflow-hidden">

<img class="img-fluid" src="images (1).jpeg" alt="">

<div class="team-overlay position-absolute start-0 top-0 w-100 h-100">

<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-


f"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


twitter"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


instagram"></i></a>

</div>

</div>

<div class="bg-light text-center p-4">

<h5 class="fw-bold mb-0">David </h5>

<small>Designation</small>

</div>

</div>

</div>

St Thomas Arts & Science College, Puthencruz 69


Bachelor of Computer Application HiMech

<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">

<div class="team-item">

<div class="position-relative overflow-hidden">

<img class="img-fluid" src="images (3).jpeg" alt="">

<div class="team-overlay position-absolute start-0 top-0 w-100 h-100">

<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-


f"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


twitter"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


instagram"></i></a>

</div>

</div>

<div class="bg-light text-center p-4">

<h5 class="fw-bold mb-0">Ajith</h5>

<small>Designation</small>

</div>

</div>

</div>

<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">

<div class="team-item">

<div class="position-relative overflow-hidden">

<img class="img-fluid" src="images.png" alt="">

<div class="team-overlay position-absolute start-0 top-0 w-100 h-100">

St Thomas Arts & Science College, Puthencruz 70


Bachelor of Computer Application HiMech

<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-


f"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


twitter"></i></a>

<a class="btn btn-square mx-1" href=""><i class="fab fa-


instagram"></i></a>

</div>

</div>

<div class="bg-light text-center p-4">

<h5 class="fw-bold mb-0">John</h5>

<small>Designation</small>

</div>

</div>

</div>

</div>

</div>

</div>

<!-- Team End -->

<!-- Testimonial Start -->

<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">

<div class="container">

<div class="text-center">

<h6 class="text-primary text-uppercase">// Testimonial //</h6>

<h1 class="mb-5">Our Clients Say!</h1>

St Thomas Arts & Science College, Puthencruz 71


Bachelor of Computer Application HiMech

</div>

<div class="owl-carousel testimonial-carousel position-relative">

<div class="testimonial-item text-center">

<img class="bg-light rounded-circle p-2 mx-auto mb-3" src="img/testimonial-


1.jpg" style="width: 80px; height: 80px;">

<h5 class="mb-0">Client Name</h5>

<p>Profession</p>

<div class="testimonial-text bg-light text-center p-4">

<p class="mb-0">If you're in a customer service or leadership position, you


probably spend a lot of time thinking about keeping your customers happy so they continue
to purchase from you and tell their friends about your brand.</p>

</div>

</div>

<div class="testimonial-item text-center">

<img class="bg-light rounded-circle p-2 mx-auto mb-3" src="img/testimonial-


2.jpg" style="width: 80px; height: 80px;">

<h5 class="mb-0">Client Name</h5>

<p>Profession</p>

<div class="testimonial-text bg-light text-center p-4">

<p class="mb-0">If you're in a customer service or leadership position, you


probably spend a lot of time thinking about keeping your customers happy so they continue
to purchase from you and tell their friends about your brand.</p>

</div>

</div>

<div class="testimonial-item text-center">

<img class="bg-light rounded-circle p-2 mx-auto mb-3" src="img/testimonial-


3.jpg" style="width: 80px; height: 80px;">

St Thomas Arts & Science College, Puthencruz 72


Bachelor of Computer Application HiMech

<h5 class="mb-0">Client Name</h5>

<p>Profession</p>

<div class="testimonial-text bg-light text-center p-4">

<p class="mb-0">If you're in a customer service or leadership position, you


probably spend a lot of time thinking about keeping your customers happy so they continue
to purchase from you and tell their friends about your brand.</p>

</div>

</div>

<div class="testimonial-item text-center">

<img class="bg-light rounded-circle p-2 mx-auto mb-3" src="img/testimonial-


4.jpg" style="width: 80px; height: 80px;">

<h5 class="mb-0">Client Name</h5>

<p>Profession</p>

<div class="testimonial-text bg-light text-center p-4">

<p class="mb-0">If you're in a customer service or leadership position, you


probably spend a lot of time thinking about keeping your customers happy so they continue
to purchase from you and tell their friends about your brand.</p>

</div>

</div>

</div>

</div>

</div>

<!-- Testimonial End -->

<!-- Footer Start -->

St Thomas Arts & Science College, Puthencruz 73


Bachelor of Computer Application HiMech

<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-
delay="0.1s">

<div class="container py-5">

<div class="row g-5">

<div class="col-lg-3 col-md-6">

<h4 class="text-light mb-4">Address</h4>

<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Manamthadam,


Puthencruz, Ernakulum</p>

<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 9961085139</p>

<p class="mb-2"><i class="fa fa-envelope me-


3"></i>jerinjohny13@gmail.com</p>

<div class="d-flex pt-2">

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-


twitter"></i></a>

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-


f"></i></a>

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-you


tube"></i></a>

<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-


in"></i></a>

</div>

</div>

<div class="col-lg-3 col-md-6">

<h4 class="text-light mb-4">Opening Hours</h4>

<h6 class="text-light">Monday - Friday:</h6>

<p class="mb-4">09.00 AM - 09.00 PM</p>

<h6 class="text-light">Saturday - Sunday:</h6>

St Thomas Arts & Science College, Puthencruz 74


Bachelor of Computer Application HiMech

<p class="mb-0">09.00 AM - 12.00 PM</p>

</div>

<div class="col-lg-3 col-md-6">

<h4 class="text-light mb-4">Services</h4>

<a class="btn btn-link" href="">Diagnostic Test</a>

<a class="btn btn-link" href="">Engine Servicing</a>

<a class="btn btn-link" href="">Tires Replacement</a>

<a class="btn btn-link" href="">Oil Changing</a>

<a class="btn btn-link" href="">Vacuam Cleaning</a>

</div>

</div>

</div>

<div class="container">

<div class="copyright">

<div class="row">

<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">

&copy; <a class="border-bottom" href="#">Your Site Name</a>, All Right


Reserved.

<!--/*** This template is free as long as you keep the footer author’s credit
link/attribution link/backlink. If you'd like to use the template without the footer author’s
credit link/attribution link/backlink, you can purchase the Credit Removal License from
"https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->

Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML


Codex</a>

St Thomas Arts & Science College, Puthencruz 75


Bachelor of Computer Application HiMech

<br>Distributed By: <a class="border-bottom"


href="https://themewagon.com" target="_blank">ThemeWagon</a>

</div>

<div class="col-md-6 text-center text-md-end">

<div class="footer-menu">

<a href="">Home</a>

<a href="">Cookies</a>

<a href="">Help</a>

<a href="">FQAs</a>

</div>

</div>

</div>

</div>

</div>

</div>

<!-- Footer End -->

<!-- Back to Top -->

<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-


arrow-up"></i></a>

<!-- JavaScript Libraries -->

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

St Thomas Arts & Science College, Puthencruz 76


Bachelor of Computer Application HiMech

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></scri
pt>

<script src="lib/wow/wow.min.js"></script>

<script src="lib/easing/easing.min.js"></script>

<script src="lib/waypoints/waypoints.min.js"></script>

<script src="lib/counterup/counterup.min.js"></script>

<script src="lib/owlcarousel/owl.carousel.min.js"></script>

<script src="lib/tempusdominus/js/moment.min.js"></script>

<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>

<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>

<!-- Template Javascript -->

<script src="js/main.js"></script>

</body>

</html>

LOGIN PAGE

?php

include('header.php');

St Thomas Arts & Science College, Puthencruz 77


Bachelor of Computer Application HiMech

?>

<style>

.container{

width:50%;

padding:30px;

h2 {

color: #333;

input[type="text"],

input[type="password"],

input[type="email"] {

width: 100%;

padding: 10px;

margin: 10px 0;

border: 1px solid #ccc;

border-radius: 3px;

St Thomas Arts & Science College, Puthencruz 78


Bachelor of Computer Application HiMech

input[type="submit"] {

background-color: #007BFF;

color: #fff;

padding: 10px 20px;

border: none;

border-radius: 3px;

cursor: pointer;

input[type="submit"]:hover {

background-color: #0056b3;

</style>

<body>

<div class="container">

<h2>Login</h2>

<form action="lpact.php" method="POST">

<input type="email" name="email" placeholder="Email">

<input type="password" id="password" name="password"


placeholder="Password" required>

<input type="submit" value="Login" name = "submit">

St Thomas Arts & Science College, Puthencruz 79


Bachelor of Computer Application HiMech

<br><br>

Not a member ? <a href="rp.php">Register</a>

</form>

</div>

<?php

include('footer.php');

?>

</body>

</html>

St Thomas Arts & Science College, Puthencruz 80


Bachelor of Computer Application HiMech

ADMIN HOMEPAGE

<?php

include("header.php");

?>

<main id="main" class="main">

<div class="pagetitle">

<h1>HIMECH</h1>

</div><!-- End Page Title -->

<figure class="figure">

<img src="Car-Maintenance.jpg" class="figure-img img-fluid rounded" alt="pic.jpg">

<figcaption class="figure-caption text-end"><h1>WELCOME TO THE


ADMIN</figcaption>

</figure>

</body>

</html>

<section class="section">

<div class="row">

<div class="col-lg-8">

<div class="card">

<div class="card-body">

St Thomas Arts & Science College, Puthencruz 81


Bachelor of Computer Application HiMech

</div>

</div>

</div>

</div>

</section>

</main><!-- End #main -->

<?php

include("footer.php");

?>

St Thomas Arts & Science College, Puthencruz 82

You might also like