ApartmentVisitor Django Report
ApartmentVisitor Django Report
ApartmentVisitor Django Report
Page No.
Chapter 1. Introduction
1) Introduction 7
2) System environment 7
3) Software requirement 8
4) Hardware requirements 8
Page 1
Chapter 4.Implementation issues
1) Python 11
2) HTML 13
3) Cascading style sheet(CSS) 16
4) Sqlite 17
Chapter 8. Conclusion
7) Features of “Apartment Visitor Management System” 71
8) Benefits Accrued from “AVMS” 72
9) Limitations of “AVMS” 73
Bibliography
Page 2
CHAPTER # 1
Introduction
Contents:
Introduction
Problem Definition
Aim
Objective
Goal
Need of System
Page 3
Abstract
Apartment Visitor Management System deals with the security provided at society premises
from the unauthorized or unwanted visitors.
Nowadays, in most society visitor management consists of visitors scribbling their name in a
paper book.
Instead, Apartment Visitor Management System will assist you the professionalized way in
which you welcome your visitors. This software is a complete Visitor Management service to
improve the efficiency, productivity and security.
Apartment Visitor Management system is a web-based technology that will revolutionize the
way your society manages visitors. Visitor Management system is more important to security
guards or security society. This web application provides a way to effectively control record
& track society visitor traffic.
In AVMS we use Python and Sqlite database. This is the project which keeps records of
visitors who visited in the Society. AVMS has one module i.e. admin
• Dashboard: In this section, admin can briefly view how many visitors visited in a
particular period.
• Visitors: In this section, admin adds new visitors by filling their information in add
visitors sections and also view and manage visitor’s records. Admin also put visitors
out time in the manage records section.
• Search: In this bar, admin can search a particular person by their name and phone
number.
• Reports: In this section admin can generate visitor’s reports between two dates.
Page 4
Problem Definition:
In present all visitor work done on the paper. The whole year visitor detail is stored in the
registers. We can’t generate reports as per our requirements because its take more time to
Not user friendly: The present system not user friendly because data is not stored in
Manual Control: All report calculation is done manually so there is a chance of error.
Lots of paper work: Visitors maintain in the register so lots of paper require storing
details.
Time consuming
There is always a need of a system that will provide a way to effectively control records &
track apartment visitor traffic.
Page 5
CHAPTER # 2
Hardware and Software
Requirements
Contents:
Introduction
System environment
Software requirement
Hardware requirements
Page 6
Introduction:
In this chapter we mentioned the software and hardware requirements, which are
necessary for successfully running this system. The major element in building systems
is selecting compatible hardware and software. The system analyst has to determine
what software package is best for the “Online Apartment Visitor Management
System” and, where software is not an issue, the kind of hardware and peripherals
needed for the final conversion.
System Environment:
After analysis, some resources are required to convert the abstract system into the real
one.
The hardware and software selection begins with requirement analysis, followed by a
request for proposal and vendor evaluation.
Software and real system are identified. According to the provided functional
specification all the technologies and its capacities are identified. Basic functions and
procedures and methodologies are prepared to implement. Some of the Basic
requirements such as hardware and software are described as follows: -
Page 7
Hardware and Software Specification
Software Requirements:
Hardware Requirements:
Page 8
CHAPTER # 3
System Analysis
Contents:
Purpose
Project Scope
Existing System
Proposed System
System Overview
Page 9
Purpose:
The purpose of developing apartment visitor management system is to computerized the
tradition way of visitors. Another purpose for developing this application is to generate the
report automatically.
Project Scope:
Apartment Visitor Management System project is developed as a web application and it will
work over web.
The project has a wide scope, as it is not intended to a particular organization. This
project is going to develop generic software, which can be applied by any businesses
organization. More over it provides facility to its users. Also the software is going to
provide a huge amount of summary data.
Proposed System:
Apartment Visitor Management System deals with the security provided at society premises
from the unauthenticated or unwanted visitors.
System Overview:
The key features required in the system are as follows:
Page 10
CHAPTER # 4
Implementation issues
Python
Python is a widely used general-purpose, high level programming language. It was initially
designed by Guido van Rossum in 1991 and developed by Python Software Foundation. It
was mainly developed for emphasis on code readability, and its syntax allows programmers
to express concepts in fewer lines of code.
Python is a programming language that lets you work quickly and integrate systems more
efficiently.
Python is dynamically typed and garbage-collected. It supports multiple programming
paradigms, including procedural, object-oriented, and functional programming. Python is
often described as a "batteries included" language due to its comprehensive standard library.
Page 11
HTML
HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file
intended for display on a World Wide Web browser page. The markup tells the Web browser
how to display a Web page's words and images for the user. Each individual markup code is
referred to as an element (but many people also refer to it as a tag). Some elements come in
pairs that indicate when some display effect is to begin and when it is to end.
Page 12
CASCADING STYLE SHEET (CSS)
Cascading Style Sheets (CSS) are a collection of rules we use to define and modify web
pages. CSS are similar to styles in Word. CSS allow Web designers to have much more
control over their pages look and layout. For instance, you could create a style that defines
the body text to be Verdana, 10 point. Later on, you may easily change the body text to Times
New Roman, 12 point by just changing the rule in the CSS. Instead of having to change the
font on each page of your website, all you need to do is redefine the style on the style sheet,
and it will instantly change on all of the pages that the style sheet has been applied to. With
HTML styles, the font change would be applied to each instance of that font and have to be
changed in each spot.
CSS can control the placement of text and objects on your pages as well as the look of those
objects.
HTML information creates the objects (or gives objects meaning), but styles describe how the
objects should appear. The HTML gives your page structure, while the CSS creates the
“presentation”. An external CSS is really just a text file with a .css extension. These files can
be created with Dreamweaver, a CSS editor, or even Notepad.
The best practice is to design your web page on paper first so you know where you will want
to use styles on your page. Then you can create the styles and apply them to your page.
Page 13
Javascript
Page 14
Django
This framework uses a famous tag line: The web framework for perfectionists with deadlines.
Page 15
CHAPTER # 5
System Design
Contents:
Use case diagram
Class Diagram
Sequence Diagram
Data flow diagram
Page 16
Use Case Diagram:
Use case diagram consists of use cases and actors and shows the interaction
between them. The key points are:
The main purpose is to show the interaction between the use cases and the
actor.
The use cases are the functions that are to be performed in the module.
Page 17
DFD (Data Flow Diagram)
Page 18
CLASS DIAGRAM
Page 19
ER DIAGRAM
Page 20
Administrator
Success:hide()
Fig.5.4
Page 21
Implementation and System Testing
After all phase have been perfectly done, the system will be implemented to the server and
the system can be used.
System Testing
The goal of the system testing process was to determine all faults in our project .The program was
subjected to a set of test inputs and many explanations were made and based on these explanations it
will be decided whether the program behaves as expected or not. Our Project went through two levels
of testing
1. Unit testing
2. Integration testing
UNIT TESTING
Unit testing is commenced when a unit has been created and effectively reviewed .In order
to test a single module we need to provide a complete environment i.e. besides the section
we would require
The procedures belonging to other units that the unit under test calls
Non local data structures that module accesses
A procedure to call the functions of the unit under test with appropriate
parameters
Report Generation: admin can generate report from the main database.
INTEGRATION TESTING
In the Integration testing we test various combination of the project module by providing the
input.
The primary objective is to test the module interfaces in order to confirm that no errors are
occurring when one module invokes the other module.
Page 22
CHAPTER # 6
Output screens
HOME PAGE
Page 23
ADMIN DASHBOARD PAGE
Page 24
ADD NEW VISITOR PAGE
Page 25
MANAGE VISITOR PAGE
Page 26
VIEW VISITOR DETAIL PAGE
Page 27
BETWEEN DATE REPORTS
Page 28
VIEW BETWEEN DATES REPORTS
Page 29
CHANGE PASSWORD PAGE
Page 30
CHAPTER # 7
Coding
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
Page 31
<!-- Bootstrap CSS-->
<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">
<!-- Vendor CSS-->
<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">
<!-- Main CSS-->
<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">
</head>
<div class="login-form">
Page 32
<form action="" method="post" name="login">
{% csrf_token %}
<div class="form-group">
<label>User Name</label>
<input class="au-input au-input--full" type="text"
name="username" placeholder="User Name" required="true">
</div>
<div class="form-group">
<label>Password</label>
<input class="au-input au-input--full" type="password"
name="password" placeholder="Password">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
Page 34
ADMIN HOME PAGE CODING
{% load static %}
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
Page 35
<!-- Vendor CSS-->
<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
Page 36
<!-- MAIN CONTENT-->
<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include 'footer.html' %}
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
Page 39
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counte r-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counte r-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
<!-- end document-->
{% endblock %}
Page 40
ADD NEW VISITOR PAGE CODING
{% load static %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<div class="page-container">
<!-- HEADER DESKTOP-->
{% include 'header.html' %}
<!-- HEADER DESKTOP-->
<div class="col-lg-12">
<div class="card">
<div class="card-header">
Page 42
<strong>Add</strong> New Visitors
</div>
<div class="card-body card-block">
<form action="" method="post" enctype="multipart/form-
data" class="form-horizontal">
{% csrf_token %}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label for="password-input" class=" form-control-
label">Floor/Wing</label>
</div>
<div class="col-12 col-md-9">
<input type="text" id="floor" name="floor"
placeholder="floor" class="form-control" required="true">
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label for="password-input" class=" form-control-
Page 44
label">Whom to Meet</label>
</div>
<div class="col-12 col-md-9">
<input type="text" id="whomtomeet"
name="whomtomeet" placeholder="Whom to Meet" class="form-control"
required="true">
</div>
</div>
</div>
</div>
</div>
</div>
Page 45
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
name="submit" id="submit" class="btn btn-primary btn-sm">Add
</button></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
Page 46
<script src="{% static 'vendor/counte r-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counte r-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
<!-- end document-->
{% ifequal error "no" %}
<script>
alert('Visitors Detail has been added.');
window.location=('{% url 'manage_newvisitors' %}');
</script>
{% endifequal %}
{% ifequal error "yes" %}
<script>
alert('Something Went Wrong. Please try again');
</script>
{% endifequal %}
Page 47
MANAGE VISITORS PAGE
{% load static %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<th>Visitor Name</th>
<th>Contact Number</th>
<th>Whom To Visit</th>
<th>Action</th>
</tr>
</tr>
</thead>
{% for i in visitor %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{i.visitorname}}</td>
<td>{{i.mobileno}}</td>
<td>{{i.whomtomeet}}</td>
<td><a href="{% url 'visitor_detail' i.id %}" title="View Full Details"><i
class="fa fa-edit fa-1x"></i></a></td>
</tr>
{% endfor %}
</table>
</div>
</div>
</div>
Page 50
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counte r-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counte r-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
<!-- Main JS-->
<script src="{% static 'js/main.js' %}"></script>
</body>
</html>
Page 51
VIEW VISITOR DETAIL PAGE CODING
{% load static %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<tr>
<th>Mobile Number</th>
<td>{{visitor.mobileno}}</td>
</tr>
<tr>
<th>Address</th>
<td>{{visitor.address}}</td>
</tr>
<tr>
<th>Apartment no</th>
<td>{{visitor.apartment}}</td>
</tr>
<tr>
<tr>
<th>Floor</th>
<td>{{visitor.floor}}</td>
Page 54
</tr>
<tr>
<th>Whom to Meet</th>
<td>{{visitor.whomtomeet}}</td>
</tr>
<tr>
<th>Reason to Meet</th>
<td>{{visitor.reasontomeet}}</td>
</tr>
<tr>
<th>Visting Date</th>
<td>{{visitor.vdate}}</td>
</tr>
<tr>
<th>Vistor Entring Time</th>
<td>{{visitor.intime}}</td>
</tr>
{% if not visitor.remark %}
<form method="post">
{% csrf_token %}
<tr>
<th>Outing Remark :</th>
<td>
<textarea name="remark" placeholder="" rows="12" cols="14" class="form-
control wd-450" required="true"></textarea></td>
</tr>
<tr>
<th>Out Time :</th>
Page 55
<td>
<input type="time" id="outtime" name="outtime" class="form-control"
required="true"></td>
</tr>
<tr align="center">
<td colspan="2"><button type="submit" name="submit" class="btn btn-primary
btn-sm">Update</button></td>
</tr>
</form>
{% else %}
<tr>
<th>Outing Remark </th>
<td>{{visitor.remark}}</td>
</tr>
<tr>
<th>Out Time</th>
<td>{{visitor.outtime}} </td>
{% endif %}
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
Page 56
</div>
</div>
</body>
</html>
Page 58
BETWEEN DATES REPORTS PAGE CODING
{% load static %}
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<strong>Between</strong> Dates Reports
</div>
<div class="card-body card-block">
<form method="post" enctype="multipart/form-data"
class="form-horizontal" name="bwdatesreport">
{% csrf_token %}
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label for="email-input" class=" form-control-label">To
Date</label>
</div>
<div class="col-12 col-md-9">
<input type="date" id="todate" name="todate"
Page 61
value="" class="form-control" required="">
</div>
</div>
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
name="submit" id="submit" class="btn btn-primary btn-sm">Submit
</button></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
Page 62
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counte r-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counte r-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
{% endblock %}
<!-- end document-->
Page 63
CHANGE PASSWORD PAGE CODING
{% load static %}
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
<script type="text/javascript">
function checkpass()
{
if(document.changepassword.newpassword.value!=document.changepassword.confirm
password.value)
{
alert('New Password and Confirm Password field does not match');
document.changepassword.confirmpassword.focus();
return false;
}
return true;
}
</script>
</head>
<body class="animsition">
<div class="page-wrapper">
Page 65
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<strong>Change</strong> Admin Password
</div>
<div class="card-body card-block">
<form action="" method="post" enctype="multipart/form-
data" class="form-horizontal" name="changepassword" onsubmit="return
checkpass();">
{% csrf_token %}
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">New
Password</label>
</div>
<div class="col-12 col-md-9">
<input type="password" id="newpassword"
name="newpassword" value="" class="form-control" required="">
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">Confirm
Password</label>
</div>
<div class="col-12 col-md-9">
<input type="password" id="confirmpassword"
name="confirmpass word" class="form-control" maxlength="10" value=""
required="">
</div>
</div>
Page 67
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
name="submit" id="submit" class="btn btn-primary btn-sm">Change
</button></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counte r-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counte r-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
Page 68
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
<!-- end document-->
{% ifequal error "yes" %}
<script>
alert('Password Changed.....');
window.location=('{% url 'logout' %}')
</script>
{% endifequal %}
{% ifequal error "not" %}
<script>
alert('New Password and Confirm Password are not match');
</script>
{% endifequal %}
{% endblock %}
Page 69
CHAPTER # 8
Advantages & Limitations
Page 70
Limitations of “Apartment Visitor Management System”:
Besides the above achievements and the successful completion of the project,
we still feel the project has some limitations, listed as below:
Page 71
CHAPTER # 8
Future Scope
FUTURE SCOPE
This web application involves almost all the basic features of the apartment visitor
management system. The future implementation will be online help for the visitors and
chatting with website administrator.
CONCLUSION
The project entitled “Online Company Visitor Management System” is developed using
HTML, CSS and Bootstrap as front end and Python Django with Sqlite database in back end
to computerize the process of visitor’s management. This project covers only the basic
features required.
Page 72
Bibliography
BIBLIOGRAPHY
Wikipedia
https://www.geeksforgeeks.org/python-django/
https://www.javatpoint.com
https://www.python.org/
https://www.tutorialspoint/
Page 73
REFERENCE BOOKS
Page 74