FACULTY OF SCIENCE COMPUTER AND MATHEMATICS

CSC 443
WEB PROGRAMMING

FINAL REPORT
CYBER CAFÉ RESERVATION SYSTEM

LECTURER: MADAM ROSAIDA BINTI ROSLY

GROUP: CS244/4B1
PREPARED BY:

NAME STUDENT ID

FATIN NABILAH BINTI MUSRI 2018263572

Table of Contents
1.0 INTRODUCTION........................................................................................................................................................1
1.1 Problem Statements..................................................................................................................................................1
1.2 Objectives.................................................................................................................................................................. 1
1.3 Scope and Limitations..............................................................................................................................................1
1.4 Proposed Solution.....................................................................................................................................................2
1.4.1 ERD Diagram.....................................................................................................................................................2
1.4.2 Use Case Diagram..............................................................................................................................................3
2.0 BODY OF CONTENT..................................................................................................................................................4
2.1 Current System Development..................................................................................................................................4
2.2 User Classes and Characteristics.............................................................................................................................4
2.3 Operating Environment...........................................................................................................................................4
2.4 Design and Implementation Constraint..................................................................................................................4
2.5 User Interface............................................................................................................................................................4
2.6 Hardware Interface..................................................................................................................................................5
2.7 Customer Interface System......................................................................................................................................5
2.8 Admin Interface System...........................................................................................................................................5
2.9 Database for Cyber Café..........................................................................................................................................5
2.10 SQL Statements.......................................................................................................................................................8
3.0 USER MANUAL.........................................................................................................................................................13
3.1 Customer User Manual..........................................................................................................................................13
3.2 Admin User Manual...............................................................................................................................................19

i
1.0 INTRODUCTION

Internet have become a way of today life. Many aspect of modern life that we have come to accept as
common place would not be possible if there were no internet. Today, internet are used in many area such as
business. Cyber café provide PC with internet for many use. Many people come to cyber café for surfing the
internet and also playing games. Cyber café become main attention to many people.
The project which is Cyber Café Reservation System is a system which can be used in cyber café for user to
make a reservation in cyber café. This system also can be used by admin to managing the client efficiently.
Nowadays cyber terrorism, which is mainly undergone through internet café, need to be handle properly.
Therefore, 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 log in and log out should be recorded systematically.
A cyber café normally has some number of PC’s which the user will use for certain amount of time. When a
user enter a cyber café, he has to be allocated to a PC and the time start is noted. Also at the same time, the
cyber administrator should be able to see the status of any PC, when the user want to do some other activities
like taking a print out or scan a copy it should be recorded. All the details will be available to the Cyber Café
administrator. Cyber café administrator can submit on the form and generate the bill. There should be display of
all the transaction taking place in the café.

1.1 Problem Statements

In the present, the administrator of cyber café use a paper book to keep track user details. Manual
processing of data is always time consuming and may commit more errors. Further reference to the user details
is time consuming. Accuracy of such data makes the system unreliable and inefficient. The proposed system
will make the flow of the cyber café run smoothly.

 A lot of manual work has to carried out

 Large amount of paperwork is involved which may cause an error
 Registration of user details and keeping record of user are done manually
 For the billing, administrator has to referred to user login time and time allocated which possibility
cause error in bill calculation

1.2 Objectives
The objectives of the Cyber Café Reservation System are:
 To record the user details.
 To record the details activities of user
 Make it easy for admin to update user details
 Manage user details, billing details, transaction details
 To develop a software for reservation system in cyber café.

1.3 Scope and Limitations

The scope for this system is to provide a better way for reservation of Cyber Café. As this is automated
cyber café reservation system it make it easy for administrator to search details. The time allocated is done
efficiently and provides fast service in term of bill calculation and time management. This system give
advantage to administrator and user. This system is efficient storing of user details, automate billing process by
1
calculating time and amount. Other than that, the system can provide the daily report including user details, log
in time, logout time and total amount of a day.
1.4 Proposed Solution

To solve the problem at cyber café, a system name Cyber Café Reservation System have been proposed.

1.4.1 ERD Diagram

2
1.4.2 Use Case Diagram

3
2.0 BODY OF CONTENT

2.1 Current System Development

The new propose for Cyber Café Reservation System development is for customer who want to make
reservation at cyber café through online. The first step for customer to make reservation at this system is that
the customer must have an account. If the customer does not already have an account, they are asked to create
an account first. After the new account is registered, the customer will be using the username and password that
has been registered for login. In the cyber cafe reservation system, customers are required to fill out a
reservation form to make a reservation. After the reservation is successfully made, the customer can continue
logout from the system. But if the customer wants to change the information, the customer can click edit to
change it.
2.2 User Classes and Characteristics
1. Admin
 Admin can Add, Edit, Delete and Update details about computer, cabin and customer
reservation details
 Admin can generate report with Print button
 Admin can see request for reservation from system.
2. Customer
 Customer can create new account
 Customer can place reservation
 Customer can view their reservation details
 Customer can edit or delete their reservation.

2.3 Operating Environment

ITEM DETAILS
Hardware Platform Internet provider, Personal computer
Operating System Window 10
Tool Notepad++, MYSQL
Server Xampp
Language PHP, HTML

2.4 Design and Implementation Constraint

This system did not provide with online chat and there are no feedback from other customer. If customer
have any question, they have to wait and go personally to the cybercafé to ask the question.
2.5 User Interface
Cyber Café Reservation System interface are simple, easy and user-friendly. Customer did not required
to fill in some difficult information. From this system, there are main page, admin login, customer details,
register new account, reservation form and more.

4
2.6 Hardware Interface
This system is open to customers that want to make reservation for cybercafé. A customer just need to
create an account if they do not have an account. After customer success to login, customer can fill in some
information in reservation form. After that, customer can view their reservation. After did not have to waste to
go personally to cybercafé to make reservation. This way customer can save time and energy.
2.7 Customer Interface System
 Allow customer to place reservation for cybercafé
 Required customer to create new account
 Required customer to login first.

2.8 Admin Interface System

 Admin can view customer reservation
 Admin can add, manage and delete details about computer, cabin customer reservation
 Admin can edit their profile
 Admin can change their password.

2.9 Database for Cyber Café

Image 1: Database for ccrsdb

5
Image 2: Table for custlogin

Image 3: Table for reservation

6
Image 4: Table for tbladmin

Image 5: Table for tblcabin

7
 Image 6: Table for tblcomputers

2.10 SQL Statements

-- Database: `ccrsdb`
--
CREATE DATABASE IF NOT EXISTS `ccrsdb` DEFAULT CHARACTER SET utf8mb4 COLLATE
utf8mb4_general_ci;
USE `ccrsdb`;

-- --------------------------------------------------------

--
-- Table structure for table `custlogin`
--

DROP TABLE IF EXISTS `custlogin`;

CREATE TABLE `custlogin` (
`username` varchar(10) NOT NULL,

8
 `password` varchar(20) NOT NULL,
`fullname` varchar(50) NOT NULL,
`sex` enum('male','female','others') NOT NULL,
`nophone` bigint(10) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- Dumping data for table `custlogin`
--

INSERT INTO `custlogin` (`username`, `password`, `fullname`, `sex`, `nophone`) VALUES

('Mohd', 'mohd', 'Mohd Ibrahim', 'male', 123456789),
('Iman ', 'iman', 'Iman Hannani', 'female', 126565656),
('fatin', 'fatin', 'fatin nabilah', 'female', 132560521),
('ahmad', 'ahmad', 'mohd ahmad', 'male', 198787878);

-- --------------------------------------------------------

--
-- Table structure for table `reservation`
--

DROP TABLE IF EXISTS `reservation`;

CREATE TABLE `reservation` (
`Fullname` varchar(120) NOT NULL,
`NoPhone` bigint(11) NOT NULL,
`Date` date NOT NULL,
`Time` time NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--

9
-- Dumping data for table `reservation`
--

INSERT INTO `reservation` (`Fullname`, `NoPhone`, `Date`, `Time`) VALUES

('Mohd Ibrahim', 123456789, '2020-07-07', '10:00:00');

-- --------------------------------------------------------

--
-- Table structure for table `tbladmin`
--

DROP TABLE IF EXISTS `tbladmin`;

CREATE TABLE `tbladmin` (
`ID` int(10) NOT NULL,
`AdminName` varchar(120) DEFAULT NULL,
`UserName` varchar(120) DEFAULT NULL,
`MobileNumber` bigint(10) DEFAULT NULL,
`Email` varchar(200) NOT NULL,
`Password` varchar(120) DEFAULT NULL,
`AdminRegdate` timestamp NOT NULL DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- Dumping data for table `tbladmin`
--

INSERT INTO `tbladmin` (`ID`, `AdminName`, `UserName`, `MobileNumber`, `Email`, `Password`,

`AdminRegdate`) VALUES
(1, 'Admin', 'admin', 132560521, 'admin@gmail.com', 'admin123', '2020-06-25 02:00:09');

-- --------------------------------------------------------
10
--
-- Table structure for table `tblcabin`
--

DROP TABLE IF EXISTS `tblcabin`;

CREATE TABLE `tblcabin` (
`ID` int(10) NOT NULL,
`CabinName` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- Dumping data for table `tblcabin`
--

INSERT INTO `tblcabin` (`ID`, `CabinName`) VALUES

(1, 'Cabin001'),
(2, 'Cabin002'),
(3, 'Cabin003'),
(4, 'Cabin004'),
(5, 'Cabin005');

-- --------------------------------------------------------

--
-- Table structure for table `tblcomputers`
--

DROP TABLE IF EXISTS `tblcomputers`;

CREATE TABLE `tblcomputers` (
`ID` int(10) NOT NULL,

11
 `ComputerName` varchar(120) DEFAULT NULL,
`ComputerLocation` varchar(120) DEFAULT NULL,
`IPAdd` varchar(120) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- Dumping data for table `tblcomputers`
--

INSERT INTO `tblcomputers` (`ID`, `ComputerName`, `ComputerLocation`, `IPAdd`) VALUES

(1, 'Asus', 'Cabin 13', '127.0.0.1'),
(4, 'Acer', 'Cabin 02', '127.0.0.2'),
(5, 'Lenovo', 'Cabin 11', '127.0.0.3'),
(6, 'Samsung', 'Cabin002', '127.0.0.4');

--

12
3.0 USER MANUAL

Picture 1
Step 1: For Cyber Café Reservation System, in main page it have two login which are for admin login and
customer login. The user can click on button to choose between admin or customer. After that, user will
be brought to another page.
3.1 Customer User Manual

Picture 2

13
 2

Picture 3
Step 1: Customer page begin with user login. Customer is required to make an account for this system. If the
customer have an account, customer is required to fill in the username and password, but if the customer
did not have an account customer can make an account with just click at “Don’t Have an Account?
Click Here”. Picture below show a form for customer register new account. After all information have
been submit for new account, a message will notify the success of register.

c
d

Picture 4

14
 Picture 5

Picture 6
Step 2: This is main page for customer. In this page customer can make their reservation with just click
“Customer Reservation”. At “Customer Reservation”, customer can make reservation and view the
reservation. Click on “Make Reservation” to make reservation.

15
 6
7

10

Picture 7
Step 3: This is reservation form that customer must fill in to make reservation. After all the detail have been fill,
customer can click on “Place Reservation” button and a notification will show to inform the reservation
is complete

Picture 8

16
 Picture 9
Step 4: This is the details about customer reservation. After customer click “View Reservation” this will show.
If customer did not make to make change in this details, customer can just logout from this system, but
if customer want to make some change, customer can click “Edit” or “Delete”.

Picture 10
Step 5: Customer can edit their details at this page. After the change have been made, customer can click at
“Submit” button to renew the details.

17
 Picture 11
Step 6: A new change have been update. After the customer is satisfy with the reservation, customer can click
“Logout” to logout from the system.

18
3.2 Admin User Manual

Picture 2

3
4

Picture 3
Step 1: Admin page, the system begin with admin login. Admin is required to key in their username and
password. Usually for admin login, the username and password have been set up beforehand.

19
 Picture 4
Step 2: The username and password for admin login is “admin” and “admin123”. After an admin have
complete the username and password, admin have just to click login button to go to next page. Admin
can click “Back” if admin want to back to main page system. If admin key in the wrong details, a
warning will show, “Invalid Details” to alert the admin.

Picture 5

20
 Picture 6
Step 3: This is main page for admin. As we can see, at the sidebar admin dashboard, admin can manage
computer, cabin and view customer reservation. At right part of header, we click at the avatar and it
shown that admin can edit or view they profile, change password and logout.

Picture 7

21
 Picture 8
Step 4: Admin can click at “Customer Reservation” to view customer reservation. Picture 8 show a reservation
made by customer. Admin is given option to delete the reservation or not. At the bottom, we can see
“Print” button to print a report about customer reservation. Picture 9 show a report for customer
reservation. If the admin delete the reservation, it will show at Picture 10.

Picture 9

22
Picture 10

Picture 11

23
 Picture 12
Step 5: Other than view customer reservation, admin also manage computer details and cabin details as show in
picture 11 and 12.

Picture 13

24
 Picture 14
Step 5: Picture 13 show a form for computer details. Admin fill in the details about computer and click “Add”
button. A message “Computer Detail have been added” will show.

Picture 15
Step 6: In manage computer page, if admin want to edit computer details with click on “Edit Details”.

25
 10

Picture 16

Picture 17
Step 7: Admin will be given form to update computer details. After admin have complete the form, admin can
click “Update” button. A message will show that computer detail has been update.

26
 11

Picture 18

Picture 19
Step 8: At the header admin dashboard, admin can view and update their profile, change password and logout.
After admin have been settle all the task in system, admin can click “Logout” to logout from the system.

27