PROJECT REPORT ON WEB DESIGNING

SHAHEED BHAGAT SINGH STATE UNIVERSITY

FEROZEPUR

Submitted by

BALWINDER SINGH

2007501 CSE 'A'

CERTIFICATE OF TRAINING
 ABSTRACT

Industrial training is an important phase of a student life. A well planned, properly executed and evaluated
industrial training helps a lot in developing a professional attitude. It develop an awareness of industrial
approach to problem solving, based on a broad understanding of process and mode of operation of
organization. During a period of training at ThinkNEXT Technologies, most of the theoretical knowledge
that has been gained during the course of studies is put to test. I have been assigned to accomplish various
tasks which included measurement of work done. Throughout my industrial training, I was able to apply the
skill and knowledge acquired from lecture to complete my work in practice. I learn and experience new things
which helpful for me to put in various tasks done by me. On the other hands, as a trainee, good attitude is a
must to have in order to follow and complete the instructions given although it is miscellaneous works.
 DECLARATION

DEPARTMENT OF COMPUTER SCIENCE ENGINEERING

SHAHEED BHAGAT SINGH STATE UNIVERSITY

STUDENT’S DECLARATION

I, Balwinder Singh hereby declare that I have undertaken six weeks industrial

training at ThinkNext during a period from 1st July 2022 to 16th August 2022 in

partial fulfillment of requirements for the award of degree of B-Tech (Computer

Science Engineering) at Shaheed Bhagat Singh State University, Ferozepur. The work

which is being presented in the training report is an authentic record of training

work.

Signature of Student
 TABLE OF CONTENTS

Certificate by Company………….

Abstract…………………………..
Declaration……………………….

1. Introduction

2. Problems of current system

3. Platform/Tools used

4. Front end (i) HTML (ii) CSS (iii) Java Script (iv) Bootstrap

5. Features

6. Modules of Project

7. Snapshots

8. Future Scope

9. Limitations

10. Conclusion
 INTRODUCTION

PROJECT TITLE: THE SHER-E-PUNJAB HOTEL

The “The Sher-E-Punjab hotel” has been developed to override the problems prevailing the
practicing manual system. This software is supported to eliminate and in some cases reduce the
hardships faced by this existing system.

The main objective of the The Sher-E-Punjab hotel Booking System is to manage the details of
Hotel Rooms, Services, Payments, Bookings. It manages all the information about Hotel,
Customers, Bookings, Hotel. The project is totally built at administrative end and thus only the
administrator is guaranteed the access. The purpose of the project is to build an application
program to reduce the manual work for managing the Hotel, Rooms, Customers, Services. It tracks
all the details about the Services, Payments, Bookings.

Why we are developing this website:

The purpose is to improve the experience for website visitors, which we expect to help the
customers.

We are creating this website to be more user-friendly, responsive and easily understandable by the
viewers. This website should serve as the project‘s portfolio, but also be used to market,
communicate. this website is Developed for providing online reservations and information
regarding the hotels, services, rooms, packages and events.

Abstract of the Project on The Sher-E-Punjab hotel:

The purpose of The Sher-E-Punjab hotel booking system is to automate the existing manual
system by the help of computerized equipment’s and full-fledged computer software, fulfilling
their requirements, so that their valuable data/information can be stored for a longer period with
easy accessing and manipulation of the same. The required software and hardware are easily
available and easy to work with.
The Sher-E-Punjab hotel booking system can lead to error-free, secure, reliable and fast
management system. It can assist the user to concentrate on their other activities rather to
concentrate on the record keeping, Thus it will help organization in better utilization of resources.
The organization can maintain computerized records without redundant enteries.

PROBLEMS OF CURRENT SYSTEM

As The Sher-E-Punjab hotel booking is having manual booking system, they are facing some
problems issuing booking requests of customers. All the necessary booking stuffs are being done
in hard copy. So it become much difficult for staffs to keep the records updated all the time. As
for example, if the customers need to change the check in date it become difficult for them to find
out the customers booking details for updating as there are so many customers booking records.
Again, regarding current system customers cannot give feedback online and also staff cannot reply
to them promptly. Besides tourists from other South East Asian counties need to call directly for
booking purposes. So they cannot get the chance to view their apartment rooms or hotels rooms
before they make book.

PLATFORM/TOOLS USED

HARDWARE PLATFORM:

Operating System Windows

Processor Inter Core i

Processor Speed 2.00GHz

RAM 4GB

System Type 64-bit OS

SOFTWARE PLATFORM:

Front End Visual Studio Code

Coding HTML, HTML5, CSS3, Javascript, Bootstrap

Graphics Adobe Photoshop, Corel Draw

FRONT END:

• HTML

HTML stands for Hyper Text Markup Language.

HTML is the standard markup language for Web pages.
HTML elements are the building blocks of HTML pages.
HTML elements are represented by <> tags.
• HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
• Browsers do not display the HTML tags, but use them to render the content of the
page.
• HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the
rendered page.
• HTML provides a means to create structured documents by denoting structural
semantics for text such as headings, paragraphs, lists, links, quotes and other items.
HTML elements are delineated by tags, written using angle brackets. Tags such as
<img /> and <input /> directly introduce content into the page.
• Other tags such as <p> surround and provide information about document text and
may include other tags as sub-elements. Browsers do not display the HTML tags, but
use them to interpret the content of the page.
• HTML can embed programs written in a scripting language such as JavaScript, which
affects the behavior and content of web pages. Inclusion of CSS defines the look and
layout of content.
• The World Wide Web Consortium (W3C), maintainer of both the HTML and the
CSS standards, has encouraged the use of CSS over explicit presentational HTML
since 1997.
 =>The following is an example of the classic "Hello, World!" program:

<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
. CSS
• CSS stands for Cascading Style Sheets

• CSS describes how HTML elements are to be displayed on screen, paper, or in other
media.
• CSS saves a lot of work. It can control the layout of multiple web pages all at once.
• External stylesheets are stored in CSS files.
• Latest version used is CSS3.

CSS is used to define styles for your web pages, including the design, layout and variations in
display for different devices and screen sizes. Using CSS, you can control the color of the text, the
style of fonts, the spacing between paragraphs, how columns are sized and laid out, what
background images or colors are used, layout designs,and variations in display for different devices
and screen sizes as well as a variety of other effects.
Separation of formatting and content also makes it feasible to present the same markup page in
different styles for different rendering methods, such as on-screen, in print, by voice (via speech-
based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for
alternate formatting if the content is accessed on a mobile device.
 • JAVA SCRIPT

JavaScript is a scripting or programming language that allows you to implement complex things on
web pages — every time a web page does more than just sit there and display static information for
you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics,
scrolling video jukeboxes, etc. It is the third layer standard of the web technologies, two of which
(HTML and CSS) .

JavaScript is a scripting language that enables you to create dynamically updating content, control
multimedia, animate images, and so on.

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

1. HTML to define the content of web pages

2. CSS to specify the layout of web pages

3. JavaScript to program the behavior of web pages

JavaScript Can Change HTML Content

One of many JavaScript HTML methods is getElementById().
This example uses the method to "find" an HTML element (with id="demo") and changes the
element content (innerHTML) to "Hello JavaScript":

<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello

JavaScript!"'>Click Me!</button>
</body>
</html>

• BOOTSTRAP

It is a free front-end framework for faster and easier web development.

It combines HTML, CSS and JS based design templates for typography, forms, buttons, tables,
navigation, modals, image carousels and numerous other components, as well as JavaScript
plugins.

It provides you with a convenient approach for creating responsive designs.

Why Use Bootstrap?

Advantages of Bootstrap:

• Easy to use: Anybody with just basic knowledge of HTML and CSS can start using
Bootstrap

• Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops

• Mobile-first approach: In Bootstrap, mobile-first styles are part of the core framework

• Browser compatibility: Bootstrap 4 is compatible with all modern browsers (Chrome,

Firefox, Internet Explorer 10+, Edge, Safari, and Opera).
 • FEATURES:-

1. Launch A Hotel Website

You can look for a hotel reservation system that can help you launch your own hotel website. In
this way, you’ll be saving a lot of your money and save time that would be consumed to build one.

2. User-Friendly Interface

A hotel booking engine with a good user-friendly interface will allow customers to easily navigate
through your website. Your website should load faster on all devices to save your customers’ time.
Thus, a user-friendly interface will increase the chances of booking as customers prefer to plan
and book on the go.

3. Easy Booking Process

The booking process should include minimal steps. If it takes a long time to fill unnecessary forms,
chances are that the customer will abandon the booking and head to other websites.

4. Offline Booking

A hotel booking should be able to offer you options to handle your on-desk and online bookings.If
a customer walks in you should be able to book rooms from the back-end of the system.In addition
to that, you must be able to keep an eye on the online bookings made through your websites.

5. Mobile-Friendly

As most of the customers nowadays use their phones, tablets, ipads etc devices to book rooms, it
is an impossible to avoid feature.

6. Easy Management Of Rooms

You should be able to add rooms to your system, add the details like the amenities and features of
rooms, edit the status of rooms when the time arises and also room a reallocation facility to change
rooms at a customer’s demand.
7. Easy Search Option

Customers must able search for hotels in a particular location and view the availability of rooms
in between the preferred dates.

8. Discounts

Offering discounts is a great way to attract customers. Through the system, you should be able to
create offers or discounts for new or current customers when required.

9. Image Gallery

One of the great ways to attract users is by showing beautiful pictures of your hotel, hotel rooms,
amenities and any other services. That’s why you must opt for a hotel reservation system that
provides you the option to add a number of images.

10. Google Maps Integration

Having Google Maps on your hotel website helps customers discover your hotel. When they search
for hotels in a particular location, then the Google map will pinpoint all the hotels available in that
location including yours.Not only will it help customers to get directions to reach your hotel, but
also boost your SEO. Google shows hotel’s physical address , phone number , reviews given by
people and a lot more information which help in bringing your hotel on top of search results.

11. Multi-Booking System For Separate Dates

Giving customers options to book different rooms for separate dates can be very convenient for
them as they won’t have to repeat the process of bookings. This kind of flexibility is assured to
convince the customers to prefer your hotel over others.

12. Social Media Links

Displaying social media buttons or icons is an also a great way to connect with customers.Allow
you visitors visit your Facebook , Twitter or Google+ page and give them the opportunity to like
the pages. By liking or following your pages they will get updates regarding any future events in
your hotel and will be aware of discounts or promotional offers so that they become repeating
customers.

13. Quick And Responsive Customer Support

As problems in any software are inevitable , it is really important to choose a product that has
helping customer support service. You must choose a hotel reservation system that has a dedicated
customer support department which is ready to listen and resolve your issues.

MODULES OF PROJECT

This project developed for " Sher-E-Punjab Hotel Booking System” is broken into following
modules:

1.HOME: It includes the brief information regarding all Modules. Testimonials of satisfied
Customers.

2.RESERVATION: Used for managing the detail of Booking.It wil be also reduced the cost of
collecting the management and collection procedure will go on smoothly.

3.SERVICES: It Managing The Information of Rooms, Hotel, Payments,Customers , Booking. It

also manage the customer detail online payment. details, hotel booking details.

4.PROJECTS:Basically the project describe how to manage for good performance and better
services for the clients.

5.CONTACT US: customers can easily contact with us.

SNAPSHOTS:-
 FUTURE SCOPE

Hotel Reservation system also tries to link several individual property management system to a
central data processing facility using advance technologies.Hotel inventory and reservations can
be managed by two systems: first a central reservation system (mostly local reservation system)
or a PMS-property management system (mostly with same hotel chains and franchisees).

Main characteristics of a Hotel Reservation system Inventory is stored in numerous locations

specific to each property in the hotel network and may be accessed through any of the several
different paths by any given customer or booking system.

The closer one movers into the reservation activity, the more accurate the reservations become.
Therefore contacting the individual property directly produces the more accurate result.
Decisions as to the availability of inventory only reflect the actual number of available rooms
rather they end upon booking channel employed, the maintainance of the channel, it’s proximity
to the actual property and the accuracy with which the individual property manager is able to
predict occupancy and demand from day to day

LIMITATIONS

Although this system will provide the booking facilities to customers, it is having some
limitations. In case of enquiry when customers send their feedback through the system, it will go
directly to the staff mailbox. It means the system don’t have the separate web page for checking
all the customers enquiry and send reply promptly. Besides the system also don’t have the online
banking (MayBank2U, CIMBClicks, PayPal) for customers.

CONCLUSION

Our project is only a humble venture to satisfy the needs to manage their project work.several
user friendly coding have also adopted. this packages shall prove to be a powerful packages in
satisfyingall the requirments of the school. the objectives of software planning is to provide a
frame work that enables the manger to make reasonable estimates made within a limited time
frame at the beginning of the software project and should be updated regularly as project.

_________________________