0% found this document useful (0 votes)
250 views19 pages

Project Synopsis

This document provides an overview of the frontend development for a car rental website project. It discusses using HTML for structure, CSS for styling and layout, and Bootstrap for responsive design templates. The frontend sends and receives data from the backend, which uses PHP and MySQL. Hardware requirements for the client include 512MB RAM and 10GB storage, while the server requires 1GB RAM and 20GB storage.

Uploaded by

Gourav Patel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
250 views19 pages

Project Synopsis

This document provides an overview of the frontend development for a car rental website project. It discusses using HTML for structure, CSS for styling and layout, and Bootstrap for responsive design templates. The frontend sends and receives data from the backend, which uses PHP and MySQL. Hardware requirements for the client include 512MB RAM and 10GB storage, while the server requires 1GB RAM and 20GB storage.

Uploaded by

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

CAR RENTAL WEBSITE

PROJECT SYNOPSIS
OF MAJOR PROJECT

BACHELOR OF TECHNOLOGY
COMPUTER SCIENCE AND ENGINEERING

SUBMITTED TO: SUBMITTED BY:


1 1
2 2
3 3

Vaish College Of Engineering


Rohtak, Haryana
Intoduction:

The world is changing in every moment. Everything is changing rapidly in


the activities of daily life. Technology and its development is transforming
into a new idea and innovation. The best part is that with the help of the
internet everything is so easy to get.
Website is a part of this modern change. Most of the enterprises in the world
are using the websites for fulfilling their goals. Individuals build website
with their requirements and goals. This virtual net feels very real for
communication too.
Whatever the requirement is, what level of database and security needs and
what the size of the company is the web development core is the same.
However, a medium level of skills is needed for small and medium-sized
databased website. Nowadays it is mandatory to have an official website for
every company. It is important not only for selling products but also for the
future of the company.

This project is designed so as to be used by Car Rental website in renting


cars to customers. It is an online system through which customers can view
available cars, register, view profile and book car. Here, User has to Login
To book a car. The user can search for cars easily and book. For bookings,
the user has to provide information such as Booking Dates and Text
Message. All car details are provided and it also includes Car’s feature and
Overview. The user can also post their Testimonials and the user can update
their Profile as well as passwords anytime they want from the site. Admin
can Add/Manage car brands, manage cars, bookings, testimonial, pages and
many more. It’s easy to operate and understand by users. This site makes
customers easy for car rental. The design is pretty simple and the user won’t
find it difficult to understand, use and navigate.
How Car Rental Website Work:
A car rental is a car that can be used temporarily for a period of time with a fee.
Renting a car assists people to get around even when they do not have access to their
own personal car or don't own a car at all. The individual who want to rent a car must
first contact the car rental company for the desire car. This can be done online. At this
point, this person has to supply some information such as; dates of rental, and type of
car, fuel type, etc. After these details are worked out, the individual renting the car
must present a valid Identification Card(Aadhar Card, Passport) during handling over
the car. Most companies throughout the industry make a profit based of the type of
cars that are rented. The rental cars are provide a car every type. And customers are
free to choose any car of their choice based on their purpose and availability of such
car at a time of reservation.

Benefits of Online Car Rental Services:


 This online car rental solution is fully functional and flexible.
 It is very easy to use.
 It saves a lot of time, money and labour.
 Eco-friendly: The monitoring of the car activity and the overall business
becomes easy and includes the least of paper work.
 The software acts as an office that is open 24/7.

 It increases the efficiency of the management at offering quality services to the


customer.
Facilities:
User Requirements:
It is a good framework structured website for managing car rental business.
The vehicle rental website gives an easy system of posting and booking cars. HTML,
CSS, BOOTSTRAP, JQUERY, JAVASCRIPT is used as the frontend followed by PHP and
MYSQL as backend for making this the website.

Hardware requirement:

Client-side requires a minimum of 512 Megabytes of RAM (Random Access


Memory). Hard disk requirement is 10GB and a minimum level of processor is 1.0
GHz. For instance, to manage server-side needs a minimum of 1 Gigabyte of RAM
(Random Access Memory). The hard disk requirement is 20GB and the processor
level is minimum 1.0 GHz.

Software Requirement:

Operating System : Windows /iOS/Unix 17

Web Browser : IE/Google Chrome/Firefox

Technology : PHP

Tools : XAMPP

Web Design : HTML, CSS, JAVASCRIPT

Back End : MYSQL

Scripting Language : PHP


CAR RENTAL WEBSITE

1st Mid Term Progress


OF MAJOR PROJECT

BACHELOR OF TECHNOLOGY
COMPUTER SCIENCE AND ENGINEERING

SUBMITTED TO: SUBMITTED BY:


1 1
2 2
3 3

Vaish College Of Engineering


Rohtak, Haryana
Frontend Web Development:

Frontend web development is used to send queries, requests and receive data from backend system.It
refers to the Hypertext Markup Language (HTML), Cascading Style Sheet (CSS), and JavaScript
sections. Frontend web development is called the client end-user development system. Frontend
development allows the developer to customize the visual elements of a website or an application.
front-end programming language with specialized tools and technologies to create the first part of web
development. Today people are adopting modern technology. People are living with problems without the
use of technology and programmers help to eliminate this problem with the design of new technologies.
Besides, they are creating and modernizing present day innovation with the assistance of data innovation
skills and web developers are building dynamic website.

1. Hypertext Markup Language:


Hyper markup Language refers to HTML in modern web development. HTML and HTML5 are from the same
root but they are different versions. HTML5 is the latest version of HTML. HTML was introduced by the
name of Web Application 1.0. The very first version was invented by WHATWG. Later on, it was known as
W3C. Where WHATWG stands for Web Hypertext Application Technology Working Group and W3C was the
abbreviation of world Web Consortium. It was founded by Opera, Mozilla, and Apple Inc. HTML is the core
of the modern website. The platforms used to encode HTML can be a simple text editor with the filename *
.HTML. It contains different marking labels. The <Head> tag has a <title> tag and a title, meaning that
JavaScript and <style> are related to web page design called CSS. Media and tables are creating to <body>
(w3schools, 2020.). The page title must be in the title tag to be displayed in the browser tab (w3schools
2020). HTML is not displayed in the browser, but the content in HTML will be displayed in the browser the
same way as embedded in HTML. Figure 2 below shows the structure of the HTML page, showing only the
white background in the browser and showing only the components inside the body markup in the browser.
(w3schools, 2022.)
FIGURE 1. HTML page structure (w3schools, 2022).
2. Cascading Style Sheet:
Cascading Style Sheet is known as CSS in its short form. The second magical elements follows by HTML. CSS
is used for designing the front-end part of the website. Hakon Wium Lie introduced this form of language to
the world in 1994. A CSS syntax consists of a selector and a declaration. CSS is a language that compiles the
layout of a web page. CSS3 is the latest CSS standard. The CSS3 rule consists of a selector and a declarer.
The picker is the element which can change to HTML style. It can be divided by punctuation. The declaration
must contain the name and value of the property. It is separated by a colon. CSS files can be saved not only
in HTML but also as separate files. The style tag is used to link the CSS file in the title tag of the HTML page
so that it works correctly in the browser. There are two ways to write code. One way to write code is to
wrap the HTML header in the tag. Inside the title tag, one can encode the CSS code after the style tag
(<style>) opens and closes the style tag (</ style>) after the code is executed. Once one have done that,
everyone should see the CSS code output in the browser. Another way to code CSS is to write the CSS code
to another file with * .CSS extension, which can be embedded inside the title tag as follows in the body. CSS
provides full access to HTML elements for various screen designs such as mobile screens, tablet screens, or
desktop screens. This can be called web design, maintenance, color selection, or layout. CSS has been
implemented in this thesis to preserve layout, colors, finishes, backgrounds, and layouts. A sample CSS code
is shown in Figure 3 below (w3schools, 2022.)

FIGURE 3. Sample code of CSS (w3schools, 2022).


3. Bootstrap
Bootstrap is a free tool for basic web development. It is more faster and convenient. This is a simpler way to
build responsive web design from using design templates like HTML and CSS, as well as for all modern
browsers. Bootstrap can be downloaded from CDN (Content Delivery Network). Bootstrap has one of the
most well-known terminal structures and open source extends on the planet. Bootstrap was made on
Twitter by Mdo and Fat in mid-2010. Before being open source, Bootstrap was called Twitter Blueprint.
(w3schools, 2020.) The source code of the bootstrap is given in Figure 4.

FIGURE 4. Bootstrap link (GetBootstrap 2022)

The links used in Figure 4 are Boot Series 4, the new component of Bootstrap, with a faster design and
faster response. They support the latest and most stable versions of all browsers and platforms. Since the
first release on Friday, August 19, 2011. It has released twenty versions until now, including two major
versions of v2 and v3. With Bootstrap 2, a variety of functions work as optional tables were added. It
rewrote the library to create a mobile-friendly code by Bootstrap 3. In Bootstrap 4, there are two major
changes to the project architecture like Sass migration and flexbox CSS. The goal is to help web developers
move faster by inviting newer CSS features, fewer dependencies, and newer technologies. (GetBootstrap,
2022.)
4. JavaScript:
JavaScript is the third part of the magical elements in web development, in short for "JS". For ten years now,
it becomes one of the most popular scripting languages. It is the only programming language that can run
without having installed in a browser or an extension. Brendan Heart is the creator of JavaScript. It has a big
community support. It is not only useful for web applications but also mobile applications. The investment
in JavaScript is getting higher in the technological society. It is the most popular and powerful scripting
language for programmers due to its simplicity and understanding. Furthermore, everything on the website
can be done with the help of JavaScript, such as real-time networking chatting applications, video streaming
services, command-line tools, and even games. Also, JS is a versatile script that defines an object as a
dynamic first-class function and helps control the operation of a web page. In a nutshell, it can be run inside
of a browser or in node as well. This language is useful for building properties that will differentiate the user
from a beginner. JS can work in other environments, such as the NodeJS compiler on the remote server or
in operating system scripts. The popularity of modern browsers has created a new wave of JavaScript
frameworks. Like CSS, JS is encoded in the HTML in the header and can also be used just like CSS. However,
the file extension is different, ".js". (w3schools, 2022.)

JavaScript is the most popular of all programming languages and was developed by Brendan Eich on
Netscape. Besides, JS is a versatile script that describes the object as a dynamic, first-class function and
helps control the behavior of web pages. JS has been extended to use HTML5. It helps the developer to
open a new window, to control its appearance, such as print window, resize, scroll, fade and highlight pages
new window. The display layout and history objects have been modified by JS and the screen objects as
well. Moreover, different types of browser’s pop-up boxes, current layout, and cookies are all integrated
into JavaScript. (Jsx, 2022.)
REFERENCES:

 www.javatpoint.com

 www.w3schools.com

 www.tutorialspoint.com

 www.youtube.com

 Duckett J. 2014. JavaScript and jQuery: Interactive Front-End Web


Development 1st. Accessed 10 January 2020.
 Get bootstrap: https://getbootstrap.com/docs/4.4/about/overview/
Accessed 15 January 2020.
 JavaScript:https://developer.mozilla.org/enUS/docs/Web/Javascript
/About_JavaScript. Accessed 22 January 2020.
 Shelly, G & Woods, D & Dorin, W. 2009. HTML: Comprehensive
Concepts and Techniques (5th Edition). Boston, MA: Cengage
Learning, Inc.
 Get bootstrap: https://getbootstrap.com/docs/4.4/about/overview/
Accessed 15 January 2020.
CAR RENTAL WEBSITE

2st Mid Term Progress


OF MAJOR PROJECT

BACHELOR OF TECHNOLOGY
COMPUTER SCIENCE AND ENGINEERING

SUBMITTED TO: SUBMITTED BY:


1 1
2 2
3 3

Vaish College Of Engineering


Rohtak, Haryana
Backend Web Development:

Web development is ultimately responsible for aggregating server-side web software and front-side
web development work. Final encryption is never seen by end-users or client users.
The most useful code is in the background and backend code available on the web. However, web
developers code cannot be viewed directly in the backend. A developer working on embedded web
development must be familiar with C ++, C #, Java, and PHP known as Hypertext processor or other
programming languages.
Starting with development, the encoder needs to program the data and services sought by the program
or frontend system. Below display in Figure 5 is the tree structure of the whole backend development
programming language with tools and technologies.

1. PHP:
PHP is the most powerful scripting language for creating dynamic websites. It helps to provide
dynamic functionality, operating requests, and the system to respond automatically to the
developer’s website. PHP stands for hypertext preprocessor. PHP alone is not an independent
language. It is an embedded language for HTML. Thus it is called HTML-embedded scripting
language. PHP is almost similar to JAVA, C, and Pearl but it has its special and unique features. The
most common use of PHP is to do form processing and math calculation at the backend server.
However, it provides the contents result in the browser supporting format such as HTML pages.
Moreover, it connects the database dynamically in the webpages(In this thesis mostly the PHP
functionality and the integration between PHP were using in the author's website. w3schools, 2020.)

<!DOCTYPE html>
<html>
<body>

<h1> Car rental website </h1>

<?php
echo "Hello World!";
?>

</body>
</html>
2. ASP.NET:
ASP is a great local and web building structure. ASP means an active server page. With the help of
ASP.NET HTML, CSS, and JavaScript, it is easier to build and manage web applications. Moreover,
developers are using the mentioned invention of web development to build applications. Inside
the extension, ASP.NET, provides engineers with two systems to get started creating web
applications: ASP.Net and ASP.NET MVC web forms. ASP.NET Web Forms ASP.NET is the most
experienced web design system. The application was deleted on January 16, 2002. After that
ASP.NET MVC is a renewed system that was first released in December 2009 as ASP.NET MVC 1.0.
When ASP.NET has become the most used plan Web advertising template. The ASP.NET adaptation
time is approaching, there are many rumors about ASP.NET. The following web forms are exempt
from the following strikes. Nowadays, it is one of the most popular server-side scripting pages. The
requirements for moving from

ASP.NET Web Forms to ASP.NET MVC is very high at some point. (Liberty and Herwitz 2003.)
3. Databases:
Database means the collection data. Organized data is collected for the record via different kinds
of systems. The system for collecting data can be an app or website depending on the
management agreement. However, the relevant data is a more restrictive method. SQL and NoSQL
are two types of data language systems. SQL is a data language and used in an organized way and
users can have access to the data very easily. SQL is a collection of schemas, tables, references,
views, and other elements. There are also different types of databases. The database designer
supports an IT-based process like search for empty modeling in ways that helps to find model
rooms. (Shi, 2007.)

MySQL:
SQL is a standard language for accessing and manipulating databases. SQL stands for Structured
Query Language. SQL lets the user access and manipulate databases. SQL was a standard of the
American

National Standards Institute (ANSI) in 1986, and the International Organization for Standardization
(ISO) in 1987. SQL can execute queries against a database, retrieve data from a database, insert
records in a database, update records in a database, delete records from a database, create new
databases, create new tables in a database, create stored procedures in a database, create views
in a database and most importantly set permissions on tables, procedures, and views. This is the
most well-known database framework utilized in PHP. It is a most famous open-source social
information base administration framework. Organized Query Language is the extended version of
SQL. Inside the MySQL, information is protected/put away in an assortment of lines and sections.
Each site needs to store some valuable information for which they need MySQL. Login page,
enlistment page, search page and to store the information, MySQL makes it more convenient.
(Welling & Thomson 2003.)

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";


SET time_zone = "+00:00";
CREATE TABLE IF NOT EXISTS `admin` (
`id` int(11) NOT NULL,
`UserName` varchar(100) NOT NULL,
`Password` varchar(100) NOT NULL,
`updationDate` timestamp NOT NULL DEFAULT '0000-00-00 00:00:00' ON UPDATE
CURRENT_TIMESTAMP
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1;

--
-- Dumping data for table `admin`
--
INSERT INTO `admin` (`id`, `UserName`, `Password`, `updationDate`) VALUES
(1, 'admin', '5c428d8875d2948607f3e3fe134d71b4', '2017-06-18 12:22:38');

INSERT INTO `tblbooking` (`id`, `userEmail`, `VehicleId`, `FromDate`, `ToDate`,


`message`, `Status`, `PostingDate`) VALUES
(1, '[email protected]', 2, '22/06/2017', '25/06/2017', 'Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco', 1, '2017-
06-19 20:15:43'),
(2, '[email protected]', 3, '30/06/2017', '02/07/2017', 'Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco', 2, '2017-
06-26 20:15:43'),
(3, '[email protected]', 4, '02/07/2017', '07/07/2017', 'Lorem ipsumLorem ipsumLorem
ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ', 0, '2017-06-26
21:10:06');
WEB SERVER:

Web server signifies hardware and software. From the view of hardware, a web server is a PC that
stores web server programming and site part records for example HTML archives, pictures, CSS
styles, JavaScript documents. It is associated with the Internet and permits the trading of physical
information with different gadgets associated with the web. From the view of software, a web
server contains in any event, an HTTP server that controls the web as clients. An HTTP server is a
server or client-side programming which has URLs (web address) and HTTP.( Mozila.org, 2020.)

1. Apache:
A web server is a server programming intended to run programming that can address the issues of
clients on the internet. A web server can be a large container for maintaining a website. The web
server forms approaching system demands as indicated by HTTP and other related conventions.
Apache is the most generally utilized web server application. Apache has a strong programming
library. Apache is a free, open-source application. It cuts away at 67% of all sites on the planet. It is
quick, solid, and trustworthy. Apache is a profoundly equipped for addressing the requirements of
an assortment of situations utilizing augmentations and modules. Most WordPress facilitating
suppliers use Apache as their web server programming. However, WordPress can be a good
platform for apache based web server programming. (Sabharwal, Navin 2020.)
2. XAMPP:
XAMP was made by Apache companions. It represents Cross-Platform (X), Apache (A), MySQL (M),
PHP (P), and Perl (P). It assists with making a neighborhood web server for engineers and they use
it for their testing purposes. Apache, MySQL, and PHP language is used to make a web server.
However, every one of those is remembered for a basic XAMPP record. XAMPP similarly deals with
Windows, Mac, and Linus because it is a cross-stage item. Clients make a neighborhood test server
through XAMPP for testing their site. There are four significant segments in XAMPP. Furthermore,
Apache is the most utilized web server application, and web substances are conveyed and handled
by this Apache to a PC. Practically 54% of sites are utilizing Apache since it is one of the well-known
web servers. Besides, MySQL is a database and a database association required for gathering
information to make a web application. It is very useful when it is about making a database
utilizing MySQL. It assists with including, expelling and changing information in a web server.
Thirdly, PHP is a web programming code. Apache should begin from the XAMPP control board to
run PHP code on the webserver. (Mikoluk 2020.)
REFERENCES:

 NoSQL Starter, Packt Publishing, Limited,: https://ebookcentral.proquest.com/lib/cop-


ebooks/detail.action?docID=1142875. Accessed 13 May 2022.

 Mikoluk, K. 2014. How to use XAMPP to Run Your Web Server. Available:
https://blog.udemy.com/xampp-tutorial/. Accessed 13 May 2022.

 Nodejs.org., 2020. Available: https://nodejs.org/en/about/ Accessed 13 May 2022.

 Sklar, J. 2011. Principles of web Design: The Web Technologies series (5th Edition). Boston,
MA: Cengage Learning, Inc.

 Welling L & Thomson L. 2003. PHP and MySQL Web Development:


https://books.google.fi/books?isbn=8131729877. Accessed 14 May 2020

You might also like