Data Dashboarder PD

Maharshi Dayanand College of Arts, Science AND Commerce
PAREL, MUMBAI-400012
PROJECT REPORT
ON
Data Analytics Service and Real world Companies Dataset Viewer
SUBMITTED TO
UNIVERSITY OF MUMBAI
BY
Vishnupriya Shridhar Panda
&
Durga Paramashiva Thevar
TYBSC COMPUTER SCIENCE (2023-2024)
Under the Guidance of

Prof. Pallavi Mirajkar
ACKNOWLEDGEMENT
1|Page
Maharshi Dayanand College
We would like to express my sincere gratitude to our H.O.D. Dr. Mrs.
Pallavi Mirajkar for her endless patience, scholarly guidance, constant
and energetic supervision have made it possible to complete this
project and we are highly indebted to Miss. Renu Pal, Miss. Sneha
Nawale, Miss. Pranali Patil for her valuable advice which has
promoted our efforts in all stage of this project work. We would like
extend our appreciation to our friends who helped us with their
valuable suggestions, and provided us with the necessary resource and
materials for the project.
ABSTRACT
The business-to-consumer aspect of product e-commerce is the most visible
business use of world wide web. The primary goal of this website is to provide
service to others and to sell our goods online.
2|Page
Service provider website means an internet-based system maintained by the
service provider and designed to facilitate the exchange of necessary program-
related documents and other information.
This project deals with developing a service providing website for others where
they can get can reports (Dashboard) based on their dataset or they can purchase
it from the website itself. The whole website is implemented using 3-tier
approach, with a backend database, middle tier PHP and front-end client.
Nowadays in this busy world many companies look for an easy way to get their
work done so they look for some kind of ways they can do this so a service
provider website can help them in this case they just have to share their data and
requirement how they want the outcome and the service provider will do the
task. Additionally in this project if someone has interest in data analytics they
can also learn from this website
That’s why for learning and making things a task easier and to provide service
we have develop this website.
Sr.no Topic Pg.no

1. PRELIMINARY INVESTIGATION 5-6
1.1 Introduction
1.2 Scope
1.3 Advantages
1.4 Disadvantages
1.5 Features of project
2. REQUIREMENT ANALYSIS 7-9
2.1 Problem Definition
2.2 Fact finding technique
2.3 How does it work
3|Page
2.4 Feasibility study
2.5 Technical feasibility
2.6 Economic feasibility
2.7 Operational feasibility
2.8 Scheduling feasibility
2.9 Hardware and Software requirement
3. SYSTEM DESIGN 10-19
3.1 Data flow Diagram
3.2 Use Case Diagram
3.3 Class Diagram
3.4 Entity Relation Diagram
3.5 Sequence Diagram
3.6 State Chart Diagram
3.7 Component Diagram
4. SYSTEM IMPLEMENT AND CODE 20-84
5. OUTPUT OF THE SYSTEM 85-92
6. CONCLUSION 93
7. BIBLIOGRAPHY 94
Index
Chapter 1
PRELIMINARY INVESTIGATION
1.1 INTRODUCTION:
Service providing website are getting on ground and also gaining recognition
now-a-days. “Data Analytics Service and Real world Companies Dataset
Viewer” is a website where an individual can have access to view our reports
and can make a use of the data according to their needs. And also they can make
use of our service.
4|Page
The main objective of this website is to give a service to business where they
can share there dataset and we can build the report(Dashboard) according to
them. In this website they can browse and select the reports as per their
convenience and one can choose the platform from where they want to build it
(E.G. excel, tableau) and they can also join with us a form is provided where
they have to attach their resume.
If an individual is interested in learning about reports and data analytic in
general they can practice it using our datasets. They can also purchase the
already made reports(Dashboard) from the website to understand the logic and
requirements that is needed. A payment gateway is given where they can pay
online itself. There also many platforms so they have many options for learning.
This document will discuss each of the underlying technologies to create and
implement this service provider website.
1.2 SCOPE
 This project is developed for both for business and for individual also in
which they can get service of making reports(Dashboard).
 They can also purchase the reports(Dashboard) and contact us for service
of making of reports.
 Can also practice it and learn from the website
1.3 ADVANTAGES
 It will save the time of the company if they use our service.
 It has very useful resources for learning purposes.
5|Page
 If someone wants they can become our partners by sending their resume.
1.4 DISADVANTAGES
 It requires active internet connection.
 If the contact us form is not filled correctly the data will not come here.
1.5 FEATURES OF THE PROJECT
 Simple UI/UX
It has its own unique UI which makes its beautiful.
 Can view the reports(Dashboard) before purchase
The website has option for viewing the report in which they can view
how the report looks before making a purchase.
 Many options for platform in which they want the reports
There are many platforms(e.g. excel, power bi) from which a report could
be generated they will always have option in which particular platform
they are interested to build their reports.
 They can join our team
One can send their resume to us via contact us form and join us.
Chapter 2
REQUIREMENT ANALYSIS
2.1 Problem definition
The problem is to build a service providing website where they have the
privilege to use our service to get benefit from it. They can have the
environment in which they get to decide how they want the result of the
service. This website will help in making their work easier. These
websites are a not very common in which they get service and they can
learn from it too. Therefore we want to build such website in which they
can have both.
6|Page
2.2 Fact finding technique
 Have watched many videos regarding the website before creating.

 Did lot of research on google on this topic.
 Have watched many videos about the code and environment before
starting the making of website.
2.3 How does it works
It is really easy to use just have to visit the site on any internet browser
available. In the site there are many option in which the user can just
choose the platform in which he want the report and in there is a option of
view where a link would be provided on clicking on it they can watch the
reports(Dashboard). And they then choose on which platform they want
the report they can send there dataset in the contact us form provided in
the bottom. there dataset would be received by our backend by. If they
want to purchase it there is payment gateway given they can pay online
itself then they will get the purchase on their Gmail. The payment
information will be recorded on the backend service.
2.4 Feasibility study
This feasibility study examines the viability of establishing a service

providing website. The proposed website aims to connect service
providers with potential clients, offering a convenient platform for users
to find and hire professional services. The study evaluates the technical,
economic, operational, and scheduling aspects to determine the
practicality and success of the proposed venture.
2.5 Technical Feasibility:
7|Page
a. Website Development: Engage experienced web developers to create a
user-friendly, responsive, and secure platform.
b. Payment Gateway: Integrate a reliable and secure payment gateway to

facilitate financial transactions.
c. Scalability: Ensure the website can handle growth in terms of users and
data without compromising performance.
d. Security Measures: Implement robust security protocols to safeguard

user data and financial transactions.
2.6 Economic Feasibility:
a. Revenue Streams: Explore revenue streams such as transaction fees,

premium listings for service providers, and sponsored listings.
b. Market Analysis: Conduct market research to identify the demand for

the proposed services and potential competitors.
c. Financial Projections: Develop financial projections to estimate initial

costs, operational expenses, and potential revenue.
2.7 Operational Feasibility:
a. User Onboarding: Develop an intuitive onboarding process for both

service providers and clients.
b. Customer Support: Establish a responsive customer support system to

address user queries and concerns.
c. Service Provider Verification: Implement a robust verification process

to ensure the authenticity and reliability of service providers.
2.8 Scheduling Feasibility:
8|Page
a. Timeline: Develop a realistic timeline for website development, testing,
and launch.
b. Milestones: Identify key milestones and set achievable targets for each
phase of the project.
c. Risk Management: Conduct a thorough risk assessment and develop

contingency plans to mitigate potential challenges.
2.9 Hardware requirement

 Processor Intel i3(11 generation)
 RAM :8GB
 Processing speed: 2.90 GHz
 Hard Disk: 1TB
2.9 Software requirement
 Operating System: windows 11
 Language: HTML, CSS, Javascript, Bootstrap, PHP.
 Environment: visual studio code, XAMPP
Chapter 3
System Design
3.1 Data Flow Diagram
Data Flow Diagram Level 0:
ADMIN
9|Page
Data Analytics Service and

Data Flow Diagram Level 1:
10 | P a g e
3.2 Use Case Diagram:
Display
home page 11 | P a g e
3.3 Class Diagram:
Admin
-ID:Int
-Name: Char
Guest
+view project() Product class
+View project()
+Add project() -Product_ID: Int
+Career form()
+Name:String 12 | P a g e
+Modify project()
Maharshi Dayanand College +Send data()
+Product_price:Float
+Delete project()
3.4 ER diagram:
13 | P a g e
3.5 Sequence Diagrams:
14 | P a g e
a) Sequence Diagram for viewing the report and purchasing it:
Data Analytics
Service and Real
world Companies Database Admin
Dataset Viewer
User
On the home page
Enquires to view the project
Processing
Options of different platforms for the project
view dashboard of Excel
Processing
Shows the dashboard of excel
Alt Want to purchase it

Processing
If yes
Payment Details
Confirm the payment?
If no Don’t want to purchase it

Processing
Confirms the payment

Processing
Dashboard is sent in gmail
b) Sequence Diagram for downloading the data:
Data Analytics
Service and Real
Dataset Viewer
15 | P a g e
Alt
Have to purchase it
If yes Processing
Payment Details
Confirm the payment?
If no Don’t want to purchase it

Processing
Back to the home page
Confirms the payment Processing

Data has been sent
c) Sequence diagram for sending the Data to make Dashboard:
Data Analytics
Service and Real
Dataset Viewer
User
On the home page
16 | P a g e
Enquires to view the project
Processing
Selected the kind of dashboard

they want
Processing
want to send data to make a
dashboard
Processing
The form is given to send the data
Filled the form and the csv file of

data
Processing
Processing
Dashboard has been sent and payment details
Confirms the payment

Processing
Payment Received
3.6 State chart:
Home page
Dashboard from
different platforms
View the
Dashboards 17 | P a g e
3.7 Component diagram:
18 | P a g e
CHAPTER 4
19 | P a g e
SYSTEM IMPLEMENTATION AND CODE
4.1 PHP INDEX:
<?php include('includesmain/header.php');?>
<?php include('includesmain/navbar.php');?>
<?php include('admin/database/dbconfig.php');?>
<div class="container-xxl bg-white p-0">

<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100
top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;"
role="status">
<span class="sr-only">Loading...</span>
</div>
</div>


<div class="container-xxl py-5">
<div class="container py-5 px-lg-5">
<div class="wow fadeInUp" data-wow-delay="0.1s">
<p class="section-title text-secondary
justify-content-center"><span></span>Our Certificates<span></span></p>
<h1 class="text-center mb-5">Some of our certificates in this field</h1>
</div>
<div class="row g-4">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="feature-item rounded ">
<img src="img/durgafreecodecampcertificate.jpg" width="100%"
height="100%">
</div>
</div>
20 | P a g e
<img src="img/vpgreatlearningcertificate.jpeg" width="100%"
height="100%">
</div>
</div>
<img src="img/durgagreatlearningcertificate.jpg" width="100%"
height="100%">
</div>
</div>
<img src="img/vpfreecodecampcertificate.jpg" width="100%"
height="100%">
</div>
</div>
</div>
</div>
</div>


<div class="row g-5 align-items-center">
<p class="section-title text-secondary">About Us<span></span></p>
<h1 class="mb-5">#1 Digital solution with 10 years of experience</h1>
<p class="mb-4">Diam dolor diam ipsum et tempor sit. Aliqu diam amet diam
et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit clita duo justo
eirmod magna dolore erat amet</p>
<div class="skill mb-4">
21 | P a g e
<div class="d-flex justify-content-between">
<p class="mb-2">Digital Marketing</p>
<p class="mb-2">85%</p>
</div>
<div class="progress">
<div class="progress-bar bg-primary" role="progressbar" aria-
valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<p class="mb-2">SEO & Backlinks</p>
<p class="mb-2">90%</p>
</div>
<div class="progress-bar bg-secondary" role="progressbar" aria-
</div>
</div>
<p class="mb-2">Design & Development</p>
<p class="mb-2">95%</p>
</div>
<div class="progress-bar bg-dark" role="progressbar" aria-
</div>
</div>
<a href="" class="btn btn-primary py-sm-3 px-sm-5 rounded-pill mt-3">Read
More</a>
</div>
22 | P a g e
<div class="col-lg-6">
<img class="img-fluid wow zoomIn" data-wow-delay="0.5s"
src="img/about1.jpg">
</div>
</div>
</div>
</div>


<div class="container-xxl bg-primary fact py-5 wow fadeInUp" data-wow-
delay="0.1s">
<div class="col-md-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.1s">
<i class="fa fa-certificate fa-3x text-secondary mb-3"></i>
<h1 class="text-white mb-2" data-toggle="counter-up">1234</h1>
<p class="text-white mb-0">Years Experience</p>
</div>
<i class="fa fa-users-cog fa-3x text-secondary mb-3"></i>
<p class="text-white mb-0">Team Members</p>
</div>
<i class="fa fa-users fa-3x text-secondary mb-3"></i>
<p class="text-white mb-0">Satisfied Clients</p>
</div>
<i class="fa fa-check fa-3x text-secondary mb-3"></i>
23 | P a g e
<p class="text-white mb-0">Completed Projects</p>
</div>
</div>
</div>
</div>



justify-content-center"><span></span>Our Services<span></span></p>
<h1 class="text-center mb-5">What Solutions We Provide</h1>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item d-flex flex-column text-center rounded">
<div class="service-icon flex-shrink-0">
<i class="fa fa-file-excel fa-2x"></i>
</div>
<h5 class="mb-3">Excel</h5>
<p class="m-0">The Excel Dashboard is used to display overviews of large
data tracks. Excel Dashboards use dashboard elements like tables, charts, and gauges to show
the overviews.</p>
<a class="btn btn-square" href=""><i class="fa fa-arrow-right"></i></a>
</div>
</div>
24 | P a g e
<i class="fas fa-plus fa-2x"></i>
</div>
<h5 class="mb-3">Tableau</h5>
<p class="m-0">Tableau Dashboards are the collection of different views or
visualization where each view showcases a different kind of data at the same time. It allows
users to get a holistic view of all the data on one screen.</p>
</div>
</div>
<i class="fas fa-chart-bar fa-2x"></i>
</div>
<h5 class="mb-3">PowerBi</h5>
<p class="m-0">A Power BI dashboard is a single page, often called a
canvas, that tells a story through visualizations. Because it's limited to one page, a well-
designed dashboard contains only the highlights of that story.</p>
</div>
</div>
<i class="fab fa-python fa-2x"></i>
</div>
<h5 class="mb-3">Python(Streamlit)</h5>
<p class="m-0">A Streamlit Python interactive dashboard helps in better
understanding your datasets. The dashboard will evaluate the dataset results and make
necessary changes.</p>
25 | P a g e
</div>
</div>
</div>
</div>
</div>


justify-content-center"><span></span>OUR TECHNIQUES<span></span></p>
<h1 class="text-center mb-5">Data Visualization Techniques We Use></h1>
</div>
<div class=" d-flex flex-column text-center rounded">
<img src="img/symbol.svg" height="100px">
<h5 class="mb-3">Symbol Maps</h5>
</div>
</div>
<img src="img/linechart.svg" height="100px">
<h5 class="mb-3">Line Charts</h5>
</div>
</div>
<img src="img/barcharts.svg" height="100px">
<h5 class="mb-3">Bar Charts</h5>
26 | P a g e
</div>
</div>
<img src="img/piechart.svg" height="100px">
<h5 class="mb-3">Pie Charts</h5>
</div>
</div>
</div>
<img src="img/donutcharts.svg" height="100px">
<h5 class="mb-3">Donut Charts</h5>
</div>
</div>
<img src="img/heatmap.svg" height="100px">
<h5 class="mb-3">Heat Maps</h5>
</div>
</div>
<img src="img/funnelcharts.svg" height="100px">
<h5 class="mb-3">Funnel Charts</h5>
</div>
</div>
27 | P a g e
<img src="img/connectivitycharts.svg" height="100px">
<h5 class="mb-3">Connectivity Charts</h5>
</div>
</div>
</div>
<img src="img/scatter.svg" height="100px">
<h5 class="mb-3">Scatter Plots</h5>
</div>
</div>
<img src="img/sparkline.svg" height="100px">
<h5 class="mb-3">Sparklines</h5>
</div>
</div>
<img src="img/matrices.svg" height="100px">
<h5 class="mb-3">Matrices</h5>
</div>
</div>
<img src="img/pivottables.svg" height="100px">
<h5 class="mb-3">Pivot Tables</h5>
</div>
</div>
28 | P a g e
</div>
<img src="img/gaugecharts.svg" height="100px">
<h5 class="mb-3">Gauge Charts</h5>
</div>
</div>
<img src="img/waterfallchart.svg" height="100px">
<h5 class="mb-3">Waterfall Charts</h5>
</div>
</div>
<img src="img/cardcharts.svg" height="100px">
<h5 class="mb-3">Card Charts</h5>
</div>
</div>
<img src="img/custom.svg" height="100px">
<h5 class="mb-3">Custom Charts,etc.</h5>
</div>
</div>
</div>
</div>
</div>
29 | P a g e

<div class="container-xxl bg-primary newsletter py-5 wow fadeInUp" data-wow-
delay="0.1s">
<div class="row justify-content-center">
<div class="col-lg-7 text-center">
<p class="section-title text-white
justify-content-center"><span></span>Newsletter<span></span></p>
<h1 class="text-center text-white mb-4">Stay Always In Touch</h1>
<p class="text-white mb-4">Diam dolor diam ipsum et tempor sit. Aliqu diam
amet diam et eos labore. Clita erat ipsum et lorem et sit sed stet lorem sit clita duo justo</p>
<div class="position-relative w-100 mt-3">
<input class="form-control border-0 rounded-pill w-100 ps-4 pe-5"
type="text" placeholder="Enter Your Email" style="height: 48px;">
<button type="button" class="btn shadow-none position-absolute top-0 end-
0 mt-1 me-2"><i class="fa fa-paper-plane text-primary fs-4"></i></button>
</div>
</div>
</div>
</div>
</div>


justify-content-center"><span></span>Our Projects<span></span></p>
<h1 class="text-center mb-5">Recently Completed Projects</h1>
</div>
<div class="row wow fadeInUp" data-wow-delay="0.3s">
<div class="col-12 text-center">
30 | P a g e
<ul class="list-inline rounded mb-5" id="portfolio-flters">
<li class="mx-2 active" data-filter="*">All</li>
<?php
$query = "SELECT * FROM projects_category";
$query_run = mysqli_query($connection, $query);
while($CATEGORY=mysqli_fetch_array($query_run))
{?>
<li class="mx-2" data-filter=".first<?php echo $CATEGORY['id'];?>">
<?php echo $CATEGORY['name'];?></li>
<?php } ?>
</ul>
</div>
</div>
<div class="row g-4 portfolio-container">
<?php
$querys = "SELECT * FROM projects_main";
$query_runs = mysqli_query($connection, $querys);
while($PROJECT=mysqli_fetch_array($query_runs))
{?>
<div class="col-lg-4 col-md-6 portfolio-item first<?php echo $PROJECT['cat_id'];?> wow
fadeInUp" data-wow-delay="0.1s">
<div class="rounded overflow-hidden">
<div class="position-relative overflow-hidden">
<img class="img-fluid w-100" src="admin/upload/<?php echo
$PROJECT['image'];?>" alt="">
<div class="portfolio-overlay">
<a class="btn btn-square btn-outline-light mx-1"
href="admin/upload/<?php echo $PROJECT['image'];?>" data-lightbox="portfolio"><i
class="fa fa-eye"></i></a>
<a class="btn btn-square btn-outline-light mx-1" href="<?php echo
$PROJECT['links'];?>"><i class="fa fa-link"></i></a>
31 | P a g e
</div>
</div>
<div class="bg-light p-4">
<p class="text-primary fw-medium mb-2"><?php echo
$PROJECT['name'];?></p>
<h5 class="lh-base mb-0"><?php echo $PROJECT['description'];?></a>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>



<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
justify-content-center"><span></span>Testimonial<span></span></p>
<h1 class="text-center mb-5">What Say Our Clients!</h1>
<div class="owl-carousel testimonial-carousel">
<div class="testimonial-item bg-light rounded my-4">
<p class="fs-5"><i class="fa fa-quote-left fa-4x text-primary mt-n4
me-3"></i>Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat ipsum et
lorem et sit sed stet lorem sit clita duo justo.</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded-circle" src="img/testimonial-
1.jpg" style="width: 65px; height: 65px;">
<div class="ps-4">
<h5 class="mb-1">Client Name</h5>
32 | P a g e
<span>Profession</span>
</div>
</div>
</div>
<div class="ps-4">
</div>
</div>
</div>
<div class="ps-4">
</div>
</div>
</div>
</div>
</div>
33 | P a g e
</div>



justify-content-center"><span></span>Our Team<span></span></p>
<h1 class="text-center mb-5">Our Team Members</h1>
</div>
<div class="team-item bg-light rounded">
<div class="text-center border-bottom p-4">
<img class="img-fluid rounded-circle mb-4" src="img/team-1.jpg"
alt="">
<h5>John Doe</h5>
<span>CEO & Founder</span>
</div>
<div class="d-flex justify-content-center p-4">
<a class="btn btn-square mx-1" href=""><i class="fab
fa-facebook-f"></i></a>
fa-twitter"></i></a>
fa-instagram"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-linkedin-
in"></i></a>
</div>
</div>
34 | P a g e
</div>
alt="">
<h5>Jessica Brown</h5>
<span>Web Designer</span>
</div>
in"></i></a>
</div>
</div>
</div>
alt="">
<h5>Tony Johnson</h5>
<span>SEO Expert</span>
</div>
35 | P a g e
in"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>

<?php include('includesmain/footer.php'); ?>
4.2 REFERENCE FILE FOR LEARNER:

<?php include('includesmain/headeralternate.php');?>
<?php include('includesmain/navbaralternate.php');?>
<style>
td,th{
font-size: 20px;
}
</style>
<div class="container-xxl py-5 bg-primary hero-header">
<div class="container my-5 py-5 px-lg-5">
<div class="row g-5 py-5">
<h1 class="text-white animated slideInDown">About Us</h1>
<hr class="bg-white mx-auto mt-0" style="width: 90px;">
<nav aria-label="breadcrumb">
36 | P a g e
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a class="text-white"
href="#">Home</a></li>
href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-
current="page">About</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<table class="table table-hover">

<thead>
<tr>
<th scope="col">#</th>
<th scope="col">FileName(Zip)</th>
<th scope="col"></th>
<th scope="col">Download, Here!</th>
</tr>
</thead>
<tbody>
<?php $res=mysqli_query($connection,"SELECT * from referenceforlearners ORDER by
id ASC");
while($row=mysqli_fetch_array($res))
37 | P a g e
{
echo '
<tr>
<th scope="row">'.$row['id'].'</th>
<td>'.$row['filename'].'</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><a href="download.php?id='.$row['id'].'"><button class="btn-primary
download_btn">Download</button></a></td>
</tr>';
} ?>
</tbody>
</table>
4.3 REFERENCE FILE FOR PAID:

<?php include('includesmain/headeralternate.php');?>
<?php include('includesmain/navbaralternate.php');?>
<style>
td,th{
font-size: 20px;
}
</style>
38 | P a g e
<h1 class="text-white animated slideInDown">About Us</h1>
current="page">About</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<table class="table table-hover">

<thead>
<tr>
<th scope="col">#</th>
<th scope="col">FileName(Zip)</th>
<th scope="col">Download, Here!</th>
</tr>
</thead>
39 | P a g e
<tbody>
<?php $res=mysqli_query($connection,"SELECT * from referenceforlearners ORDER by
id ASC");
while($row=mysqli_fetch_array($res))
{
echo '
<tr>
<th scope="row">'.$row['id'].'</th>
<td>'.$row['filename'].'</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><a href="download.php?id='.$row['id'].'"><button class="btn-primary
download_btn">Download</button></a></td>
</tr>';
} ?>
</tbody>
</table>
4.4 CONTACT US FORM:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>DGital - Digital Agency HTML Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
40 | P a g e
<meta content="" name="description">


<link href="img/favicon.ico" rel="icon">


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Heebo:wght@400;500&family=Jost:wght@500;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?
family=Roboto:wght@300;400;500;700&display=swap">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">


<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
rel="stylesheet">


<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">


<link href="css/bootstrap.min.css" rel="stylesheet">


<link href="css/style.css" rel="stylesheet">
41 | P a g e
</head>
<body>
<div class="container-xxl bg-white p-0">

<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100
top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;"
role="status">
<span class="sr-only">Loading...</span>
</div>
</div>



<div class="container-xxl position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<h1 class="m-0">DGital</h1>

</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-
target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav mx-auto py-0">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
42 | P a g e
<a href="service.html" class="nav-item nav-link">Service</a>
<a href="project.html" class="nav-item nav-link">Project</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-
toggle="dropdown">Pages</a>
<div class="dropdown-menu m-0">
<a href="team.html" class="dropdown-item">Our Team</a>
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
<a href="404.html" class="dropdown-item">404 Page</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link active">Contact</a>
</div>
<a href="" class="btn rounded-pill py-2 px-4 ms-3 d-none d-lg-block">Get
Started</a>
</div>
</nav>

<h1 class="text-white animated slideInDown">Contact</h1>
current="page">Contact</li>
43 | P a g e
</ol>
</nav>
<h2>Get in touch.</h2><br>
<h4 style="color: #FBA504;;">
Like what you've seen so far and want to know more about working with us? You're just a
few short questions away from starting a conversation.<br><br>
Are you scouring the data drawing for your next career move? Let us know via our <a href="
" style="color: lightblue ;">careers form.</a><br><br>
👀 If you're looking for general contact info, scroll on. You're almost there.</h4>
</div>
</div>
</div>
</div>
</div>



<p class="section-title text-secondary justify-content-center"><span></span>Contact
Us<span></span></p>
<h1 class="text-center mb-5">Contact For Any Query</h1>
</div>
<section id="section-wrapper">
<div class="box-wrapper">
<div class="info-wrap">
44 | P a g e
<h2 class="info-title">Contact Information</h2>
<h3 class="info-sub-title">Fill up the form and our Team will get back to you
within 24 hours</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d3768.224119526618!2d73.04299677433664!3d19.185411048530376!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7bfeaabf72a91%3A0xfe62a01464597574!
2sMayuresh%20Heights!5e0!3m2!1sen!2sin!4v1696752269173!5m2!1sen!2sin"
width="330" height="300" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<ul class="info-details">
<li>
<i class="fas fa-phone-alt"></i>
<span>Phone:</span> <a href="tel:+ 1235 2355 98">+ 1235 2355 98</a>
</li>
<li>
<i class="fas fa-paper-plane"></i>
<span>Email:</span> <a
href="mailto:info@yoursite.com">info@yoursite.com</a>
</li>
<li>
<i class="fas fa-globe"></i>
<span>Website:</span> <a href="#">yoursite.com</a>
</li>
</ul>
<ul class="social-icons">
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
<div class="form-wrap">
45 | P a g e
<form action="contactus2.php" method="POST" enctype="multipart/form-
data">
<h2 class="form-title">Send us a message</h2>
<div class="form-fields">
<div class="form-group">
<input type="text" class="fname" placeholder="First Name"
name="fname" required>
</div>
<input type="text" class="lname" placeholder="Last Name"
name="lname" >
</div>
<input type="email" class="email" placeholder="Mail" name="email"
required>
</div>
<input type="number" class="phone" placeholder="Phone"
name="phone" required>
</div>
<div class="form-group contact-buttons" >

<button class="btn upload">
<span>
<i class='bx bx-paperclip'></i> Add attachment
</span>
<input type="file" class="file" placeholder="upload file"
name="attachment[]" multiple >
</button>
</div>
<div class="form-group" style="font-family: 'Roboto', sans-serif;font-weight:

500;padding: 20px;color: #494848;">
46 | P a g e
<p>Do you want your file to get added in our learning section?As people
can get real insight of a company</p>
<input type="radio" id="yes" name="radioyesno" value="YES"
style="margin-left: -50%;">
<label for="yes" style="margin-left: -40%;">YES</label><br><br>
<input type="radio" id="no" name="radioyesno" value="NO"
style="margin-left: -50%;">
<label for="no" style="margin-left: -40%;">NO</label>
</div>
<textarea name="cmessage" id="" placeholder="Write your message"
></textarea>
</div>
</div>
<input type="submit" value="Send Message" class="submit-button"
name="submit" required>
</form>
</div>
</div>
</section>


<div class="container-fluid bg-primary text-light footer wow fadeIn" data-wow-
delay="0.1s">
<div class="col-md-6 col-lg-3">
<p class="section-title text-white h5 mb-4">Address<span></span></p>
<p><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York,
USA</p>
47 | P a g e
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-
twitter"></i></a>
facebook-f"></i></a>
instagram"></i></a>
linkedin-in"></i></a>
</div>
</div>
<p class="section-title text-white h5 mb-4">Quick Link<span></span></p>
<a class="btn btn-link" href="">About Us</a>
<a class="btn btn-link" href="">Contact Us</a>
<a class="btn btn-link" href="">Privacy Policy</a>
<a class="btn btn-link" href="">Terms & Condition</a>
<a class="btn btn-link" href="">Career</a>
</div>
<p class="section-title text-white h5 mb-4">Gallery<span></span></p>
<div class="col-4">
<img class="img-fluid" src="img/portfolio-1.jpg" alt="Image">
</div>
<div class="col-4">
</div>
<div class="col-4">
48 | P a g e
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
<p class="section-title text-white h5 mb-4">Newsletter<span></span></p>
<p>Lorem ipsum dolor sit amet elit. Phasellus nec pretium mi. Curabitur
facilisis ornare velit non vulpu</p>
<div class="position-relative w-100 mt-3">
<input class="form-control border-0 rounded-pill w-100 ps-4 pe-5"
type="text" placeholder="Your Email" style="height: 48px;">
<button type="button" class="btn shadow-none position-absolute top-0 end-
0 mt-1 me-2"><i class="fa fa-paper-plane text-primary fs-4"></i></button>
</div>
</div>
</div>
</div>
<div class="container px-lg-5">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">Your Site Name</a>, All Right
Reserved.
49 | P a g e

Designed By <a class="border-bottom"
href="https://htmlcodex.com">HTML Codex</a><br><br>
Distributed By a <a class="border-bottom" href="https://themewagon.com"
target="_blank">ThemeWagon</a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>



<a href="#" class="btn btn-lg btn-secondary btn-lg-square back-to-top"><i class="bi bi-
arrow-up"></i></a>
</div>


<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
50 | P a g e
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>


<script src="js/main.js"></script>
</body>
</html>
4.5 JAVASCRIPT:
(function ($) {
"use strict";
// Spinner
var spinner = function () {
setTimeout(function () {
if ($('#spinner').length > 0) {
$('#spinner').removeClass('show');
}
}, 1);
};
spinner();
// Initiate the wowjs

new WOW().init();
51 | P a g e
// Sticky Navbar
$(window).scroll(function () {
if ($(this).scrollTop() > 45) {
$('.navbar').addClass('sticky-top shadow-sm');
} else {
$('.navbar').removeClass('sticky-top shadow-sm');
}
});
// Back to top button

$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.back-to-top').fadeIn('slow');
} else {
$('.back-to-top').fadeOut('slow');
}
});
$('.back-to-top').click(function () {
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
return false;
});
// Skills
$('.skill').waypoint(function () {
$('.progress .progress-bar').each(function () {
$(this).css("width", $(this).attr("aria-valuenow") + '%');
52 | P a g e
});
}, {offset: '80%'});
// Facts counter
$('[data-toggle="counter-up"]').counterUp({
delay: 10,
time: 2000
});
// Testimonials carousel
$(".testimonial-carousel").owlCarousel({
autoplay: true,
smartSpeed: 1000,
margin: 25,
dots: false,
loop: true,
nav : true,
navText : [
'<i class="bi bi-chevron-left"></i>',
'<i class="bi bi-chevron-right"></i>'
],
responsive: {
0:{
items:1
},
992:{
items:2
}
53 | P a g e
}
});
// Portfolio isotope and filter

var portfolioIsotope = $('.portfolio-container').isotope({
itemSelector: '.portfolio-item',
layoutMode: 'fitRows'
});
$('#portfolio-flters li').on('click', function () {
$("#portfolio-flters li").removeClass('active');
$(this).addClass('active');
portfolioIsotope.isotope({filter: $(this).data('filter')});
});
})(jQuery);
PAYMENT GATEWAY:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Vesperr Bootstrap Template - Index</title>
<meta content="" name="description">
<meta content="" name="keywords">

54 | P a g e
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">


<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,600,600i,700,700i|
Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|
Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">


<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">


<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?
family=Roboto:wght@300;400;500;700&display=swap">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<link href="assets/css/stylecontact.css" rel="stylesheet">
</head>
<body style="background: url(assets/img/paymentbg.jpg);background-repeat: no-
repeat;background-size: cover;">
<section id="section-wrapper" >
55 | P a g e
<div class="box-wrapper" >
<div class="form-wrap" >

<form action="pay.php" method="POST" enctype="multipart/form-data">
<h2 class="form-title">Payment Form</h2>
<div class="form-fields">
<h3>Rs. 140</h3><input type="hidden" value="140" name="price">
<div class="form-group" style="width: 96%;">
<input type="text" class="fname" placeholder="First Name" name="fname"
required>
</div>
<div class="form-group" style="width: 96%;">
<input type="text" class="lname" placeholder="Last Name" name="lname" >
</div>
<div class="form-group" style="width:96%";>
<input type="email" class="email" placeholder="Mail" name="email"
required >
</div>
<input type="number" class="phone" placeholder="Phone" name="phone"
required>
</div>
</div>
<input type="submit" value="Proceed To Pay" class="submit-button"
name="submit" required>
</form>
</div>
56 | P a g e
</div>
</section>
</body>
</html>
<?php
require('config.php');
require('razorpay-php/Razorpay.php');
session_start();
// Create the Razorpay Order
use Razorpay\Api\Api;
$api = new Api($keyId, $keySecret);
//
// We create an razorpay order using orders api
// Docs: https://docs.razorpay.com/docs/orders
//
$price = $_POST['price'];
$customername = $_POST['customername'];
$email = $_POST['email'];
$_SESSION['email'] = $email;
$contactno = $_POST['contactno'];
$orderData = [
'receipt' => 3456,
57 | P a g e
'amount' => $price * 100, // 2000 rupees in paise
'currency' => 'INR',
'payment_capture' => 1 // auto capture
];
$razorpayOrder = $api->order->create($orderData);
$razorpayOrderId = $razorpayOrder['id'];
$_SESSION['razorpay_order_id'] = $razorpayOrderId;
$displayAmount = $amount = $orderData['amount'];
if ($displayCurrency !== 'INR')

{
$url = "https://api.fixer.io/latest?symbols=$displayCurrency&base=INR";
$exchange = json_decode(file_get_contents($url), true);
$displayAmount = $exchange['rates'][$displayCurrency] * $amount / 100;

}
$data = [
"key" => $keyId,
"amount" => $amount,
"name" => "DataDashboarders",
"description" => "Dashboard Services",
"image" => "https://s29.postimg.org/r6dj1g85z/daft_punk.jpg",
"prefill" => [
"name" => $customername,
"email" => $email,
58 | P a g e
"contact" => $contactno,
],
"notes" => [
"address" => "Hello World",
"merchant_order_id" => "12312321",
],
"theme" => [
"color" => "#F37254"
],
"order_id" => $razorpayOrderId,
];
if ($displayCurrency !== 'INR')

{
$data['display_currency'] = $displayCurrency;
$data['display_amount'] = $displayAmount;
}
$json = json_encode($data);
?>
<form action="verify.php" method="POST">

<script
src="https://checkout.razorpay.com/v1/checkout.js"
data-key="<?php echo $data['key']?>"
data-amount="<?php echo $data['amount']?>"
data-currency="INR"
data-name="<?php echo $data['name']?>"
data-image="<?php echo $data['image']?>"
59 | P a g e
data-description="<?php echo $data['description']?>"
data-prefill.name="<?php echo $data['prefill']['name']?>"
data-prefill.email="<?php echo $data['prefill']['email']?>"
data-prefill.contact="<?php echo $data['prefill']['contact']?>"
data-notes.shopping_order_id="3456"
data-order_id="<?php echo $data['order_id']?>"
<?php if ($displayCurrency !== 'INR') { ?> data-display_amount="<?php echo
$data['display_amount']?>" <?php } ?>
<?php if ($displayCurrency !== 'INR') { ?> data-display_currency="<?php echo
$data['display_currency']?>" <?php } ?>
>
</script>

<input type="hidden" name="shopping_order_id" value="3456">
</form>
DOWNLOAD A FILE:
<?php require_once("admin/database/dbconfig.php");
$id = $_GET['id'];
$stmt=mysqli_query($connection,"SELECT fileupload from referenceforlearners WHERE
id=$id");
$count=mysqli_num_rows($stmt);
if($count==1) {
$row=mysqli_fetch_array($stmt);
$image=$row['fileupload'];
$file='admin/uploadfile/'.$image;
if (headers_sent()) {
echo 'HTTP header already sent';
} else {
ob_end_clean();
header("Content-Type: application/image");
header("Content-Disposition: attachment; fileName=\"".basename($file)."\"");
60 | P a g e
readfile($file);
exit;
}
echo "<script>window.close();</script>";
}
else
{
echo 'File not found ';
}
?>
ADMIN PANEL:
(function($) {
"use strict"; // Start of use strict
// Toggle the side navigation

$("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
$("body").toggleClass("sidebar-toggled");
$(".sidebar").toggleClass("toggled");
if ($(".sidebar").hasClass("toggled")) {
$('.sidebar .collapse').collapse('hide');
};
});
// Close any open menu accordions when window is resized below 768px
$(window).resize(function() {
if ($(window).width() < 768) {
$('.sidebar .collapse').collapse('hide');
};
});
61 | P a g e
// Prevent the content wrapper from scrolling when the fixed side navigation hovered over
$('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function(e) {
if ($(window).width() > 768) {
var e0 = e.originalEvent,
delta = e0.wheelDelta || -e0.detail;
this.scrollTop += (delta < 0 ? 1 : -1) * 30;
e.preventDefault();
}
});
// Scroll to top button appear

$(document).on('scroll', function() {
var scrollDistance = $(this).scrollTop();
if (scrollDistance > 100) {
$('.scroll-to-top').fadeIn();
} else {
$('.scroll-to-top').fadeOut();
}
});
// Smooth scrolling using jQuery easing

$(document).on('click', 'a.scroll-to-top', function(e) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top)
}, 1000, 'easeInOutExpo');
e.preventDefault();
});
})(jQuery); // End of use strict
62 | P a g e
<?php
include('security.php');
include('includes/header.php');
include('includes/navbar.php');
?>


<div class="container-fluid">


<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
<a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
class="fas fa-download fa-sm text-white-50"></i> Generate Report</a>
</div>


<div class="row">


<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total
Registered Admin</div>
<div class="h5 mb-0 font-weight-bold text-gray-800">
63 | P a g e
<?php
$query = "SELECT id FROM register ORDER BY id";

$row = mysqli_num_rows($query_run);
echo '<h4>'.$row.'</h4>';
?>
</div>
</div>
<div class="col-auto">
<i class="fas fa-calendar fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>

<div class="card border-left-success shadow h-100 py-2">
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">Earnings
(Annual)</div>
<div class="h5 mb-0 font-weight-bold text-gray-800">$215,000</div>
</div>
<i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
</div>
64 | P a g e
</div>
</div>
</div>
</div>

<div class="card border-left-info shadow h-100 py-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">Tasks</div>
<div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">50%</div>
</div>
<div class="col">
<div class="progress progress-sm mr-2">
<div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-
valuenow="50"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<i class="fas fa-clipboard-list fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
65 | P a g e
</div>


<div class="card border-left-warning shadow h-100 py-2">
<div class="text-xs font-weight-bold text-warning text-uppercase mb-1">Pending
Requests</div>
<div class="h5 mb-0 font-weight-bold text-gray-800">18</div>
</div>
<i class="fas fa-comments fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
</div>

<?php
include('includes/scripts.php');
include('includes/footer.php');
?>
ADMIN PANEL(BACKEND):
<?php
include('security.php');
66 | P a g e
$connection = mysqli_connect("localhost","root","","adminpanel");
if(isset($_POST['registerbtn']))
{
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];
$cpassword = $_POST['confirmpassword'];
if($password === $cpassword)

{
$query = "INSERT INTO register (username,email,password) VALUES
('$username','$email','$password')";
if($query_run)
{
// echo "Saved";
$_SESSION['status'] = "Admin Profile Added";
$_SESSION['status_code'] = "success";
header('Location: register.php');
}
else
{
$_SESSION['status'] = "Admin Profile Not Added";
$_SESSION['status_code'] = "error";
}
}
67 | P a g e
else
{
$_SESSION['status'] = "Password and Confirm Password Does Not Match";
$_SESSION['status_code'] = "warning";
}
}
if(isset($_POST['updatebtn']))
{
$id = $_POST['edit_id'];
$username = $_POST['edit_username'];
$email = $_POST['edit_email'];
$password = $_POST['edit_password'];
$query = "UPDATE register SET username='$username', email='$email',

password='$password' WHERE id='$id' ";
if($query_run)
{
$_SESSION['status'] = "Your Data is Updated";
}
else
{
$_SESSION['status'] = "Your Data is NOT Updated";
68 | P a g e
}
}
if(isset($_POST['delete_btn']))
{
$id = $_POST['delete_id'];
$query = "DELETE FROM register WHERE id='$id' ";

if($query_run)
{
$_SESSION['status'] = "Your Data is Deleted";
}
else
{
$_SESSION['status'] = "Your Data is NOT DELETED";
}
}
if(isset($_POST['login_btn']))
{
$email_login = $_POST['email'];
$password_login = $_POST['password'];
69 | P a g e
$query = "SELECT * FROM register WHERE email='$email_login' AND
password='$password_login' LIMIT 1";
if(mysqli_fetch_array($query_run))
{
$_SESSION['username'] = $email_login;
header('Location: index.php');
}
else
{
$_SESSION['status'] = "Email / Password is Invalid";
header('Location: login.php');
}
//aboutus
if(isset($_POST['about_save']))
{
$heading = $_POST['heading'];
$descriptions = $_POST['descriptions'];
$service_name = $_POST['service_name'];
$percentage_known = $_POST['percentage_known'];
$query = "INSERT INTO abouts (heading,descriptions,service_name,percentage_known)

VALUES ('$heading','$descriptions','$service_name','$percentage_known')";
$query_run = mysqli_query($connection,$query);
if($query_run)
70 | P a g e
{
$_SESSION['success'] = "About Us Added";
header('Location: aboutus.php');
}
else
{
$SESSION['status'] = "About Us Not Added";
}
}
//ABOUT_EDIT
if(isset($_POST['about_update_btn']))
{
$heading = $_POST['edit_heading'];
$descriptions = $_POST['edit_descriptions'];
$service_name = $_POST['edit_service_name'];
$percentage_known = $_POST['edit_percentage_known'];
$query = "UPDATE abouts SET heading='$heading', descriptions='$descriptions',

service_name='$service_name', percentage_known='$percentage_known' WHERE id='$id' ";
if($query_run)
{
$_SESSION['success'] = "Your Data is Updated";
}
else
{
71 | P a g e
}
}
//ABOUTUS DELETE
{
$query = "DELETE FROM abouts WHERE id='$id' ";

if($query_run)
{
}
else
{
}
}
//PROJECTS_CATEGORY_main
if(isset($_POST['project_category_save']))
{
72 | P a g e
$name = $_POST['name'];
$query = "INSERT INTO projects_category (name) VALUES ('$name')";
if($query_run)
{
$_SESSION['success'] = "project_category Added";
header('Location: projects_category.php');
}
else
{
$SESSION['status'] = "project_category Not Added";
}
}
//PROJECTS_CATEGORY_EDIT
if(isset($_POST['projects_category_btn']))
{
$name = $_POST['edit_name'];
$query = "UPDATE projects_category SET name='$name' WHERE id='$id' ";

if($query_run)
73 | P a g e
{
$_SESSION['success'] = "Your Data is Updated";
}
else
{
}
}
//PROJECTS_CATEGORY_DELETE
{
$query = "DELETE FROM projects_category WHERE id='$id' ";

if($query_run)
{
}
else
{
74 | P a g e
}
}
//PROJECTS_MAIN
if(isset($_POST['projects_main_save']))
{
$cat_id = $_POST['cat_id'];
$name = $_POST['name'];
$description = $_POST['description'];
$image = $_FILES["image"]['name'];
$links = $_POST['links'];
$img_types = array('image/jpg','image/png','image/jpeg');
$validate_img_extension = in_array($_FILES["image"]['type'], $img_types);
if($validate_img_extension)
{
if(file_exists("upload/" .$_FILES["image"]["name"]))
{
$store = $_FILES["image"]["name"];
$_SESSION['status'] = "Image already exists. '.$store.'";
header('Location: projects_main.php');
}
else
{
$query = "INSERT INTO projects_main (`cat_id`, `name`, `description`,
`image`, `links`) VALUES ('$cat_id','$name','$description','$image','$links')";
if($query_run)
75 | P a g e
{
move_uploaded_file($_FILES["image"]["tmp_name"], "upload/".
$_FILES["image"]["name"]);
$_SESSION['success'] = "Projects Added";
}
else
{
$SESSION['status'] = "Projects Not Added";
}
}
}
else
{
$_SESSION['status'] = "Only JPG/PNG & JPEG Files are allowed, try uploading it
again!";
}
//PROJECTS_MAIN_EDIT
if(isset($_POST['projects_main_update_btn']))
{
$edit_id = $_POST['edit_id'];
$edit_cat_id = $_POST['edit_cat_id'];
$edit_name = $_POST['edit_name'];
$edit_description = $_POST['edit_description'];
$edit_image = $_FILES["image"]['name'];
$edit_links = $_POST['edit_links'];
76 | P a g e
$projects_query = "SELECT * FROM projects_main WHERE id='$edit_id' ";
$projects_query_run = mysqli_query($connection,$projects_query);
foreach($projects_query_run as $projects_row)
{
if($edit_image == NULL)
{
$projectsimage_data = $projects_row['image'];
}
else
{
if($img_path = "upload/".$projects_row['image'])
{
unlink($img_path);
$projectsimage_data = $edit_image;
}
}
}
$query = "UPDATE projects_main SET

cat_id='$edit_cat_id',name='$edit_name',description='$edit_description',image='$projectsima
ge_data',links='$edit_links' WHERE id='$edit_id' ";
if($query_run)
{
if($edit_image == NULL)
{
$_SESSION['success'] = "Projects Updated With Existing Image";
}
77 | P a g e
else
{
move_uploaded_file($_FILES["image"]["tmp_name"], "upload/".
$_FILES["image"]["name"]);
$_SESSION['success'] = "Projects Updated";
}
}
else
{
$_SESSION['status'] = "not";
header('Location: projects_main_edit.php');
}
//PROJECTSDELETE
{
$query = "DELETE FROM projects_main WHERE id='$id' ";

if($query_run)
{
$_SESSION['status'] = "Your Projects is Deleted";
78 | P a g e
}
else
{
$_SESSION['status'] = "Your Projects is NOT DELETED";
}
}
//REFERENCE
if(isset($_POST['reference_save']))
{
$filename=$_POST['filename'];
$folder = "uploadfile/";
$image_file=$_FILES['fileupload']['name'];
$file = $_FILES['fileupload']['tmp_name'];
$path = $folder . $image_file;
$target_file=$folder.basename($image_file);
$imageFileType=pathinfo($target_file,PATHINFO_EXTENSION);
//Allow only JPG, JPEG, PNG & GIF etc formats

if($imageFileType != "zip") {
$_SESSION['status'] = "upload only zip file";
header('Location: reference.php');
}
if ($_FILES["fileupload"]["size"] > 5000000) {
$_SESSION['status'] = "Sorry, your image is too large. Upload less than 500 KB in size.";
79 | P a g e
}
if(!isset($_SESSION['status']))
{
move_uploaded_file($file,$target_file);
$query="INSERT INTO referenceforlearners(filename,fileupload)
VALUES('$filename','$image_file')";
if($query_run)
{
$_SESSION['success'] = "File Added";
}
else
{
$_SESSION['status'] = "File Not Added";
}
}
}
//REFERENCE_EDIT
if(isset($_POST['reference_update_btn']))
{
$edit_id = $_POST['edit_id'];
$edit_filename=$_POST['edit_filename'];
$folder = "uploadfile/";
$image_file=$_FILES['fileupload']['name'];
$file = $_FILES['fileupload']['tmp_name'];
$path = $folder . $image_file;
$target_file=$folder.basename($image_file);
80 | P a g e
$imageFileType=pathinfo($target_file,PATHINFO_EXTENSION);
if($file!=''){
//Set image upload size
if ($_FILES["fileupload"]["size"] > 5000000) {
$_SESSION['status'] = "Sorry, your image is too large. Upload less than 5000 KB in
size.";
}
//Allow only JPG, JPEG, PNG & GIF
if($imageFileType != "zip") {
$_SESSION['status'] = "upload only zip file";
}
}
if(!isset($_SESSION['status']))
{
if($file!='')
{
$res=mysqli_query($connection,"SELECT* from referenceforlearners
WHERE id=$edit_id limit 1");
if($row=mysqli_fetch_array($res))
{
$deleteimage=$row['fileupload'];
}
unlink($folder.$deleteimage);
move_uploaded_file($file,$target_file);
$result=mysqli_query($connection,"UPDATE referenceforlearners SET
fileupload='$image_file',filename='$edit_filename' WHERE id=$edit_id");
$_SESSION['success'] = "File Added";
}
81 | P a g e
else
{
$result=mysqli_query($connection,"UPDATE referenceforlearners SET
filename='$edit_filename' WHERE id=$edit_id");
$_SESSION['success'] = "Projects Updated With Existing Image";
}
}
}
//REFERENC EDELETE
if(isset($_POST['delete_btn_reference']))
{
$deleteimage=$row['fileupload'];
$query = "DELETE FROM referenceforlearners WHERE id='$id' ";

if($query_run)
{
$folder="uploadfile/";
unlink($folder.$deleteimage);
$_SESSION['status'] = "Your Projects is Deleted";
}
else
{
$_SESSION['status'] = "Your Projects is NOT DELETED";
82 | P a g e
}
}
//REFERENCE[PAID]
if(isset($_POST['referencepaid_save']))
{
$filenames = $_POST['filenames'];
$paymentlinks = $_POST['paymentlinks'];
$query = "INSERT INTO forpaid (filenames,paymentlinks) VALUES

('$filenames','$paymentlinks')";
if($query_run)
{
$_SESSION['success'] = "REFERENCE[PAID] Added";
header('Location: referencepaid.php');
}
else
{
$SESSION['status'] = "REFERENCE[PAID] Added";
header('Location: referencepaid.php');
}
}
?>
83 | P a g e
CHAPTER 5
OUTPUT OF THE SYSTEM
84 | P a g e
85 | P a g e
86 | P a g e
87 | P a g e
88 | P a g e
89 | P a g e
90 | P a g e
91 | P a g e
92 | P a g e
CHAPTER 6
CONCLUSION
In conclusion, our service providing website is committed to delivering
unparalleled value and satisfaction to our users. We understand the diverse
needs of our customers and have crafted a platform that seamlessly caters to
those requirements. Our dedicated team works tirelessly to ensure that every
interaction with our service is not just a transaction but an experience marked
by efficiency, reliability, and excellence.
As we strive to continuously improve and innovate, our commitment to

customer satisfaction remains unwavering. Whether it's the convenience of our
user-friendly interface, the quality of our services, or the promptness of our
support, we aim to exceed expectations at every turn.
Thank you for choosing our platform. Your trust is the driving force behind our
relentless pursuit of excellence. As we move forward, we look forward to
serving you even better, embracing challenges, and adapting to the ever-
evolving landscape of your needs. Your feedback is invaluable, and we invite
you to join us on this journey of growth and improvement.
Experience the difference with our service, where your satisfaction is not just a
goal but a guarantee.
93 | P a g e
CHAPTER 7
BIBLIOGRAPHY
🔗YOUTUBE
🔗 https://youtu.be/sg6ctFXA_c0?si=KD71whWsuXAHAIG9
🔗 https://www.youtube.com/watch?v=MRtHNqafufg&t=1752s
🔗 https://youtu.be/05MH8-5PYts?si=vY76QBQYPvt5miDa
🔗 https://youtu.be/jmjS8uLiXM0?si=trp8qeoKnsAnqj9Q
🔗 https://youtu.be/ENqFKwnxqO0?si=iMmExk0oNbFZPwUj
🔗 https://youtu.be/RHwa5LHANVM?si=EAZs-1Ylus3RXTfj
🔗GITHUB
🔗 https://github.com/dataprofessor/dashboard-v2/blob/master/streamlit_app.py
🔗 https://github.com/dataprofessor/eda-app
🔗WEBSITES
🔗 https://themewagon.com/themes/
🔗 https://themes.getbootstrap.com/product-category/admin-dashboard/
94 | P a g e
95 | P a g e

Data Dashboarder PD

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Data Dashboarder PD

Uploaded by

Copyright:

Available Formats

Maharshi Dayanand College of Arts, Science AND Commerce

TYBSC COMPUTER SCIENCE (2023-2024)

Under the Guidance of

Sr.no Topic Pg.no

1.5 FEATURES OF THE PROJECT

 Have watched many videos regarding the website before creating.

2.3 How does it works

2.4 Feasibility study

This feasibility study examines the viability of establishing a service

2.5 Technical Feasibility:

b. Payment Gateway: Integrate a reliable and secure payment gateway to

d. Security Measures: Implement robust security protocols to safeguard

2.6 Economic Feasibility:

a. Revenue Streams: Explore revenue streams such as transaction fees,

b. Market Analysis: Conduct market research to identify the demand for

c. Financial Projections: Develop financial projections to estimate initial

2.7 Operational Feasibility:

a. User Onboarding: Develop an intuitive onboarding process for both

b. Customer Support: Establish a responsive customer support system to

c. Service Provider Verification: Implement a robust verification process

2.8 Scheduling Feasibility:

c. Risk Management: Conduct a thorough risk assessment and develop

2.9 Hardware requirement

Data Analytics Service and

Enquires to view the project

Options of different platforms for the project

view dashboard of Excel

Alt Want to purchase it

If no Don’t want to purchase it

Confirms the payment

b) Sequence Diagram for downloading the data:

If no Don’t want to purchase it

Confirms the payment Processing

c) Sequence diagram for sending the Data to make Dashboard:

Options of different platforms for the project

Selected the kind of dashboard

The form is given to send the data

Filled the form and the csv file of

Confirms the payment

3.6 State chart:

4.2 REFERENCE FILE FOR LEARNER:

<table class="table table-hover">

4.3 REFERENCE FILE FOR PAID:

<table class="table table-hover">

4.4 CONTACT US FORM:

<div class="container-xxl py-5 bg-primary hero-header">

<div class="form-group contact-buttons" >

<div class="form-group" style="font-family: 'Roboto', sans-serif;font-weight: