VISVESVARAYA TECHNOLOGICAL UNIVERSITY

JnanaSangama, Belagavi, Karnataka – 590018.

A INTERSHIP REPORT
on
“WEB DEVELOPMENT INTERNSHIP”

Submitted in fulfillment of requirement for the eighth semester

INTERSHIP PRACTICE
For the course of
B.E [Computer Science Engineering]

Submitted by
NIRMAL KUMAR CHOUDHARY
[1ST17CS732]

Under the guidance of

Mrs. MALAMMA C. GOUDAR
Prof, Dept CSE, SaIT

2020-2021

DEPARTMENT OF COMPUTER SCIENCE ENGINEERING

SAMBHRAM INSTITUTE OF TECHNOLOGY

M S Palya, Via Jalahalli East, Bangalore 560097.
 SAMBHRAM INSTITUTE OF TECHNOLOGY
M S Palya, Via Jalahalli East, Bangalore 560097.

DEPARTMENT OF COMPUTER SCIENCE ENGINEERING

CERTIFICATE

This is to certify that the Intership entitled “Library Management System” has been
carried out by Nirmal Kumar Choudhary[1ST17CS732], bonafide student of
Sambhram Institute of Technology in fulfillment of requirements for the Eighth
semester, prescribed by the Visvesvaraya Technological University (VTU), Belagavi
during the academic year 2020-2021. It is also hereby, ensured that all
corrections/suggestions indicated for internal assessment have been incorporated
while submitting this report. This report has been approved as it satisfies the
academic requirements with respect to the seminar work prescribed for the said
course. Degree B.E[CSE]

____________________________ ___________________________
Signature of Guide Signature of HOD
Mrs Malamma C. Goudar Dr. T. John Peter,
Assistant Professor Head of Department
Dept. of Computer Science Engineering Dept. of Computer Science Engineering

External Viva

Name of Examiner Date.

1.___________________________________

2.___________________________________
 eBrain softech pvt ltd
Web Development\Remote Internship Program

Library Management System

Submitted by
Nirmal Kumar Choudhary 1ST17CS732

Project Group Name: Code Demons

Team Leader Name Khilendra Chaudhary,1ST17CS720

Team Member Name 1 Birendra Kr Das,1ST17CS712

Team Member Name 2 Nirmal Kr Choudhary,1ST17CS732

Team Member Name 3 Vidya Bachaspati,1ST17CS755

Under the guidance of

Mr. Manish Hundekar
 COMPANY PROFILE
Ebrain software and solution Private Limited is Private incorporated on 12 july
2000.It is classified as Non-govt company andis registered at registrar of
companies ,bangalore.Its authorized share capital is Rs.1,000,000 and its paid up
capital is Rs.3,000.It is involved in software publishing,consultancy and supply
production,operating systems software,And others application software,computers
games software for all platforms.customsoftware also includes made-to-order
software based on orders from specific users.Also,includes are writing of software
of any kind following directives
Of the users;softwaremaintenance,web-page design.Ebrain software and
solution private liminted’s annual general meeting(AGM)was last held on N/A
and as per records from ministry of corporate affairs(MCA),its balance sheet
was last field on N/A.
Development:
Websites,Apps,Interfaces,AI,IOT products and more- we are a full service
product strategy ,design,and development partner.
Grow Business:
Focusing on the customer,we design your customer’s
journey,optimizing every touch point for convenience and delight.
Careers:
More than 500+ interns are trained under various domain like
Artificial intelligience,Datascience,Machinelearning,Web development and
more.
 Content
1 About domain
2 Things learnt during internship
2.1 Introduction
2.2 Web technology

3 Introduction of LBMS
3.1 Definition
3.2 Objectives

4 Requirement Analysis

4.1 Software Requirement

4.2 Hardware Requirement
4.3 Pages in the project

5 Design
5.1 Sketches
5.2 Flowchart
6 Implementation
6.1Code snippets

7 Testing
7.1Output Design

8 Conclusion
 ABOUT DOMAIN:-
Web development is the work involved in developing a website for the
Internet (World Wide Web) or an intranet (a private network).[1] Web
development can range from developing a simple single static page of plain text
to complex web-based internet applications (web apps), electronic businesses,
and social network services. A more comprehensive list of tasks to which web
development commonly refers, may include web engineering, web design, web
content development, client liaison, client-side/server-sidescripting, web server
and network security configuration, and e-commercedevelopment.Among web
professionals, "web development" usually refers to the main non-design aspects
of building websites: writing markup and coding.Web development may use
content management systems (CMS) to make content changes easier and
available with basic technical skills.There are three kinds of web developer
specialization: front-end developer, back-end developer, and full-stack
developer. Front-end developers are responsible for behavior and visuals that
run in the user browser, while back-end developers deal with the servers.

A domain name is an identification string that defines a realm of

administrative autonomy, authority or control within the Internet. Domain
names are used in various networking contexts and for application-specific
naming and addressing purposes. In general, a domain name identifies a
network domain, or it represents an Internet Protocol (IP) resource. Domain
names are formed by the rules and procedures of the Domain Name System
(DNS). Any name registered in the DNS is a domain name. Domain names
serve to identify Internet resources, such as computers, networks, and services,
with a text-based label that is easier to memorize than the numerical addresses
used in the Internet protocols. A domain name may represent entire collections
of such resources or individual instances. Individual Internet host computers use
domain names as host identifiers, also called hostnames. The term hostname is
also used for the leaf labels in the domain name system, usually without further
subordinate domain name space. Hostnames appear as a component in Uniform
Resource Locators (URLs) for Internet resources such as web sites
2 What all things are learnt in the 4 weeks of internship

2.1 INTRODUCTION
Internet:it is a globally-connected network of computers that enables people
to share information and communicate with each other.
Intranet: an intranet on the other hand, is a local or restricted network that
enables people to store, organize, and share information within an
organization.
Extranet: An extranet is a private network that uses Internet technology and
the public telecommunication system to securely share part of a business's
information or operations with suppliers, vendors, partners, customers, or
other businesses. An extranet can be viewed as part of a company's intranet
that is extended to users outside the company.
Ethernet: is the most widely-installed local area network technology. An
Ethernet LAN typically uses coaxial cable or special grades of twisted pairs
wires. Ethernet is also used in wireless LANs.
LAN (local area network): interconnect computer in limitted area.
WAN (wide area network): network that extends over large geographical
area.

2.2 WEB DEVELOPMENT

➢ Web page: a hypertext document connected to the World Wide Web.

➢ Web site: A website is a collection of web pages and related content that is identified by
a common domain name and published on at least one web server.
➢ Web application: A Web application (Web app) is an application program that is stored
on a remote server and delivered over the Internet through a browser interface.

Technological stack
It is a combination of software products and programming languages used
to create a web or mobile application. Applications have two software
components: client-side and server-side, also known as front-end and
back-end.
➢ Back-end technologies stack
The critical thing to understand about backend tech stack that it is all
about the inner workings of an application. As such, the backend stack
is required to operate smoothly, especially if your project has any
features other than simple HTML-coded static pages.
Structure-wise, the backend side consists of the following elements:
Programming languages (for example Python, PHP, JavaScript)
Frameworks (for example Ruby on Rails, Flask, Django, Swift or
Objective-
C)
Databases (for example, MongoDB and MySQL)
Server providers (Apache, Nginx, etc.)

➢ Front-end technology stack

The front end technology stack is what users see when they
interact with the program. Therefore, the frontend stack's primary
concern is convenient user experience, accessible user interface, and
clear internal structures.
Usually, there are two significant elements in the frontend stack.
One of them (HTML) is responsible for the structuring and
placement of the content. It covers the way content is organized
and where it is positioned on the page in whatever case. It is the
backbone.
The other element (CSS) is responsible for the representation of the
content. It includes colors, fonts, background stuff, peculiarities of
a layout, etc.
If you want to add some interactivity, use JavaScript. These things
are controlled via libraries (such as jQuery, React.js, or Zepto.js)
 that are fitted into frameworks (for example, Ember, Backbone, or
Angular).

SYSTEM ARCHITECTURE

A system architecture is the conceptual model that defines the structure,

behavior, and more views of a system.
SDLC
SDLC is the Software Development Life Cycle. It is also called as Software Development
Process. SDLC is a framework defining tasks performed at each step in the software
development process.

1) Stages of SDLC:

• PLANNING
• ANALYSIS
• DESIGN
• IMPLEMENTATION
• MAINTENANCE

TCP/IP PROTOCOL:The Internet protocol suite is the conceptual model and

set of communications protocols used in the Internet and similar computer
networks. It is commonly known as TCP/IP because the foundational
protocols in the suite are the Transmission Control Protocol and the Internet
Protocol.
OSI MODEL: The Open Systems Interconnection model is a conceptual
model that characterises and standardises the communication functions of a
telecommunication or computing system without regard to its underlying
internal structure and technology.
 HTML
Hypertext Markup Language 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 and scripting languages such as JavaScript.
CSS
Cascading Style Sheets 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.
PYTHON FLASK
Flask is a micro web framework written in python. It is classified as a
microframework because it does not require particular tools or libraries.

ABSTRACT

This project is aimed at developing a desktop based application named Library

Books Management System for managing the library of any organization. The
Library Books Management System (LBMS) refers to the system and processes
to manage the books of library with the involvement of Technology system.
This system can be used to store the details of the books, branch, update the
books based on the book issued details. This project is categorize individual
aspects for admin for library management system. In this system we are solving
different problem related to book issue management and book updating
management. Library book Management System is important to ensure quality
control in library that can store details of publishers, issued dates etc. Without
proper library management, a large library may not work in proper manner. A
good library books management system will help the librarian in managing
records and also helpful in time saving.Library Management System is also an
important means of automatically tracking large storage of books. An automated
Library Management System helps to minimize the errors while recording the
books on daily basis.
 3 INTRODUCTION

3.1 Introduction to Library Book Management System

The project Library Book Management System is a complete desktop based

application designed on Python Flask using Visual Studio Software. The main
aim of the project is to develop Library Management System Model software in
which all the information regarding the books of the organization will be
presented. It is an intranet based desktop application which has admin
component to manage the library and maintenance of the this system.
This desktop application is based on the management of books of an
organization. The application contains general admin profile, book details,
book issued details,publication details and the remaining books that are
presented in the library. There is a provision of updating the profile also. This
application also provides the new registration in the library as well as changing
the password if required. Each new book is stored and entitled with the named
publisher and the entry date of issued and it can also be update any time when
required as per the book is returned . Here the login page is created in order to
protect the management of the stock of library in order to prevent it from the
threads and misuse of the system.

3.2 Objective of the Project

To develop an application that deals with the day to day requirement of any
library organization
 To develop the easy management of the library
 To handle the library details like books details, publishers details and book
issued details,penalty details etc.
 To provide competitive advantage to the organization.
 To provide details information about the library stock.

 To make the library manageable and simplify the use of it in the organization.
Roles Description

Team Member Role Assigned

Khilendra Chaudhary Front-end & Back-end
1. User Registration & Log in
2. Profile Page
3. Change password
4.Penalty Report
5.Back-end Work
Birendra Kumar Das Front end & Back end
1.Publication Page
2. Branch Page
3. Book Page
4.Back-end Work
Nirmal Kumar Choudhary Front end & Back end
1.Issue Book
2.Book/Student Report
3.Issue/Return Book Report
4.Back-end Work
Vidya Bachaspati Front end & Back end
1.Return Book
2.Search Book
3.Issue Book Report
4.Back-end Work

4 Requirement Analysis:

4.1 Software Requirements:

➢ VS Code
➢ SUBLIME TEXT
➢ MYSQL
➢ BROWSER

➢ VS Code:Visual Studio code is a free source code editor made by

Microsoft for windows,linux,andmacos.It include support for
debugging syntaxhighlighting,intelligent codecompletion,snippets,code
refactoring and embedded git.It allows users to open one or more
directories,which can then be saved in workspaces for future reuse.
➢ Sublime Text:Sublime Text is a shareware cross-platform source
code editor with a python application interface (API).It natively
supports a phyton application programming interface (API).it natively
support many programming language and markup language ,and
function can be added by users with plugins ,typically community -built
and maintained under free -software licenses.

➢ MYSQL:MySQL is a relational database management system based

on SQL – Structured Query Language. The application is used for a
wide range of purpose, including data warehousing, e-commerce, and
logging applications. The most common use for mySQL however, is for
the purpose of a web database.

➢ Browser:Browser is a software application for accessing information

on the world wide web.

4.2 Hardware Requirements:

➢ Windows 7 or Higher
➢ 512MB of RAM
➢ 100MB storage space

➢ Windows 7: Is an operating system that was produced by

Microsoft and released as part of the window NT family of
operating systems.

➢ RAM:Random-acessmemory(RAM) is a form of computer

memory that can be read and changed in any order ,typically used
to store working data and machine code .

➢ Storage space:Storage space refer to how much disk space one

or more storage devices provides.
 4.3 Pages in the Project:

1. Login Page : This page will the first page of the system. Through this page the authorized user will
access the system. According to user type (i.e Admin or Student) the user will access corresponding
admin or student dashboard.

2. Publication Page : This page will be accessed by admin user type only and through this page admin
can add, edit, view and delete publication and it’s information information.

3. Book Page : This page will be accessed by admin user type only and through this page admin can add,
edit, view and delete book and it’s information.

4. Student Page : This page will be accessed by admin user type only and through this page admin can
add, edit, view and delete student and student’s information.

5. Admin Book Report : This page will be accessed by admin user type only and through this page
admin can view report related to issued book to students.

6. Issue Book : This page will be accessed by admin user type only and through this page admin will
issue book to the students.

7. Return Book : This page will be accessed by admin user type only and through this page admin will
accept returned book.

8. Issue/Return Book Report : This page will be accessed by admin user type only and through this
page admin can view report related to the issued and/or returned books.

9. Profile Page : This page can be accessed by both admin or student user type to view, add or edit
his/her profile information.

10. Change Password : This page can be accessed by both admin or student user type to change his/her
password.
11. Search Book : This page can be accessed by student for searching the required book.

12. Student Book Report : This page can be accessed by students in order to view report related to
his/her issued book.

13. Penalty Report : This page can be accessed by students in order to view report related to his/her
issued book penalty.
 5 Design
Login Page:

Dashboard Page:
Publication Page:

Book information page

 Book Issued information page

Returned Book Details:

Book defination page

Table Diagram:
 User Definition:

Library Definition:
Flow Chart:
 6 Implementation
6.1 Code snippets
LOGIN Page:

{% extends "layouts/logintheme.html" %}
{% block logincontent %}

<div class="login-box">
<div class="login-logo">
<a><b><i class="ion ion-ios-book"></i> Library Management</b>
System</a>
&nbsp;
</div>
{% include "layouts/message.html" %}
<!-- /.login-logo -->
<div class="login-box-body">
<p class="login-box-msg">Sign in to start your session</p>

<form action="../../index2.html" method="post">

<div class="form-group has-feedback">
<input type="text" class="form-control" placeholder="Username"
required>
<span class="glyphicon glyphicon-user form-control-feedback"></span>
</div>
<div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Password"
required>
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="row">
<div class="col-xs-12">
<button type="submit" class="btn btn-primary btn-block btn-flat">Sign
In</button>
</div>
</div>
</form>
&nbsp;
&nbsp;
&nbsp;
</div>
<!-- /.login-box-body -->
</div>
{% endblock logincontent %}
 DashBoard Page:

{% extends "layouts/dashbordtheme.html" %}
{% block dashboardcontent %}

<div class="login-box">
<div class="login-logo">
<a><b><i class="ion ion-ios-book"></i> Library Management</b> System</a>
</div>
<!-- /.login-logo -->
<div class="login-box-body">
<p class="login-box-msg">Sign in to start your session</p>

<form action="../../index2.html" method="post">

<div class="form-group has-feedback">
<input type="text" class="form-control" placeholder="Username" required>
<span class="glyphicon glyphicon-user form-control-feedback"></span>
</div>
<div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="Password" required>
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="row">
<div class="col-xs-12">
<button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
</div>
</div>
</form>
&nbsp;
&nbsp;
&nbsp;
</div>
<!-- /.login-box-body -->
</div>
{% endblock dashboardcontent %}

Book DETAILS :
{% extends "layouts/dashbordtheme.html" %}

{% block dashboardcontent %}

<div class="row">

<div class="col-sm-12">

<div class="box box-primary">

<div class="box-header with-border">

<h3 class="box-title">Book</h3>

</div>

<!-- /.box-header -->

<!-- form start -->

<form class="form-horizontal" method="POST" action=""

enctype="multipart/form-data">

{{form.csrf_token}}

{{form.hidden_tag()}}

<div class="box-body">

<div class="form-group">

{{form.name.label(class="col-sm-2 control-label")}}

{% if form.name.errors %}

<div class="col-sm-10 has-error">

{{form.name(class="form-control",placeholder="Book Name")}}

{% for error in form.name.errors %}

<span class="help-block">{{ error }}</span>

{% endfor %}

</div>

{% else %}

<div class="col-sm-10">
 {{form.name(class="form-control",placeholder="Book Name")}}

</div>

{% endif %}

</div>

<div class="form-group">

{{form.publication_id.label(class="col-sm-2 control-label")}}

{% if form.publication_id.errors %}

<div class="col-sm-10 has-error">

{{form.publication_id(class="form-control")}}

{% for error in form.publication_id.errors %}

<span class="help-block">{{ error }}</span>

{% endfor %}

</div>

{% else %}

<div class="col-sm-10">

{{form.publication_id(class="form-control")}}

</div>

{% endif %}

</div>

<div class="form-group">

{{form.authorname.label(class="col-sm-2 control-label")}}

{% if form.authorname.errors %}

<div class="col-sm-10 has-error">

 {{form.authorname(class="form-control",placeholder="Author
Name")}}

{% for error in form.authorname.errors %}

<span class="help-block">{{ error }}</span>

{% endfor %}

</div>

{% else %}

<div class="col-sm-10">

{{form.authorname(class="form-control",placeholder="Author
Name")}}

</div>

{% endif %}

</div>

<div class="form-group">

{{form.description.label(class="col-sm-2 control-label")}}

{% if form.description.errors %}

<div class="col-sm-10 has-error">

{{form.description(class="form-
control",placeholder="Description")}}

{% for error in form.description.errors %}

<span class="help-block">{{ error }}</span>

{% endfor %}

</div>

{% else %}

<div class="col-sm-10">

{{form.description(class="form-
control",placeholder="Description")}}
 </div>

{% endif %}

</div>

<div class="form-group">

{{form.picture.label(class="col-sm-2 control-label")}}

<div class="col-sm-10">

{{form.picture(class="form-control")}}

{% if form.picture.errors %}

{% for error in form.picture.errors %}

<span class="text-danger">{{ error }}</span>

{% endfor %}

{% endif %}

</div>

</div>

</div>

<!-- /.box-body -->

<div class="box-footer">

<a class="btn btn-default" href="{{url_for('booklist')}}">Cancel</a>

{{ form.submit(class="btn btn-info pull-right") }}

</div>

<!-- /.box-footer -->

</form>

</div>

</div>
</div>

{% endblock dashboardcontent %}

7 Testing:
7.1 Output pages

Admin Page
Homepage
Student Report

Change Password
 Issued Book Report

Returned Book report

 8 Conclusion
Library management has to do with keeping accurate records of books that
are available in library. This often means having enough stock of books to the
library totals as well as subtracting the most recent issued books to their students
library management has to do with keeping accurate records of books that are
ready for students for issuing and the process to return the books.
➢ The system is designed to reduced human labor and efficiently
maintaining the books.
➢ It provides flexible and powerful reports
regarding books, publisher, issued books and
return books.
➢ We hope that it will help people to reduce both time and money.

8.2 Advantages

➢ Simplified Library Book management System.

➢ Reduced risk of losses.
➢ Greater cost-savings.
➢ Improved management system.
➢ Better books visibility in the event of a recall.
➢ The ability to make more manageable
library.

.....................................THANK YOU......................................................