Abstract

• Now everything is being online. All you have to do like send your information, Send your
reports online. As students are asked to fill out different forms or users fill out forms for
applications etc. Users also have to provide some documents at that place.

• While uploading those documents, many times in wrong place wrong documents are uploaded
by user. Then there may be difficulties in verification time. To avoid this, image detection
and image classification will help us.

• Now the task of the project is classify the uploaded image and classify them as their type. By
using this user know about which document uploaded by himself, if it is wrong upload then
there is message display to the user that is this document is not valid please upload valid
document.

• It works on the basis of image recognisation or indentify content on image. find out the
similarities between same type of class and train model itself.

• Image Classification nowadays is used to narrow the gap between the computer vision and
human vision so that the image can be recognized by machines in the same way as we humans
do.

• Couple of thousands of images of each two different classes are taken and distributed them
into category of test dataset and training dataset for our learning model and result will be
obtained.

1
2. Introduction :

A few years ago, the creation of the software and hardware image processing systems was
mainly limited to the development of the user interface, which most of the programmers of each
firm were engaged in. The situation has been significantly changed with the advent of the Windows
operating system when the majority of the developers switched to solving the problems of image
processing itself. However, this has not yet led to the cardinal progress in solving typical tasks of
recognizing faces, car numbers, road signs, analyzing remote and medical images, etc. Each of these
"eternal"problems is solved by trial and error by the efforts of numerous groups of the engineers and
scientists.As modern technical solutions are turn out to be excessively expensive, the task of
automating thecreation of the software tools for solving intellectual problems is formulated and
intensively solved abroad.
In the field of image processing, the required tool kit should be supporting the analysis and
recognition of images of previously unknown content and ensure the effective development of
applications by ordinary programmers. Just as the Windows toolkit supports the creation of
interfaces for solving various applied problems. Object recognition is to describe a collection of
related computer vision tasks that involve activities like identifying objects in digital photographs.
Image classification involves activities such as predicting the class of one object in an image. Object
localization is refers to identifying the location of one or more objects in an image and drawing an
abounding box around their extent. Object detection does the work of combines these two tasks and
localizes and classifies one or more objects in an image. When a user or practitioner refers to the
term “object recognition“, they often mean“object detection“. It may be challenging for beginners
to distinguish between different related computer vision tasks.
So, we can distinguish between these three computer vision tasks with this example:
Image Classification: This is done by Predict the type or class of an object in an image.
Input: An image which consists of a single object, such as a photograph.
Output: A class label (e.g. one or more integers that are mapped to class labels).

2
Object Localization: This is done through, Locate the presence of objects in an image and indicate
their location with a bounding box.

Input: An image which consists of one or more objects, such as a photograph.

Output: One or more bounding boxes (e.g. defined by a point, width, and height).
Object Detection: This is done through, Locate the presence of objects with a bounding box and
types or classes of the located objects in an image.
Input: An image which consists of one or more objects, such as a photograph.Output: One or more
bounding boxes (e.g. defined by a point, width, and height), and a class label for each bounding box.
One of the further extension to this breakdown of computer vision tasks is object segmentation, also
called “object instance segmentation” or “semantic segmentation,” where instances of
recognizedobjects are indicated by highlighting the specific pixels of the object instead of a coarse
bounding box.From this breakdown, we can understand that object recognition refers to a suite of
challenging computer vision tasks. For example, image classification is simply straight forward, but
the differences between object localization and object detection can be confusing, especially when
all three tasks may be just as equally referred to as object recognition.

Humans can detect and identify objects present in an image. The human visual system is fast and
accurate and can also perform complex tasks like identifying multiple objects and detect obstacles
with little conscious thought. The availability of large sets of data, faster GPUs, and better
algorithms,we can now easily train computers to detect and classify multiple objects within an image
with highaccuracy. We need to understand terms such as object detection, object localization, loss
function for object detection and localization, and finally explore an object detection algorithm
known as “You only look once” (YOLO). Image classification also involves assigning a class label
to an image, whereas object localization involves drawing a bounding box around one or more
objects in an image. Object detection is always more challenging and combines these two tasks and
draws a bounding box around each object of interest in the image and assigns them a class label.
Together, all these problems are referred to as object recognition. Object recognition refers to a
3
collection of related tasks for identifying objects in digital photographs. Region-based
Convolutional Neural Networks, or R-CNNs, is a family of techniques for addressing object
localization and recognition tasks, designed for model performance. You Only Look Once, or
YOLO is known as the second family of techniques for object recognition designed for speed and
real-time use.

2.1 Project Overview :

• This is simply a web based project in this Document classification is the task of grouping
documents into categories based upon their content. Document classification performs an
essential role in various applications that deals with classifying, searching and detecting
representing a significant amount of information.

• The common classification applications are email categorization, spam filtering, directory
maintenance, mail routing, news monitoring and narrow casting, etc.

• Automatic document classification applies intelligent techniques such as Machine

Learning and Deep Learning to classify documents automatically. This process is much faster,
more scalable, accurate, and cost-effective when compared with manual classification.

• In this project Model will classify document with compare with two classes if the match is
not founded then give the instruction as result and repeat the process.

• This is may the best for time consuming for management gor further verification for
documents. Also the user get satisfaction that uploaded document is correct and not worry
about incomplete submission suggestions.

• It helpful to Management also for that they no need to tell users indivusialy about their
uncomplete submission.

4
2.2 Project Plan (Gantt chart) :

2 Feb 19 Feb 16 April

Sr. No. Task 5 March 2022 5 May 2022
2022 2022 2022
Requirement
1
Gathering
2 Planning

3 Designing

4 Coding
Testing and
5
Deployment

5
3. Project Requirement :

3.1 Software requirements

People often ask what browser they should use. There is no single answer for this. Use whichever
browser works best on your computer. However, we recommend downloading
Firefox and/or Chrome in addition to having Internet Explorer or Safari.
• Firefox
• Chrome
• Google Teachable machine
Recommended Operating Systems

• Windows: 7 or newer
• MAC: OS X v10.7 or higher
• Linux: Ubuntu

3.2 Hardware Requirements.

• Processor: Minimum 1 GHz; Recommended 2GHz or more
• Ethernet connection (LAN) OR a wireless adapter (Wi-Fi)
• Hard Drive: Minimum 32 GB; Recommended 64 GB or more
• Memory (RAM): Minimum 1 GB; Recommended 4 GB or above
• Some classes require a camera Mobile phones.

3.3 Field Work :

Image classification plays an important role in remote sensing images and is used for various
applications such as environmental change, agriculture, land use/land planning, urban planning,
surveillance, geographic mapping, disaster control, and object detection and also it has become a
hot research topic in the remote sensing community . The remote sensing image data can be obtained
6
from various resources like satellites, airplanes, and aerial vehicles. Earlier, the spatial satellite
image resolution was used, which was very low, and the pixel sizes were typically coarser and the
image analysis methods for remote sensing images are based on pixel-based analysis or subpixel
analysis for this conversion . In this case, sometimes it is difficult to classify the scene images at
pixel level clearly.
In order to solve this problem, some researchers have focused on object-based image analysis
instead of individual pixels . Here, the term “objects” represents meaningful scene components that
distinguish an image. The object-level methods gave better results of image analysis than the pixel-
level methods. With the development of machine learning algorithm, the semantic-level method is
also used for analyzing the remote sensing image . The semantic-level image classification aims to
provide the label for each scene image with a specific semantic class. The scene images are manually
extracted from the large-scale remote sensing image, for example, airplane, beach, forest, road, and
river .
A wide number of techniques have been developed for object classification . In general, the
object classification methods are divided into three categories based on the features they use,
namely, handcraft feature learning method, unsupervised feature learning method, and deep feature
learning-based method . Earlier, scene classification was based on the handcraft feature learning-
based method. This method was mainly used for designing the engineering features, such as color,
shape, texture, and spatial and spectral information. The unsupervised feature learning method is
an alternative for the handcrafted feature method and training the unlabeled data for remote sensing
image classification. The aim of the unsupervised feature learning method is used to identify the
low-dimensional features that capture some underlying high-dimensional input data. When the
feature learning is performed in an unsupervised way, it enables a form of semisupervised learning,
where features learned from an unlabeled data set are then employed to improve performance in a
supervised setting with labeled data. There are several unsupervised feature learning methods
available such as k-means clustering, principal component analysis (PCA), sparse coding, and
autoencoding. In real-time applications, the unsupervised feature learning methods have achieved
high performance for classification compared with handcrafted-feature learning methods . However,
7
the lack of semantic information provided by the category label cannot promise the best
discrimination between the classes. So we need to improve the classification performance and to
extract powerful discriminant features for improving classification performance.
Deep learning [10] is a powerful machine learning technique for solving a wide range of
computer applications. It is composed of multiple processing layers that can learn more powerful
feature representations of data with multiple levels of abstraction . In the deep learning technique, a
several number of models are available such as convolutional neural network (CNN), deep
autoencoders, deep belief network (DBN), recurrent neural network (RNN), and long short-term
memory (LSTM). The models are aimed to get high-level features. When compared with traditional
methods, deep learning methods do not need manual annotation and knowledge experts for feature
extraction. Feature extraction and classifications are combined together in this model.
This research paper has been organized as follows. Section describes the review and related works
for the scene classification. Section 8.3 discusses the visual geometry group (VGG)-16 deep CNN
for scene classification. Section provides detail description about the benchmark data set.

3.4 front End :

For The Front End we used the HTML, CSS, Javascript.

HTML :

• HTML stands for Hyper Text Markup Language

• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this
is a link", etc.

8
• Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.

• HTML elements are the building blocks of HTML pages. With HTML constructs, images and
other objects such as interactive forms may be embedded into the rendered page. HTML
provides a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are
delineated by tags, written using angle brackets. Tags such
as <img /> and <input /> directly introduce content into the page. Other tags such

as <p> surround and provide information about document text and may include other tags as
sub-elements. Browsers do not display the HTML tags but use them to interpret the content
of the page.

• HTML can embed programs written in a scripting language such as JavaScript, which affects
the behavior and content of web pages. Inclusion of CSS defines the look and layout of
content. The World Wide Web Consortium (W3C), former maintainer of the HTML and
current maintainer of the CSS standards, has encouraged the use of CSS over explicit
presentational HTML since 1997.[2] A form of HTML, known as HTML5, is used to display
video and audio, primarily using the <canvas> element, in collaboration with javascript.

• CSS:

We used css for style the webpages, we used the different components of css.

• Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a markup language such as HTML. CSS is a
cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

• CSS is designed to enable the separation of presentation and content, including layout, colors,
and fonts. This separation can improve content accessibility; provide more flexibility and
control in the specification of presentation characteristics; enable multiple web pages to share
9
 formatting by specifying the relevant CSS in a separate .css file, which reduces complexity
and repetition in the structural content; and enable the .css file to be cached to improve the
page load speed between the pages that share the file and its formatting.

• Separation of formatting and content also makes it feasible to present the same markup page
in different styles for different rendering methods, such as on-screen, in print, by voice (via
speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has
rules for alternate formatting if the content is accessed on a mobile device.

• The name cascading comes from the specified priority scheme to determine which style rule
applies if more than one rule matches a particular element. This cascading priority scheme is
predictable.

• The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet
media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998).
The W3C operates a free CSS validation service for CSS documents.

• In addition to HTML, other markup languages support the use of CSS

including XHTML, plain XML, SVG, and XUL.

Javascript:

We designed our projects main mode using javascript.

JavaScript often abbreviated JS, is a programming language that is one of the core technologies
of the World Wide Web, alongside HTML and CSS. Over 97% of websites use JavaScript on
the client side for web page behavior, often incorporating third-party libraries. All major web
browsers have a dedicated JavaScript engine to execute the code on users' devices.

JavaScript is a high-level, often just-in-time compiled language that conforms to

the ECMAScript standard. It has dynamic typing, prototype-based object-orientation, and first-
class functions. It is multi-paradigm, supporting event-driven, functional,
and imperative programming styles. It has application programming interfaces (APIs) for working

10
with text, dates, regular expressions, standard data structures, and the Document Object
Model (DOM).

The ECMAScript standard does not include any input/output (I/O), such as networking, storage,
or graphics facilities. In practice, the web browser or other runtime system provides JavaScript
APIs for I/O.

JavaScript engines were originally used only in web browsers, but are now core components of
some servers and a variety of applications. The most popular runtime system for this usage
is Node.js.

Although Java and JavaScript are similar in name, syntax, and respective standard libraries, the
two languages are distinct and differ greatly in design.

IDE Visual Studio Code :

Visual Studio Code, also commonly referred to as VS Code, is a source-code editor made
by Microsoft for Windows, Linux and macOS. Features include support for debugging, syntax
highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. Users can
change the theme, keyboard shortcuts, preferences, and install extensions that add additional
functionality.

In the Stack Overflow 2021 Developer Survey, Visual Studio Code was ranked the most popular
developer environment tool, with 70% of 82,000 respondents reporting that they use it.

Visual Studio Code is a source-code editor that can be used with a variety of programming
languagesZincluding Java, JavaScript, Go, Node.js, Python, C++ and Fortran. It is based on
the Electron framework, which is used to develop Node.js Web applications that run on the Blink
layout engine. Visual Studio Code employs the same editor component (codenamed "Monaco") used
in Azure DevOps (formerly called Visual Studio Online and Visual Studio Team Services).

Out of the box, Visual Studio Code includes basic support for most common programming
languages. This basic support includes syntax highlighting, bracket matching, code folding, and
11
configurable snippets. Visual Studio Code also ships with IntelliSense for JavaScript,
TypeScript, JSON, CSS, and HTML, as well as debugging support for Node.js. Support for
additional languages can be provided by freely available extensions on the VS Code Marketplace.
Visual Studio Code Insiders logo Instead of a project system, it allows users to open one or more
directories, which can then be saved in workspaces for future reuse. This allows it to operate as
a language-agnostic code editor for any language. It supports many programming languages and a
set of features that differs per language. Unwanted files and folders can be excluded from the project
tree via the settings. Many Visual Studio Code features are not exposed through menus or the user
interface but can be accessed via the command palette.

4. System Designe

Connectivity of webpages :

Data Collection:

• Google Teachable machine:

12
 By using the google teachable machine we will train our model to
Classify the Documents

• Dataset for first class first class contains Adhaar Document

• Dataset for Second class contains Student ID card

• Different collection of images of Adhaar and ID cards clicked by different types of cameras
laptop camera, different mobile cameras. Also by changing the angls of images or by using
filters of cameras,by flash on captured images collection.

• Some document are with laminations or some are not with laminations or some are with
whole as downloaded by website all type of dataset is included and collected.

E-R Diagram

13
Context Level DFD

Data flow digram for train the data :

14
5. Designing :

First we created a home page in which contains a navbar and a title of our page is involved
there is a one button that is enroll now and the footer contains the facilities of college. When we
open the faculty then our faculty section is open on our page and there is a table for teachers name,
qualifications and paper title.
If you open a contact us page then we added here the phone number of college email of the
college and address of the college and one map is embedded in this and the social media links also
added to send a message or feedback to college website or one form that contains full name email
subject message.
Then in the enroll now button we created a registration form for student here we add there
first name, last name, date of birth, email id, mobile number, gender, address pin code, State, country
, hobbies and then add here upload ID proof button when we click on the button then the main page
of our project is open the document classification here we need to upload a document and then

predict it.

15
16
17
6. Coding :

Code for Main Page :

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Rutuja">
<title>Dayanand Science College, Latur</title>
</head>
<body>
<nav class="navlist">
<ul>

18
 <li><h4>आ नो भद्राः क्रतवो यन्तु ववश्वताः </h4></li>
<li><a href="/main.html">Home</a></li>
<li><a href="">Course</a></li>
<li><a href="/faculty.html">Faculty</a></li>
<li><a href="/Contact.html">Cotact us</a></li>
</ul>
</nav>
<div class="main-box">
<h1><marquee>Dayanand Science College, Latur </marquee> </h1>
<button><a href="/form.html">ENROLL NOW</a> </button>
</div>

<div class="container">
<h2>FACILITIES</h2>

<div class="row">
<div class="column">
<a href=""><img src="/stadium.jpg" alt=""></a>
<a href="">STEDIUM</a>
</div>
<div class="column">
<a href=""><img src="/canteen.jpg" alt=""></a>
<a href="">CANTINE</a>
</div>
<div class="column">
<a href=""><img src="/library.jpg" alt=""></a>
<a href="">LIBRARY</a>
</div>
19
 </div>
</div>
<div class="marquee">
<div class="marquee-content">
<div class="marquee-item">
<img src="/biotonicalgarden.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/canteen.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/computer.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/Gym.png" alt="">
</div>

<div class="marquee-item">
<img src="/lab.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/library.jpg" alt="">
</div>

20
<div class="marquee-item">
<img src="/library2.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/stadium.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/biotonicalgarden.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/canteen.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/clgentry.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/computer.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/Gym.png" alt="">
</div>
21
 <div class="marquee-item">
<img src="/lab.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/library.jpg" alt="">
</div>

<div class="marquee-item">
<img src="/stadium.jpg" alt="">
</div>
</div>
</div>
</body>
</html>
CSS coding for main Page
Style.css
*{
padding: 0;
margin: 0;
box-sizing: border-box;
transition: 0.5s;
font-family: "Century Gothic", sans-serif;
}

.box-sizing :border-box;

22
body {
margin: 0;
}

.marquee {
/* overflow: hidden; */
}

.marquee-content {
display: flex;
animation: scrolling 20s linear infinite;
}

.marquee-item {
flex: 0 0 16vw;
margin: 0 1vw;
height: 70 px;

/* flex: 0 0 20vw; */
/* margin: 0 2vw; */
}

.marquee-item img {
display: block;
width: 100%;
/* padding: 0 20px; */
}
23
@keyframes scrolling {
0% { transform: translateX(0); }
100% { transform: translatex(-144vw); }
}
.navlist{
width: 100%;
position: fixed;
padding: 5px 10%;
background-color: #110e2bbb;
}
.navlist ul{
display: flex;
list-style: none;
}
.navlist ul li:first-child{
flex: 1;
color: #ffffff;
}
.navlist ul li h4{
font-family: serif;
}
.navlist ul a{
display: block;
margin-left: 20px;
font-family: "Century Gothic", sans-serif;
font-size: 0.9rem;
color: white;
24
 text-decoration: none;
}
.navlist ul a:hover{
color: #ff8800;
}
.main-box{
width: 100%;
height: 80vh;
background-image: linear-gradient(#323232bb, #3b3c3dbb), url(/https/www.scribd.com/clgentry.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: #ffffff;
text-align: center;
padding-top: 30vh;
}

.main-box h1{
word-spacing: 8px;
margin-bottom: 25px;
margin-top: 1px ;
font-family: serif;
font-size :100px;
color: rgb(243, 236, 236);
}
.main-box p{
font-family: "Century Gothic", sans-serif;
font-size: 14px;
25
 letter-spacing: 1.4px;
margin-bottom: 40px;
}
.main-box button{
padding: 10px;
border: none;
outline: none;
background: #ffffff;
border: 1px solid #ff8800;
color: #ffffff;
}
.main-box button:hover{
background: #ff8800;
}

.container{
width: 80%;
margin: auto;
margin-bottom: 30px;
}
.container h2{
color: #ff8800;
text-align: center;
margin: 30px;
font-family: 'Arial Narrow Bold', sans-serif;
letter-spacing: 5px;
}
.container h2::before, .container h2::after{
26
 content: "-----";
letter-spacing: -5px;
font-weight: lighter;
margin: 0 20px 0 10px;
}
.container .row{
display: flex;
justify-content: space-between;
}
.container .column{
width: 32%;
height: auto;
position: relative;
overflow: hidden;
}
.container .column img{
width: 100%;
height: auto;
}
.container .column a:last-child{
position: absolute;
display: block;
width: 100%;
height: 0;
top: 99%;
bottom: 0;
left: 0;
bottom: 0;
27
 text-align: center;
padding-top: 14vw;
font-size: 3vw;
color: #ffffff;
text-decoration: none;
}
.container .column:hover a:last-child{
height: 100%;
top: 0;
}

Coding for faculty page :

Faculty.html
<!DOCTYPE html>
<html lang="en" >
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Suraj Kupate">
<title>Dayanand Science College, Latur</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

28
 <meta name="author" content="Rutuja">
</head>
<body>
<nav class="navlist">
<ul>
<li><h4></h4>आ नो भद्राः क्रतवो यन्तु ववश्वताः </li>
<li><a href="/main.html">Home</a></li>

<li><a href="/faculty.html">Faculty</a></li>
<li><a href="/Contact.html">Cotact us</a></li>
</ul>
</nav>
<div class="main-box">
<h1><marquee>Dayanand Science College, Latur </marquee> </h1>
<button><a href="/form.html">ENROLL NOW</a> </button>
</div>
<meta charset="UTF-8">
<title>Customer</title>
<link rel="stylesheet" href="/faculty.css">
<div class="table-title">
<h3>Our Faculty</h3>
</div>
<table style="width:100%" class="table-fill">
<thead>
<tr>
<th class="text-left">Teachers Name</th>
<th class="text-left">Qualifications</th>
<th class="text-left">Paper Title</th>
29
</tr>
</thead>
<tbody class="table-hover">
<tr>
<td class="text-left">Dr.R.B. Shinde</td>
<td class="text-left">M.Sc.,M.Phil.,Ph.D.</td>
<td class="text-left">Computer Science RDBMS Bsc.Ty
</td>

</tr>
<tr>
<td class="text-left">Dr.S.S. Bellale</td>
<td class="text-left">M.Sc.,B.Ed.,Ph.D. </td>
<td class="text-left">Mathematics, Mechanics II</td>

</tr>
<tr>
<td class="text-left">Shri.S.V. Hengne</td>
<td class="text-left">M.Sc.,B.Ed</td>
<td class="text-left">Mathematics, Integral Transform B.Sc.TY</td>

</tr>
<tr>
<td class="text-left">Miss. Pratibha Malawade</td>
<td class="text-left">M.Sc.,B.Ed.</td>
<td class="text-left">Mathematics, Complex Analysis B.Sc.Ty</td>

30
 </tr>
<tr>
<td class="text-left">Dr.V.D.Mote</td>
<td class="text-left">M.Sc., Ph.D.</td>
<td class="text-left">Atomic, Molecular And Nuclear Physics,Bsc.Ty</td>

</tr>
<tr>
<td class="text-left">Capt.Dr. V.A.Chaudhari</td>
<td class="text-left">M.Sc.,Ph.D.</td>
<td class="text-left">Physics, Digital and Communication Electronics Bsc.TY</td>

</tr>

</tbody>
</table>

</body>
</html>

Coding for faculty.css :

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);

body {
background-color: #f9f9f9;
font-family: "Roboto", helvetica, arial, sans-serif;

31
 font-size: 16px;
font-weight: 400;
text-rendering: optimizeLegibility;
}

div.table-title {
display: block;
margin: auto;
max-width: 600px;
padding:5px;
width: 100%;
text-align: center;

.table-title h3 {
color: #0a0909;
font-size: 30px;
font-weight: 400;
font-style:normal;
font-family: "Roboto", helvetica, arial, sans-serif;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
text-transform:uppercase;
}

/*** Table Styles **/

32
.table-fill {
background: white;
border-radius:3px;
border-collapse: collapse;
height: 320px;
margin: auto;
max-width: 90%;
padding:5px;
width: 100%;
box-shadow: 0 5px 10px rgba(9, 229, 137, 0.868);
animation: float 5s infinite;
}

th {
color:#080808;;
background:#f6f8f7e6;
border-bottom:4px solid #9ea7af;
border-right: 1px solid #343a45;
font-size:23px;
font-weight: 300;
padding:24px;
text-align:left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align:middle;
}

th:first-child {
border-top-left-radius:3px;
33
}

th:last-child {
border-top-right-radius:3px;
border-right:none;
}

tr {
border-top: 1px solid #C1C3D1;
border-bottom-: 1px solid #C1C3D1;
color:#666B85;
font-size:16px;
font-weight:normal;
text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

tr:hover td {
background:#4E5066;
color:#FFFFFF;
border-top: 1px solid #22262e;
}

tr:first-child {
border-top:none;
}

tr:last-child {
border-bottom:none;
34
}

tr:nth-child(odd) td {
background:#EBEBEB;
}

tr:nth-child(odd):hover td {
background:#4E5066;
}

tr:last-child td:first-child {
border-bottom-left-radius:3px;
}

tr:last-child td:last-child {
border-bottom-right-radius:3px;
}

td {
background:#FFFFFF;
padding:20px;
text-align:left;
vertical-align:middle;
font-weight:300;
font-size:18px;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
border-right: 1px solid #C1C3D1;
}
35
td:last-child {
border-right: 0px;
}

th.text-left {
text-align: left;
}

th.text-center {
text-align: center;
}

th.text-right {
text-align: right;
}

td.text-left {
text-align: left;
}

td.text-center {
text-align: center;
}

td.text-right {
text-align: right;
}
36
Coding for contact.html :
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">

<meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>

<meta name="viewport"content="width=device-width, initial-scale=1, minimum-
scale=1, maximum-scale=1, user-scalable=no">
<title>CSS Responsive Contact Form With Google Map</title>
<link href="/Contact.css"rel="stylesheet"type="text/css"/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Rutuja">

</head>
<body>

<div class="main-box">
<h1><marquee>Dayanand Science College, Latur </marquee> </h1>
<button><a href="/form.html">ENROLL NOW</a> </button>
</div>
<div class="contact-wrap">
<div class="contact-in">
<h1>Contact Info</h1>
<h2><i class="fa fa-phone" aria-hidden="true"></i> Phone</h2>
37
 <p>+912382 – 221149</p>
<h2><i class="fa fa-envelope" aria-hidden="true"></i> Email</h2>
<p>[email protected]</p>
<h2><i class="fa fa-map-marker" aria-hidden="true"></i> Address</h2>
<div class="contact-in">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d121146.10586280697!2d76.
48717703202578!3d18.401232277149038!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!
1s0x3bcf839d211a5401%3A0x625ef1390a67a219!2sDayanand%20Science%20College(Junior)%
20Latur!5e0!3m2!1sen!2sin!4v1652692918045!5m2!1sen!2sin" width="600" height="450"
style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-
downgrade"></iframe>
</div>
<p>Maharashtra, India</p>
<ul>
<li><a href="https://www.facebook.com/dsclatur/"><i class="fa fa-facebook" aria-
hidden="true"></i></a></li>
<li><a href="https://dsclatur.org/"><i class="fa fa-google" aria-
hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/c/deslatur"><i class="fa fa-youtube" aria-
hidden="true"></i></a></li>
</ul>
</div>
<div class="contact-in">
<h1>Send a Message</h1>
<p>Ask Your Questions</p>
<form>
<input type="text" placeholder="Full Name" class="contact-in-input">
38
 <input type="text" placeholder="Email" class="contact-in-input">
<input type="text" placeholder="Subject" class="contact-in-input">
<textarea placeholder="Message" class="contact-in-textarea"></textarea>
<input type="submit" value="SUBMIT" class="contact-in-btn">
</form>
</div>
</div>

</body>
</html>
Coding for contact.css
@import
url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0
,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
padding: 0;
margin: 0;
box-sizing: border-box;
margin-left: 0pt;
}

body {
height: 100vh;
display: grid;
align-items: center;
font-family: 'Poppins', sans-serif;
}
39
.contact-wrap {
width: 80%;
height: auto;
margin: auto;
display: flex;
flex-wrap: wrap;
}

.contact-in {
padding: 40px 30px;
}

.contact-in:nth-child(1) {
flex: 30%;
background: url(../images/1.jpg);
color: rgb(196, 30, 30);
}

.contact-in:nth-child(2) {
flex: 45%;
background: #81f8c2;
}

.contact-in:nth-child(3) {
flex: 25%;
padding: 0;
}
40
.contact-in h1 {
font-size: 24px;
color: rgba(10, 9, 9, 0.336);
text-transform: uppercase;
font-weight: 500;
margin-bottom: 20px;
}

.contact-in h2 {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
}

.contact-in h2 i {
font-size: 16px;
width: 40px;
height: 40px;
margin-right: 10px;
background: #edf8f9;
color: #000;
border-radius: 50px;
line-height: 40px;
text-align: center;
}

.contact-in p {
41
 font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
}

.contact-in ul {
padding: 0;
margin: 0;
}

.contact-in ul li {
list-style: none;
display: inline-block;
margin-right: 5px;
margin-top: 5px;
}

.contact-in ul li a {
display: block;
width: 30px;
height: 30px;
text-align: center;
background: rgb(164, 168, 167);
border-radius: 50px;
}

.contact-in ul li a i {
font-size: 14px;
42
 line-height: 30px;
color: rgb(6, 5, 5);
}

.contact-in form {
width: 100%;
height: auto;
}

.contact-in-input {
width: 100%;
height: 40px;
margin-bottom: 20px;
border: 1px solid rgb(9, 9, 9);
outline: none;
padding-left: 5px;
background: transparent;
color: rgb(14, 16, 1);
font-size: 12px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
}

.contact-in-input::placeholder {
color: rgb(6, 6, 6);
}

.contact-in-textarea {
43
 width: 100%;
height: 140px;
margin-bottom: 20px;
border: 1px solid rgb(13, 13, 13);
outline: none;
padding-top: 5px;
padding-left: 5px;
background: transparent;
color: rgb(236, 58, 58);
font-size: 12px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
}

.contact-in-textarea::placeholder {
color: rgb(11, 11, 11);
}

.contact-in-btn {
width: 100%;
height: 40px;
border: 1px solid rgb(10, 9, 9);
outline: none;
background: transparent;
color: rgb(6, 5, 5);
font-size: 12px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
44
 cursor: pointer;
}

.contact-in iframe {
width: 400px;
height: 400px;
}

@media only screen and (max-width:480px) {

.contact-in:nth-child(1) {
flex: 50%;
}

.contact-in:nth-child(2) {
flex: 50%;
}

.contact-in:nth-child(3) {
flex: 100%;
}

@media only screen and (max-width:360px) {

.contact-in:nth-child(1) {
flex: 50%;
}

45
 .contact-in:nth-child(2) {
flex: 50%;
}

.contact-in:nth-child(3) {
flex: 100%;
}

}
Form.html

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Suraj Kupate">
<title>Dayanand Science College, Latur</title>
<!--link rel="stylesheet" href="/form.css"-->
</head>
<body bgcolor=#D9F4E4 >
<nav class="navlist">
<ul>
<li><h4>आ नो भद्राः क्रतवो यन्तु ववश्वताः </h4></li>
<li><a href="">Home</a></li>
<li><a href="">Course</a></li>
46
 <li><a href="/faculty.html">Faculty</a></li>
<li><a href="/Contact.html">Cotact us</a></li>
</ul>
</nav>
<div class="main-box">
<h1>Dayanand Science College, Latur</h1>
</div>
<div id="bg">
<center> </center>
<br>

<Center> <b><u> <h1 >STUDENT REGISTRATION FORM</h1></u> </b>

<div id="form">
<form method="get" action="submit.html">
<table id="table">
<tr>
<td>FIRST NAME:</td>
<td>
<input type="text" name="username" size="30"
maxlength="30" placeholder="Enter first name" />

</td>
</tr>
<tr>
<td>LAST NAME:
</td>
<td><input type="text" name="username" size="30"
47
 maxlength="30" placeholder="Enter last name" />

</td>
</tr>
<tr><td>

DATE OF BIRTH:
</td>
<td>
<input type="number" name="day" size="2"
maxlength="2" placeholder="Day" min="1" max="31" />
<select name="month">
<option value="month">Month</option>
<option value="Jan">Jan</option>
<option value="Feb">Feb</option>
<option value="Mar">Mar</option>
<option value="Apr">Apr</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="Aug">Aug</option>
<option value="Sep">Sep</option>
<option value="Oct">Oct</option>
<option value="Nov">Nov</option>
<option value="Dec">Dec</option>

</select>
<input type="text" name="year" size="5"
48
 maxlength="4" placeholder="Year" min="1991" max="2005" required/>

</td>
</tr>
<tr>
<td>EMAIL ID:
</td>
<td><input id="email" type="email" name="email" size="30" maxlength="100"
required />
</td>
</tr>
<tr>
<td>
MOBILE NO:

</td>
<td><input type="tel" name="number" size="30" maxlength="12"
placeholder="Enter Mobile no" required/>
</td>
</tr>
<tr>
<td>GENDER:</td>
<td><input id="female" type="radio" name="gender"
value="f">
<label for="female">Female</label>
<input id="male" type="radio" name="gender"
value="m">
<label for="male">Male</label>
49
 </td>
</tr>
<tr><td>ADDRESS:</td>
<td><textarea rows="4" cols="40" id="comments">
</textarea>
</td></tr>
<tr>
<td>CITY:</td>
<td>
<input type="text" name="city" size="30"
maxlength="30" placeholder="Enter your city name" /></td>
</tr>
<tr>

<td>PIN CODE:</td>
<td>
<input type="text" name="pin" size="30"
maxlength="30" placeholder="Enter pin code" />

</td>
</tr>
<tr>
<td>STATE:</td>
<td>
<input type="text" name="state" size="30"
maxlength="30" placeholder="Enter your state name" /></td>
</tr>
<tr>
50
 <td>COUNTRY:</td>
<td>
<input type="text" name="COUNTRY" size="30"
maxlength="30" placeholder="Enter your city name" /></td>
</tr>

<tr>
<td>HOBBIES</td>
<td>
<input type="checkbox" name="Singing" value="Singing" /> Singing
<input type="checkbox" name="HOBBIES"
value="dancing" /> Dancing
<input type="checkbox" name="HOBBIES"
value="Drawing" /> Drawing
<input type="checkbox" name="HOBBIES"
value="Sketching" /> Sketching
<br/>
<input type="checkbox" name="HOBBIES"
value="Others" /> Others<input type="text" name="HOBBIES" size="30"
maxlength="30" placeholder="Enter any other hobby" />
</td>
</tr>
<tr>
<td>QUALIFICATION</td>
<td>
<table width="600px" , height="100px" >
<tr>
51
 <th>S.N0</th>
<th>Examination</th>
<th>Board</th>
<th>Percentage</th>
<th>Year of Passing</th>
</tr>
<tr>
</br>
</br>
</tr>
<tr>
<td>1.</td>
<th>Class X</th>
<td> <input type="text" name="state" size="20"
maxlength="20"/></td>
<td><input type="number" name="state" size="15"
maxlength="10"/></td>
<td><input type="number" name="state" size="15"
maxlength="10" /></td>
</tr>
<tr>
<td>2.</td>
<th>Class XII</th>
<td> <input type="text" name="state" size="20"
maxlength="20" /></td>
<td><input type="number" name="state" size="15"
maxlength="10" /></td>
<td><input type="number" name="state" size="15"
52
 maxlength="10" /></td>
</tr>
<tr>
<td>3.</td>
<th>Graduation</th>
<td> <input type="text" name="state" size="20"
maxlength="20" /></td>
<td><input type="number" name="state" size="15"
maxlength="10" /></td>
<td><input type="number" name="state" size="15"
maxlength="10" /></td>
</tr>
<tr>
<td>4.</td>
<th>Masters</th>
<td> <input type="text" name="state" size="20"
maxlength="20"/></td>
<td><input type="number" name="state" size="15"
maxlength="10" /></td>
<td><input type="number" name="state" size="15"
maxlength="10" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
53
 </tr>
</table>
</td>
</tr>
<tr>
<td >COURSES:</td>
<td><input id="BCA" type="radio" name="COURSES"
value="BCA"/>
<label for="BCA">BCA</label>
<input id="B.Com" type="radio" name="COURSES"
value="B.Com"/>
<label for="B.Com">B.Com</label>
<input id="B.Sc" type="radio" name="COURSES"
value="B.Sc"/>
<label for="B.Sc">B.Sc</label>
<input id="B.A" type="radio" name="COURSES"
value="B.A"/>
<label for="B.A">B.A</label>
</td>
<TR>
</br>
</TR>
</tr>
<tr>
<td>
<a href="/File Upload.html"> <button type="button">Upload ID
Proof</button></a>

54
 <button type="reset">Reset</button>
</td>
</tr>
</table>
</form>
</div>
</div>

</body>
</html>

Upload form.html :
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<title>Image Classifier using ML5 js</title>
<script src="https://unpkg.com/[email protected]/dist/ml5.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@teachablemachine/[email protected]/dist/teachablemachine-
image.min.js"></script>
<script>

var loadFile = function (event) {

var image = document.getElementById("image");
55
 image.src = URL.createObjectURL(event.target.files[0]);
};

//maxPredictions = model.getTotalClasses();

const classifier =
ml5.imageClassifier('https://teachablemachine.withgoogle.com/models/rx5At03Sc/model.json',mo
delLoaded);

// When the model is loaded

function modelLoaded() {
console.log("Model Loaded!");
}

function predict() {
classifier.predict(document.getElementById("image"),
function (err, results) {
alert('Its '+results[0].label);
});
}

</script>
</head>
<body>
<center>
<h1 style="color: green;">Document Classification</h1>
<b>
56
 Student Identy Proof Classification
</b>
</br>
<img src="" alt="" id="image"
width="380px" height="280px" />
</br></br>
<input type="file" accept="image/*"
onchange="loadFile(event)"
name="image" id="file" />
<button onclick="predict()">predict</button>

<input type="submit" onclick="alert('Your Form Successfully Submited')" value="Submit">

<a href="/form.html"> <button type="button">Previous</button></a>

</center>
</body>
</html>

57
7. Conclusions

• This project applicable where the document upload is needed,where the form through
information is given by users.

• In future we use this to detect the fake documents,and restrictions on what documents should
be upload.

• We use it to avoid Xerox copy uploads We can create more classes for different documents
and upload them and classifying them.
This project applicable where the document upload is needed, where the form through information
is given by users.

In future we use this to detect the fake documents, and restrictions on what documents should be
upload. In Government Schemes many peoples makes duplicate document. Then we can find them
by using strong machine learning.

We use it to avoid Xerox copy uploads We can create more classes for different documents and
upload them and classifying them. Document classification or document categorization is a problem
in information science and computer science. The task is to assign a document to one or more classes
or categories. This may be done "manually" (or "intellectually"). The intellectual classification of
documents has mostly been the province of computer science. Document Classification is may be
useful in Colleges, Government Scholarship Forms, Exam Forms, or any Management where The
Document upload is required. In Banking Sector also we can avoid the wrong uploads from
customers.
Object recognition technology has experienced decades of development. From traditional
computer vision technology to the current popular deep learning recognition technology, the
recognition effect is more and more accurate, and the algorithm is more robust. But the better the
58
effect and efficiency of the algorithm means the improvement of the network and hardware
requirements, which is a relatively large restriction for the application of the algorithm. And the
current recognition algorithm based on deep learning requires a sufficient number of training sets to
train the model to achieve a good recognition effect. This is not a priority for objects without a large
number of similar object data sets, such as some rare collections in museums. In addition, the current
object recognition almost always requires network transmission of images, and then transmission of
recognition feedback results through the network, which is much less efficient in environments with
relatively poor network conditions, such as the wild and crowded indoor environments.
In summary, the future development prospects of object recognition technology should not
be limited to the recognition accuracy, recognition efficiency, algorithm robustness, etc., but also
specific issues should be considered. For objects with different characteristics and the environment
in which the objects are located, designing corresponding recognition algorithms and considering
the degree of dependence on network and equipment performance should also be a focus of future
research.

59
 8. Future Scope of project :

• To Detect the duplicate documents we can train the best quality data and by that we can find
out the duplicate documents

• Also the missing fieldes of documents like,stamp, sihnature,etc can be predict by Usinf
Image detection.

• Where the document verification is most important part of the field then we can train our
own model and Give restriction on what should be valid for particular field.

• The future of image processing will involve scanning the heavens for other intelligent life out
in space. Also new intelligent, digital species created entirely by research scientists in various
nations of the world will include advances in image processing applications. Due to advances
in image processing and related technologies there will be millions and millions of robots in
the world in a few decades time, transforming the way the world is managed. Advances in
image processing and artificial intelligence6 will involve spoken commands, anticipating the
information requirements of governments, translating languages, recognizing and tracking
people and things, diagnosing medical conditions, performing surgery, reprogramming
defects in human DNA, and automatic driving all forms of transport. With increasing power
and sophistication of modern computing, the concept of computation can go beyond the
present limits and in future, image processing technology will advance and the visual system
of man can be replicated.

• The future trend in remote sensing will be towards improved sensors that record the same
scene in many spectral channels. Graphics data is becoming increasingly important in image

60
 processing app1ications. The future image processing applications of satellite based imaging
ranges from planetary exploration to surveillance applications.

• Using large scale homogeneous cellular arrays of simple circuits to perform image processing
tasks and to demonstrate pattern-forming phenomena is an emerging topic. The cellular neural
network is an implementable alternative to fully connected neural networks and has evolved
into a paradigm for future imaging techniques. The usefulness of this technique has
applications in the areas of silicon retina, pattern formation, etc.

9. Bibliography

Book(s) / Research Paper

1. Oliver Theobald “Machine Learning for Absolute Beginners”: A Plain English Introduction
2. The Designated Project Report Committee Approves Paper and project Titled “DOCUMENT

61
CLASSIFICATION USING MACHINE LEARNING”

3. Anthony Sarkis, “Training Data for Machine Learning”

Human Supervision from Annotation to Data Science, "O'Reilly Media, Incorporated", 31 October
2022

Websites:

1. https://www.w3schools.com
2. https://codepen.io/alexlais/pen/bQxwyR
3. https://nanonets.com/blog/document-classification
4. https://teachablemachine.withgoogle.com
5. https://www.koreascience.or.kr/article/JAKO202009135419402.page
6. https://analyticsindiamag.com/a-tutorial-on-google-teachable-machine-for-object-
classification-without-coding/

62
63