You are on page 1of 4

Title: Employee’s Online Time In- Time Out System

Requirement:

 List of Employee
 Time In
 Time Out
 Department

Scopes:

This data shows the relation of time in and time out to the employees that may
help the company to have a computerized attendance along with their remarks.

Data Structure:

Employee

Field Type Null Key Default


Employee_ID Int No Primary Key Null
Employee_LastName Varchar(15) No Null
Employee_FirstName Varchar(20) No Null
Employee_MiddleName Varchar(15) No Null
Employee_ContactNumbe Int(11) No Null
r
Employee_Address Varchar(50) No Null
Department_ID Int No Foreign Key Null

Time In

Field Type Null Key Default

TimeIn_ID Int No Primary Key Null

Time In Time No Null

TimeIn_Date Date No Null


Time Out

Field Type Null Key Default

TimeOut_ID Int No Primary Key Null

Time Out Time No Null

TimeOut_Date Date No Null

Total Working Hours

Field Type Null Key Default

Total Working Int No Primary Key Null


Hours_ID
TimeIn_ID Int No Foreign Key Null
TimeOut_ID Int No Foreign Key Null

Employee_WorkHours Time No Null

Total_WorkHours Time No Null

Department

Field Type Null Key Default

Department_ID Int No Primary Key Null


Department_Name Varchar(45) No Null
Department_Location Varchar(30) No Null

Employee_ID Int No Foreign Key Null

Remarks
Field Type Null Key Default

Remarks_ID Int No Primary Key Null

Remarks Varchar(60) No Null


Employee_ID Int No Foreign Key Null
Department_ID Int No Foreign Key Null

Total Working Int No Foreign Key Null


Hours_ID

Transaction Requirements:

Data Entry:

1. Enter the details of the employee


2. Enter the time in of the employee.
3. Enter the time out of the employee.
4. Enter the details of the department.

Data Update/Deletion:

1. Update/delete the details of an employee.


2. Update/delete the total office hours of the employee.
3. Update/delete the remarks of the employee.

Data Query:

1. List the details of the Employee.


2. List the details of employees by address.
3. List the details of employees by total working hours.
4. List the details of employees by Department.
5. List the remarks by the employee.
6. Display time in and out.
7. Display the details of employee.
8. Display the details of department.
9. Display the remarks.

Layout Form:
Sample Code:

<!DOCTYPE html>
<html>
<head>
<title>database</title>
<link rel="stylesheet" href="web.css">
</head>
<body>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Pages</a>
<a href="#">Projects</a>
<a href="#">News</a>
<a href="#">Contact</a>
<div class="animation start-about"></div>
</nav>
</body>

</html>

You might also like