CHAPTER 1

INTRODUCTION

1.1 students file management system

Students file management system project is a smart and effective way to store
records of the student on the basis of college and moderators of that college. The
main target of this project is to target the student information according to the
college moderators i.e. Moderator of different colleges have different students with
different courses.
It's just like college is having different branches of college and those branches
having college moderators. Admin is the overall head in the hierarchy and controls
all the record and builds up the data and maintains it.

1.2 Project overview

This project completely functions for showing it as a prototype to anyone or to

showcase in college projects. Features in the project include registering the admin,
login features, adding co-admin/moderators, adding college, adding student, view
students of particular college which is governed by the moderator, view students
details, edit/modify the student, delete student from the record. The main activity is
focused for the admin only who is like a chairman to all the organization and setup
the data.

1.3 student database management system

A student database management system is automation of manual

performance record management which enables the user to assess necessary data at
any place and any time through internet. The student web portal contains a login
page where after providing the login details the home page is appeared for the user

1
where it shows important notifications and activities in the college like semester
fee payment dates, exam registration, change in exam time table, workshops or
fests to be held, etc.

The student can check his attendance a, semester marks and mid-exam
marks for every semester which enables them to improve his performance in
forthcoming semester.

The faculty can also make changes in marks in case of any mistake
immediately which eliminate the time consuming activities like registering a
complaint and then faculty approving it then the administration making changes.
The labs module also mentions the list of equipment and list of experiments done
in the labs.

The library section provides information about the availability of the books
and journals in it. The admin module allows admin to make changes in faculty and
student academic and personal details.

1.4 TECHNOLOGIES USED

CSS: Cascading style sheets (CSS) is a style language used to describe the
presentation semantics (the look and formatting) of a document written in a
markup language. It’s most common application is to style web pages written in
HTML and XHTML. CSS is a designed primarily to enable the separation of
document content (written in HTML or a similar markup language) from document
presentation, including elements such as the layout, colors, and fonts.

This separation can improve content accessibility, provide more pages to

share formatting, and reduce complexity and repetition in the structural content

2
(such as by allowing for table less web design). CSS can also allow the same
markup page to be presented in different styles for different rendering methods,
such as on-screen in print by voice.

MySQL: MySQL is a fast, easy-to-use RDBMS used for databases on many

web sites. Speed was the developer’s main focus from the beginning. In the interest
of speed, they made the decision to offer fewer features than their major
competitors (for instance, Oracle and Sybase).

However, even though MySQL is less full featured than its commercial
competitors, it has all the features needed by the large majority of database
developers. It’s easier to install and use than its commercial competitors. MySQL
is developed, marketed, and supported by MySQL AB, which is a Swedish
company.

HTML: HTML is a hypertext markup language which is in reality a

backbone of any website. Every website can’t be structured without the knowledge
of HTML. If we make our web page only with the help of HTML, than we can’t
add many of the effective features in a web page, for making a web page more
effective we use various platforms such as CSS. So here we are using this language
to make our web pages more effective as well as efficient. And to make our web
pages dynamic we are using Java script.

1.5 Disadvantage:

1. Sometimes displayed another students file

2. Uploading error files.

3
 CHAPTER 2

2.1 SYSTEM ARCHITECTURE

The above diagram if clearly explained in out project.Two kind of login methods
used in login process.one is staff login and another one is students’ login

Response

4
2.2 STSTEM DESIGN

It kind of system design is easy to understand.Unknown peoples can know about

this.Overall process covered in this system design. Step by step processing are
noticed.Each and every blocks mentioned in this design…User’s have login our
account to upload students file using students register number.But students only
upload their external certificates only.

Staff’s are have a login our account.They have login in college name and staff’s
secret passward.In security purpose encrypt keys are used to login our site.

2.3 HOME PAGE

This is an first page it was contained in one search box and 4

buttons.Register buttons and contect button are placed in this page.User’s can
entered Register button to login in our account.Two type of logins are used this
site.one is students login and another one is staff login.Users can enter the students
register number in search box it linked in database.The request are transmit in db it
will collecting the particular students files then it retiirve their students details and
files.

This page is fully designed in html and css.Interface is created attractive

design.Html 5 element using this page.User’s had an any doubt to contect to
developer and clarifies our doubt.

DISADVANTAGE:

Unknown persons viewed in students’ file.can’t write again once upload

their file then it is converted to read only document.

5
 HOME PAGE

STAFF STUDENTS CONTECT

LOGIN LOGIN

2.4 STAFF’S LOGIN

This is a second page of our website. it is staff login page. Every college has
a one secret code. Using that code and college name to login our website.

In security purpose asking some questions to staff. If the answers are correct then
go to the upload page. Staffs are only uploading in students mark sheet only. It
identifying mark sheet structure and it stored in particular student’s database.

Even staffs are can viewed in students files and also it is read only files. Main
disadvantage is sometimes staff s are upload wrong students data in another
students.

2.5 STUDENT’S LOGIN

This is a second page of our website. It is student’s login page. Every

student has a register number. Using that number and password to login our
website.

6
In security purpose asking some questions to students. If the answers are correct
then go to the upload page. Students external are only uploading in student’s mark
sheet only. Not an exam mark sheet. It identifying mark sheet Structure and it
stored in particular student’s database.

Even students are can viewed in students files and also it is read only files. Main
disadvantage is Sometimes student’s are upload wrong students data in another
student’s and unauthorized users are collecting students details in our website.

SEARCH

STAFF STUDENT
S

FILES

DATAB
7
SE
2.6 UPLOAD PAGE

Staff and students are uploading the students file in our website. This upload
file store in a database. These files are read only can’t write or modified. Each
student’s have the unique register number and that is stored in a database.

In this operation is written in javascript. Sometimes files are stored unwanted

location. So error was occurred. Then suddenly stop the uploading process. The
main page is contained one search box. Users can enter the particular register
number then it request to that database.

The database is sending response that particular student’s details are collecting
their files and displayed .Its only read files can’t write again. Sometimes error are
accurred users can ask developers mail then is corrected.

REQUEST

DATA USER
BASE
RESPONSE

8
 CHAPTER 3

SYSTEM SPECIFICATIONS

3.1 SOFTWARE REQUIREMENTS

 Operating System : Windows 10
 Front End : Java, Html
 Back End : Mysql
3.2 HARDWARE REQUIREMENTS
 Processor : AMD 2.4 GH
 Hard Disk : 500 GB
 RAM : 4 GB
3.3 HTML

Hypertext Markup Language (HTML) is the standard markup language for

documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such
as JavaScript. 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-

9
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.

3.3.1 Elements
HTML documents imply a structure of nested HTML elements. These are
indicated in the document by HTML tags, enclosed in angle brackets thus: <p>. In
the simple, general case, the extent of an element is indicated by a pair of tags: a
"start tag" <p> and "end tag" </p>. The text content of the element, if any, is
placed between these tags. Tags may also enclose further tag markup between the
start and end, including a mixture of tags and text. This indicates further (nested)
elements, as children of the parent element.

The start tag may also include attributes within the tag. These indicate other
information, such as identifiers for sections within the document, identifiers used
to bind style information to the presentation of the document, and for some tags
such as the <img> used to embed images, the reference to the image resource.
Some elements, such as the line break <br>, do not permit any embedded content,
either text or further tags. These require only a single empty tag (akin to a start tag)
and do not use an end tag. Many tags, particularly the closing end tag for the very
commonly used paragraph element <p>, are optional. An HTML browser or other
agent can infer the closure for the end of an element from the context and the
structural rules defined by the HTML standard. These rules are complex and not
widely understood by most HTML coders.

The general form of an HTML element is

therefore: <tag attribute1="value1" attribute2="value2">''content''</tag>. Some
HTML elements are defined as empty elements and take the

10
form <tag attribute1="value1" attribute2="value2">. Empty elements may enclose
no content, for instance, the <br> tag or the inline <img> tag. The name of an
HTML element is the name used in the tags. Note that the end tag's name is
preceded by a slash character, /, and that in empty elements the end tag is neither
required nor allowed. If attributes are not mentioned, default values are used in
each case.

3.4 CASCADING STYLE SHEETS (CSS)

It is a style sheet language used for describing the presentation of a

document written in a markup language like 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 formatting by
specifying the relevant CSS in a separate .css file, and reduce complexity and
repetition in the structural content. 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

11
service for CSS documents. In addition to HTML, other markup languages support
the use of CSS including XHTML, plain XML, SVG, and XUL.

 id: an identifier unique within the document

 class: an identifier that can annotate multiple elements in a document

3.5 JAVASCRIPT
 JavaScript is a programming language commonly used in web development.
It was originally developed by Netscape as a means to add dynamic and
interactive elements to websites. While JavaScript is influenced by Java,
the syntax is more similar to C and is based on ECMA Script, a scripting
language developed by Sun Microsystems.
 JavaScript is a client-side scripting language, which means the source
code is processed by the client's web browser rather than on the web server.
This means JavaScript functions can run after a webpage has loaded without
communicating with the server. For example, a JavaScript function may
check a web form before it is submitted to make sure all the
required fields have been filled out. The JavaScript code can produce an
error message before any information is actually transmitted to the server.
 Like server-side scripting languages, such as PHP and ASP, JavaScript code
can be inserted anywhere within the HTML of a webpage. However, only
the output of server-side code is displayed in the HTML, while JavaScript
code remains fully visible in the source of the webpage. It can also be
referenced in a separate .JS file, which may also be viewed in a browser.
 JavaScript functions can be called within <script> tags or when specific
events take place. Examples include onClick, onMouseDown, onMouseUp,
onKeyDown, onKeyUp, onFocus, onBlur, onSubmit, and many others.

12
While standard JavaScript is still used for performing basic client-side
functions, many web developers now prefer to use JavaScript libraries
like jQuery to add more advanced dynamic elements to websites.

13
 CHAPTER 4

CONCLUSION AND FUTURE ENHANCEMENT

4.1 CONCLUSION:

Large amount of students data are generated either manually or

electronically on daily basis. An integrated system data is provided. Many students
are missing their files and mark sheets so our web application use to caring our
files and certificates.

Only the disadvantage is unauthorized user can upload students file

wrongly. The system is free of errors and very efficient and less time consuming
due to the care taken to develop it. All the phases of software development cycle
are employed and it is worthwhile to state that the system is very robust. Provision
is made for future development in the system

4.2 FUTURE ENHANCEMENT

In future some features are adding this site. Students are scanning our own
identity card then upload their files. Any faults are entering our site then the
particular student details are fully formatted.

In staffs are uploading students mark sheets before they we will get permission
letter for our institute. Upload students mark sheet before the particular staff are
submit our permission letter copy then he allowed to this site.

14
 APPENDICES

A1.SAMPLE CODING:

Home.html

<! DOCTYPE html>

<Html>

<Head>

<Title>student’s page</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div class="container">

<header>

<h2><a href="#">studentspage</a></h2>

<Nav>

<Ul>

<Li><a class="btn" href="student.html">STUDENTS LOGIN</a></li>

<Li><a class="btn" href="staff1.html">STAFF'S LOGIN</a></li>

<Li><a class="btn-dropdown" href="#” onclick="mobile()">CONTECT

<Script >

Function mobile () {

15
Alert ("7452165622")

</script></a>

</li>

<form action="log.html">

<Li>

<a class="btn-dropdown" href="#">ABOUT US</a></li>

</form>

</ul>

</nav>

</header>

<div class="cover">

<h1>STUDENTS INFORMATION</h1>

<form class="flex_form">

<input type="search" name="" placeholder="enter the student's register number">

<input type="submit" name="" value="search">

</form>

<div class="madeby">

</div>

</div>

</div>

</body>

</html>

16
STAFF.html

<! DOCTYPE html>

<html Lang="en">

<Head>

<Title>Login V2</title>

<Meta charset="UTF-8">

<Meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>

<linkrel="stylesheet"type="text/css"
href="vendor/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-

awesome.min.css">

<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-

iconic-font.min.css">

<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">

<linkrel="stylesheet"type="text/css"

href="vendor/css-hamburgers/hamburgers.min.css">

linkrel="stylesheet"type="text/css"
href="vendor/animsition/css/animsition.min.css">

<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">

17
<linkrel="stylesheet"type="text/css"
href="vendor/daterangepicker/daterangepicker.css">

<link rel="stylesheet" type="text/css" href="css/util.css">

<link rel="stylesheet" type="text/css" href="css/main.css">

</head>

<Body>

<div class="limiter">

<div class="container-login100">

<div class="wrap-login100">

<form class="login100-form validate-form">

<span class="login100-form-title p-b-26">

STAFF LOGIN

</span>

<div class="wrap-input100 validate-input" data-validate = "Valid students no: is:

a@b.c">

<input class="input100" type="text" name="name">

<span class="focus-input100" data-placeholder=" enter college name"></span>

</div>

<div class="wrap-input100 validate-input" data-validate="enter college secret

code">

18
<span class="btn-show-pass">

<i class="zmdi zmdi-eye"></i>

</span>

<input class="input100" type="password" name="text">

<span class="focus-input100" data-placeholder="enter college secret

code"></span>

</div>

<div class="container-login100-form-btn">

<div class="wrap-login100-form-btn">

<div class="login100-form-bgbtn"></div>

<button class="login100-form-btn">

Login

</button>

</div>

</div>

</form>

</div>

</div>

</div>

<div id="dropDownSelect1"></div>

<!--
===========================================================
====================================-->

19
<Script src="vendor/jquery/jquery-3.2.1.min.js"></script>

<!--
===========================================================
====================================-->

<Script src="vendor/animsition/js/animsition.min.js"></script>

<!--
===========================================================
====================================-->

<Script src="vendor/bootstrap/js/popper.js"></script>

<Script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<Script src="vendor/select2/select2.min.js"></script>

<Script src="vendor/daterangepicker/moment.min.js"></script>

<Script src="vendor/daterangepicker/daterangepicker.js"></script>

<!--
===========================================================
====================================-->

<Script src="vendor/countdowntime/countdowntime.js"></script>

<!--
===========================================================
====================================-->

<Script src="js/main.js"></script>

</body>

</html>

20
A2.SCREENSHOTS

Fig: A2.1 Home page

Fig: A2.2 Staff’s login page

21
Fig A2.3: Student new user register page

Fig A2.4: Existing student’s login

22
Fig: A2.5 login process

Fig: A2.6 Upload page

23
Fig A2.7: Choose file

Fig: A2.8 Uploading files

24
Fig :A2.9 Searching students file

25