Javascript Report

Library Management System
1.0 Rationale:
Libraries dole out a critical role in the Education industry. It is considered as the brain
of any education institute, be it small or large schools, colleges or universities. Today
education institutes understand the importance of the library with the increase in
education standards. With the development of digital content, it becomes more
important to manage the catalog of educational information with scalable and reliable
Library Management System that will support the general requirement of the library.
Easy to use Campus library management systems are now available for stress-free
management of campus libraries of any size. A trustworthy web-based library
management system provides a complete resolution for students, librarians, and faculty
members.
Library Management System helps in maintaining data of books issued to learners and
books available in the library. This helps librarians to spot any particular book at any
given time in the library. This kind of Library management system can be easily
customized as per individuals requirement. It’s easy to use interface and immediate
reporting make things easier for the school library staff. For easy arrangement, such
type of system divides the books on Biographer name, Manuscript group, Publisher and
more. With the help of barcode, Librarian can keep track of different records such as:
2.0 Aim of A Micro Project:
1. To create interactive web pages using program flow control structure.
2. To create event based web forms using javascript.
3. To implement arrays and function in javascript
3.0 Course Outcome:
1. Create interactive web pages using program flow control structure.
2. Implement arrays and functions in java script.
3. Create event based web forms using java script.
4. Create menus and navigations in web pages.
5. Use JavaScript for handling cookies.
6. Create interactive webpages using regular expressions for validations.

4.0 Literature Review
A review of literature reveals that a computerized library management system will:

1. Help to improve the library services.
2. Help the Liberians with management information.
3. Help the librarian in reporting on the various operations of the library.
4. Increase the rate at which Tasks are completed accurately
5. Obviate the need to hire additional staff with increased demand for services.
Nwalo (2003) posited that a computerized library management system involves the use
of a computer application on computers in library.
A number of studies have reported on the application of information technology in
libraries in Nigeria. These reports include that of Lawani, Azubike and Ibekwe (1992),
Mosuro (1996), Idowu and Mabawonku (1999), Ogunleye (1997) Agboola (2000), and
Ajala (2001) Nok (2006). All of these studies have agreed that serious application of
information technology to library processes started in Nigerian libraries in the early
1990s.
5.0 Action Plan:
Sr No. Details of Activity Planned Start Planned Finish Names Of

Date Date Responsible
Team Members
1 Problem Definition 11/07/2019 19/07/2019 Madhunika
(Topic Finalization) Nilakhe,
Pallavi Bhalke,
Pooja Dahatonde
Requirements 20/07/2019 27/07/2019 Pranjali Burke
2 Gathering
Proposal Submission 31/07/2019 01/8/2019 Pallavi Bhalke,
3 Pooja
Dahatonde,
Madhunika
Nilakhe
Resource Gathering 02/07/2019 09/08/2019 Pranjali Burke,
4 Madhunika
Nilakhe
GUI Creation 19/08/2019 31/08/2019 Pooja
5 Dahatonde,
Pallavi Bhalke,
Pooja Dahatonde
Construction 03/08/2019 09/08/2019 Pranjali Burke,,
6 Pallavi Bhalke,
Pooja
Dahatonde
Testing 11/08/2019 16/09/2019 Pranjali Burke,
7 Madhunika
Nilakhe
Finalization of project 18/09/2019 23/09/2019 Madhunika
8 Nilakhe,
Pallavi Bhalke,
Pooja
Dahatonde
Report Writing 24/09/2019 30/09/2019 Pallavi Bhalke,
9 Pooja
Dahatonde,
Madhunika
Nilakhe
10 Submission of Project 01/10/2019 04/10/2019 By All team
Report Members
6.0 Resource Required:
Sr. Name of Resources/material Specification Quantity

No/.
1 Hardware: Computer system 4 GB RAM, 1
320 GB HDD,
INTEL(R)
Core i3(R) CPU
@ 2.00 GHZ
PROCESSOR
2 Operating system Windows 10 Pro 1
3 Software Microsoft office 2019 1
4 Any other resource used VS Code 1
5 Internet websites As Required

7.0 Source Code
homePage.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/CSS/homePageStyle.css">
<script src="/JS/homePage.js"> </script>
<title>Home Page</title>
</head>
<body background="/JS/download.jpeg" style="background-size: cover">

<div id="submitStatus"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" onclick="editMyText(`noteText1`);" href="#">College
Library Website</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav mr-auto">
</ul>
<div class="form-inline my-2 my-lg-0">
<a class="navbar-brand" href="/registeredBookDetails.html">Show
Registered Book</a>
<a class="navbar-brand" href="/loginPage.html">Admin Login</a>
</div>
</div>
</nav>
<div class="container">
<h1>Register</h1>
<p>Please fill in this form to register a book.</p>
<hr>
<label for="lastName"><b>First Name</b></label>

<input type="text" placeholder="Enter First Name" id="firstName"
name="firstName" required>
<label for="firstName"><b>Last Name</b></label>

<input type="text" placeholder="Enter Last Name" id="lastName"
name="lastName" onblur="generateEmail();" required>
<label for="email"><b>Email</b></label>
<input type="text" id="email" name="email" readonly required>
<label for="bookName"><b>Book Name</b></label>

<input type="text" placeholder="Enter Book Name" id="bookName"
name="bookName" required>
<hr>
<button type="button" class="registerbtn" onclick="registerNewBook({firstName:

firstName.value, lastName: lastName.value, email: email.value, bookName:
bookName.value});">Register</button>
</div>
</body>
</html>
app.js
console.log("This is indexES6.js");
let num = 0;
var notesObj = [];
const libraryForm = document.getElementById("libraryForm");
class Book {
constructor(name, author, type) {
this.name = name;
this.author = author;
this.type = type;
}
}
class Display {
add(bookObj) {
console.log("Adding details to UI");
let BooksManager = JSON.parse(localStorage.getItem("BooksDetails"));
notesObj.push(BooksManager);
if (BooksManager == null) {
BooksManager = [{ "num": 1, "bookName": bookObj.name, "bookAuthor":
bookObj.author, "bookType": bookObj.type }];
}
else {
BooksManager.push({ "num": BooksManager[BooksManager.length - 1].num +
1, "bookName": bookObj.name, "bookAuthor": bookObj.author, "bookType":
bookObj.type });
}
localStorage.setItem("BooksDetails", JSON.stringify(BooksManager));
}
clear() {
libraryForm.reset();
}
validate(bookObj) {
if (bookObj.name == "" || bookObj.author == "")
return false;
else
return true;
}
showAlert(type, message) {
if (type == "error")
type = "danger";
else {
type = "success"
}
const submitStatusMessage = document.getElementById("submitStatus");

let promptMessage = `<div class="alert alert-${type} alert-dismissible fade show"
role="alert">
<strong>${type}:</strong> ${message}
<button type="button" class="close" data-dismiss="alert" aria-
label="Close">
<span aria-hidden="true">×</span>
</button>
</div>`
submitStatusMessage.innerHTML = promptMessage;
setTimeout(() => {
submitStatusMessage.innerHTML = '';
}, 5000);
}
}
//Add Submit Event Listner to libraryForm

libraryForm.addEventListener("submit", libraryFormSubmit);
//LibraryForm Submit Function.

function libraryFormSubmit(event) {
console.log("You have submitted Library Form");
event.preventDefault();
const name = document.getElementById("name").value;
const author = document.getElementById("author").value;
const fiction = document.getElementById("fiction");
const programming = document.getElementById("programming");
const cooking = document.getElementById("cooking");
let type;
if (fiction.checked)
type = fiction.value;
else if (programming.checked)
type = programming.value;
else if (cooking.checked)
type = cooking.value;
let bookObj = new Book(name, author, type);

// console.log(bookObj);
let displayObj = new Display();

// console.log(displayObj);
if (displayObj.validate(bookObj)) {
displayObj.add(bookObj); // Calling a user-defined function called add()..
displayObj.clear() // Calling a user defined function called clear()..
displayObj.showAlert("success", "Your book has been added successful");
}
else // Show error to the user...
displayObj.showAlert("error", "Sorry you cannot add this book.");
}
8.0 Output:
9.0 Skills Developed:
1. Working within a team allows for the workload to be shared equally among
members and distributed according to each member’s skills and strengths.
2. When the workload is shared and members of a team collaborate, we can feel a
greater sense of accomplishment
3. When we complete a task and reach a goal that we would not have been able to
achieve had they been working alone. Another huge benefit of teamwork is the
establishment and development of strong relationships among co-workers.
10.0 Application of the Micro-project:

6. It is used in education and similar fields to measure growth in knowledge,
abilities and skills.
7. The ability to take voice note right from within the app
8. The ability to duplicate any note.
11.0 Conclusion:
1. We successfully developed Quiz game System in JavaScript. We learned several
project
2. management techniques used by professionals to develop large scale project.
The experience
3. of working in team and integration of modules developed independently, with
just requirement
4. specifications, is a very important achievement.
12.0 References:
1. JavaScript (the definitive guide) by Darld
2. JavaScript by Dr. Axel Rauschmayer.

Javascript Report

Uploaded by

Copyright:

Available Formats

Javascript Report

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Javascript Report

Uploaded by

Copyright:

Available Formats

Library Management System

2.0 Aim of A Micro Project:

1. To create interactive web pages using program flow control structure.

2. To create event based web forms using javascript.

3. To implement arrays and function in javascript

3.0 Course Outcome:

1. Create interactive web pages using program flow control structure.

2. Implement arrays and functions in java script.

3. Create event based web forms using java script.

4. Create menus and navigations in web pages.

5. Use JavaScript for handling cookies.

6. Create interactive webpages using regular expressions for validations.

A review of literature reveals that a computerized library management system will:

Sr No. Details of Activity Planned Start Planned Finish Names Of

6.0 Resource Required:

Sr. Name of Resources/material Specification Quantity

4 Any other resource used VS Code 1

5 Internet websites As Required

<body background="/JS/download.jpeg" style="background-size: cover">

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<label for="lastName"><b>First Name</b></label>

<label for="firstName"><b>Last Name</b></label>

<label for="bookName"><b>Book Name</b></label>

<button type="button" class="registerbtn" onclick="registerNewBook({firstName:

let BooksManager = JSON.parse(localStorage.getItem("BooksDetails"));

const submitStatusMessage = document.getElementById("submitStatus");

//Add Submit Event Listner to libraryForm

//LibraryForm Submit Function.

let bookObj = new Book(name, author, type);

let displayObj = new Display();

10.0 Application of the Micro-project:

You might also like

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.