CONSTRUCTION

WEBSITE
Mini Project submitted in partial fulfilment of the
requirements for the Degree of

BACHELOR OF TECHNOLOGY
In
COMPUTER SCIENCE AND ENGINEERING
By
PRATIK-11808492
SHIVANSH KHER-11808543
ANISH-11805869

Section: K18KY
Under the guidance of
RANJIT KAUR
 School of Computer Science and
Engineering
Lovely Professional University
Phagwara, Punjab (India)
APR 2019

TABLE OF CONTENT

Chapter 1. Introduction..........................................................................1

1.1 ..............................................................................................................................................1

1.2 .............................................................................................................................................1
 1.2.1 .......................................................................................................................................1

1.2.2 ......................................................................................................................................2

1.3...............................................................................................................................................4

Chapter 2. Methodology

References................................................................................................................4
 CHAPTER 1
INTRODUCTION

1.1 LAYOUT
With the versatility of our website templates, we have
created an outstanding amount of different pages that
will fit your needs. We have made adjustments at free
will and have created a custom website that will kick
start your project. It is good for interior designers
and agencies and suits construction companies just as
well.

Our layout that ensures a spectacular experience

whether browsing it on a smartphone or desktop
computer. Fill it with your striking content, advertise
your services and let Interior do the hard work for you.
Our website can act as a company’s online ambassador
that you have full control of!

1.2 CONSTRUCTION
Our website is a clean looking simple website template
with multi-page. With subtle animations and mild colours,
this website becomes an obvious choice for professional
websites.

The homepage is designed intuitively so that the visitor

can get an idea about your construction service easily.
The project page is created like a gallery page in a grid
layout.

This website template has all the features and segments

you need in a professional website. It is built over
HTML5, CSS3 and Bootstrap framework.

1.3 Construction has been an integral part of human

evolution. Over the years it has become one of the
most profitable businesses. And this is natural since
there's always a need in buildings for comfortable
living and work.

1.3.1 Construction is a global business. Same way the

audience for your construction website is also from
various parts of the world. Making a business
website for the global audience isn’t an easy job,
there are a number of factors need to consider.
While designing our website we considered these
things. Our website help you to share construction
projects interactively to the user and also doubles
the chance of closing a deal. We also managed to
collect free construction website ideas that follow
modern web design trends so with these templates
your websites are future proof. Our website
templates gives you premium template features and
various homepage variations.
CHAPTER 2
METHODOLOGY
1. Requirements analysis
The first step for us is to analyse your and your target
our requirements. Who will be visiting our website, what
will be the purpose of their visit, what is the primary goal
of your website, how can our organisation best cater to
their needs etc. Many such questions are analysed for the
Needs Analysis stage.

If we are given access to the current website statistics,

we would also like to analyse your current page views,
average user time spent on the site, top landing pages,
existing search engine rankings, existing bounce rates
and many such factors.

2. Formulate digital strategy

Based on the needs analysis, we determine the factors
that will best serve your website. We look at the trends
in the market to ensure that we have the latest
technology, components and elements. We take time to
think outside the box and give consideration to more
construction needs so that your website can sustain any
upcoming future needs.

As a part of this phase, we also finalise the primary and

secondary keywords or key-phrases for your website.
These primary and secondary keywords or key-phrases
are then used throughout the website development
phases.

3. Web-page conceptualization
We consider this stage to be one of the most crucial
factors in any project. We justify every single aspect of
the design to ensure that each element is serving a
specific need and the website is truly designed to
attract, retain and enhance the end user-experience.

The finalised concepts or templates will then be used for

two other internal pages to give you an understanding of
how internal content intensive pages will look.

4. Web Development
Once we are ready with the detailed design, we proceed
to the HTML development and CMS configuration phase.

The HTMLs are prepared in accordance with the W3C

standards. Our team has good knowledge in CSS, HTML
etc. Once all developments are done, we proceed to the
Testing phase, where features of your website and the
Content is tested nicely.

Once the preliminary testing is done, we then proceed to

the multi-browser test, where your website is tested
over major browsers such as IE, Firefox & Safari as a
standard practice.

.
Include Flow chart and gantt chart for your project.

A sample flow chart and gantt chart is shown below.

Figure 2.1 Gantt Chart

CHAPTER 3
TECHNOLOGIES USED

Netcraft

Background – first seen, title, ranking, language,

description

 Network – IPv4/IPv6 address, domain registrar,

network owner, hosting country
 SSL/TLS – vulnerability status like POODLE, heart
bleed, SSL cert details, protocol negotiation, public key,
certificate type & chain details
 Hosting – who host the website
 SPF details
 Security – risk rating, block list
 Site technologies – CDN, CMS, software, RSS,
compression, character encoding

W3 Techs

W3 Techs Site Info tool let you know following detailed

information in tabular format.

 Popularity ranking
 CMS used like WordPress, Joomla, Drupal, etc
 Programming language used like PHP, Node.js,
javascript, etc
 Markup
  Character encoding
 Image file formats
 Site elements – external CSS, inline CSS,
 Compression, SPDY, HTTP/2, HSTS, SSL cert details,
 Analytics, Web server, analytics, reverse proxy details

and at the end, you will get technology score based on

popularity and traffic.

WAPPALYZER

Wappalyzer is a browser extension available for Firefox or

Chrome which will detect the technologies behind the
website and show the details.

So it’s probably the easiest one to install the extensions and

visit the site to see what’s running on it.

Web Stack

It are popular recipes that feature a combination of layers commonly

used in conjunction with each other. They are called “stacks”.  A stack is
a combination of technologies or components needed to deliver a fully
functioning website. 

Database Engine

A database engine or database server is the underlying component of

your website where your entire website’s data is stored.  This is where
your website will store all the information such as products, orders,
transactions, user records, etc. The most common databases for web
developers are MySQL, Microsoft SQL Server, Oracle and Postgres.
CHAPTER 4
WORK DIVISION

Our website is divided into four modules:

MODULE 1- Background designing
In this we are applying the background details like images,
their mobility, what designs is to be added, what percentage
or which portion of the console screen will have which
background image.
This module is coordinated by Mr. Anish of our group.

MODULE 2- Image and video

In this the adding of image and video to our website is done.
In this the details of the Construction Company and touch up
is done. The coding is done in both in HTML and as well as
in CSS by the respective student.
The module is coordinated by Mr. Komal of our group.

MODULE 3- Contents of Website.

In this the contents on the website like logo of the company,
location of the company, login details and other select option
is encoded. The coding is done in both in HTML and as well
as in CSS by the respective student.
The module is coordinated by Mr. Shivansh of our group.

MODULE 4- Linking Pages of Select

Options
In our website various select option is available like Home,
About us, Media, Career etc are available which are hyper
linked with other respective pages HTML pages for neatness
and convenience and in order to give more and elaborated
information. The hyperlinked pages are styled and designed
and have a bit sense of user interaction. The coding is done in
HTML,CSS and JAVASCRIPT by the respective student.
The module is coordinated by Mr. Pratik of our group.

REFERNCES