Lowry Adventist College

Dooravaninagar, Bangalore-560016

Department of Computer Science

Project report

On

CYBER CAFÉ MANAGEMENT SYSTEM

Submitted in partial fulfilment
For the award of
Bachelor of Computer Applications
For the academic year 2022-2023

Under the guidance

Ms. SUMMAIYA H
By
GOPICHAND KOKKIRIPATI (R2013307)

1
 Lowry ADVENTIST College
Dooravaninagar, Banaglore-560016

DEPARTMENT OF COMPUTER SCIENCE

CERTIFICATE

This is to certify that Mr / Ms …………….….................................... has

Carried out project entitled …………………………………. at
……………………………in the practical fulfilment for the requirement of
the degree in “Bachelor of Computer Application” of Bangalore university
Date………………..

Signature of the Staff in-charge Head of the Department

Name of the Candidate…………….

Reg.no…………………………………

Examination centre…………………

Date of practical Examination……

University valuers

1.

2.

2
 CERTIFICATE OF THE GUIDE

This is to certify that the project work titled “Cyber Cafe Management

System” is a bonafide work of Gopichand Kokkiripati (R2013307) carried

out in partial fulfilment for the award of degree of Bachelor of Computer

Application under my guidance. This project work is original and not

submitted earlier for the award of any degree/diploma or associate ship of

any other University/Institution.

Place: Bangalore

Date:

Ms. SUMMAIYA H

Lowry Adventist College

Dooravaninagar, Bangalore-560016

3
 STUDENT DECLARATION

Mr. Gopichand Kokkiripati hereby declare that project work entitled “Cyber cafe

Management System” submitted to LOWRY ADVENTIST COLLEGE is a record of

an original work done by me under the guidance of Ms. SUMMAIYA H, Assistant

Professor Department of computer science, Lowry Memorial College-Bangalore, and

this project work is submitted in partial fulfilment of the requirements for the award of

degree of Bachelor of Computer Application. The results embodied in this have not

been submitted to any other university or Institute for the award of any degree or

diploma.

By

Gopichand Kokkiripati (R2013307)

4
 ACKNOWLEDGEMENT

In the present world of the competition there is a race of existence in which those are
having will to come forward succeed. Project is like a bridge between theoretical and
practical working. However, it would not have been possible without the kind support and
help of many individuals.

We would like to express our deepest gratitude to PROF. WG JOHN CALVIN our
Academic dean and Mr. VASANTH WASON HOD of Computer Application
Department for all undergoing the project.

Very special thanks to Ms. SUMMAIYA H for her encouragement and valuable
guidance has been the ones that helped us to patch this project and make it full proof
success her suggestion and her instruction has served as the major contribution towards
the completion of the project.

A debt of gratitude to all my friends who have helped us with their valuable suggestions
and guidance has been helpful in various phases of the completion of the project.

By

Gopichand Kokkiripati

5
 CONTENTS

Sno Title Page

No
1 Synopsis 7
2 Introduction 9
3 Specification Requirements 10
3.1 Hardware requirement Specification
3.2 Software requirement Specification
4 Project overview 11
5 System Development Environment 11
5.1 HTML
5.2 Introduction to Javascript
5.3 JavaScript Objects
5.4 RDBMS Concept’s
5.5 The SQL Language
6 Design Document 17
6.1 Rules for DFD
6.2 Levels of DFD
6.3 Unified Model Language Diagrams
6.4 Use Case Diagram Admin
7 Entity-Relationship Diagrams 24
8 Database Design 26
9 System Testing 28
References
Appendix-A: Output Screenshots 30
Appendix-B: Source code 38
Conclusion 58
Summary

6
 SYNOPSIS

Computers have become a way of life for today’s high society. Many aspects of

modern life that we have come to accept as common place would not be possible if

there were no computers. Today computers are used extensively in many areas of

business, industry, science, education etc.

The major advantage of computer is its speed that makes it able to give some useful

information very quickly. This speed also opens new approaches to problem

solving and data processing. Another feature is its accuracy. Though the computers

do only what is instructed at every instant, these instructions are taken into account

and accurate information’s are produced. Computer can hold data and instruction

in an electronic representation in internal memory and this data can be retrieved at

any time

The project entitled “Cyber Café Management System” is a software package,

which can be used in cyber cafés for managing the clients’ computer efficiently.

Now a day’s cyber terrorism, which is mainly undergone through internet cafés,

need to be tackled properly. Thereby, it is indeed necessary to store the valid

information of the user who comes for internet access. The system being used, the

time at which the user logs in and logs out should be recorded systematically.

In this modern era, a number of people access the internet frequently by means of

cyber cafes. For such frequent users, a prepaid account shall be maintained and

discounted rates may be charged from them. While walkthrough users, who are less

7
 frequent, are charged a fixed rate. By using the LAN connections in the cyber cafes

we can automate this process very easily. This system comprises of the following

modules:

➢ The Server Module

➢ The Client Module

The server module, which is handled by the administrator can create new accounts

for prepaid users and also store the details of walkthrough customers. While in the

client module, which is handled by users themselves, the user should give his/her

user-id and password to start browsing. After they are logged out, the time and

amount will be automatically generated at the server module and the bill is provided

to the user.

This system is developed in PHP language with My SQL as backend. The system is a

menu driven one. User-friendly menus will help the administrator to work on it

without any operational difficulty

8
 INTRODUCTION

In this project an attempt is made to design a computer system for the CYBER
CAFÉ that makes the management of recording user details, internet usage and
billing much easier. The objective of this software is to maintain the details of
users, cabins and login history. Through this system we provide facility of prepaid
and post-paid accounts respectively for Account Users and Walkthrough Users.

The Software powered by PHP assures clear and efficient services to the
agency. This easy-to-operate system helps to access and modify user details,
provides efficient billing facility. The software is designed to provide Reliable and
error free information. The database is driven by My SQL thus providing
portability.

9
 SOFTWARE AND HARDWARE SPECIFICATIONS

HARDWARE REQUIREMENTS:

Processor : Intel P-IV based system

Processor Speed : 2.0. GHz

RAM : 8GB

Hard Disk : 512

SOFTWARE REQUIREMENTS:

Database : MySQL

Server : Apache

Frontend : HTML

Scripting language : Java Script

IDE : Sublime

Technology : PHP

10
 PROJECT OVERVIEW

In Cyber Café Management System we use PHP and MySQL database. This is the
project which keeps records of daily users of cyber cafe. Cyber Café
Management System has one module i.e. admin.

1. Dashboard: In this section admin can briefly view total number of

computers and total number of user come in cyber cafe.
2. Computer: In this section, admin can manage the computers(add/update).
3. Users: In this section, admin can add new users, update outime, price and
remarks, and view details of old users.
4. Search: In this section admin can search users on the basis of entry id.
5. Report: In this section admin can view number of users comes in cyber café
in particular periods.
6. Profile: In this section admin can update his/her profile.
7. Change Password: In this section admin can change his/her passwords
8. Logout: Through this button admin can logout.
Admin can also recover his/her password.

Note: In this project MD5 encryption method used.

SYSTEM DEVELOPMENT ENVIRONMENT

1. HTML

WHAT IS HTML?

To publish information for global distribution, one needs a university-understood

language, a kind of publishing mother tongue that all computers may potentially
understand. The publishing language used by the World Wide Web is HTML (Hyper
Text Markup Language)

11
HTML Gives Authors the Means To

1. Publish online documents with headings, text, tables, list, photos etc.
2. Retrieve online information via hypertext links, at the click of a button
3. Design forms for conducting transactions with remote services, for use in
searching information, making reservation, ordering products etc.;
4. Includes spreadsheets, video clips, sound clips, and other applications directly
in the documents.

Some HTML Tags

<HTML> :Starting an HTML tag

<HEAD> : Creating a web page’s head

<TITLE> : Giving a web page ‘s body

</HEAD> : Ending a web pages head

</BODY> : Ending a web pages body

</HTML> :Ending a web page

<FORM> : Creating a HTML forms

<INPUT TYPE=BUTTON> : Creating a buttons

<INPUT TYPE=CHECKBOX> : Creating a checkboxes

<INPUT TYPE=SUBMIT> : Creating a submit button

<INPUT TYPE=TEXT> : Creating a text fields

12
HTML 4.0

HTML 4.0 extends with mechanisms for style sheets, scripting, frames embedding
objects, improved support for right to left and mixed direction texts, richer tables
and enhancements to form, offering improved accessibilities for people with
disability.

2. INTRODUCTION TO JAVA SCRIPT

WHAT IS JAVA SCRIPT?

JavaScript, originally supported by Netscape Navigator, is the most popular Web

scripting language today. JavaScript lets you embed programs right in your Web
pages and run these programs using the Web browser. You place these programs in
a <SCRIPT> element. If you want the script to write directly to the Web page, place
it in the <BODY> element.

EX: <HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY>

<SCRIPT LANGUAGE=”JavaScript”>

</SCRIPT>

</BODY></HTML>

13
JAVASCRIPTS OBJECTS

JavaScript is an object-oriented language. JavaScript comes with a number of

predefined objects.

Objects of the JavaScript

1. Document: Corresponds to the current Web page’s body. Using this object,
you have access to the HTML of the page itself, including the all links, images
and anchors in it.
2. Form: Holds information about HTML forms in the current page.
3. Frame: Refers to a frame in the browser’s window.
4. History: Holds the records of sites the Web browser has visited before
reaching the current page.
5. Location: Holds information about the location of the current web page.
6. Navigator: Refers to the browser itself, letting you determine what browser
the user has.
7. Window: Refers to the current browser window.

JAVASCRIPTS EVENTS

Some of the events of JavaScript

1. on Change: Occurs when data in a control, like a text field, changes.

2. on Click: Occurs when an element is clicked.
3. on Focus: Occurs when an element gets the focus.
4. on Mouse Down: Occurs when a mouse button goes down.
5. on Reset: Occurs when the user clicks the reset button.

14
JAVASCRIPTS FUNCTIONS

Declaration of function

Syntax: function function name ()

Write these functions in <SCRIPT> tag.

5.RDBMS CONCEPTS

1. DATA ABSTRACTION

A major purpose of a database system is to provide users with an abstract view

of the data. This system hides certain details of how the data is stored and
maintained. However in order for the system to be usable, data must be retrieved
efficiently. The efficiency lead to the design of complex data structure for the
representation of data in the database. Certain complexity must be hidden from
the database system users. This accomplished by defining several levels of
abstraction at which the database may be viewed.

2. CLASSIFICATION OF DATABASE

There are 3 types of database approaches given below,

a. Hierarchical Database:

15
 In this type of model data is represented in simple tree structured. The
record at the top of three is known as root, the root may have any
number of dependents. Each of these may have any number of low level
dependents and so on up to any number of levels. The disadvantages of
the approach are that no independent record occurrence can exist
without it’s superior.

b. Network Database:

In a Network database, data is represented by Network structure. In this

approach record occurrence can have any number of superiors as well
as any number of immediate dependents thus allow many to many
correspondence directly than an hierarchical approach. The main
disadvantage of the Network model is data representation is very
complex resulting in complexity of the DML (Data Manipulation
Language).

c. Relational Database:

The Relational model represents data and relationships among data by

a collection of tables each of which has a number of columns with
unique names.

6.THE SQL LANGUAGE

SQL is a language for relational database. SQL is a non-procedural i.e., when we

use SQL we specify what we want to be done not how to do it.

Features of SQL

1. SQL is an interactive query language.

2. SQL is a database administration language.
3. SQL is a database programming language.

16
 4. SQL is a client/server language.
5. SQL is a distributed database language.
6. SQL is a database gateway language.

Basic SQL Commands

✓ Data Definition Language commands (DDL)

✓ Data Manipulation Language commands (DML)

✓ Transaction Control Language commands (TCL)

✓ Data control Language commands (DCL)

PHP

• PHP is an acronym for "PHP: Hypertext Preprocessor"

• PHP is a widely-used, open source scripting language
• PHP scripts are executed on the server
• PHP is free to download and use

What is a PHP File?

• PHP files can contain text, HTML, CSS, JavaScript, and PHP code
• PHP code are executed on the server, and the result is returned to the
browser as plain HTML
• PHP files have extension ".php"

What Can PHP Do?

• PHP can generate dynamic page content

• PHP can create, open, read, write, delete, and close files on the server
• PHP can collect form data
• PHP can send and receive cookies
• PHP can add, delete, modify data in your database
• PHP can be used to control user-access
• PHP can encrypt data

With PHP you are not limited to output HTML. You can output images, PDF files,
and even Flash movies. You can also output any text, such as XHTML and XML.

17
 DESIGN DOCUMENT

• The entire system is projected with a physical diagram which specifics the
actual storage parameters that are physically necessary for any database to
be stored on to the disk. The overall systems existential idea is derived from
this diagram.

• The relation upon the system is structure through a conceptual ER-Diagram,

which not only specifics the existential entities but also the standard
relations through which the system exists and the cardinalities that are
necessary for the system state to continue.

• The content level DFD is provided to have an idea of the functional inputs
and outputs that are achieved through the system. The system depicts the
input and output standards at the high level of the systems existence.
A DFD does not show a sequence of steps. A DFD only shows what the different
process in a system is and what data flows between them.

The following are some DFD symbols used in the project

External entities

Process: A transaction of information that resides within

the bounds of the system to be module.
DATAFLOWS

DATASTORE: A repository of data that is to be

stored for use by one or more processes, may
be as simple as buffer of queue or as a
relational database.

18
RULES FOR DFD:

• Fix the scope of the system by means of context diagrams.

• Organize the DFD so that the main sequence of the actions reads left to right
and top to bottom.
• Identify all inputs and outputs.
• Identify and label each process internal to the system with rounded circles.
• A process is required for all the data transformation and transfers.
Therefore, never connect a data store to a data source or the destinations or
another data store with just a data flow arrow.
• Do not indicate hardware and ignore control information.
• Make sure the names of the processes accurately convey everything the
process is done.
• There must not be unnamed process.
• Indicate external sources and destinations of the data, with squares.
• Number each occurrence of repeated external entities.
• Identify all data flows for each process step, except simple Record
retrievals.

• Label data flow on each arrow.

• Use details flow on each arrow.
• Use the details flow arrow to indicate data movements.
• There can’t be unnamed data flow.
• A data flow can’t connect two external entities.

19
LEVELS OF DFD:

The complexity of the business system means that it is a responsible to represent the operations of
any system of single data flow diagram. At the top level, an Overview of the different systems in
an organization is shown by the way of context analysis diagram. When exploded into DFD

They are represented by:

• LEVEL-0 : SYSTEM INPUT/OUTPUT

• LEVEL-1:SUBSYSTEM LEVEL DATAFLOW FUNCTIONAL
• LEVEL-2: FILE LEVEL DETAIL DATA FLOW.
The input and output data shown should be consistent from one level to the next.

LEVEL-0: SYSTEM INPUT/OUTPUT LEVEL

A level-0 DFD describes the system-wide boundaries, dealing inputs to and outputs from
the system and major processes. This diagram is similar to the combined user-level context
diagram.

LEVEL-1: SUBSYSTEM LEVEL DATA FLOW

A level-1 DFD describes the next level of details within the system, detailing the data flows
between subsystems, which makeup the whole.

LEVEL-2: FILE LEVEL DETAIL DATA FLOW

All the projects are feasible given unlimited resources and infinite time. It is both necessary and
prudent to evaluate the feasibility of the project at the earliest possible time. Feasibility and the
risk analysis are pertained in many ways. If project risk is great.

20
 FIRST LEVEL DTAFLOW DIAGRAM

0.0

Admin Cyber Cafe

Management System

2nd Level DFDs

1.1

User
DB DB

1.2

Admin

1.1.1.1
Add

User
Computer
Details

Admin Info

21
2. Unified Modeling Language Diagrams(UML):

• The unified modeling language allows the software engineer to express an

analysis model using the modeling notation that is governed by a set of
syntactic semantic and pragmatic rules.

• A UML system is represented using five different views that describe the
system from distinctly different perspective. Each view is defined by a set of
diagram, which is as follows.

User Model View

i. This view represents the system from the users perspective.

ii. The analysis representation describes a usage scenario from the end-users
perspective.
Structural model view

◆ In this model the data and functionality are arrived from inside the system.

◆ This model view models the static structures.

Behavioral Model View

◆ It represents the dynamic of behavioral as parts of the system, depicting

the interactions of collection between various structural elements
described in the user model and structural model view.

Implementation Model View

◆ In this the structural and behavioral as parts of the system are represented
as they are to be built.

Environmental Model View

In this the structural and behavioral aspects of the environment in which the system
is to be implemented are represented.

UML is specifically constructed through two different domains they are

22
 ◆ UML Analysis modeling, which focuses on the user model and
structural model views of the system?

◆ UML design modeling, which focuses on the behavioral modeling,

implementation modeling and environmental model views.
Use Case Diagrams Admin

Sign in

Dashboard

Manage Computer
(Add / Update)

Manage User
(Add/ Update
details)

Generate Reports

Update Own Profile

Change Password

Password Recovery

23
ENTITY-RELATIONSHIP Diagrams

E-R (Entity-Relationship) Diagram is used to represents the relationship between

entities in the table.

The symbols used in E-R diagrams are:

SYMBOL PURPOSE

Represents Entity sets.

Represent attributes.

Represent Relationship Sets.

Line represents flow

Structured analysis is a set of tools and techniques that the analyst.

To develop a new kind of a system:

24
The traditional approach focuses on the cost benefit and feasibility analysis, Project
management, and hardware and software selection a personal considerations.

25
 DATABASE DESIGN

The data in the system has to be stored and retrieved from database. Designing the

database is part of system design. Data elements and data structures to be stored have

been identified at analysis stage. They are structured and put together to design the

data storage and retrieval system.

A database is a collection of interrelated data stored with minimum redundancy to

serve many users quickly and efficiently. The general objective is to make database

access easy, quick, inexpensive and flexible for the user. Relationships are

established between the data items and unnecessary data items are removed.

Normalization is done to get an internal consistency of data and to have minimum

redundancy and maximum stability. This ensures minimizing data storage required,

minimizing chances of data inconsistencies and optimizing for updates. The MS

Access database has been chosen for developing the relevant databases.

Cyber Cafe Management System Project (CCMS) contains 3 MySQL tables :

tbluser table Structure : This table store the login and personal details of user.

26
tblcomputers table Structure : This table store the computer and cabin details.

tblusers table Structure : This table store the user personal and computer usage details .

Class Diagram:

The class diagram shows a set of classes, interfaces, collaborations and their
relationships.

27
 SYSTEM TESTING

SOFTWARE TESTING TECHNIQUES:

Software testing is a critical element of software quality assurance and

represents the ultimate review of specification, designing and coding.

TESTING OBJECTIVES:

1. Testing is process of executing a program with the intent of finding an

error.

2. A good test case design is one that has a probability of finding an as yet

undiscovered error.

3. A successful test is one that uncovers an as yet undiscovered error.

These above objectives imply a dramatic change in view port.

Testing cannot show the absence of defects, it can only show that software

errors are present.

There are three types of testing strategies

1. Unit test
2. Integration test
3. Performance test

28
Unit Testing:

Unit testing focuses verification efforts on the smallest unit of software design
module. The unit test is always white box oriented. The tests that occur as part of
unit testing are testing the module interface, examining the local data structures,
testing the boundary conditions, execution all the independent paths and testing
error-handling paths.

Integration Testing:

Integration testing is a systematic technique or construction the program structure

while at the same time conducting tests to uncover errors associated with
interfacing. Scope of testing summarizes the specific functional, performance,
and internal design characteristics that are to be tested. It employs top-down
testing and bottom-up testing methods for this case.

Performance Testing:

Timing for both read and update transactions should be gathered to determine
whether system functions are being performed in an acceptable timeframe.

29
 OUTPUT SCREENSHOTS
Admin Login

Dashboard

30
Profile

Change Password

31
Add Computer

Manage Computer

32
Update Computer

Add Users

33
Update user

34
User Details

Search data

35
Between Reports

36
Forgot Password

Reset Password

37
 SOURCE CODE
Dashboard:
<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
if (strlen($_SESSION['ccmsaid']==0)) {
header('location:logout.php');
}
?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>CCMS Admin Dashboard</title>
<link rel="apple-touch-icon" href="apple-icon.png">
<link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css">
<link rel="stylesheet" href="vendors/jqvmap/dist/jqvmap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
rel='stylesheet' type='text/css'>
</head>
<body>
<?php include_once('includes/sidebar.php');?>

38
 <div id="right-panel" class="right-panel">
<?php include_once('includes/header.php');?>
<!-- Header-->
<div class="breadcrumbs">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>Dashboard</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
<div class="page-title">
<ol class="breadcrumb text-right">
<li class="active">Dashboard</li>
</ol>
</div>
</div>
</div>
</div>
<div class="content mt-3">
<div class="col-sm-6 col-lg-6">
<div class="card text-white bg-flat-color-4">
<div class="card-body pb-0">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light"
type="button" id="dropdownMenuButton4" data-toggle="dropdown">
<i class="fa fa-cog"></i>

39
 </button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton4">
<div class="dropdown-menu-content">
<a class="dropdown-item" href="view-allusers.php">Action</a>
</div>
</div>
</div>
<?php $query=mysqli_query($con,"Select * from tblusers");
$usercounts=mysqli_num_rows($query);
?>
<h4 class="mb-0">
<span class="count"><?php echo $usercounts;?></span>
</h4>
<p class="text-light">Total Number of Users</p>
<div class="chart-wrapper px-3" style="height:70px;" height="70">
<canvas id="widgetChart4"></canvas>
</div>
</div>
</div>
</div>
<!--/.col-->
<div class="col-sm-6 col-lg-6">
<div class="card text-white bg-flat-color-2">
<div class="card-body pb-0">
<div class="dropdown float-right">
<button class="btn bg-transparent dropdown-toggle theme-toggle text-light"
type="button" id="dropdownMenuButton2" data-toggle="dropdown">
<i class="fa fa-cog"></i>
</button>

40
 <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<div class="dropdown-menu-content">
<a class="dropdown-item" href="manage-computer.php">Action</a
</div>
</div>
</div>
<?php $query1=mysqli_query($con,"Select * from tblcomputers");
$totalcomp=mysqli_num_rows($query1);
?>
<h4 class="mb-0">
<span class="count"><?php echo $totalcomp;?></span>
</h4>
<p class="text-light">Total Computers</p>
<div class="chart-wrapper px-0" style="height:70px;" height="70">
<canvas id="widgetChart2"></canvas>
</div>
</div>
</div>
</div>
</div> <!-- .content -->
</div><!-- /#right-panel -->
<!-- Right Panel -->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="vendors/chart.js/dist/Chart.bundle.min.js"></script>
<script src="assets/js/dashboard.js"></script>
<script src="assets/js/widgets.js"></script>

41
 <script src="vendors/jqvmap/dist/jquery.vmap.min.js"></script>
<script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>
<script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script>
<script>
(function($) {
"use strict";
jQuery('#vmap').vectorMap({
map: 'world_en',
backgroundColor: null,
color: '#ffffff',
hoverOpacity: 0.7,
selectedColor: '#1de9b6',
enableZoom: true,
showTooltip: true,
values: sample_data,
scaleColors: ['#1de9b6', '#03a9f5'],
normalizeFunction: 'polynomial'
});
})(jQuery);
</script>
</body>

Main:

<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
if(isset($_POST['login']))
{
$adminuser=$_POST['username'];

42
 $password=md5($_POST['password']);
$query=mysqli_query($con,"select ID from tbladmin where UserName='$adminuser' &&
Password='$password' ");
$ret=mysqli_fetch_array($query);
if($ret>0){
$_SESSION['ccmsaid']=$ret['ID'];
header('location:dashboard.php');
}
else{
$msg="Invalid Details.";
}
}
?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>CCMS Admin Login</title>
<link rel="apple-touch-icon" href="apple-icon.png">
<link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
rel='stylesheet' type='text/css'>
</head>
<body class="bg-dark" style=" background-image: url('images/bg.jpg');">
<div class="sufee-login d-flex align-content-center flex-wrap" >
<div class="container">
<div class="login-content">
<div class="login-logo">
<h3 style="color: white">Cyber Cafe Management System </h3>

43
 <hr color="red"/>
</div>
<div class="login-form">
<form action="" method="post" name="login">
<p style="font-size:16px; color:red" align="center"> <?php if($msg){
echo $msg;
} ?> </p>
<div class="form-group">
<label>User Name</label>
<input type="text" class="form-control" placeholder="User Name"
required="true" name="username">
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" placeholder="Password"
name="password" required="true">
</div>
<div class="checkbox">
<label class="pull-right">
<a href="forgot-password.php">Forgot Password?</a>
</label>
</div>
<button type="submit" class="btn btn-success btn-flat m-b-30 m-t-30"
name="login">Sign in</button>
</form>
</div>
</div>
</div>
</div>
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>

44
</body>
</html>

Adminprofile :

<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
if (strlen($_SESSION['ccmsaid']==0)) {
header('location:logout.php');
} else{
if(isset($_POST['submit']))
{
$adminid=$_SESSION['ccmsaid'];
$AName=$_POST['adminname'];
$mobno=$_POST['mobilenumber'];
$email=$_POST['email'];
$query=mysqli_query($con, "update tbladmin set AdminName='$AName',
MobileNumber ='$mobno', Email= '$email' where ID='$adminid'");
if ($query) {
$msg="Admin profile has been updated.";
}
else
{
$msg="Something Went Wrong. Please try again.";
}
}
?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>CCMS Admin Profile</title>

45
 <link rel="apple-touch-icon" href="apple-icon.png">
<link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Left Panel -->
<?php include_once('includes/sidebar.php');?>
<div id="right-panel" class="right-panel">
<!-- Header-->
<?php include_once('includes/header.php');?>
<div class="breadcrumbs">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>Admin Profile</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
<div class="page-title">
<ol class="breadcrumb text-right">
<li><a href="dashboard.php">Dashboard</a></li>
<li><a href="adminprofile.php">Admin Profile</a></li>
<li class="active">Update</li>
</ol>

46
 </div>
</div>
</div>
</div>
<div class="content mt-3">
<div class="animated fadeIn">
<div class="row">
<div class="col-lg-6">
<!-- .card -->
</div>
<!--/.col-->
<div class="col-lg-12">
<div class="card">
<div class="card-header"><strong>Admin</strong><small>
Profile</small></div>
<form name="profile" method="post" action="">
<p style="font-size:16px; color:red" align="center"> <?php if($msg){
echo $msg;
} ?> </p>
<div class="card-body card-block">
<?php
$adminid=$_SESSION['ccmsaid'];
$ret=mysqli_query($con,"select * from tbladmin where ID='$adminid'");
$cnt=1;
while ($row=mysqli_fetch_array($ret)) {
?>
<div class="form-group"><label for="company" class=" form-control-
label">Admin Name</label><input type="text" name="adminname" value="<?php echo
$row['AdminName'];?>" class="form-control" required='true'></div>
<div class="form-group"><label for="vat" class=" form-control-
label">User Name</label><input type="text" name="username" value="<?php echo
$row['UserName'];?>" class="form-control" readonly=""></div>
<div class="form-group"><label for="street" class=" form-control-
label">Contact Number</label><input type="text" name="mobilenumber" value="<?php

47
echo $row['MobileNumber'];?>" class="form-control" maxlength='10'
required='true'></div>
<div class="row form-group">
<div class="col-12">
<div class="form-group"><label for="city" class=" form-
control-label">Email</label><input type="email" name="email" value="<?php echo
$row['Email'];?>" class="form-control" required='true'></div>
</div>
<div class="col-12">
<div class="form-group"><label for="postal-code"
class=" form-control-label">Admin Registration Date</label><input type="text" name=""
value="<?php echo $row['AdminRegdate'];?>" readonly="" class="form-control"></div>
</div>
</div>
</div>
<?php } ?>
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
class="btn btn-primary btn-sm" name="submit" id="submit">
<i class="fa fa-dot-circle-o"></i> Update
</button></p>
</div>
</div>
</form>
</div>
</div>
</div><!-- .animated -->
</div><!-- .content -->
</div><!-- /#right-panel -->
<!-- Right Panel -->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/jquery-
validation/dist/jquery.validate.min.js"></script>

48
 <script src="vendors/jquery-validation-
unobtrusive/dist/jquery.validate.unobtrusive.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
<?php } ?>

All Users:

<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
if (strlen($_SESSION['cdsmsaid']==0)) {
header('location:logout.php');
} else{
?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CDSMS New Users</title>
<meta name="description" content="Sufee Admin - HTML5 Admin Template">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-icon.png">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css">

49
 <link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Left Panel -->
<?php include_once('includes/sidebar.php');?>
<div id="right-panel" class="right-panel">
<!-- Header-->
<?php include_once('includes/header.php');?>
<div class="breadcrumbs">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>View Users</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
<div class="page-title">
<ol class="breadcrumb text-right">
<li><a href="dashboard.php">Dashboard</a></li>
<li><a href="registered-new-users.php">View New Users</a></li>
<li class="active">Users</li>
</ol>
</div>
</div>
</div>
</div>

50
 <div class="content mt-3">
<div class="animated fadeIn">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<strong class="card-title">View Users</strong>
</div>
<div class="card-body">
<table class="table">
<thead>
<tr>
<tr>
<th>S.NO</th>
<th>Registration Number</th>
<th>Full Name</th>
<th>Action</th>
</tr>
</tr>
</thead>
<?php
$ret=mysqli_query($con,"select *from tbluser");
$cnt=1;
while ($row=mysqli_fetch_array($ret)) {
?>
<tr>
<td><?php echo $cnt;?></td>
<td><?php echo $row['RegNumber'];?></td>
<td><?php echo $row['FullName'];?></td>
<td><a href="view-regnewusers-detail.php?viewid=<?php echo
$row['ID'];?>">View Details</a></td>
</tr>

51
 <?php
$cnt=$cnt+1;
}?>
</table>
</div>
</div>
</div>
</div>
</div><!-- .animated -->
</div><!-- .content -->
</div><!-- /#right-panel -->
<!-- Right Panel -->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
<?php } ?>

Change password:

<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
error_reporting(0);
if (strlen($_SESSION['ccmsaid']==0)) {
header('location:logout.php');
} else{

52
if(isset($_POST['submit']))
{
$adminid=$_SESSION['ccmsaid'];
$cpassword=md5($_POST['currentpassword']);
$newpassword=md5($_POST['newpassword']);
$query=mysqli_query($con,"select ID from tbladmin where ID='$adminid' and
Password='$cpassword'");
$row=mysqli_fetch_array($query);
if($row>0){
$ret=mysqli_query($con,"update tbladmin set Password='$newpassword' where
ID='$adminid'");
$msg= "Your password successully changed";
} else {

$msg="Your current password is wrong";

}

?>

<!doctype html>
<html class="no-js" lang="en">

<head>

<title>CCMS Change Password</title>

<link rel="apple-touch-icon" href="apple-icon.png">

53
 <link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css">

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

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
rel='stylesheet' type='text/css'>

<script type="text/javascript">
function checkpass()
{
if(document.changepassword.newpassword.value!=document.changepassword.confirmpassw
ord.value)
{
alert('New Password and Confirm Password field does not match');
document.changepassword.confirmpassword.focus();
return false;
}
return true;
}

</script>

</head>

<body>
<!-- Left Panel -->

54
<?php include_once('includes/sidebar.php');?>

<div id="right-panel" class="right-panel">

<!-- Header-->
<?php include_once('includes/header.php');?>

<div class="breadcrumbs">
<div class="col-sm-4">
<div class="page-header float-left">
<div class="page-title">
<h1>Change Password</h1>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="page-header float-right">
<div class="page-title">
<ol class="breadcrumb text-right">
<li><a href="dashboard.php">Dashboard</a></li>
<li><a href="change-password.php">Change Password</a></li>
<li class="active">Change</li>
</ol>
</div>
</div>
</div>
</div>

<div class="content mt-3">

<div class="animated fadeIn">

55
 <div class="row">
<div class="col-lg-6">
<!-- .card -->

</div>
<!--/.col-->

<div class="col-lg-12">
<div class="card">
<div class="card-header"><strong>Change</strong><small>
Password</small></div>
<form name="changepassword" method="post" onsubmit="return
checkpass();" action="">
<p style="font-size:16px; color:red" align="center"> <?php if($msg){
echo $msg;
} ?> </p>
<div class="card-body card-block">
<?php
$adminid=$_SESSION['ccmsaid'];
$ret=mysqli_query($con,"select * from tbladmin where ID='$adminid'");
$cnt=1;
while ($row=mysqli_fetch_array($ret)) {

?>
<div class="form-group"><label for="company" class=" form-control-
label">Current Password</label><input type="password" name="currentpassword"
id="currentpassword" class="form-control" required=""></div>
<div class="form-group"><label for="vat" class=" form-control-
label">New Password</label><input type="password" name="newpassword" class="form-
control" required=""></div>
<div class="form-group"><label for="street" class=" form-control-
label">Confirm Password</label><input type="password" name="confirmpassword"
id="confirmpassword" value="" class="form-control"></div>

</div>

56
 <?php } ?>
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
class="btn btn-primary btn-sm" name="submit" id="submit">
<i class="fa fa-dot-circle-o"></i> Change
</button></p>
</div>
</div>
</form>
</div>
</div>
</div><!-- .animated -->
</div><!-- .content -->
</div><!-- /#right-panel -->
<!-- Right Panel -->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/jquery-
validation/dist/jquery.validate.min.js"></script>
<script src="vendors/jquery-validation-
unobtrusive/dist/jquery.validate.unobtrusive.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
<?php } ?

Logout:
<?php
session_start();
session_unset();
session_destroy();
header('location:index.php');
?>

57
Index:
<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');

if(isset($_POST['login']))
{
$adminuser=$_POST['username'];
$password=md5($_POST['password']);
$query=mysqli_query($con,"select ID from tbladmin where UserName='$adminuser' &&
Password='$password' ");
$ret=mysqli_fetch_array($query);
if($ret>0){
$_SESSION['ccmsaid']=$ret['ID'];
header('location:dashboard.php');
}
else{
$msg="Invalid Details.";
}
}
?>
<!doctype html>
<html class="no-js" lang="en">
<head>

<title>CCMS Admin Login</title>

<link rel="apple-touch-icon" href="apple-icon.png">

58
 <link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css">
<link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css">

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

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'
rel='stylesheet' type='text/css'>

</head>

<body class="bg-dark" style=" background-image: url('images/bg.jpg');">

<div class="sufee-login d-flex align-content-center flex-wrap" >

<div class="container">
<div class="login-content">
<h3 style="color: white">Cyber Cafe Management System </h3>
<hr color="red"/>
</div>
<div class="login-form">
<form action="" method="post" name="login">
{
echo $msg;
} ?> </p>
<div class="form-group">
<label>User Name</label>
<input type="text" class="form-control" placeholder="User Name"
required="true" name="username">
</div>
<div class="form-group">

59
 <label>Password</label>
<input type="password" class="form-control" placeholder="Password"
name="password" required="true">
</div>
<div class="checkbox">
<label class="pull-right">
</label>

</div>
<button type="submit" class="btn btn-success btn-flat m-b-30 m-t-30"
name="login">Sign in</button>

</form>
</div>
</div>
</div>
</div>
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/popper.js/dist/umd/popper.min.js"></script>
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>

60
 CONCLUSION
CCMS has many powerful features and is certainly more than a "simple"

diagramming tool. With its support of MDA (Model Driven Architecture), it is more

aimed at people using UML in an intensive way and with some code generations

objectives than for simply drawing diagrams to document requirements. However,

using CCMS just as a diagramming tool work fine, especially on Windows as the

tool is built with Delphi and might execute faster than the Java-based tools. Modern

world is computer world where the things have to be done promptly that requires

optimal resources and optimal methods. Due to this inevitable requirement,

computerisation of each and every sector in the main stream is must, so that it can

be held itself in the race. Few eye catching features of our project are its simplicity,

accuracy, and its user friendly interface. Our software incorporates all the features

and facilities provided by the Visual Studio software. This project has been

developed to manage the entire working of the Cyber Café. Our software simplifies

and replaces all the manual effort and the paper works done by the owner of the

cyber to a completely electronically environment, be it bill generation or customer

creation and fulfilment of their needs and customer satisfaction. Hence both the

customer and the owner are at their ease. The customer is serviced at his footsteps

wherein he just types in the request and he is just a click away. We would like to

convey our sincere gratitude and thanks to all, who stood as our backbone, in

designing, formatting and helping us in executing this project successfully.

61
 BIBLIOGRAPHY

For PHP
➢ https://www.w3schools.com/php/default.asp
➢ https://www.sitepoint.com/php/
➢ https://www.php.net/

For MySQL
➢ https://www.mysql.com/
➢ http://www.mysqltutorial.org

For XAMPP
➢ https://www.apachefriends.org/download.html

62