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
where it shows important notifications and activities in the college like semester

1
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 (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

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

3
 CHAPTER 2

2.1 SYSTEM ARCHITECTURE

Fig 2.1 System Architecture

The above diagram is clearly explained in the project. Two kinds of login
methods are used in login process. one is staff login and another one is students’
login

Response

Fig 2.2 Data Flow Diagram

4
2.2 STSTEM DESIGN

This kind of system design is easy to understand. Unknown people can

know about this. Overall process covered in this system design. Step by step
processing is noticed. Each and every blocks mentioned in this design. Users have
login into account to upload students file using students register number. But
students only upload their external certificates only. Staff have login into account.
They have login in college name and staff’s secret password. In security purpose
encrypt keys are used to login our site.

2.3 HOME PAGE

This is a first page which has one search box and 4 buttons. Register buttons
and connect button are placed in this page. Users can use Register button to login
in to the account. Two types of logins are used in this site. One is student’s login
and another one is staff login. Users can enter the students register number in
search box which is linked in database. The request is transmitted to the database it
will collect the particular student’s files then retrieve their student’s details and
files. This page is fully designed in html and css. Interface is created in attractive
design. Html 5 elements are used for designing this page. User’s had any doubt to
contact to developer and clarifies the doubt. Unknown persons viewed in students’
file can’t write again once upload their file then it is converted to read only
document.

2.4 STAFF 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 students mark sheet only. It
5
identifying mark sheet structure and it is stored in particular student’s database.
Even staff only can view students’ files and also it is in read only mode.

2.5 STUDENT 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, students can login
our website. In security purpose, asking some questions to students. If the answers
are correct then go to the upload page. Students can upload their external
certificate only. Not an exam mark sheet. It identifies the mark sheet Structure and
it is stored in particular student’s database.

2.6 UPLOAD PAGE

Staff and students are uploading the students file in our website. This
uploaded file is stored 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 in
unwanted location. So error is 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 to the
particular student’s details are collecting their files and displayed .Its only read
files can’t write again. Sometimes errors are occurred, so users can ask developers
in mail then it is corrected.

6
 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 GHz
 Hard Disk : 500 GB
 RAM : 4 GB
3.3HTML

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. The Web receives HTML documents from a web server or from
local storage and renders 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-

7
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.1Elements
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

8
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

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

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

11
 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. 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 in 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. Staff can upload students mark sheets
before they we will get permission letter from the institute. Upload students mark
sheet before the particular staff are submit our permission letter copy then he
allowed to this site.

12
 APPENDICES

A1 SAMPLE CODINGS

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>
Functionmobile () {
Alert ("7452165622")
}
</script></a>
</li>
<form action="log.html">
<Li>

13
<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>
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">
14
<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">
<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>
15
</div>
<div class="wrap-input100 validate-input" data-validate="enter college secret
code">
<span class="btn-show-pass">
<i class="zmdizmdi-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>
<Scriptsrc="vendor/jquery/jquery-3.2.1.min.js"></script>
<Scriptsrc="vendor/animsition/js/animsition.min.js"></script>
<Scriptsrc="vendor/bootstrap/js/popper.js"></script>
<Scriptsrc="vendor/bootstrap/js/bootstrap.min.js"></script>
16
<Scriptsrc="vendor/select2/select2.min.js"></script>
<Scriptsrc="vendor/daterangepicker/moment.min.js"></script>
<Scriptsrc="vendor/daterangepicker/daterangepicker.js"></script>
<Scriptsrc="vendor/countdowntime/countdowntime.js"></script>
<Scriptsrc="js/main.js"></script>
</body>
</html>

17
A2 SCREEN SHOTS

Fig: A2.1 Home Page

Fig: A2.2 Staff Login Page

18
Fig A2.3: Student New User Register Page

Fig A2.4: Existing Student’s Login

19
Fig: A2.5 Login Process

Fig: A2.6 Upload Page

20
Fig A2.7: Choose File

Fig: A2.8 Uploading Files

21
Fig : A2.9 Searching Students File

22