VPM’S POLYTECHNIC, THANE

College Campus Building, 1, Chendani Bunder Road, Thane West,

Thane, Maharashtra 400601

FINAL YEAR DIPLOMA IN COMPUTER ENGINEERING

(2022 - 2023)
PROJECT REPORT ON
PRASHANT HOTEL, WEBSITE
BY
STUDENT’S NAME ENROLLMENT NO.
RUTUJA DEEPAK SARGAR 2100070159

BHOOMI SANTOSH SHIRSAT 2100070170

NISHIDHA NITIN RUPAWATE 2100070172
SNEHA DEEPAK SHELAR 2100070187

UNDER THE GUIDANCE OF

Maharashtra State Board of Technical Education (MSBTE)

1
 PRASHANT HOTEL, WEBSITE

A PROJECT REPORT
Submitted in partial fulfilment of the
Requirements for the Diploma in
COMPUTER ENGINEERING

Submitted By
RUTUJA DEEPK SARGAR (2100070159)

BHOOMI SANTOSH SHIRAT (2100070170)

NISHIDHA NITIN RUPAWATE (2100070172)

SNEHA DEEPAK SHELAR (2100070187)

Under the esteemed guidance of

Mrs. Gautami Pujare

DEPARTMENT OF COMPUTER ENGINEERING

VIDYA PRASARAK MANDAL POLYTECHNIC
Chendani Bunder Road, THANE (W) - 400601

2
 Department of Computer Engineering V. P. M's Polytechnic.
Thane

Vision
Provide quality diploma education in Computer Engineering and train students to
effectively apply this education to solve real-world problems thus enhancing their potential
for lifelong career and entitle them a competitive advantage in the ever-changing global
work environment.

Mission
 Provide sound technical foundation in Computer Engineering through outcome
based education and application oriented learning
 Provide ambience for professional growth and lifelong learning for adapting
to challenges in rapidly changing technology.
 Inculcate social and ethical values.
 Nurture interpersonal and entrepreneurial skills so as to develop leadership qualities
in information industry's diverse culture.

3
 ACKNOWLEDGEMENT

We would firstly like to thank our Principal, Dr. D. K. Nayak for encouraging and motivating
us throughout the course of the project.
We would like to extend our gratitude to Head of the Department & Mrs. S. K. Shukla for
her guidance and complete support for our project.
We would also like to thank Mr. Ketan Khadke for entrusting with us this project and for
providing guidance throughout.
We also thank all the teachers who constantly motivated us and provided us their precious
knowledge and advice for project. It would also be a pleasure to thank all the staff, be it
teaching or non-teaching who always stood by us and made sure no problem ever treads our
way

4
 ABSTRACT

This project is aimed at developing a fully functional Website for Prashant Hotel. The basic
aim of building this website is to boost online presence and to work as a means to provide
boost in business. This website is designed to inform potential clients of Prashant Hotel about
them, about their services, their products and their values and missions.

This project also provides functionalities to store data of the client through Contact Us and
Get Quote form. It provides to be able to process, retrieve and analyse this information. This
project aims at maintaining all the information pertaining to Email Ids, Phone Numbers and
enquiries of clients and help them manage these in a better way.

The main aim is to provide Info System with a platform to increase their sales. The entire
project is developed keeping in view of the latest web development trends in the market. The
project is developed by keeping in sense the cost of development. The project take cares of
proper functioning of different web pages, which are developed as per the applicable
strategies and needs.

5
 DECLARATION
I declare that this written submission represents my ideas in my own words and where others’
ideas or words may have been included. I have adequately cited and referenced the original
sources. I also declare that I have adhered to all principles of academic honesty and integrity
and have not misinterpreted or fabricated or falsified any idea/ data/ fact/ source in my
submission.
I hereby declare that the project entitled, “, WEBSITE” has not been in any case duplicated to
submit to any other university for the award of any diploma to the best of my knowledge.

1. Rutuja Deepak Sargar,(2000070159)

(Signature)

2. Bhoomi Santosh Shirsat, (2100070170)

(Signature)

3. Nishidha Nitin Rupawate , (2100070172)

(Signature)

4. Sneha Deepak Shelar,(2100070187)

(Signature)

6
Sponsorship Letter

7
TABLEC ONTENTS PAGE NO

1. Chapter – 1 Introduction...................................................................11

2. Chapter – 2 Literature Survey...........................................................14

3. Chapter – 3 Scope of The Project......................................................15

4. Chapter – 4 Methodology..................................................................16

5. Chapter – 5 Details of Designs, Working and Processes...................18

6. Chapter – 6 Results and Applications................................................49

7. Chapter – 7 Conclusions and Future Scope.....................................75

8. Chapter – 8 Appendix........................................................................76

9. Chapter – 9 References and Bibliography........................................77

8
 CONTENTS

1. Chapter – 1 Introduction
1.1 Introduction
1.2 Background of the industry
1.3 Problem Statement
1.4 Aims & Objectives
2. Chapter – 2 Literature Survey
2.1 Literature Survey
2.1.1 Graphical User Interface Features In Building
Attractive And Successful Websites
2.1.2 An Importance of Web Presence for Small Business
Owners
3. Chapter – 3 Scope of The Project
3.1 Scope

4. Chapter – 4 Methodology
4.1 Methodology
4.1.1 Requirements Gathering
4.1.2 Organizing Content
4.1.3 Developing Frontend
4.1.4 Developing Backend/ Database
4.1.5 Project Report
4.2 Project Timeline

5. Chapter – 5 Details of Designs, Working and Processes

5.1 Hardware Requirements
5.2 Software Requirements
5.3 Use Case Diagram
5.4 Flow-Chart Diagram

9
 5.5 Gantt Chart
5.6 Design and working of the website
5.6.1 Software Testing
5.6.2 Software Testing Methods
5.6.3 Levels of Testing & their Applications
5.7 Test Cases
5.7.1 Home Page Test Case
5.7.2 About Us Page Test Case
5.7.3 Contact Us Page Test Case
5.7.4 Our Projects Test Case
5.8 Sample Code
5.8.1 HTML Code
5.8.2 JavaScript Code
5.8.3 PHP Code
6. Chapter – 6 Results and Applications
6.1 Results
6.2 Applications
7. Chapter – 7 Conclusions and Future Scope
7.1 Conclusions
7.2 Future Scope
8. Chapter – 8 Appendix
9. Chapter – 9 References and Bibliography
9.1 References
9.2 Bibliography

10
 CHAPTER – 1 INTRODUCTION

1.1 Introduction

In today's digital age, having an online presence is essential for businesses to reach a wider
audience and establish their brand. The hotels industry is no exception, and in fact, having a
website is even more critical for showcase their portfolio and services to potential clients.
Our industry-sponsored project aims to develop a website for a Album, which will serve as a
platform to display their work, attract new customers, and facilitate online bookings. The
website will be designed to be user-friendly, visually appealing, and optimized for search
engines to ensure maximum visibility and engagement.
Throughout the project, we will be focusing on developing a website that meets the specific
requirements of the hotel while keeping in mind the latest industry trends and best practices.
We will be utilizing various technologies and tools to ensure a seamless user experience,
including responsive web design, content management systems, and e-commerce platforms.
The project will involve a thorough analysis of the hotel needs, target audience, and
competitors to ensure that the website is tailored to their unique requirements. We will also
be conducting user testing and gathering feedback to continually improve the website's
functionality and design.
Overall, our goal is to deliver a high-quality website that not only meets the our hotel
objectives but also enhances their online presence and ultimately drives business growth.

11
 1.2 Background of the Industry:

Prashant Hotel was founded in 2009. At the time, there were very rare hotels in Kalyan City
that specialized for their foods, and those that did exist were often expensive and catered for
foods. Prashant Restaurant saw an opportunity to serve a wider market, including special food
dishes, by providing a large selection of tables equipment at competitive prices.
The original Prashant Hotel was located in a small storefront on the corner of GNP Solitaire
Industrial Premises in Kalyan. It quickly gained a reputation for its knowledgeable staff and
wide selection of tables. Over time, the store expanded to include additional floors.
Today, Prashant Hotel is one of the largest and most well-known hotel and restaurant in
Kalyan. The hotel spans several floors and offers a massive selection of tables and menus, as
well as it provides the,audio equipment for customer entertained purpose.
Despite its size and success, Prashant Hotel has maintained its commitment to providing high-
quality products and excellent customer service. The store's knowledgeable staff includes
many professional photographers and videographers who are able to offer expert advice and
assistance to customers.
Prashant Hotel was has also adapted to changing technology and customer needs by offering
online food delivery. The company has also embraced social media and other digital
marketing channels to reach new customers and build its brand.
Overall, Prashant Hotel success can be attributed to its founder's vision and passion for
food,chef, as well as its commitment to providing high-quality products and excellent
customer service.

12
1.3 Problem Statement
Nowadays the electronic era makes people search online for almost everything. Business that
has an online presence allows customers to access its virtual version any time of day and
night. Everyone can research the company’s information, its products and services in the
privacy of their own home and after business hours. Business online presence helps reaching
more customers, making it easier to market the brand, make sales and build trust. This project
aims at taking the hotel to online as a marketing strategy and in turn increasing their sales.

1.4Aims and Objectives

The aim of the project is to develop a website for hotel to boost their online presence. The
main objectives of the system can be defined as follows:
1. To develop an adequate design of website according to requirements of Prashant
Hotel.

2. To develop following pages of the website for this project:

a) Home Page
b) About Us Page
c) Add to cart Page
d) Menu Page
e) Payment Page
f) Contact us Page

3. To develop following functionalities:

a) To show all kinds of products company has to offer.
b) To record any response client has to enquire.
c) To show about the company’s history and vision.

13
 CHAPTER – 2 LITERATURE SURVEY

2.1 Literature Survey

A Literature Survey on the following papers had been conducted through the course of
developing this project:

2.1.1 Graphical User Interface Features In Building Attractive And

Successful Websites
Learning Outcome: The article highlights the importance of Graphical User Interface (GUI)
in building an attractive and successful website. GUI should involve aspects such as
consistency, loading time, navigations, and understanding the website clients. The article
emphasizes that the most important step before building any user interface is to know the
website clients, as the users and their wishes are the main reason behind building any website.
GUI is a means of enabling user interaction with electronic devices such as computers or
hand-held devices. GUI involves various significant aspects, including consistency, loading
time, and navigation, that help to make the interface easy, attractive, and effective. Loading
time, consistency, and search and lists are other important features that should be taken into
consideration in building a successful website.

2.1.2 An Importance of Web Presence for Small Business Owners

Learning Outcome: This research paper discusses the importance of web presence in today's
scenario, where people rely on the internet for all kinds of information. The paper defines
web property and its types, such as personal website, blog, corporate website, microsite, and
social media accounts. The objective of the paper is to study the advantages of web presence,
the effective ways of web presence, and the barriers to web presence. The study highlights the
advantages of web presence, such as getting business information easily, reaching more
prospects, brand awareness, and keeping the information updated. The challenges of web
presence include lack of knowledge on web presence importance, lack of technical expertise,
and low internet penetration in India. The research methodology used is secondary data
collection from articles, journals, books, and websites. The paper concludes that having a
web presence is essential for individuals and businesses to build credibility, share
information, educate on products, capture the market, and be successful.

14
 CHAPTER - 3 SCOPE OF THE PROJECT

3.1 Scope

The project developed helps people to know more about Prashant Hotel by visiting the
website. Clients can get to know about the Hotel in brief through the container of ‘About’
on Home page. They can view the Visions and Missions of the company through the
respective containers of ‘Vision’ and ‘Mission’ and put their trust in the company by
understanding their values. Through ‘NavBar’ they can navigate to ‘About Us’ page and
get in-depth knowledge about Hotel’ quality policy. Furthermore, the client can visit
‘Menu Page’ page and learn about the menus of hotel. The client can even directly
contact Prashant Hotel through ‘Contact Us’ page. The other features include Chatbot,
Our Services, Database on server side for Prashant Hotel. The GUI of the website was
developed taking in consideration the vision of Prashant Hotel.

15
 CHAPTER – 4 METHODOLOGY

4.1 Methodology

4.1.1 Requirements Gathering:

The project started with gathering requirements of the client which was from Prashant
Hotel ’ staff members. The requirements we gathered provided us with a basic vision of
the project. Thus, according to the requirements we drew up 3 to 4 GUI styles for the
client to select accordingly, from which the final product is based on.

4.1.2 Organizing Content:

The Content document provided by client was bifurcated according to the layout of
various separate webpages. Various typographical errors were corrected. The content was
organized to suit web trend and make it easier for people to understand about the
company.

4.1.3 Developing Frontend:

The Frontend was developed which included coding the basic layout of several
webpages developed and then integrating containers in each of those webpages. It also
included integration of NavBar and Footer.

4.1.4 Developing Backend/ Database:

For the animations and effects of Frontend, JavasScript has been used. Database is used in
the backend to store data of ‘Contact Us’ page . This was developed using MySQL.
Database connectivity and data insertion has been done through PHP.

4.1.5 Project Report:

The last step was completing the Project Report. The Project Report was written step – by
– step following the Guidelines for Capstone Project - Execution & Report Writing
provided by MSBTE. The project was completed successfully due to the efforts and
complete contribution of all team members and the guidance of our guide, Mrs. S.K.
Shukla and other staff members.

16
4.2 Project Timeline

Sr. Details of Activity Start Date End Date Team Members

No.
1. Requirements Gathering /2024 /2024 Bhoomi Shirsat & Nishidha
Rupawate

2. Organizing Content /2024 /2024 Rutuja Sargar & Sneha

Shelar

3. Home Page /2024 2024 Nishidha Rupawate & Sneha

Shelar
4. About Us Page /2024 /2024 Bhoomi Shirsat & Rutuja
Sargar

5. Menu Page /2024 /2024 Sneha Shelar & Rutuja

Sargar

6. Delivery Page /2024 /2024 Bhoomi Shirsat & Sneha

Shelar

8. Add to Cart Page /2024 /2024 Sneha Shelar & Rutuja

Sargar
9. Contact Us Page /2024 /2024 Nishidha Rupawate &
Bhoomi Shirsat

10. Database Connection /2024 /2024 Rutuja Sargar

11. Capstone Project Report 2024 /2024 Bhoomi Shirsat & Nishidha
Rupawate

17
 CHAPTER – 5 DETAILS OF DESIGNS,
WORKING AND PROCESSES

5.1 Hardware Requirements

a) Laptop Specifications
Device name : Acer Nitro 5
Processor : 11th Gen Intel(R) Core (TM) i5
Installed RAM: 8.00 GB
System type : 64-bit operating system, x64-based processor

5.2 Software Requirements

a) Frontend
HTML /CSS: HTML is the standard markup language for Web pages. With HTML you can
create your own Website.
CSS is the language we use to style an HTML document. CSS describes how HTML
elements should be displayed.

b) Backend
JavaScript: JavaScript is a scripting language that enables you to create dynamically
updating content, control multimedia, animate images, and pretty much everything else.
PHP:- PHP is a server-side scripting language embedded in HTML in its simplest form.
PHP allows web developers to create dynamic content and interact with databases.

c) Database
MySQL is an open-source relational database management system. Its name is a combination
of "My", the name of co-founder Michael Widenius's daughter My, and "SQL", the acronym
for Structured Query Language.

18
5.3 Use Case Diagram

Fig. 5.3 (a)

In this diagram, the user is the actor that interacts with the website. The website has six main
use cases: View Home Page, View About us Page, View Add to cart Page, View Menu Page,
Payment Page, View Contact Us Page .
The View Projects use case allows the user to view the list of projects that Prashant Hotel
website has completed or is currently working on. The View About Us use case allows the
user to view information about Prashant Hotel website, such as their mission statement and
history. The View Contact Us use case allows the user to view contact information for
Prashant Hotel , such as their phone number and email address.

5.4.2 Gantt chart

19
5.4.3 Test cases:

20
21
22
23
5.4 Design and working of the website:
Working of the Website:
The photography studio shop website was designed and developed to provide an online
presence for the studio and showcase their products and services. The website consists of five
main menus: Home, Company Products, Downloads, Gallery, and Contact Us.

24
5.5 Design and working of the website:
Working of the Website:
The photography studio shop website was designed and developed to provide an online
presence for the studio and showcase their products and services. The website consists of five
main menus: Home, Company Products, Downloads, Gallery, and Contact Us.

Design and Development Process:

The design and development process of the website were divided into several stages. First,
we conducted research to understand the studio's target audience and their needs. We used
this information to develop a user-centered design that was easy to navigate and visually
appealing. The design was then presented to the studio's team for feedback, and changes were
made accordingly.
Once the design was finalized, we started the development process. The website was built
using HTML, CSS, and JavaScript. We used a responsive design approach to ensure that the
website could be viewed on any device, including desktops, laptops, tablets, and
smartphones.

25
Menu Structure:
The website consists of five main menus: Home, Company Products, Downloads, Gallery,
and Contact Us.

Home Menu:

The Home menu is the landing page of the website. It contains a brief introduction to the
studio and its services. The home page is the first page users see when they visit your
website. It serves as an introduction to your photography shop and sets the tone for the rest of
the site.
26
 The design and layout of the home page were chosen to be clean, modern, and visually
appealing. The colour scheme uses neutral colours, such as white and grey, to allow the
photos to stand out. The fonts chosen are easy to read and complement the overall design.
 The navigation menu is located at the top of the home page and is structured to make it
easy for users to find the information they need. It includes links to pages such as About
Us, Services, Portfolio, and Contact.
 The home page features a large slideshow of high-quality images showcasing the work of
the photography shop. This allows users to quickly get a sense of the shop's style and the
types of services offered.
 There is also a section on the home page that highlights some of the most popular services
offered by the photography shop. This includes things like wedding photography, portrait
photography, and event photography

Company Menu:
 The Company page is a section of the website that provides information about the history,
vision, and mission of the photography shop.

 The History section should briefly explain the background of the photography shop, such
as when it was founded, how it has grown, and any notable accomplishments.

 The Vision and Mission section should outline the photography shop's goals and values,
including the types of services offered, the company's commitment to quality, and any
specific objectives for the future.

27
 The Company page can also feature bios of the key staff members, including their
qualifications, experience, and any awards or recognition they have received.
 Including photos of the staff members can help users connect with the people behind the
photography shop and give them a better sense of the company's culture.
 Overall, the Company page should be designed to showcase the strengths and unique
qualities of the photography shop, and provide users with a clear understanding of what
the company stands for and what sets it apart from competitors.

Products Menu:
The Products menu on the website for the photography shop includes a range of products that
cater to the needs of both amateur and professional photographers. These products are
designed to help photographers take their craft to the next level and provide them with high-
quality materials and accessories to support their work.
The Products menu is divided into several categories, including:
Megabook - This section of the Products menu includes a range of large-format photo books
that are designed to showcase photos in a stunning and impactful way. These books are
perfect

for professional photographers looking to create a portfolio or showcase their work to clients.
Photobook - This section of the Products menu includes a range of photo books in various
sizes and formats. These books are perfect for amateur photographers looking to create a
personal photo album or commemorate a special event.
Cover and Bags - This section of the Products menu includes a range of high-quality camera
bags and covers that are designed to protect cameras and lenses while on the go. These bags
and covers are available in a range of sizes and styles to suit different needs and preferences.

28
Amature book sets - This section of the Products menu includes a range of book sets that are
designed to help amateur photographers learn and develop their skills. These sets include
instructional books and guides that cover topics such as composition, lighting, and exposure.
Each section of the Products menu includes a range of products that cater to different needs
and preferences. For example, the Megabook section includes books in various sizes and
styles, while the Photobook section includes books with different cover materials and
finishes.
Overall, the Products menu on the website for the photography shop provides users with a
comprehensive range of products and accessories to support their photography work. By
including sections for Megabook, Photobook, Cover and Bags, and Amateur book sets, the
shop can cater to the needs of different types of photographers and help them take their craft
to the next level.

Downloads Menu:
In addition to software and other tools, the Downloads page menu on the website for the
photography shop also includes a section where users can download the shop's mobile app.
The app is available for both iOS and Android devices and provides users with a convenient
way to access the shop's services and products while on the go.
The Downloads page menu includes a dedicated section for the mobile app, which provides
users with all the information they need to download and install the app on their device. This
section includes links to the app stores where the app is available for download, as well as
instructions on how to install and set up the app.
Once installed, the photography shop app provides users with a variety of features and tools
that can help them take their photography to the next level. These features include:
Online Store - The app includes a built-in online store where users can purchase various
photography-related products, including cameras, lenses, and accessories.

29
Booking System - The app includes a booking system that allows users to schedule
appointments with the photography shop for things like photo shoots, printing services, and
more.
Photo Gallery - The app includes a photo gallery where users can browse through the shop's
portfolio of work and view examples of the photography services the shop offers.
Contact Information - The app provides users with the shop's contact information, including
phone number, email address, and physical address, making it easy to get in touch with the
shop.
Overall, the mobile app for the photography shop provides users with a convenient and
efficient way to access the shop's products and services from their mobile device. By
including the app in the Downloads page menu on the website, the shop can help to promote
the app to users and make it easy for them to download and install it.

Contact Us Menu:
The Contact Us menu on the website for the photographyshop is designed to help users get in
touch with the shop quickly and easily. This menu includes two options: Locate Our Office
and Need Support.
Locate Our Office - This option allows users to find the physical location of the photography
shop. By clicking on this option, users will be redirected to a page that includes a map of the
shop's location, as well as the shop's address, phone number, and hours of operation.
Need Support - This option allows users to get in touch with the shop for support or
assistance. By clicking on this option, users will be redirected to a page that includes a form
where they can enter their name, email address, phone number, and message. This form is
designed to help the shop collect user information and respond to their queries quickly and
efficiently.

When users fill out the form under the Need Support option, they will be asked to provide

30
some basic information such as their name, phone number, and email address. This
information will

31
be used by the shop to respond to their queries or support requests. Users can also include a
message in the form where they can provide more details about their query or request.
Overall, the Contact Us menu on the website for the photography shop provides users with
two options to get in touch with the shop. The Locate Our Office option helps users find the
physical location of the shop, while the Need Support option provides a way for users to get
support or assistance by filling out a simple form.

Photobook Section:

The Photobook section of the website is dedicated to providing visitors with an easy way to
create personalized photo books. Visitors can choose from a variety of different templates,
each designed to showcase their photos in a unique and creative way. The templates are fully
customizable, allowing visitors to add text, change the layout, and adjust the color scheme to
match their personal style. Once the photo book is complete, visitors can order a physical
copy directly from the website.

32
Megabook Section:

The Megabook section of the website is similar to the Photobook section but offers larger and
more comprehensive photo books. Megabooks are ideal for special events such as weddings,
graduations, or family reunions. Visitors can choose from a variety of different layouts and
styles, and each Megabook is fully customizable. Once the Megabook is complete, visitors
can order a physical copy directly from the website.

33
Cover and Bags Section:

The Cover and Bags section of the website offers a range of customizable covers and bags for
visitors to choose from. These covers and bags are ideal for protecting photo albums or other
valuable items. Visitors can choose from a range of different materials, including leather,
cloth, and vinyl. They can also add custom text or images to the cover or bag to personalize it
further.

34
Amateur Book Section:

The Amateur Book section of the website is designed for visitors who are just starting with
photography and want to learn more. This section includes a range of tutorials and guides to
help visitors improve their photography skills. The tutorials cover topics such as lighting,
composition, and post-processing techniques. Visitors can also access a range of tools and
resources, including free stock photos and photo editing software.

35
5.5.2 Software Testing
Software Testing can be stated as the process of verifying and validating whether a software
or application is bug-free, meets the technical requirements as guided by its design and
development, and meets the user requirements effectively and efficiently by handling all the
exceptional and boundary cases. The process of testing aims not only at finding faults in our
existing software but also finding measures to improve software in terms of efficiency,
accuracy, and usability. Software testing methods are divided into Black-box and White-box
testing.

5.5.3 Software Testing Methods:

1. White-box Testing:
White -box testing tests the internal structure and coding of software, it is suitable for our
project as it verifies the input and output flow to improve design, usability and security of our
software. It is easy to automate and allows for continuous improvement of code and better
development practice. The tester creates test cases to examine the code paths and logic flows
to ensure that they meet the specified requirements.

2. Black-box Testing:
Black-box testing involves testing a system for its functionalities without peering into its
internal structure. With black-box testing it is possible to identify how the system responds to
expected and unexpected user actions, its response time, usability issues and reliability issues.
The testing does not cover inside details such as code, server logic and development method.

5.5.4 Levels of Testing & their Applications:

1. Functionality testing:
Functionality testing ensures that all features of the website are working as expected. This
type of testing verifies that all links, buttons, forms, and menus are functioning properly. It
also tests the website's compatibility with different browsers and operating systems, making
sure that all pages and content are displayed correctly. The goal of functionality testing is to
ensure that the website meets the functional requirements specified in the project plan and
that it provides a satisfactory user experience.

 Verify that all features of the website are working as expected.

 Ensure that all links, buttons, forms, and menus are functioning properly.
 Test the website's compatibility with different browsers and operating systems.
 Verify that all pages and content are displaying correctly.

36
2. Usability testing:
Usability testing evaluates the website's ease of use and user-friendliness. This type of testing
evaluates the website's navigation, including menus, links, and search functionality. It also
tests the website's responsiveness and loading times, ensuring that users can quickly find the
information they need. Usability testing also evaluates the website's readability, font sizes,
and colours for accessibility. The goal of usability testing is to identify any usability issues
that may affect the user's experience and to make changes that improve the overall user
experience.
 Evaluate the website's ease of use and user-friendliness.
 Test the website's navigation, including menus, links, and search functionality.
 Test the website's responsiveness and loading times.
 Check the website's readability, font sizes, and colours for accessibility.

3. Performance testing:
Performance testing evaluates the website's performance under different traffic loads. This
type of testing evaluates the website's response time and page load times. It also monitors the
website's resource utilization, including CPU, memory, and network bandwidth. Performance
testing evaluates the website's caching and optimization strategies to ensure that it provides
fast and responsive performance. The goal of performance testing is to ensure that the
website can handle the expected traffic load and that it provides fast and responsive
performance.
 Test the website's performance under different traffic loads.
 Evaluate the website's response time and page load times.
 Monitor the website's resource utilization, including CPU, memory, and network
bandwidth.
 Test the website's caching and optimization strategies.

4. Security testing:
Security testing evaluates the website's security features, including SSL certificates, firewalls,
and encryption. This type of testing tests the website's vulnerability to common attacks such
as SQL injection and cross-site scripting. It also tests the website's login and authentication
processes, ensuring that user data is stored securely and sensitive data is not exposed. The
goal of security testing is to identify any security vulnerabilities and to make changes that
improve the website's security.

 Evaluate the website's security features, including SSL certificates, firewalls, and
encryption.
 Test the website's vulnerability to common attacks such as SQL injection and cross-site
scripting.
 Test the website's login and authentication processes.
37
 Verify that user data is stored securely and sensitive data is not exposed.

38
5. Compatibility testing:
Compatibility testing tests the website's compatibility with different devices, including
desktops, laptops, tablets, and mobile phones. This type of testing tests the website's
compatibility with different operating systems, including Windows, macOS, iOS, and
Android. It also tests the website's compatibility with different browsers, including Chrome,
Firefox, Safari, and Edge. The goal of compatibility testing is to ensure that the website
provides a consistent user experience across all devices and platforms.
 Test the website's compatibility with different devices, including desktops, laptops, tablets,
and mobile phones.
 Test the website's compatibility with different operating systems, including Windows,
macOS, iOS, and Android.
 Test the website's compatibility with different browsers, including Chrome, Firefox,
Safari, and Edge.

5.6 Test Cases

To create Test Cases, Jira, a product developed by Atlassian that allows bug tracking and
agile project management was used. The add-on Zephyr Scale was used to create the
following Test Cases.

5.6.2 Home Page Test Case:

39
5.6.3 Gallery Page Test Case:

5.6.4 Download Page Test Case:

40
5.6.5 Our Products Test Case:

5.7.4 Contact us Test Case:

5.7 Sample Codes

41
5.7.2 HTML Code:
1Home.html:

42
 <div class="col-sm-12">
<center>Copyright &copy; Vaishali Digital Press. All Rights
Reserved.</center>
</div>
</div>
</div>
</footer>

<!-- footer bottom /- -->

<div class="home">

</div>
<!-- JavaScript-->
<!-- placed at the end of the document so html loads faster -->
<script src="jquery-2.1.3.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="jquery.nivo.slider.js"></script>
<script src="submenu.js"></script>
<script src="back-to-top.js"></script>
<script src="main.js"></script>
<script>
$('#slider').nivoSlider({
effect: 'fold', // Specify sets like:
'fold,fade,sliceDown' slices: 5, // For slice animations
animSpeed: 1000, // Slide transition speed
pauseTime: 5000,
controlNav:false,
pauseOnHover:false
});
</script>
<script>
$(document).ready(function(){
setTimeout(function ()
{
var $modal = $('#long'); // your selector; cache it; only
query the DOM
$modal.modal('show'); // show modal; this happens
once! after 3 seconds
}, 100);
});
</script>
</body>
</html>

43
5.7.3 JavaSript Code:
main.js:
$(window).scroll(function()
{
var scroll = $(window).scrollTop();
var height = $(window).height();

/*** set sticky menu ***/

if( scroll >= 150 )
{
if(!$('.navbar-custom').hasClass("navbar-fixed-top")){
$('.navbar').hide();
$('.navbar').fadeIn("slow");
}
$('.navbar-custom').addClass("navbar-fixed-top");

}
else if ( scroll <= height )
{
$('.navbar-custom').removeClass("navbar-fixed-top");
}
else
{
$('.navbar-custom').removeClass("navbar-fixed-top");
} // set sticky menu - end
});

44
5.7.4 PHP code:
support_mail.php:
<?php
$servername="localhost";
$username="root";
$password="";
$dbname="majorpro";
$conn = new mysqli($servername,$username,$password,
$dbname); if($conn->connect_error)
{
die("Connection failed: ".$conn->connect_error);
}
if(isset($_POST["send"])){
$name = $_POST['name'];
$email = $_POST['email'];
$mobile = $_POST['mobile'];
$subject = $_POST['subject'];
$message = $_POST['message'];
$sql="INSERT INTO majorpro1 VALUES
('$name','$email','$mobile','$subject','$message')";
if($conn->query($sql)=== TRUE)
{
header("Location:Record.html");
}
else
{
"Error ".$sql."<br>".$conn->error;
}
}
?

45
 CHAPTER – 6 RESULTS & APPLICATIONS

6.1 Results
 Home page

46
47
48
 History Page

49
50
 Vision Page

51
 Photobook Page

52
 Megabook Page

53
 Covers & Bags

54
55
56
 Amturebook Page

57
 Calendar Product Page

58
 Minibook Page

59
 Large Poster Page

60
 Software Link Page

61
 Gallery Page

62
63
 Location And Other Details Page

64
65
 Need Support Page

66
67
Data Output :-

68
6.2 Applications

Module 1: Creating Frontend

Frontend of the project is created with webpages such as Home, About Us, Contact Us, Our
Projects using tools like HTML, CSS & JavaScript.HTML and CSS for web designing and
JavaScript for any animations in the website.

69
Module 2: Database Creation/Backend Development
MySQL is an open-source relational database management system that has been used in our
project through phpMyAdmin. Thus, PHP has been used for database connectivity and data
insertion in the database. This Database is updated when a user fills the Support Need Page
form.

Database connectivity has been done by using PHP.

70
Module 3: Integration
The Frontend & Backend of the website were integrated in this module. The Vaishali Digital
Press’ Website is built. Now, a user can access the website & get more information through
the website’s About Us Page & Our Products page. User can also contact Vaishali Digital
Press’ through Contact Us Page. A user can get a gist of what Vaishali Digital Press’’ is
about through Home Page.

71
 CHAPTER – 7 CONCLUSIONS AND FUTURE
SCOPE

7.1 Conclusions:
In conclusion, the development of a fully functional website for Prashant Hotel’ Website was
the focus of this project. The primary goal was to improve Prashant Hotel’ online presence
and provide them with a platform to increase their sales. The website provides information on
the company, its products, services, values, and mission, and has functionalities such as a
Contact Us and Get Suggestion forms, and a database to manage client information. The
project was developed based on the latest web development trends in the market, and keeping
the cost of development in mind. The project also takes care of proper functioning of
different web pages, developed as per the applicable strategies and needs put forward by
Vaishali Digital Press’ staff. Through the website, potential clients can gain insights about the
company and its quality policy, view past projects, and contact Vaishali Digital Press.
Overall, the website provides best experience with an effective tool to reach more customers,
market their brand, make sales, and build trust.

7.2 Future Scope

The development of a fully functional website for Prashant Hotel’ is an essential step towards
boosting their online presence and increasing their sales. This project aims to provide clients
with information about the company, its services, products, values, and missions. It also
provides functionalities for storing and managing clients’ data through Contact Us page. The
website is developed based on the latest web development trends.
The future scope for this project is vast. The website can be further developed to incorporate
features such as online payment gateways, a blog section, and a customer feedback section.
The incorporation of online delivieries functionalities can increase Prashant Hotel sales by
enabling customers to purchase products online. Additionally, the website can be optimized
for search engines, making it easier for potential customers to find and visit the site.
Moreover, the website can be further improved with better user interface design and user
experience, enhancing customers’ experience on the website. The website can also be
developed into a mobile application to cater to mobile users. Finally, the website can be
integrated with social media platforms to reach a broader audience and enhance Prashant
Hotel online presence.

72
CHAPTER – 8 APPENDIX

73
 CHAPTER – 9 REFERENCES AND BIBLIOGRAPHY

9.1 References

[1] https://www.youtube.com/watch?v=W6NZfCO5SIk : JavaScript Tutorial by

Programming with Mosh.
[2] https://www.youtube.com/watch?v=qz0aGYrrlhU :HTML Tutorial by Programming with
Mosh.
[3]https://www.youtube.com/watch?v=7S_tz1z_5bA:MySQL Tutorial by Code with Harry.
[4] https://getbootstrap.com/: Bootstrap references for CSS.
[5] Head First JavaScript Programming: A Brain-Friendly Guide:
By Eric Freeman, Elisabeth Robson.
[6] Graphical User Interface Features In Building Attractive And Successful Websites: By
Ahmed Mahdee Abdo & Sardar Hasan Alali, ‘European Scientific Journal May 2016 edition
vol.12, No.15’
[7] An Importance of Web Presence for Small Business Owners: Jitendra Gandhi, Dr. Pankaj
Gandhi. ‘Journal of Information, Knowledge and Research in Business Management and
Administration’

74
9.2 Biography

[1] Review on React JS: By Bhupati Venkat Sai Indla, Yogeshchandra Puranik. ‘International
Journal of Trend in Scientific Research and Development (IJTSRD)’
[2] Role of Node.js in Modern Web Application Development: By Ghansham Jadhav, Flavia
Gonsalves. ‘International Research Journal of Engineering and Technology (IRJET)’
[3] https://www.adanienterprises.com/: Reference website for GUI purposes.
[4] https://www.meeracleanfuels.com/: Reference website for GUI purposes.
[5] http://msbengineers.com/: Reference website for GUI purposes.
[6] https://www.makent.in/: For guidance purposes.
[7] https://youtu.be/WJNSNFJOaWU
[8] https://youtu.be/59pumSluRj4
[9] https://www.toptal.com/front-end/front-end-design-principles
[10] https://www.shiksha.com/online-courses/articles/about-graphical-user-interface-gui/

75